:root{--white:#f1f2ef;--dim:#c6cdd0;--gold:#d7c6a5;--ui:'IBM Plex Sans Arabic',Tahoma,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--safe:clamp(24px,6vw,96px);--ease:cubic-bezier(.2,.8,.2,1);--split:50%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:#05070b;color:var(--white);font:400 14px/1.8 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}body.is-gated,body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid white;outline-offset:7px}button svg,a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}h1,h2,p{margin:0}button{touch-action:manipulation}::selection{background:#dddbc9;color:#14211e}.svg-defs,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;right:30px;background:white;color:#111;z-index:90;padding:12px 22px}.skip-link:focus{top:20px}
.cinema-header{position:fixed;top:0;inset-inline:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:30px var(--safe);pointer-events:none}.cinema-header>*{pointer-events:auto}.brand{position:absolute;left:50%;top:31px;transform:translateX(-50%);display:flex;flex-direction:column;text-align:center}.brand>span{font:400 32px/1 Arial,sans-serif;letter-spacing:.19em;padding-left:.19em}.brand small{font-size:9px;line-height:1;margin-top:12px;letter-spacing:.1em;opacity:.75}.header-action{display:flex;gap:11px;align-items:center;padding:9px 0;font-size:10px;letter-spacing:.05em}.header-action svg{width:18px;height:18px}.header-action:hover{opacity:.65}
#journey{height:1200svh;position:relative}.cinema-stage{position:fixed;inset:0;width:100%;height:100dvh;overflow:clip;isolation:isolate;background:#05070b}.cinema-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.earth-fallback{position:absolute;inset:0;background:linear-gradient(#0003,#0009),url('textures/earth.jpg') center/cover;filter:saturate(.6);opacity:.3;z-index:0}.world-ready .earth-fallback{opacity:0}.ground-fallback{position:absolute;inset:0;background:url('images/lavana-02.webp') center 60%/cover;opacity:0;z-index:2}.world-ready .ground-fallback{display:none}.atmosphere-transition{position:absolute;inset:-30%;z-index:4;pointer-events:none;opacity:0;will-change:opacity,transform;filter:blur(22px);background:radial-gradient(ellipse at 30% 70%,#e7edeb,transparent 52%),radial-gradient(ellipse at 70% 35%,#d9e4e7 10%,transparent 55%),linear-gradient(140deg,#96aab9,#d3dbd8,#b1bcc1)}.atmosphere-transition i{position:absolute;width:70%;height:50%;background:radial-gradient(ellipse,#f2f1e8d9,transparent 68%);filter:blur(16px)}.atmosphere-transition i:nth-child(2){right:10%;top:30%;transform:rotate(20deg)}.atmosphere-transition i:nth-child(3){left:0;bottom:0;transform:rotate(-30deg)}
.photo-scene{position:absolute;inset:0;opacity:0;z-index:5;pointer-events:none;will-change:opacity,transform;overflow:clip}.photo-scene img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform}.facade-scene img{position:absolute;inset:0}.facade-day{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.entrance-scene{z-index:6}.life-scene{z-index:7}.interior-scene{z-index:8}.interior-scene img{object-position:50% 45%}.finale-scene{z-index:9}.cinema-vignette{position:absolute;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 37%,transparent 25%,#02070b80 100%),linear-gradient(0deg,#02080bc9 0%,transparent 50%,#03080a40 100%);pointer-events:none}.grain{position:absolute;inset:-50%;width:200%;height:200%;z-index:11;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");animation:film-grain .35s steps(2) infinite}
.hud{position:absolute;inset:0;z-index:12;opacity:0;pointer-events:none;will-change:opacity}.hud-frame{position:absolute;left:14%;top:18%;width:72%;height:64%;overflow:visible;fill:none;stroke:#f5f4e4;stroke-width:1;vector-effect:non-scaling-stroke}.frame-outline{opacity:.32}.frame-corners{stroke-width:1.6;opacity:.9}.frame-thick{fill:#f5f4e4;stroke:none;opacity:.65}.hud-cross{position:absolute;font:200 35px/1 var(--mono);opacity:.5}.cross-a{left:8%;top:20%}.cross-b{right:8%;top:20%}.cross-c{left:8%;bottom:19%}.cross-d{right:8%;bottom:19%}.hud-cell{position:absolute;font-size:8px;line-height:1.6;letter-spacing:.025em;opacity:.65}.cell-a{right:16%;top:15%}.cell-b{left:16%;top:14.5%;font:8px/1.6 var(--mono);direction:ltr}.cell-c{left:16%;bottom:14%}.cell-d{right:16%;bottom:14%;font:14px/1 var(--mono)}.cell-d b{display:inline-block;background:white;width:6px;height:6px}.scan-line{position:absolute;left:14%;top:18%;width:72%;height:1px;background:linear-gradient(90deg,transparent,#dfebd84a,transparent);animation:scan 7s linear infinite;opacity:.5}.tracking-target{position:absolute;z-index:13;width:130px;height:96px;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%);pointer-events:none;will-change:left,top,opacity}.tracking-target i{position:absolute;width:18px;height:18px;border-color:#f4f3df;border-style:solid;border-width:0;opacity:.75}.tracking-target i:nth-child(1){left:0;top:0;border-top-width:1px;border-left-width:1px}.tracking-target i:nth-child(2){right:0;top:0;border-top-width:1px;border-right-width:1px}.tracking-target i:nth-child(3){left:0;bottom:0;border-bottom-width:1px;border-left-width:1px}.tracking-target i:nth-child(4){right:0;bottom:0;border-bottom-width:1px;border-right-width:1px}.tracking-target>span{position:absolute;right:-180px;width:166px;top:30px;font-size:15px}.tracking-target small{font-size:8px;opacity:.6;white-space:nowrap}.tracking-target>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:200 20px var(--mono);opacity:.6}
.start-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 85px;background:radial-gradient(ellipse at center,#03090a1c,transparent 65%);transition:opacity .9s,visibility .9s}.start-overlay .intro-tag{font-size:11px;letter-spacing:.03em;margin-bottom:15px;color:#e0e4df}.start-overlay h1{font-size:clamp(56px,6.7vw,100px);line-height:1.36;font-weight:600;letter-spacing:-.045em;text-shadow:0 2px 30px #0004}.start-overlay h1 em{font-style:normal}.start-overlay p{font-size:12px;line-height:1.9;margin-top:23px;color:#dde1de}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;background:#f4f4ee;color:#121a1b;padding:16px 25px;font-size:12px;font-weight:500;transition:background .3s,transform .3s;min-width:190px;text-align:right}.primary-button:hover{background:#d6ded8;transform:translateY(-2px)}.start-overlay .primary-button{margin-top:28px}.load-status{width:190px;position:relative;display:flex;justify-content:space-between;font-size:8px;color:#c6d1cc;margin-top:24px;direction:rtl}.load-status>b{font:8px var(--mono);direction:ltr}.load-status>i{position:absolute;top:25px;left:0;width:100%;height:1px;background:#e4e9dd29;direction:ltr}.load-status>i>b{height:100%;display:block;width:0;background:#d8ded4;transition:width .5s}.is-started .start-overlay{opacity:0;visibility:hidden;pointer-events:none}.is-gated .hud,.is-gated .chapter-dots,.is-gated .cinema-bottom,.is-gated .film-progress{opacity:0!important;pointer-events:none!important}.is-gated .header-action{opacity:.7}
.scene-copy{position:absolute;z-index:14;right:16%;bottom:22%;width:440px;max-width:40%;color:#fff;opacity:0;will-change:transform,opacity}.chapter-eyebrow{display:block;font-size:9px;font-weight:400;margin-bottom:13px;letter-spacing:.05em;opacity:.7}.scene-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.35;font-weight:600;letter-spacing:-.05em;text-shadow:0 2px 30px #0003}.scene-copy p{font-size:11px;line-height:1.85;max-width:360px;margin-top:20px;color:#d8e1dd}.scene-copy .subtle-link{margin-top:17px;display:inline-block;font-size:10px;padding:0 0 5px;border-bottom:1px solid #e4eadc6b}.scene-copy .subtle-link:hover{color:#fff}.land-copy{bottom:auto;top:17%;right:17%;width:430px}.land-copy h2{font-size:clamp(36px,4vw,62px)}.land-copy p{font-size:11px}.architecture-copy{right:auto;left:10%;max-width:32%;bottom:23%;text-align:right}.architecture-copy h2{font-size:clamp(36px,4vw,60px)}.model-note{display:block;font-size:8px;opacity:.4;margin-top:17px}.facade-copy{bottom:24%;right:12%}.facade-copy h2{font-size:clamp(35px,4.3vw,66px)}.life-copy{right:14%;bottom:23%}.interior-copy{right:13%;bottom:28%}.final-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:15;text-align:center;opacity:0;will-change:opacity,transform}.final-copy>span{font-size:10px;letter-spacing:.03em}.final-copy h2{font-weight:600;font-size:clamp(100px,15vw,220px);line-height:1.45;letter-spacing:-.065em}.final-copy>p{font-size:16px;margin-top:-10px;opacity:.85}.final-copy>div{display:flex;align-items:center;gap:35px;margin-top:35px}.replay-button{font-size:11px;padding:10px 0;border-bottom:1px solid #f4efdc52}.project-hotspots{position:absolute;inset:0;z-index:16;opacity:0;pointer-events:none}.project-hotspots button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:33px;height:33px;border:1px solid #f1f3de7d;border-radius:50%;display:grid;place-items:center;pointer-events:auto;background:#11292033}.project-hotspots button i{font:18px var(--mono);font-style:normal}.project-hotspots button>span{position:absolute;right:45px;white-space:nowrap;font-size:9px;padding:3px 8px;background:#142c23aa;opacity:.85}.project-hotspots button:hover{background:#d4d7c535;box-shadow:0 0 0 9px #d6dfc313}.project-hotspots[inert] button{pointer-events:none}
.day-night-control{position:absolute;inset:0;z-index:17;opacity:0;pointer-events:none}.day-night-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;pointer-events:auto;touch-action:pan-y}.day-night-control[inert] input{pointer-events:none}.split-line{position:absolute;top:17%;bottom:17%;left:var(--split);width:1px;background:#e5e8d775;pointer-events:none}.split-line i{font:24px var(--mono);font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff9;background:#15282166;border-radius:50%;display:grid;place-items:center;width:50px;height:50px}.day-label,.night-label{position:absolute;top:22%;font-size:9px;letter-spacing:.04em;opacity:.8}.day-label{left:17%}.night-label{right:17%}.interior-controls{position:absolute;z-index:17;right:13%;bottom:18%;display:flex;gap:20px;opacity:0}.interior-controls button{font-size:10px;color:#e2e6dd9c;padding:8px 0;border-bottom:1px solid transparent}.interior-controls button[aria-selected=true]{color:white;border-color:white}.interior-controls button:hover{color:white}
.chapter-dots{position:absolute;z-index:18;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;transition:opacity .5s}.chapter-dots button{width:15px;height:15px;display:grid;place-items:center;padding:0}.chapter-dots i{display:block;width:3px;height:3px;background:#dee5dc7a;transition:.3s}.chapter-dots button[aria-current=step] i{background:white;width:5px;height:5px;box-shadow:0 0 0 4px #fafdeb14}.cinema-bottom{position:absolute;z-index:18;left:var(--safe);right:var(--safe);bottom:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:opacity .5s}.cinema-bottom>*{pointer-events:auto}.cinema-bottom button{font-size:9px;padding:8px 0}.cinema-bottom button>span{margin-right:12px}.scene-counter{display:flex;align-items:center;gap:13px;direction:ltr;font:9px var(--mono)}.scene-counter>b{font-weight:400}.scene-counter>span{opacity:.45}.scene-counter i{height:1px;width:40px;background:#eef0d94d}.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:9px}.scroll-cue svg{width:13px;height:22px;fill:none;stroke:currentColor;stroke-width:1;animation:scroll-cue 2.3s infinite}.film-progress{position:absolute;bottom:0;left:0;right:0;z-index:20;height:1px;background:#fff1;direction:ltr}.film-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#e1e7d9}
.dialog-open .cinema-stage{filter:blur(5px)}dialog{border:0;color:var(--white);padding:0}dialog::backdrop{background:#04090be8}.dialog-close{position:absolute;left:var(--safe);top:30px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #e3e6d845;z-index:4}.dialog-close:hover{background:#f1f3e311}.dialog-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1}.chapters-dialog,.gallery-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;background:#071013ed;overflow-y:auto;padding:100px max(8vw,30px) 55px;scrollbar-width:thin;scrollbar-color:#597163 #071013}.dialog-kicker{font-size:10px;letter-spacing:.04em;color:#afc0b5}.chapters-dialog h2,.gallery-dialog h2{font-size:clamp(28px,3.6vw,50px);line-height:1.5;font-weight:500;margin:20px 0 35px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;max-width:1000px}.chapter-list button{display:flex;align-items:center;text-align:right;gap:25px;padding:22px 0;border-top:1px solid #c1cebd29;font-size:21px}.chapter-list button>span{font:10px var(--mono);color:#879a8d}.chapter-list button small{font-size:9px;margin-right:auto;color:#899e8e}.chapter-list button:hover{color:#c8d6bc}.gallery-filters{display:flex;gap:28px;border-bottom:1px solid #bbc5ad38;padding-bottom:22px;margin-bottom:30px;flex-wrap:wrap}.gallery-filters button{font-size:11px;padding:7px 0;color:#99ad9c;border-bottom:1px solid transparent}.gallery-filters button[aria-pressed=true]{color:white;border-color:#cfddc6}.gallery-filters small{font:9px var(--mono);margin-right:6px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 23px}.gallery-item{padding:0;text-align:right;display:block;min-width:0}.gallery-item .gallery-thumb{display:block;aspect-ratio:1.55;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item>span:last-child{font-size:10px;color:#b1c1ad;display:block;margin-top:10px}.gallery-note{font-size:10px;color:#8da18f;margin-top:40px}.lightbox{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;background:#050b0d;overflow:clip}.lightbox-meta{position:absolute;top:42px;left:150px;right:var(--safe);display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);letter-spacing:.15em}.lightbox-meta output{font-size:10px;direction:ltr;color:#a7b8a6}.lightbox-view{position:absolute;inset:100px 26px 90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-view>img{display:block;max-width:calc(100% - 130px);max-height:100%;width:auto;min-width:0;object-fit:contain}.lightbox-view>button{width:42px;height:50px;border:1px solid #c9d7bb3b;font:22px Arial;flex:none}.lightbox-view>button:hover{background:#d8e6cc18}.lightbox-bottom{position:absolute;bottom:25px;inset-inline:var(--safe);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.lightbox-bottom a{padding:8px 0;border-bottom:1px solid #d3dbcb3a;font-size:10px}.noscript-message{position:fixed;z-index:30;top:40%;width:100%;padding:30px;text-align:center}
@keyframes film-grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(3%,1%)}}@keyframes scan{0%{transform:translateY(0);opacity:0}20%{opacity:.5}80%{opacity:.4}100%{transform:translateY(60vh);opacity:0}}@keyframes scroll-cue{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(4px);opacity:1}}
@media(max-width:900px){.scene-copy{right:12%;max-width:47%;width:430px}.architecture-copy{left:10%;right:auto;max-width:40%}.scene-copy h2{font-size:44px}.land-copy{right:17%;max-width:45%}.land-copy h2{font-size:39px}.scene-copy p{font-size:10px}.chapter-list{grid-template-columns:1fr}.chapter-list button{padding-block:18px}.hud-frame{left:11%;width:78%}.cell-a{right:13%}.cell-b{left:13%}}
@media(max-width:600px){:root{--safe:23px}#journey{height:1150svh}.cinema-header{padding:23px var(--safe)}.brand{top:25px}.brand>span{font-size:23px;letter-spacing:.14em}.brand small{font-size:8px;margin-top:9px}.header-action{padding-block:8px}.header-action>span{display:none}.header-action svg{width:18px;height:18px}.start-overlay{padding:95px 24px 90px}.start-overlay .intro-tag{font-size:9px;margin-bottom:18px}.start-overlay h1{font-size:clamp(48px,14vw,68px);line-height:1.4}.start-overlay p{font-size:10px;margin-top:20px}.primary-button{min-width:176px;gap:40px;padding:14px 22px;font-size:11px}.start-overlay .primary-button{margin-top:25px}.load-status{width:176px;font-size:7px;margin-top:22px}.load-status>b{font-size:7px}.hud-frame{left:7%;width:86%;top:19%;height:60%;stroke-width:1.3}.hud-cross{font-size:23px}.cross-a{left:3%;top:15%}.cross-b{right:3%;top:15%}.cross-c{left:3%;bottom:17%}.cross-d{right:3%;bottom:17%}.hud-cell{font-size:6px}.cell-a{right:10%;top:16%}.cell-b{left:10%;top:15.5%;font-size:6px}.cell-c{left:11%;bottom:17%}.cell-d{right:11%;bottom:17%;font-size:10px}.scan-line{left:7%;width:86%;top:19%}.scene-copy{right:10%;bottom:22%;width:calc(100% - 72px);max-width:none}.scene-copy h2{font-size:clamp(33px,9.5vw,48px);line-height:1.4}.chapter-eyebrow{font-size:8px;margin-bottom:10px}.scene-copy p{font-size:10px;line-height:1.9;margin-top:17px;max-width:300px}.land-copy{top:22%;bottom:auto;right:11%;max-width:none;width:calc(100% - 82px)}.land-copy h2{font-size:35px}.land-copy p{font-size:9px}.architecture-copy{left:auto;right:11%;bottom:23%;max-width:none;width:calc(100% - 84px)}.architecture-copy h2{font-size:35px}.architecture-copy p{max-width:265px}.model-note{font-size:7px;margin-top:12px}.facade-copy{right:10%;bottom:24%;width:calc(100% - 74px)}.facade-copy h2{font-size:34px}.facade-copy p{font-size:9px}.life-copy{right:10%;bottom:23%}.interior-copy{right:10%;bottom:29%}.interior-copy h2{font-size:34px}.interior-copy p{font-size:9px}.interior-controls{right:10%;left:10%;bottom:21%;gap:0;justify-content:space-between}.interior-controls button{font-size:9px;padding-block:8px}.final-copy>span{font-size:8px}.final-copy h2{font-size:115px;line-height:1.5}.final-copy>p{font-size:13px}.final-copy>div{gap:22px;flex-direction:column;margin-top:30px}.replay-button{font-size:10px;padding:7px 0}.cinema-bottom{bottom:25px}.cinema-bottom>button{font-size:8px}.cinema-bottom>button span{margin-right:6px}.scene-counter{font-size:8px;gap:8px}.scene-counter i{width:23px}.scroll-cue{font-size:8px;bottom:47px}.scroll-cue svg{width:10px;height:18px}.chapter-dots{right:10px;gap:12px}.chapter-dots button{width:12px;height:12px}.tracking-target{width:84px;height:70px}.tracking-target>span{right:-115px;top:22px;width:105px;font-size:12px}.tracking-target small{font-size:6px;white-space:normal}.tracking-target i{width:12px;height:12px}.tracking-target>b{font-size:15px}.project-hotspots button{width:26px;height:26px}.project-hotspots button>span{right:34px;font-size:7px;padding:3px 6px}.project-hotspots button i{font-size:14px}.split-line{top:22%;bottom:22%}.split-line i{width:38px;height:38px;font-size:18px}.day-label,.night-label{top:23%;font-size:8px}.day-label{left:12%}.night-label{right:12%}.photo-scene img{object-position:50% center}.facade-scene img{object-position:50% center}.interior-scene img{object-position:50% 40%}.cinema-vignette{background:linear-gradient(0deg,#030b10eb 0%,#030b1055 46%,transparent 72%,#030b1050),radial-gradient(ellipse at 50% 40%,transparent 20%,#02080b66 100%)}.chapters-dialog,.gallery-dialog{padding:90px 25px 40px}.dialog-close{top:23px;left:23px;width:35px;height:35px}.dialog-kicker{font-size:8px}.chapters-dialog h2,.gallery-dialog h2{font-size:29px;margin-block:18px 28px}.chapter-list button{font-size:19px;gap:18px;padding-block:18px}.chapter-list button>span{font-size:8px}.chapter-list button small{font-size:7px}.gallery-filters{gap:20px;padding-bottom:18px;margin-bottom:24px}.gallery-filters button{font-size:10px}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.gallery-item .gallery-thumb{aspect-ratio:1}.gallery-item>span:last-child{font-size:8px;margin-top:8px;line-height:1.8}.gallery-note{font-size:8px;line-height:1.8}.lightbox-meta{top:36px;left:95px;right:25px;font-size:10px}.lightbox-meta output{font-size:8px}.lightbox-view{inset:92px 10px 105px;gap:5px}.lightbox-view>img{max-width:calc(100% - 60px)}.lightbox-view>button{width:25px;height:40px;font-size:17px}.lightbox-bottom{bottom:25px;font-size:10px;align-items:start}.lightbox-bottom>p{max-width:65%;line-height:1.8}.lightbox-bottom>a{font-size:8px;white-space:nowrap;padding-top:0}}
@media(max-height:600px) and (min-width:601px){.cinema-header{padding-block:18px}.brand{top:20px}.start-overlay h1{font-size:55px}.start-overlay p{font-size:10px;margin-top:12px}.start-overlay .primary-button{margin-top:18px;padding-block:11px}.load-status{margin-top:15px}.scene-copy h2{font-size:39px}.scene-copy p{font-size:10px}.chapter-eyebrow{margin-bottom:8px}.cinema-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition-duration:.01ms!important}
.orbital-copy{right:auto;left:15%}
.project-hotspots button:first-child>span{right:auto;left:45px}
@media(max-width:600px){.orbital-copy{left:auto;right:10%}}
@media(max-width:600px){.project-hotspots button:first-child>span{left:34px}}
@media(max-width:600px){.scene-copy p,.land-copy p,.facade-copy p,.interior-copy p{font-size:11px}.gallery-item>span:last-child{font-size:10px}.project-hotspots button>span{opacity:0}.project-hotspots button:focus-visible>span{opacity:1}}
@media(max-width:600px){.project-hotspots button:not(:first-child){display:none}}

/* The journey continues indoors; portrait photographs retain their full framing. */
#journey{height:1700svh}
.interior-scene{background:#26251f}
.interior-slide{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;background:#26251f}
.interior-slide.is-visible{will-change:opacity}
.photo-scene .interior-backdrop{position:absolute;inset:0;object-fit:cover;object-position:center;filter:blur(24px) brightness(.4);transform:scale(1.09);opacity:.75}
.photo-scene .interior-photo{position:absolute;inset:0 29% 0 0;width:71%;height:100%;padding:90px 3vw 92px 5vw;object-fit:contain;object-position:center;transform:scale(var(--room-scale,1));transform-origin:50% 50%}
.interior-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#15150e45,transparent 17%,transparent 82%,#15150e66),rgba(0,0,0,calc(var(--closing,0)*.52))}
.is-inside .cinema-vignette{opacity:.25}
.interior-copy{right:6%;bottom:40%;width:24%;max-width:340px}
.interior-copy h2{font-size:clamp(28px,2.65vw,46px);line-height:1.5;letter-spacing:-.035em}
.interior-copy p{font-size:12px;line-height:1.95;margin-top:18px;color:#e1e0d7}
.interior-controls{right:6%;left:auto;bottom:25%;width:24%;max-width:340px;display:block}
.interior-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.interior-navigation span{font:10px/1 var(--mono);letter-spacing:.18em;color:#f1f0e8}
.interior-controls .interior-navigation button{font:22px/1 Arial,sans-serif;width:40px;height:40px;padding:0;color:#f1f0e8;border:1px solid #e6e3d940;border-radius:50%;transition:background .2s}
.interior-navigation button:hover:not(:disabled){background:#f1efdc18}
.interior-navigation button:disabled{opacity:.25;cursor:default}
.interior-steps{display:grid;grid-template-columns:repeat(var(--interior-count,11),minmax(0,1fr));gap:8px;direction:rtl}
.interior-steps button{min-width:0;height:44px;padding:5px 0;display:flex;flex-direction:column;justify-content:center;gap:10px;color:#d2cfc080;transition:color .2s}
.interior-steps span{font:9px/1 var(--mono)}
.interior-steps i{display:block;width:100%;height:2px;background:currentColor}
.interior-steps button[aria-current=step]{color:#fff}
.interior-controls[inert]{pointer-events:none}
@media(max-width:900px){
 .photo-scene .interior-photo{width:65%;padding:85px 3vw 85px}
 .interior-copy,.interior-controls{right:6%;width:29%;max-width:none}
 .interior-copy h2{font-size:30px}
 .interior-copy p{font-size:11px}
 .interior-steps{gap:6px}
}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){
 .photo-scene .interior-photo{inset:0;width:100%;padding:83px 23px 262px;object-position:center}
 .interior-copy{top:auto;right:25px;left:25px;bottom:160px;width:auto;max-width:none}
 .interior-copy .chapter-eyebrow{font-size:8px;margin-bottom:5px}
 .interior-copy h2{font-size:28px;line-height:1.45}
 .interior-copy p{max-width:none;font-size:11px;line-height:1.8;margin-top:6px}
 .interior-controls{right:25px;left:25px;bottom:66px;width:auto;max-width:none}
 .interior-navigation{margin-bottom:0;gap:12px}
 .interior-controls .interior-navigation button{width:32px;height:32px;font-size:19px}
 .interior-steps{gap:9px}
 .interior-steps button{height:36px;gap:7px}
 .is-inside .scroll-cue{display:none}
 .is-inside .chapter-dots{right:6px}
}
@media(max-height:600px) and (min-width:601px){
 .photo-scene .interior-photo{padding-block:70px}
 .interior-copy{bottom:41%}
 .interior-copy h2{font-size:28px}
 .interior-copy p{font-size:11px;margin-top:10px}
 .interior-controls{bottom:17%}
}

/* Scroll-directed typography, light-field interludes and crisp source images. */
.kinetic-line{display:block;perspective:700px}
.kinetic-word{display:inline-block;transform-origin:center 85%;will-change:transform,opacity,filter}
.scene-copy h2{letter-spacing:-.025em}
.scene-copy p{font-size:12px;line-height:1.95}
.scene-copy .chapter-eyebrow{font-size:10px}
.scene-copy p,.chapter-eyebrow,.transition-kicker,.transition-detail{will-change:transform,opacity}
.cinematic-transition{position:absolute;inset:0;z-index:13;opacity:0;pointer-events:none;overflow:clip;background:radial-gradient(ellipse at 50% 48%,#4e3820,#080a0c 75%);will-change:opacity}
.cinematic-transition #transitionCanvas{z-index:0}
.transition-copy{position:absolute;z-index:1;inset-inline:8%;bottom:15%;text-align:center;perspective:900px}
.transition-kicker{display:block;font-size:10px;letter-spacing:.07em;color:#e8d1a7;margin-bottom:20px}
.transition-copy h2{font-size:clamp(36px,4.3vw,70px);font-weight:500;line-height:1.5;letter-spacing:-.025em;text-shadow:0 2px 30px #090803a8}
.transition-detail{font-size:10px;line-height:1.9;margin-top:23px;color:#d9c5a4}
.transition-line{position:absolute;bottom:8%;left:50%;height:42px;width:1px;background:linear-gradient(transparent,#e7c18499);transform:translateX(-50%)}
.photo-scene .interior-photo{transform:translate(var(--room-x,0px),var(--room-y,0px)) scale(var(--room-scale,1))}
.interior-slide[data-restored] .interior-photo{object-fit:scale-down}
.grain{opacity:.018;animation-duration:.8s}
.hud:after{content:"";position:absolute;inset:18% 14%;opacity:calc(var(--survey,0)*.16);background-image:linear-gradient(#f8ebcf55 1px,transparent 1px),linear-gradient(90deg,#f8ebcf55 1px,transparent 1px);background-size:10% 16.66%;mask-image:radial-gradient(ellipse,black 20%,transparent 75%)}
.hud-frame{filter:drop-shadow(0 0 5px #fff3)}
.start-overlay h1{animation:opening-title 1.2s var(--ease) both}
@keyframes opening-title{from{opacity:0;transform:translateY(28px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.gallery-note a{margin-inline-start:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){
 .transition-copy{inset-inline:24px;bottom:20%}
 .transition-copy h2{font-size:clamp(30px,7vw,46px);line-height:1.55}
 .transition-kicker{font-size:9px;margin-bottom:14px}
 .transition-detail{font-size:9px;margin-top:18px}
 .transition-line{bottom:12%;height:32px}
 .interior-copy p{font-size:11px;line-height:1.8}
 .interior-copy .chapter-eyebrow{font-size:8px}
}