/* The drawing stays in place; the user's scroll advances its construction. */
.aw-journey-page .page{max-width:none;padding:64px 0 0;overflow:visible}
.journey{--paper:#E6E9E3;--text:#0F2623;--detail:#4A5A55;--stroke:rgba(15,38,35,.2);--slab:#d9dfd5;--glass:#83a49b;--shadow:#426a60;--highlight:#C9DB74;position:relative;color:var(--text);background:var(--paper);transition:background .65s,color .65s;isolation:isolate}
.journey-stage{height:calc(100svh - 64px);position:sticky;top:64px;margin-bottom:calc(-100svh + 64px);pointer-events:none;z-index:-1;overflow:hidden}
.journey-visual{position:absolute;left:0;top:0;bottom:0;width:56%;overflow:hidden}
.drawing-grid{position:absolute;inset:-25%;background-image:linear-gradient(var(--stroke) 1px,transparent 1px),linear-gradient(90deg,var(--stroke) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-24deg);opacity:.24;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.75) 55%,transparent 90%)}
.journey-model{position:absolute;width:100%;height:89%;left:0;top:2%;overflow:visible;color:var(--text);transition:opacity .7s,transform 1s cubic-bezier(.2,.7,.1,1);transform:translateY(calc(var(--chapter-progress,0)*-12px));}
.model-floor{transform:translateY(calc(var(--level)*-38px));transition:transform 1.1s cubic-bezier(.2,.7,.1,1),opacity .75s}
.floor-side{stroke:var(--text);stroke-width:.75;fill:var(--glass);transition:fill .7s,opacity .7s}.side-right{fill:var(--shadow)}
.floor-top{fill:var(--slab);stroke:var(--text);stroke-width:1.2;transition:fill .7s,opacity .7s}.floor-plan{stroke:var(--text);stroke-width:.8;opacity:.3}.floor-balcony{stroke:var(--text);stroke-width:1.1;opacity:.6}.floor-windows{color:var(--text)}
.model-guides,.model-measure{transition:opacity .7s}
.drawing-corner{position:absolute;width:25px;height:25px;border:1px solid var(--stroke)}.corner-a{left:var(--g);top:40px;border-right:0;border-bottom:0}.corner-b{right:40px;bottom:100px;border-left:0;border-top:0}
.drawing-caption{position:absolute;bottom:30px;left:var(--g);right:30px;padding-top:12px;border-top:1px solid var(--stroke);text-align:right;font-size:14px;line-height:1.7}
.drawing-caption>span{display:none;font-weight:650}.drawing-caption small{display:block;color:var(--detail);font-size:11px;margin-top:5px}
.journey[data-active="0"] [data-caption="0"],.journey[data-active="1"] [data-caption="1"],.journey[data-active="2"] [data-caption="2"],.journey[data-active="3"] [data-caption="3"],.journey[data-active="4"] [data-caption="4"],.journey[data-active="5"] [data-caption="5"]{display:block}
.journey-copy{width:44%;margin-left:56%;padding-inline:22px var(--g)}
.journey-section{min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:85px;scroll-margin-top:64px;position:relative}
.journey-intro{min-height:calc(100svh - 64px);padding-top:60px;padding-bottom:55px}
.journey-page-name{color:var(--detail);font-size:14px;font-weight:600;margin:0 0 20px}
.journey h1{font-size:clamp(48px,5.5vw,88px);font-weight:850;line-height:1.45;letter-spacing:-.035em;margin:0 0 24px;max-width:12ch;text-wrap:initial}
.journey-lead{font-size:clamp(18px,1.45vw,23px);font-weight:600;line-height:1.95;margin:0 0 20px}
.journey-intro-copy{font-size:14px;line-height:1.95;color:var(--detail);max-width:50ch}
.journey-intro-copy p{margin:0}
.journey-index{display:flex;width:100%;margin-top:32px;border-block:1px solid var(--stroke)}
.journey-index a{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:18px 10px;text-decoration:none;border-inline-end:1px solid var(--stroke);font-size:18px;font-weight:750;transition:background .2s}
.journey-index a:first-child{padding-inline-start:0}.journey-index a:last-child{border-inline-end:0}.journey-index small{font-size:12px;font-weight:450;color:var(--detail)}.journey-index a:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}
.journey-process .journey-index a{font-size:15px;padding-inline:12px}
.journey-scroll{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--detail);margin:28px 0 0}
.journey-scroll span{height:35px;width:16px;border:1px solid var(--stroke);border-radius:16px;position:relative}.journey-scroll span::after{content:"";position:absolute;top:6px;left:6px;width:2px;height:9px;background:var(--detail)}
.journey-chapter{min-height:110svh;padding-block:110px}
.journey-chapter h2{font-size:clamp(42px,4.5vw,72px);line-height:1.4;letter-spacing:-.025em;margin:0 0 25px;font-weight:850;max-width:13ch}
.journey-price{display:flex;align-items:center;gap:18px;margin:5px 0 30px;line-height:1.7}
.journey-price strong{font-size:clamp(90px,9.5vw,150px);font-weight:350;line-height:1.15;letter-spacing:-.07em}
.journey-price>span{font-size:16px}.journey-price>span:first-child{align-self:flex-end;margin-bottom:20px}
.journey-scope{font-weight:750;font-size:20px;margin:0 0 10px}
.journey-body{font-size:17px;line-height:2.1;max-width:47ch}.journey-body>p:first-child{margin-top:0}.journey .btn,.journey .button{--fg:var(--text);--bg:var(--paper);color:var(--text);border-color:var(--text);background:transparent;font-size:15px;margin-top:25px;min-height:50px}
.journey .btn:hover,.journey .button:hover{background:var(--text);color:var(--paper)}
.journey-progress{position:absolute;top:0;bottom:0;left:14px;display:flex;flex-direction:column;justify-content:flex-start;width:28px;pointer-events:none}
.journey-progress::before{content:none}.journey-progress a{pointer-events:auto;text-decoration:none;position:sticky;top:calc(50svh + var(--index)*32px);height:28px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--text)}
.journey-progress a:nth-child(1){--index:-2}.journey-progress a:nth-child(2){--index:-1}.journey-progress a:nth-child(3){--index:0}.journey-progress a:nth-child(4){--index:1}.journey-progress a:nth-child(5){--index:2}
.journey-progress i{width:17px;height:5px;border:1px solid currentColor;opacity:.35;transition:height .25s,opacity .25s}.journey-progress a[aria-current=step] i{height:10px;opacity:1;background:var(--highlight)}
.journey-progress span{position:absolute;left:35px;padding:4px 10px;white-space:nowrap;font-size:12px;background:var(--paper);border:1px solid var(--stroke);opacity:0;pointer-events:none}.journey-progress a:hover span,.journey-progress a:focus-visible span{opacity:1}
.process-number{font-size:clamp(110px,13vw,200px);font-weight:200;line-height:1;color:var(--detail);margin:0 0 32px;letter-spacing:-.05em}
.journey-next{display:block;width:fit-content;margin-top:30px;padding-bottom:6px;border-bottom:1px solid var(--stroke);font-size:14px;color:inherit;text-decoration:none}
.journey .notice{padding:0;background:none;border:0;border-top:1px solid var(--stroke);margin-top:30px;font-size:13px}.journey .notice p{font-size:13px}
.journey-finish{padding:110px var(--g);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#D3DCD5}
.journey-finish h2{font-size:clamp(36px,4vw,60px);font-weight:850;line-height:1.5;margin:0;max-width:18ch}.journey-finish-copy{font-size:18px;line-height:2}.journey-finish-copy>p:first-child{margin-top:0}.journey-finish .notice{background:transparent;padding:18px 0;border:0;border-top:1px solid var(--line);font-size:14px}.journey-finish .notice p{font-size:14px}
/* Scope expands, and the same drawing acquires substance. */
.journey[data-active="0"] .floor-side,.journey-process[data-active="1"] .floor-side{fill:transparent;opacity:.2}
.journey[data-active="0"] .floor-top{fill:var(--paper);fill-opacity:.55;stroke-opacity:.35}
.journey[data-active="0"] .floor-balcony{opacity:.25}
.journey-pricing[data-active="1"] .model-floor{transform:translateY(-160px);opacity:0}
.journey-pricing[data-active="1"] .model-floor:first-child{opacity:1;transform:translateY(-160px) scale(1.06);transform-origin:center}
.journey-pricing[data-active="1"] .floor-plan{opacity:1;stroke-width:2}
.journey-pricing[data-active="1"] .floor-top{fill:#C9DB74;fill-opacity:.4}
.journey-pricing[data-active="1"] .model-guides,.journey-pricing[data-active="1"] .model-measure{opacity:.1}
.journey-pricing[data-active="2"]{--paper:#D3DCD5}
.journey-pricing[data-active="3"],.journey-process[data-active="4"],.journey-process[data-active="5"]{--paper:#153F3B;--text:#EEF1EA;--detail:#c0cec5;--stroke:rgba(238,241,234,.22);--slab:#d5dfc7;--glass:#bdcfb2;--shadow:#58796a}
.journey-process[data-active="1"] .model-floor{transform:translateY(-160px);opacity:0}
.journey-process[data-active="1"] .model-floor:first-child{opacity:1}
.journey-process[data-active="1"] .floor-top{fill:transparent;stroke-width:2}
.journey-process[data-active="1"] .floor-plan{opacity:1;stroke-width:2}
.journey-process[data-active="1"] .floor-balcony,.journey-process[data-active="1"] .model-measure{opacity:0}
.journey-process[data-active="2"] .model-floor{transform:translateY(calc(var(--level)*-24px - 80px))}
.journey-process[data-active="2"] .floor-side{opacity:.3}
.journey-process[data-active="3"] .model-floor{transform:translateY(calc(var(--level)*-50px + 24px))}
.journey-process[data-active="3"] .floor-plan{opacity:.8}
.journey-process[data-active="3"]{--paper:#D3DCD5}
.journey-render{position:absolute;left:12%;right:7%;top:15%;bottom:18%;opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(30px);transition:clip-path 1s cubic-bezier(.2,.7,.1,1),opacity .65s,transform 1s;overflow:hidden;border:1px solid var(--stroke)}
.journey-render img{width:100%;height:100%;object-fit:cover;display:block}
.journey-pricing[data-active="3"] .render-night,.journey-process[data-active="4"] .render-day,.journey-process[data-active="5"] .render-night{opacity:1;clip-path:inset(0);transform:translateY(0)}
.journey-pricing[data-active="3"] .journey-model,.journey-process[data-active="4"] .journey-model,.journey-process[data-active="5"] .journey-model{opacity:.12;transform:scale(.85)}
.render-interface{position:absolute;inset:0;padding:24px;color:#fff;background:linear-gradient(180deg,rgba(10,24,22,.65),transparent 25%,transparent 60%,rgba(10,24,22,.75));display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:14px;gap:5px}
.render-interface>span:first-child{font-family:'Instrument Sans',sans-serif;font-weight:550;font-size:18px;direction:ltr;letter-spacing:.08em}
.render-interface>span:nth-child(2){margin-top:auto;font-size:12px}
.unit-strip{display:flex;gap:5px;margin-top:8px}.unit-strip i{display:grid;place-items:center;width:35px;height:33px;border:1px solid rgba(255,255,255,.65);font-size:12px;font-style:normal}.unit-strip i:first-child{background:#C9DB74;color:#0F2623;border-color:#C9DB74}
@media(min-width:1600px){.journey-copy{padding-inline-start:50px;padding-inline-end:max(var(--g),calc((100vw - 1480px)/2))}}
@media(max-width:1080px) and (min-width:761px){.journey-copy{width:48%;margin-left:52%;padding-inline:15px var(--g)}.journey-visual{width:52%}.journey h1{font-size:52px}.journey-process .journey-index a{padding-inline:6px;font-size:13px}.journey-progress{left:5px}}
@media(max-width:760px){
 .aw-journey-page .page{padding-top:58px}.journey-stage{height:34svh;top:58px;margin-bottom:0;z-index:3;background:var(--paper);border-bottom:1px solid var(--stroke);transition:background .65s}
 .journey-visual{width:100%}.journey-model{width:70%;height:105%;left:15%;top:-12%}.drawing-grid{background-size:30px 30px}.drawing-corner{display:none}.drawing-caption{bottom:8px;left:20px;right:20px;border:0;padding:0;font-size:11px;line-height:1.4}.drawing-caption small{display:none}.journey-render{left:13%;right:13%;top:5%;bottom:14%;transform:translateY(10px)}.render-interface{padding:12px}.render-interface>span:first-child{font-size:12px}.unit-strip{gap:3px}.unit-strip i{width:22px;height:20px;font-size:9px}.render-interface>span:nth-child(2){font-size:10px}
 .journey-copy{width:100%;margin:0;padding:0 22px}.journey-section{min-height:auto;scroll-margin-top:calc(34svh + 82px)}.journey-intro{min-height:calc(66svh - 58px);padding:28px 0 45px}.journey-page-name{margin-bottom:10px;font-size:12px}.journey h1{font-size:clamp(38px,10.5vw,64px);line-height:1.4;max-width:none;margin-bottom:15px}.journey-lead{font-size:17px;line-height:1.9;margin-bottom:12px}.journey-intro-copy{font-size:13px}.journey-index{margin-top:22px}.journey-index a{font-size:17px;padding-block:12px}.journey-index small{font-size:11px}.journey-process .journey-index a{font-size:13px;padding:10px 8px}.journey-scroll{display:none}.journey-chapter{min-height:88svh;padding:50px 0 75px;border-top:1px solid var(--stroke);justify-content:center}.journey-chapter h2{font-size:38px;margin-bottom:15px;max-width:none}.journey-price{gap:16px;margin-bottom:20px}.journey-price strong{font-size:96px}.journey-price>span{font-size:14px}.journey-scope{font-size:18px}.journey-body{font-size:16px;line-height:2}.process-number{font-size:90px;margin-bottom:20px}.journey-progress{display:none}.journey-finish{grid-template-columns:1fr;padding:55px 22px;gap:25px}.journey-finish h2{font-size:35px}.journey-finish-copy{font-size:16px}.journey-finish .button,.journey-finish .btn{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.journey,.journey *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.journey-model{transform:none!important}}
html:has(.journey){scroll-padding-top:0;scroll-behavior:smooth}
@media(min-width:761px){.journey-copy{padding-inline:var(--g) 22px}}
@media(min-width:1600px){.journey-copy{padding-inline-start:max(var(--g),calc((100vw - 1480px)/2));padding-inline-end:50px}}
@media(prefers-reduced-motion:reduce){html:has(.journey){scroll-behavior:auto}}
.journey-price>span:first-child{align-self:center;margin-bottom:0}
.journey-process[data-active="3"] .model-floor{transform:translateY(calc(var(--level)*-47px + 35px))}
@media(max-width:760px){.journey-model{height:92%;top:0}.journey-chapter{min-height:calc(66svh - 58px);padding-block:38px 58px;justify-content:flex-start}}

/* Shared grid keeps the sticky drawing within the actual journey bounds. */
.journey{display:grid;grid-template-columns:minmax(0,1fr);overflow:clip}
.journey-stage{grid-area:1/1;align-self:start;margin-bottom:0}
.journey-copy{grid-area:1/1;min-width:0}
@media(max-width:760px){.journey{display:block}.journey-stage{margin-bottom:0}}
