@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#181919;--panel:#252626;--muted:#b9b9b4;--ink:#f8f8f5;--accent:#b28b50;--line:#ffffff20;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:16px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4.5%;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:3px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px}.brandmark{font-size:40px;color:var(--accent);font-weight:400;transform:skew(-12deg);letter-spacing:-8px;width:40px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.button{background:var(--accent);color:#181919;padding:19px 26px;display:inline-flex;gap:35px;align-items:center;font-weight:600;border-radius:3px}.button:hover{background:#c9a86e}.button span{font-size:22px}.button.small{padding:13px 18px;font-size:14px;gap:24px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:58px 4.5% 40px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;line-height:1.6;color:var(--muted);margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(42px,5.1vw,78px);letter-spacing:-3px;line-height:1.12;margin-bottom:0}h1 em{font-style:normal;color:var(--accent)}.intro-note{max-width:290px;padding-bottom:5px;color:var(--muted);line-height:1.65}.text-link{display:inline-flex;gap:28px;border-bottom:1px solid #a68b62;padding:7px 0;color:var(--ink);font-size:14px}.explorer{margin:0 4.5%;border:1px solid var(--line);scroll-margin-top:20px}.explorer-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;gap:20px}.explorer-bar .eyebrow{margin:0}.project-select{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);min-width:0}select{background:var(--panel);border:1px solid var(--line);padding:9px 30px 9px 12px;border-radius:3px;color:var(--ink);font-size:14px;max-width:430px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:520px}.stage{position:relative;min-width:0;overflow:hidden;background:#080c0a;isolation:isolate;min-height:520px}.stage>img,.stage>video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.stage>video{object-fit:contain}.stage:has(video:not([hidden])) .stage-bottom{pointer-events:none;bottom:64px}.stage:has(video:not([hidden])) .stage-bottom h2{font-size:24px}.stage:has(video:not([hidden])) .view-arrows{pointer-events:auto}.stage:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none;z-index:0}.stage:has(video:not([hidden])):after{display:none}.stage-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:1}.glass-chip{background:#202121b8;backdrop-filter:blur(15px);border:1px solid #ffffff50;border-radius:3px;padding:11px 14px;font-size:11px;letter-spacing:1.5px}.icon-button{width:43px;height:43px;border:1px solid #ffffff60;color:white;border-radius:50%;background:#20212190;backdrop-filter:blur(10px);font-size:23px}.icon-button:hover{background:var(--accent);color:#111}.stage-bottom{position:absolute;bottom:26px;left:30px;right:26px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.stage-bottom .eyebrow{color:#f1e5d3;font-size:11px;display:block;margin-bottom:10px}.stage-bottom h2{font-size:clamp(26px,2.7vw,42px);letter-spacing:-1px;max-width:590px;line-height:1.2;margin:0;text-shadow:0 2px 10px #0007}.view-arrows{display:flex;gap:8px}.tour-panel{padding:25px 24px;background:var(--panel)}.panel-top{display:flex;justify-content:space-between;gap:8px}.panel-top .eyebrow{font-size:10px;letter-spacing:1px}.panel-number{font-size:10px;white-space:nowrap;color:var(--muted)}.tour-panel h3{font-size:27px;letter-spacing:-.7px;margin-bottom:8px}.panel-copy{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:8px}.map{position:relative;width:100%;aspect-ratio:300/180;background:#1c1d1d;margin-top:17px;border:1px solid var(--line)}.map svg{display:block;width:100%;height:100%}.map button{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;background:#33302a;color:#f5efdf;border:1px solid #a38657;border-radius:50%;font-size:12px;transition:background .2s,box-shadow .2s}.map button[aria-pressed=true]{color:#161717;background:var(--accent);box-shadow:0 0 0 5px #b28b5018}.map-caption{font-size:10px;color:var(--muted);margin:9px 0 21px;line-height:1.5}.mode-switch{display:flex;background:#1b1c1c;padding:3px;border-radius:4px;gap:3px}.mode-switch button{border:0;background:transparent;color:var(--muted);flex:1;padding:9px 3px;font-size:13px;border-radius:2px}.mode-switch button[aria-pressed=true]{background:#51432f;color:var(--ink)}.mode-switch span{font-size:11px;color:var(--accent);margin-left:3px}.view-list{display:flex;gap:7px;overflow:auto;padding:15px 1px 8px;scrollbar-width:thin}.view-list button{flex:0 0 62px;padding:0;position:relative;background:#111;border:2px solid transparent;border-radius:2px;height:49px;overflow:hidden}.view-list button[aria-pressed=true]{border-color:var(--accent)}.view-list img{width:100%;height:100%;object-fit:cover}.view-list span{position:absolute;bottom:0;right:0;color:white;font-size:10px;background:#111b;padding:1px 3px}.tour-help{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.project-summary{padding:22px 26px;display:flex;justify-content:space-between;gap:32px;align-items:center}.project-summary p{font-size:14px;color:var(--muted);line-height:1.6;max-width:630px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line);border-radius:30px;font-size:12px;padding:7px 12px;white-space:nowrap}.section{padding:96px 4.5%}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.section h2{font-size:clamp(32px,3.2vw,48px);letter-spacing:-1.8px;line-height:1.2;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:4px}.filters{display:flex;gap:8px;margin:34px 0 27px;flex-wrap:wrap}.filters button{color:var(--muted);background:none;border:1px solid var(--line);border-radius:30px;font-size:14px;padding:10px 20px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#181919}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.project-card{display:block;text-align:left;background:none;padding:0;border:0;color:var(--ink);position:relative}.card-image{aspect-ratio:1.5;overflow:hidden;background:var(--panel);position:relative}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.04)}.card-arrow{position:absolute;bottom:14px;right:14px;background:#202121d9;border-radius:50%;font-size:22px;padding:7px 13px}.card-kicker{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--muted);margin:16px 0 8px;text-transform:uppercase;gap:8px}.project-card h3{font-size:20px;line-height:1.45;margin:0}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#222323}.expertise-intro>p:not(.eyebrow){margin:26px 0 12px;max-width:460px;line-height:1.8;color:var(--muted)}.expertise img{width:100%;max-height:260px;object-fit:cover;margin-top:38px}.service-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;font-size:22px;padding:25px 0;font-family:Manrope,sans-serif}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted);font-size:12px}summary b{font-size:21px;font-weight:400;margin-left:auto;color:var(--accent)}details[open] summary b{transform:rotate(45deg)}details p{padding-left:42px;color:var(--muted);line-height:1.7;margin-bottom:25px}.custom-project{margin-top:36px;padding:26px;background:#302e29}.custom-project h3{font-size:20px;margin-bottom:10px}.custom-project p{font-size:14px;color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:46px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font-size:14px;color:var(--accent)}.steps h3{font-size:24px;margin:36px 0 14px}.steps p{color:var(--muted);line-height:1.8}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:60px;padding-bottom:60px}.about>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin-top:25px}.about-facts>div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.about-facts strong{font-size:21px;font-weight:500}.about-facts span{color:var(--muted);font-size:13px;max-width:180px;line-height:1.6}.contact{background:var(--accent);color:#1b1c1c;margin:35px 4.5% 65px;padding:55px 5%;position:relative}.contact .eyebrow{color:#383024}.contact h2{font-size:clamp(42px,6vw,85px);letter-spacing:-3px}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:30px}.contact-bottom p{max-width:380px;font-size:16px;line-height:1.7;margin:0;color:#383125}.contact .button{background:#1b1c1c;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:10px 25px;flex-shrink:0}.button small{font-size:14px;font-weight:400;color:#e1d2ba}footer{padding:0 4.5% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}footer>p{font-size:14px;line-height:1.8;color:var(--muted)}footer>div:not(.footer-bottom){display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:16px}footer span{color:var(--muted)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;gap:24px;font-size:12px}.footer-bottom nav{font-size:12px;gap:20px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:0;z-index:99;background:var(--accent);color:#111;padding:15px}.media-error{position:absolute;inset:45% 10% auto;z-index:3;background:#232424;padding:22px;color:white}.stage:fullscreen{width:100vw;height:100vh}.stage:fullscreen>img{object-fit:contain}
@media(min-width:1600px){main,header,footer{max-width:1800px;margin-left:auto;margin-right:auto}.stage{min-height:650px}}@media(max-width:1000px){header nav{gap:16px}.intro{padding-top:42px}.viewer-layout{grid-template-columns:minmax(0,1fr) 280px}.tour-panel{padding:20px 18px}.project-select select{max-width:320px}.project-summary{align-items:flex-start;flex-direction:column;gap:15px}.expertise{gap:7%}.project-grid{grid-template-columns:repeat(2,1fr)}.panel-number{display:none}.stage-bottom{left:20px}.view-arrows{flex-direction:column}}@media(max-width:720px){header{height:82px;padding:0 5%;gap:16px}header nav{display:none}.brand{font-size:21px}.brand small{font-size:8px}.brandmark{font-size:33px}.button.small{font-size:12px;padding:10px;gap:8px}.intro{padding:36px 5% 30px;display:block}.intro-note{max-width:100%;margin-top:22px;font-size:14px}.intro-note p{margin-bottom:9px}.intro .eyebrow{font-size:10px;letter-spacing:1.2px}h1{letter-spacing:-1.8px}.explorer{margin:0 5%}.explorer-bar{display:block;padding:15px}.explorer-bar .eyebrow{font-size:10px;margin-bottom:10px}.project-select{display:block}.project-select select{display:block;margin-top:6px;width:100%;max-width:none}.viewer-layout{display:block}.stage{min-height:380px}.stage-bottom h2{font-size:26px}.stage-top{top:15px;left:15px;right:15px}.stage-bottom{bottom:20px;left:18px;right:15px}.glass-chip{font-size:10px}.view-arrows{flex-direction:row}.icon-button{width:38px;height:38px;flex-shrink:0}.tour-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:22px}.panel-top{grid-column:1/-1}.tour-panel h3,.panel-copy{grid-column:1}.map{grid-column:2;grid-row:2/5;margin:0}.map-caption{grid-column:2;grid-row:5;max-width:150px}.mode-switch{grid-column:1;grid-row:4;align-self:start}.view-list{grid-column:1/-1}.tour-help{grid-column:1/-1}.map button{width:26px;height:26px}.map-caption{font-size:10px}.tour-panel h3{font-size:24px}.mode-switch button{font-size:12px}.project-summary{padding:18px}.section{padding:60px 5%}.section-heading{display:block}.section-heading>p{margin-top:20px}.project-grid{gap:26px 14px}.project-card h3{font-size:16px}.card-kicker{font-size:9px;display:block;line-height:1.8}.card-kicker span{display:block}.filters{gap:7px;margin:25px 0}.filters button{padding:9px 13px;font-size:12px}.expertise,.about{grid-template-columns:1fr;gap:35px}.expertise img{max-height:300px}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps h3{margin-top:18px}.steps p{margin-bottom:0}.contact{margin:10px 5% 45px;padding:35px 7%}.contact h2{letter-spacing:-1.8px}.contact-bottom{display:block}.contact .button{margin-top:25px;display:grid;font-size:14px;padding:16px}.contact-bottom p{font-size:14px}footer{grid-template-columns:1fr 1fr;gap:25px;padding:0 5% 25px}footer>p{grid-column:1/-1;grid-row:2}.footer-bottom{flex-wrap:wrap;font-size:10px}.footer-bottom>span:last-child{display:none}footer>div:not(.footer-bottom){font-size:13px}.footer-bottom nav{font-size:11px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:370px){.tour-panel{display:block}.map{max-width:240px}.map-caption{max-width:none}.project-grid{grid-template-columns:1fr}.intro h1{font-size:36px}.stage{min-height:330px}}
/* Readable controls and metadata at all screen sizes. */
.brand small{font-size:12px;letter-spacing:1px}.panel-top .eyebrow,.panel-number,.glass-chip,.stage-bottom .eyebrow,.map-caption,.card-kicker,.view-list span{font-size:12px}.mode-switch button,.tour-help,.project-select,.filters button,.button.small{font-size:14px}.mode-switch span{font-size:12px}.map-caption{margin-bottom:16px}.map button{font-size:12px}.panel-number{display:none}.panel-top .eyebrow{letter-spacing:.7px}.card-kicker{letter-spacing:.6px}@media(max-width:720px){.brand small{font-size:10px}.intro .eyebrow,.explorer-bar .eyebrow{font-size:12px}.button.small{font-size:12px}.footer-bottom,.footer-bottom nav{font-size:12px}.mode-switch{grid-column:1/-1;grid-row:6}.view-list{grid-row:7}.tour-help{grid-row:8}.map{grid-row:2/5}.map-caption{grid-row:5}.tour-panel{column-gap:14px}.project-select{font-size:14px}.stage-bottom{flex-wrap:wrap}.stage-bottom h2{max-width:100%}.card-kicker{font-size:12px}}

