:root{--bg:#151c20;--panel:#1c262b;--ink:#eef2ee;--muted:#a9b6b9;--line:#38464c;--orange:#ff683c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-70px;left:20px;background:var(--ink);color:var(--bg);padding:12px;z-index:5}.skip:focus{top:10px}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-size:42px;font-weight:750;letter-spacing:-3px;line-height:1}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin:4px}nav{display:flex;gap:35px;font-size:14px}.contact-link{font-size:14px}.contact-link span{color:var(--orange);margin-left:14px}.hero{padding:75px 5% 0;position:relative}.hero-copy{width:49%;position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.intro{color:var(--muted);font-size:13px;margin:0 0 30px}h1{font-size:clamp(48px,5.1vw,82px);letter-spacing:-.065em;font-weight:500;line-height:1.03;margin:0 0 28px}p{margin:0 0 20px}.lead{max-width:420px;color:var(--muted);font-size:17px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--orange);color:#171e21;border:0;padding:17px 23px;font-weight:600;font-size:14px}.hero-copy .button{margin-top:15px}.world{position:absolute;width:58%;height:570px;right:0;top:35px;background:radial-gradient(ellipse at 55% 60%,#35434a00,#151c20 80%);overflow:hidden}.world img,.world canvas{position:absolute;width:100%;height:100%;object-fit:contain}.world canvas{touch-action:pan-y}.scene-top,.scene-bottom{position:absolute;left:16%;right:8%;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;z-index:1}.scene-top{top:24px}.scene-bottom{bottom:32px}.status{color:var(--orange)}.scene-bottom button{background:none;color:var(--ink);border:1px solid var(--line);padding:5px 12px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:82px;padding:22px 0;color:var(--muted);font-size:13px}.solutions{padding:100px 5% 110px;display:grid;grid-template-columns:1fr 1.15fr;gap:9%}.section-heading>p:first-child,.approach>div>p,.studio>div>p:first-child,.contact>p:first-child{color:var(--orange);font-size:14px;margin-bottom:25px}h2{font-weight:500;font-size:clamp(36px,3.2vw,54px);letter-spacing:-.045em;line-height:1.12;margin:0 0 26px}.section-heading>p:last-child{max-width:360px;color:var(--muted)}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:21px;letter-spacing:-.02em}summary::-webkit-details-marker{display:none}.plus{color:var(--orange);font-size:25px;font-weight:300;line-height:1.3}details[open] .plus{transform:rotate(45deg)}details p{color:var(--muted);max-width:470px;margin-top:19px}.tags{font-size:11px;color:#d0d9da}.approach{background:#e2e8e5;color:#1e2b30;padding:85px 5%;display:grid;grid-template-columns:1fr 1.15fr;gap:9%}.approach>div>p{color:#a83719}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:28px;border-top:1px solid #b1bfbd;padding:23px 0}.approach li>span{color:#576b71;font-size:13px}.approach h3{font-size:22px;font-weight:500;margin:0 0 7px;letter-spacing:-.025em}.approach li p{max-width:420px;color:#4e6065;margin:0;font-size:15px}.studio{padding:110px 5%;display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:center}.studio-mark{font-size:270px;font-weight:600;line-height:.8;letter-spacing:-25px;color:#46585f;text-align:center}.studio-mark span{color:var(--orange)}.body-copy{color:var(--muted);max-width:520px}.signature{display:block;margin-top:33px;font-size:19px}.signature small{display:block;color:var(--muted);font-size:12px}.contact{padding:85px 5% 90px;background:var(--panel);border-top:1px solid var(--line)}.contact>p{color:var(--muted)}form{max-width:780px;margin-top:40px}label{font-size:13px;display:block;color:var(--ink)}textarea,select{width:100%;border:1px solid #66787e;background:#151c20;color:var(--ink);padding:16px;border-radius:0}textarea{height:135px;resize:vertical;margin-top:9px}textarea::placeholder{color:#9daeb2}.form-row{display:flex;align-items:end;gap:25px;margin:20px 0}.form-row label{flex:1}select{display:block;margin-top:8px}.form-row button{height:59px}.form-note{font-size:12px;color:var(--muted)}#form-result{color:var(--ink);font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 5%;font-size:11px;color:var(--muted)}footer p{margin:0}footer .wordmark{color:var(--ink);font-size:32px}footer a:hover,nav a:hover{color:var(--orange)}@media(max-width:900px){header{height:80px}nav{gap:18px}.hero{padding-top:45px}.hero-copy{width:100%}h1{font-size:58px}.world{position:relative;width:100%;right:0;height:460px;top:0;margin-top:15px}.scene-top{display:none}.scene-bottom{left:20%;bottom:15px}.hero-foot{margin-top:20px}.solutions,.approach,.studio{gap:6%}.solutions{padding-top:75px}.studio-mark{font-size:210px}.contact-link{font-size:12px}}@media(max-width:620px){header{margin:0 6%;height:75px}.wordmark{font-size:34px}nav{display:none}.contact-link{font-size:12px}.hero{padding:36px 6% 0}.intro{font-size:11px;margin-bottom:22px}.hero-copy{width:100%}h1{font-size:clamp(43px,10.7vw,62px)}.lead{font-size:15px;max-width:420px}.button{padding:16px 18px;font-size:13px}.world{position:relative;width:calc(100% + 12vw);right:auto;left:-6vw;top:auto;height:330px;margin-top:12px}.scene-bottom{left:6%;right:6%;bottom:8px;font-size:10px}.hero-foot{margin-top:8px;gap:20px;font-size:11px}.hero-foot>span{max-width:180px}.solutions,.approach,.studio{grid-template-columns:1fr;padding:65px 6%;gap:30px}h2{font-size:36px}.section-heading>p:last-child{max-width:100%}summary{font-size:19px}details p{font-size:15px}.studio-mark{display:none}.contact{padding:65px 6%}.form-row{flex-direction:column;align-items:stretch;gap:20px}.form-row button{height:54px}footer{flex-wrap:wrap;padding:30px 6%;gap:22px}footer p{width:calc(100% - 110px)}footer>span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}
/* Sculpted system: one atmospheric stage, content stays outside its silhouette. */
.hero{padding-top:95px;min-height:720px}.hero-copy{width:47%}.world{width:61%;height:640px;top:15px;right:0;background:radial-gradient(ellipse at 60% 42%,#35475266 0%,#151c2000 65%)}.scene-top{top:26px;left:30%;right:8%;justify-content:flex-end}.status{color:#bcc8cb;display:inline-flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px #ff683c99}.scene-bottom{left:25%;right:7%;bottom:22px;align-items:center}.module-controls,.view-controls{display:flex;gap:4px}.scene-bottom button{border:1px solid transparent;font-size:11px;background:#1a252bcc;color:#c3cfd2;padding:7px 10px;white-space:nowrap}.scene-bottom button:hover,.module-button[aria-pressed="true"]{color:var(--ink);border-color:#6f838b!important}.scene-bottom #replay{font-size:17px;padding:1px 10px}.hero-foot{margin-top:103px}.world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 58% 80%,#050a0d55,transparent 55%);pointer-events:none}.scene-bottom .module-controls{border-bottom:1px solid #4a5e6680;padding-bottom:3px}.world img{object-fit:contain}
@media(min-width:901px) and (max-width:1150px){.hero-copy{width:48%}h1{font-size:58px}.world{width:57%;height:570px;top:50px}.scene-bottom{left:12%;right:4%;flex-wrap:wrap;gap:12px}.hero-foot{margin-top:80px}}
@media(max-width:900px){.hero{padding-top:45px;min-height:auto}.hero-copy{width:100%}.world{position:relative;width:100%;height:520px;top:0;left:0;right:0;margin-top:10px}.hero-foot{margin-top:22px}.scene-top{display:flex;top:24px;left:6%;right:6%}.scene-bottom{left:6%;right:6%;bottom:20px}.hero-copy .lead{max-width:450px}}
@media(max-width:620px){.hero{padding-top:36px}.world{height:365px;width:calc(100% + 12vw);left:-6vw;margin-top:12px}.scene-top{top:15px;font-size:10px}.scene-bottom{bottom:7px;flex-wrap:wrap;gap:9px}.scene-bottom button{font-size:10px;padding:6px 9px}.hero-foot{margin-top:18px}.module-controls{gap:1px}.hero-copy .lead{max-width:100%}}
@media(min-width:901px){.experience{position:relative}.experience>.world{position:sticky;top:45px;width:61%;height:min(640px,calc(100vh - 110px));margin-left:auto;margin-bottom:calc(-1 * min(640px,calc(100vh - 110px)));right:auto;z-index:1}.hero-copy{width:45%}.hero-foot{position:relative;z-index:2}.solutions{display:block;padding-top:65px;padding-bottom:100px;min-height:900px}.solutions .section-heading,.solutions .service-list{width:43%}.solutions .section-heading>p:last-child{max-width:420px}.solutions .service-list{margin-top:42px}summary{font-size:20px}}
.scene-top{display:none!important}
@media(min-width:901px) and (max-width:1150px){.hero-foot{margin-top:130px}.hero{min-height:760px}}
@font-face{font-family:'Schibsted';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/schibsted-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Schibsted';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/schibsted-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{font-family:'Schibsted','Helvetica Neue',Arial,sans-serif}.wordmark{font-weight:700;letter-spacing:-2.5px}h1{font-weight:500;font-size:clamp(48px,4.95vw,80px);letter-spacing:-.06em;line-height:1.055}h2{letter-spacing:-.045em}.lead{font-size:16px;line-height:1.75}.button{transition:background-color .2s,box-shadow .2s}.button:hover{background:#ff8059;box-shadow:0 5px 25px #00000025}.scene-bottom{bottom:48px}.scene-caption{position:absolute;bottom:8px;left:25%;right:7%;text-align:left;color:#aebfc5;font-size:11px;margin:0;z-index:1;min-height:20px}.scene-bottom button{background:transparent;border-color:#53677055;transition:color .2s,background .2s,border-color .2s;padding:8px 11px}.scene-bottom button:hover{background:#3b515e44;border-color:#7a959f}.module-button[aria-pressed="true"]{background:#ff683c18;border-color:#ff683c66!important;color:#ffc3ac!important}.scene-bottom .module-controls{border:0;padding:0}.world img{transition:opacity .25s}.world[data-loading="true"] #view-toggle{opacity:.6;cursor:wait}.solutions details{transition:border-color .25s}.solutions details[open]{border-top-color:#798f97}.body-copy{line-height:1.8}
@media(min-width:901px) and (max-width:1150px){h1{font-size:56px}.scene-caption{left:12%;right:4%}.scene-bottom{bottom:47px}.hero-foot{margin-top:145px}}
@media(max-width:900px){h1{font-size:58px}.scene-caption{left:6%;right:6%;bottom:9px}.scene-bottom{bottom:39px}}
@media(max-width:620px){h1{font-size:clamp(41px,10.5vw,62px)}.lead{font-size:15px}.scene-caption{font-size:10px;bottom:3px}.scene-bottom{bottom:31px}.scene-bottom button{padding:7px 9px}.world{height:380px}.world .view-controls{margin-left:auto}.world .module-controls{gap:3px}}
@media(min-width:901px) and (max-width:1100px){.hero-copy{width:42%}.hero-copy .lead{max-width:340px;font-size:15px}.solutions .section-heading,.solutions .service-list{width:40%}}
input{display:block;width:100%;margin-top:8px;border:1px solid #66787e;background:#151c20;color:var(--ink);padding:16px;border-radius:0;font:inherit}input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note a{text-decoration:underline;text-underline-offset:3px}.button:disabled{opacity:.6;cursor:wait}.legal-page{max-width:900px;margin:0 auto;padding:65px 6% 90px}.legal-page h1{font-size:clamp(38px,5vw,64px);margin-bottom:35px}.legal-page h2{font-size:26px;margin:35px 0 15px}.legal-page p,.legal-page li{color:var(--muted)}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-page dl{display:grid;grid-template-columns:150px 1fr;gap:15px}.legal-page dd{margin:0;color:var(--muted)}footer{flex-wrap:wrap}.legal-status{border-left:3px solid var(--orange);padding:12px 20px;background:#ff683c0a}@media(max-width:620px){.legal-page dl{grid-template-columns:1fr;gap:8px}.legal-page dd{margin-bottom:15px}}

/* One shared content grid: the stage has its own column, never a negative overlay. */
:root{--gutter:clamp(24px,5vw,96px);--column-gap:clamp(36px,5vw,96px)}
header{margin-inline:var(--gutter)}
.hero,.solutions,.approach,.studio,.contact,footer{padding-inline:var(--gutter)}
.world canvas,.world img{height:calc(100% - 100px);top:0}
.scene-bottom{left:5%;right:5%;bottom:42px;flex-wrap:wrap;gap:10px}
.scene-caption{left:5%;right:5%;bottom:8px;min-height:26px}
.module-controls{flex-wrap:wrap}.view-controls{margin-left:auto}
@media(min-width:901px){
.experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:var(--column-gap);padding-inline:var(--gutter);align-items:start}
.experience>.world{grid-column:2;grid-row:1 / 3;position:sticky;top:24px;width:100%;height:clamp(440px,calc(100vh - 48px),720px);margin:0;z-index:0;align-self:start}
.hero{grid-column:1;grid-row:1;padding:90px 0 0;min-height:0}
.hero-copy,.solutions .section-heading,.solutions .service-list{width:100%}
h1{font-size:clamp(44px,4.7vw,76px)}
.hero-copy .lead{max-width:440px;font-size:16px}
.hero-foot{margin-top:60px;gap:24px;align-items:start;flex-wrap:wrap}
.solutions{grid-column:1;grid-row:2;padding:100px 0 100px;min-height:0}
.solutions .service-list{margin-top:36px}
.approach,.studio{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--column-gap);align-items:start}
.studio-mark{text-align:left;font-size:clamp(180px,20vw,270px)}
}
@media(max-width:900px){
.experience{display:block;padding:0}.hero{padding-top:45px}.world{width:100%;left:0;height:520px;margin-top:30px}.hero-foot{margin-top:24px;gap:24px}
.solutions,.approach,.studio{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px}
.solutions{padding-top:70px}
}
@media(max-width:620px){
.hero{padding-top:36px}.world{width:100%;left:0;height:390px;margin-top:26px}
.solutions,.approach,.studio{grid-template-columns:1fr;gap:30px;padding-block:64px}
.scene-bottom,.scene-caption{left:0;right:0}.scene-bottom{bottom:48px}.scene-caption{bottom:6px}
.scene-bottom button{padding:7px 8px}.scene-caption{font-size:11px}
.hero-foot{flex-direction:column;gap:10px}.hero-foot>span{max-width:none}
.contact{padding-block:64px}
}
/* Digital architecture: one scroll-directed world, seven deliberate chapters. */
.architecture-story{height:665.714svh;position:relative;background:#101a21}.story-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.architecture-story .world{position:absolute;inset:0;width:100%;height:100%;margin:0;background:radial-gradient(ellipse at 72% 46%,#324a5c66,transparent 65%);z-index:0}.architecture-story .world canvas,.architecture-story .world img{inset:0;width:100%;height:100%;object-fit:contain}.architecture-story .world img{width:65%;left:35%;opacity:.85}.story-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#101a21 0%,#101a21f5 24%,#101a2190 37%,transparent 55%);pointer-events:none}.story-copy{position:absolute;z-index:2;left:var(--gutter);top:26%;width:32%;max-width:520px;pointer-events:none}.story-copy a{pointer-events:auto}.story-kicker{font-size:12px;color:#afc2cb;margin-bottom:27px}.story-copy h1{font-size:clamp(45px,4.8vw,82px);line-height:1.04;letter-spacing:-.055em;margin-bottom:24px;overflow-wrap:normal}.architecture-story[data-chapter="0"] h1{font-size:clamp(80px,8vw,144px);letter-spacing:-.075em}.story-line{font-size:14px;line-height:1.5;letter-spacing:.04em;color:#ff9c79;max-width:330px}.story-description{font-size:15px;color:#b0c1c9;line-height:1.75;max-width:350px}.story-copy .button{font-size:12px;gap:16px;padding:15px 18px;margin-top:10px}.story-navigation{position:absolute;z-index:3;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:24px;color:#acbfc8;font-size:11px}.story-progress{height:1px;background:#4f626b;flex:1;max-width:180px;overflow:hidden}.story-progress span{display:block;height:100%;background:#ff7546;transform-origin:left}.story-navigation button{margin-left:auto;background:transparent;border:0;color:#bdccd2;font-size:11px;padding:10px}.architecture-story .scene-bottom{left:48%;right:var(--gutter);bottom:90px;justify-content:space-between}.architecture-story .scene-caption{left:48%;right:var(--gutter);bottom:59px}.architecture-story .world:before{display:none}.architecture-story[data-chapter="6"] .story-copy h1{font-size:clamp(38px,3.6vw,64px)}
.experience{display:block!important;padding:0!important}.experience .hero{padding:90px var(--gutter) 0;min-height:0}.experience .hero-copy{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:var(--column-gap)}.experience .hero-copy .intro{grid-column:1 / -1}.experience .hero-copy h2{grid-column:1;grid-row:2 / 4}.experience .hero-copy .lead{grid-column:2;max-width:480px}.experience .hero-copy .button{grid-column:2;justify-self:start;align-self:start}.experience .hero-foot{margin-top:50px}.solutions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--column-gap);padding:80px var(--gutter) 100px!important}.solutions .section-heading,.solutions .service-list{width:100%}.solutions .service-list{margin-top:0}
@media(max-width:900px){.story-copy{width:36%;top:22%}.story-copy h1{font-size:44px}.story-description{font-size:13px}.story-line{font-size:12px}.story-navigation{gap:14px}.architecture-story .scene-bottom,.architecture-story .scene-caption{left:45%}.story-copy .button{padding:12px;font-size:11px}}
@media(max-width:700px){.architecture-story{height:597.143svh}.story-sticky{min-height:650px}.story-copy{left:var(--gutter);top:42px;width:calc(100% - 2 * var(--gutter));max-width:none}.story-kicker{margin-bottom:14px;font-size:11px}.story-copy h1{font-size:37px;max-width:370px;margin-bottom:13px}.architecture-story[data-chapter="0"] h1{font-size:76px}.story-line{font-size:11px;margin-bottom:12px}.story-description{font-size:13px;max-width:400px;line-height:1.55}.story-shade{background:linear-gradient(#101a21 0%,#101a21 26%,#101a2190 36%,transparent 52%)}.architecture-story .world{top:230px;height:calc(100% - 330px);min-height:280px}.architecture-story .world img{width:100%;left:0}.architecture-story .scene-bottom{left:var(--gutter);right:var(--gutter);bottom:10px;z-index:3}.architecture-story .scene-caption{display:none}.story-navigation{bottom:16px;flex-wrap:wrap;gap:12px}.story-progress{max-width:none}.story-navigation #story-hint{display:none}.story-navigation button{margin-left:0}.architecture-story[data-chapter="6"] .story-copy h1{font-size:34px;max-width:350px}.story-copy .button{font-size:11px;padding:12px 14px;margin-top:0}.experience .hero-copy{display:block}.experience .hero{padding-top:60px}.solutions{grid-template-columns:1fr;gap:30px;padding-block:64px!important}.experience .hero-copy .button{margin-top:12px}.story-copy .story-description{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.architecture-story{height:400.0svh}}

.architecture-story .world img{width:100%;left:0;opacity:1}
@media(max-height:740px) and (min-width:701px){.story-copy{top:16%}.story-copy h1{font-size:clamp(40px,4.2vw,65px)}.architecture-story[data-chapter="0"] h1{font-size:90px}.story-kicker{margin-bottom:15px}.story-description{font-size:13px}}

/* v8: responsive stage space and quieter, consistent controls. */
.story-sticky{min-height:0}
.architecture-story .scene-bottom button{min-height:36px;padding:8px 12px;border-color:#627c8755;background:#101a2166;backdrop-filter:blur(8px)}
.architecture-story .scene-bottom button:hover{background:#263e4c;border-color:#9bb0ba}
.story-navigation button{min-height:40px}
.story-copy h1{hyphens:none;text-wrap:balance}.story-description{text-wrap:pretty}
@media(max-width:700px){
.story-copy{top:clamp(22px,4.5svh,42px)}
.story-copy h1{font-size:clamp(29px,8.5vw,37px)}
.architecture-story[data-chapter="0"] h1{font-size:clamp(62px,19vw,76px)}
.architecture-story[data-chapter="6"] .story-copy h1{font-size:clamp(28px,8vw,34px)}
.architecture-story .world{top:var(--scene-top,260px);height:calc(100% - var(--scene-top,260px) - 66px);min-height:0;overflow:visible}
.architecture-story .world canvas,.architecture-story .world img{height:calc(100% - 64px)}
.architecture-story .scene-bottom{bottom:0;flex-wrap:nowrap;gap:5px;left:var(--gutter);right:var(--gutter)}
.architecture-story .module-controls{flex-wrap:nowrap;gap:3px}
.architecture-story .scene-bottom button{min-height:34px;padding:6px 7px;font-size:10px;backdrop-filter:none}
.architecture-story .scene-bottom #view-toggle{font-size:0;width:35px;padding:5px}
.architecture-story .scene-bottom #view-toggle:after{content:'3D';font-size:10px}
.architecture-story .view-controls{gap:3px}
.story-shade{background:linear-gradient(#101a21 0%,#101a21 22%,#101a2180 34%,transparent 55%)}
.story-navigation{bottom:8px;font-size:10px;gap:10px}
.story-navigation button{font-size:10px;padding:6px}
}
@media(max-height:650px) and (max-width:700px){.story-description{font-size:12px;line-height:1.45}.story-kicker{margin-bottom:10px}.story-copy h1{font-size:29px;margin-bottom:10px}.story-line{margin-bottom:8px}.story-copy .button{padding:10px}.story-navigation{bottom:4px}}

/* Start the story at the top: the first wheel/touch movement drives geometry. */
body:has(.architecture-story)>header{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent}
body:has(.architecture-story){overflow-anchor:none}
.architecture-story .world img{transition:none}

@media(max-width:700px){body:has(.architecture-story)>header{height:55px}.story-copy{top:78px}body:has(.architecture-story:not([data-chapter="0"]))>header{opacity:0;pointer-events:none}.architecture-story .world canvas{image-rendering:auto}}

.data-insight{position:absolute;right:5%;top:37%;width:22%;max-width:320px;z-index:2;border-left:1px solid #617b87;padding:18px 0 18px 22px;color:#dcebf0;background:linear-gradient(90deg,#10202aee,#10202a88);pointer-events:none}.data-insight>span{display:block;font-size:11px;color:#a6c1ce;margin-bottom:18px}.data-insight strong{display:block;font-weight:500;font-size:clamp(20px,1.8vw,28px);line-height:1.2;margin-bottom:20px}.data-insight p{font-size:14px;color:#b9d0db;margin-bottom:16px}.insight-route{font-size:14px;color:#ffae7b;border-top:1px solid #35505d;padding-top:14px}.insight-route:before{content:'↓';margin-right:10px}@media(max-width:700px){.data-insight{top:auto;bottom:55px;right:8%;left:8%;width:auto;max-width:none;padding:10px 15px;border-left:0;border-top:1px solid #617b87;background:#10202ae6}.data-insight>span{font-size:9px;margin-bottom:5px}.data-insight strong{font-size:16px;margin-bottom:7px}.data-insight p{font-size:11px;margin-bottom:6px}.insight-route{font-size:11px;padding-top:6px}.data-insight strong,.data-insight p{display:inline-block;margin-right:10px}}

@media(max-height:650px) and (max-width:700px){.data-insight{padding:7px 10px;bottom:48px}.data-insight>span{display:none}.data-insight strong{font-size:12px;margin-bottom:4px}.data-insight p,.insight-route{font-size:10px}.insight-route{padding-top:4px}}

/* Selected identity: logo 69, fixed vector outlines for consistent rendering. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:0}
.wordmark .brand-logo{display:block;width:88px;height:76px;object-fit:contain}
footer .wordmark .brand-logo{width:112px;height:97px}
.studio-mark img{display:block;width:min(80%,300px);height:auto;margin:auto}
@media(max-width:700px){header .wordmark .brand-logo{width:55px;height:48px}footer .wordmark .brand-logo{width:90px;height:78px}.studio-mark img{width:170px;margin:0}}