/* Niva brand palette: charcoal, warm gold and white. */
h1 em,.text-link:hover,nav a:hover,.steps article>span{color:#c7a469}.button,.filters button[aria-pressed=true],.map button[aria-pressed=true]{color:#111212}.contact .button{color:#fff}.tour-panel .mode-switch span{color:#dfbc80}.contact{background:#b28b50}.brandmark{color:#b28b50}

/* Original company logo, with its outer white margin contained by the layout. */
header{background:#fff;color:#252626;height:132px}.logo-frame{display:block;width:150px;height:108px;overflow:hidden;position:relative;background:#fff;border-radius:2px;flex-shrink:0}.logo-frame img{position:absolute;width:180px;height:180px;max-width:none;left:-15px;top:-35px}.brand{letter-spacing:0}.brand .logo-frame{line-height:normal}header nav a:hover{color:#806035}footer .brand{align-self:start}@media(max-width:720px){header{height:116px}.logo-frame{width:130px;height:94px}.logo-frame img{width:156px;height:156px;left:-13px;top:-30px}.button.small{max-width:172px}.brand{gap:0}}
@media(max-width:720px){.tour-panel{display:block}.tour-panel .map{width:100%;max-width:400px;margin:18px auto 0}.map-caption{max-width:none;text-align:center;margin:12px 0 18px}.panel-copy{max-width:none}.mode-switch{width:100%}.map button{width:29px;height:29px}}
/* Curated photography stays in its original framing. */
.stage.portrait-photo>img{object-fit:contain;background:#202121}.comparison{padding-top:64px;padding-bottom:64px;margin-top:36px;background:#222323}.comparison .section-heading>p{max-width:390px}.compare-controls{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.compare-controls button{border:1px solid #ffffff30;border-radius:3px;background:transparent;color:#f8f8f5;padding:12px 18px;font-size:14px}.compare-controls button[aria-pressed=true]{background:#b28b50;color:#111212;border-color:#b28b50}.comparison-media{--split:50%;display:grid;grid-template-columns:var(--split) minmax(0,1fr);background:#151616;border:1px solid #ffffff25;min-height:450px}.comparison-media figure{margin:0;position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;border-right:1px solid #b28b50}.comparison-media figure:last-child{border-right:0}.comparison-media img{display:block;width:100%;height:560px;object-fit:contain;padding:12px}.comparison-media figcaption{padding:14px 18px;background:#2d2a24;font-size:16px;color:#f5efdf}.comparison-media[data-mode=before],.comparison-media[data-mode=after]{grid-template-columns:1fr}.comparison-slider{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;color:#b9b9b4;margin-top:20px}.comparison-slider input{width:45%;height:44px;accent-color:#b28b50;cursor:ew-resize}#compare-link{margin-top:10px}.comparison img:not([src]){display:none}@media(max-width:720px){.comparison-media img{height:370px;padding:3px}.comparison-media{min-height:0}.comparison-media figcaption{font-size:14px;padding:12px 8px;min-height:65px}.comparison-slider{display:block;line-height:1.6}.comparison-slider input{display:block;width:100%;margin:8px 0 0}.comparison .section-heading>p{max-width:none}.comparison h2{font-size:31px}.comparison .compare-controls button{padding:10px 12px}.comparison-media[data-mode=before] img,.comparison-media[data-mode=after] img{height:490px}}
/* Original concept media, with matched viewpoints and a true reveal divider. */
.concept-disclosure{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#302a20;border-top:1px solid #b28b5040;color:#e5d7bd;font-size:14px;line-height:1.5}.concept-dot{width:7px;height:7px;background:#d7b77d;border-radius:50%;flex-shrink:0}.concept-stage{display:grid;place-items:center;min-height:610px;aspect-ratio:1.3}.concept-stage:after{inset:70% 0 0;background:linear-gradient(transparent,#000b)}.scene-frame{--tile-aspect:1;--reveal:50%;position:absolute;width:100%;height:auto;max-height:100%;aspect-ratio:var(--tile-aspect);overflow:hidden;inset:0;margin:auto}.scene-tile{position:absolute;inset:0;width:100%;height:100%;background-repeat:no-repeat}.before-mask{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);pointer-events:none}.divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;z-index:2}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border:2px solid white;border-radius:50%;background:#282824b8;color:white;font-size:24px;box-shadow:0 2px 18px #0005}.reveal{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.scene-frame:has(.reveal:focus-visible){outline:3px solid #dfbc80;outline-offset:-4px}.stage-top,.stage-bottom,.phase-labels{z-index:4;pointer-events:none}.stage-top button,.stage-bottom button{pointer-events:auto}.phase-labels{position:absolute;top:85px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}.phase-labels span{background:#191a19c9;padding:8px 10px;border-radius:3px}.phase-labels #after-tag{margin-left:auto}.concept-stage .stage-bottom h2{font-size:28px}.tour-play{border:1px solid #b28b50;background:#b28b50;color:#111;padding:12px 16px;width:100%;font-size:14px;border-radius:3px;margin-top:12px}.tour-play:hover{background:#c9a86e}.thumb-tile{width:100%;height:100%;background-repeat:no-repeat}.view-list button{flex:1;height:67px}.card-tile{width:100%;height:100%;background-repeat:no-repeat}.card-image{aspect-ratio:1}.project-summary h2{font-size:24px;margin:0 0 10px;line-height:1.35}.project-summary{align-items:flex-start}.project-summary>div:first-child{max-width:700px}.project-summary p{font-size:16px}.expertise-concept{width:100%;aspect-ratio:1;background-repeat:no-repeat;margin-top:38px}.expertise-intro .image-credit{font-size:12px;margin:10px 0 0;color:#b9b9b4}.concept-stage:fullscreen{aspect-ratio:auto;min-height:0}.concept-stage:fullscreen .scene-frame{width:min(100vw,calc(100vh * var(--tile-aspect)));max-height:100vh}.reveal:focus{outline:none}.concept-stage[data-phase=after] .before-mask{display:none}@media(max-width:1000px){.concept-stage{min-height:550px;aspect-ratio:1}.scene-frame{max-height:none}.viewer-layout{align-items:stretch}.tour-panel{padding:22px 18px}}@media(max-width:720px){.concept-stage{min-height:420px;aspect-ratio:1}.concept-disclosure{padding:12px 15px;font-size:13px;align-items:flex-start}.phase-labels{top:71px;left:15px;right:15px;font-size:11px;gap:8px}.phase-labels span{padding:7px}.concept-stage .stage-bottom h2{font-size:24px}.project-summary h2{font-size:22px}.scene-frame{max-height:100%;}.tour-panel .map{max-width:300px}.view-list button{height:72px}.card-image{aspect-ratio:1}.glass-chip{font-size:10px;letter-spacing:.7px}.stage-top{gap:10px}.concept-stage:fullscreen .scene-frame{max-height:100vh}}
.concept-stage{width:100%;min-width:0;aspect-ratio:auto;height:610px}.viewer-layout>*{min-width:0}@media(max-width:1000px){.concept-stage{height:550px}}@media(max-width:720px){.concept-stage{height:420px;min-height:0}.phase-labels{font-size:9px;letter-spacing:.3px}}.concept-stage:fullscreen{height:100vh}

.saved-films{padding:34px 24px;border-top:1px solid #b28b5040;background:#1c201c}.saved-films[hidden]{display:none}.film-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.film-heading h2{font-size:28px;margin:8px 0}.film-heading>p,.film-disclosure{color:#b9b9b4;font-size:12px;line-height:1.6}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.film-grid article{min-width:0}.film-grid video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#111;border:1px solid #ffffff20;border-radius:3px}.film-grid h3{font-size:15px;font-weight:400;margin:13px 0}.film-disclosure{margin:20px 0 0}@media(max-width:720px){.film-heading{display:block}.film-grid{grid-template-columns:1fr}.saved-films{padding:25px 15px}.film-grid video{max-height:450px}}

/* Evenly spaced primary navigation with subtle vertical dividers. */
header nav{flex:1;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;font-size:clamp(18px,1.5vw,24px);font-weight:500;line-height:1.3}
header nav a{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 18px;min-height:52px}
header nav a+a{border-left:1px solid #b28b5080}
@media(max-width:1000px) and (min-width:721px){header{gap:20px}header nav{font-size:18px}header nav a{padding:10px 12px}}
@media(max-width:720px){header nav{display:none}}