:root{--blue:#8ab0cd;--navy:#20344b;--ink:#fff;--cyan:#23a7d0;--line:#dce5ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--navy);color:#fff;font-family:Roboto,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}h1,h2,h3,.eyebrow,.section-label,nav,.primary{font-family:Montserrat,Arial,sans-serif}h1,h2,h3{font-style:normal}h1,h2{font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0 0 28px}h1{font-size:clamp(38px,4.8vw,76px)}h2{font-size:clamp(32px,3.5vw,53px)}h1 span,h2 span{color:var(--blue)}h3{font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.3px;margin:0 0 14px}p{line-height:1.8;margin:0 0 20px}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--navy)}.poster{position:absolute;inset:-4%;background:url('/assets/reference.png') 72% 50%/cover;transform:scale(1.04);will-change:transform;transition:filter .5s}.scene canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.5s}.has-webgl .scene canvas{opacity:1}.has-webgl .poster{opacity:0}.atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#142336ed,#142336a8 34%,#1423360a 74%),linear-gradient(0deg,#102033a8,transparent 30%);pointer-events:none}.grain{position:absolute;inset:0;opacity:.025;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}header{position:fixed;top:0;left:0;width:100%;padding:25px 5vw;display:flex;align-items:center;gap:24px;z-index:10;background:linear-gradient(#142336bd,transparent);transition:background .3s,box-shadow .3s}header.solid{background:#20344bf5;box-shadow:0 5px 25px #0c1d3015;backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.brand img{width:174px;height:auto}.brand>span{font-size:7px;letter-spacing:1.2px;color:#bfd2e2}nav{margin-left:auto;display:flex;gap:27px;font-size:10px;font-weight:500}nav a{position:relative;padding:10px 0}nav a:after{position:absolute;content:'';left:0;bottom:3px;width:0;height:1px;background:var(--cyan);transition:width .25s}nav a:hover:after{width:100%}.header-cta{font-family:Montserrat,Arial,sans-serif;font-size:10px;padding:13px 16px;border:1px solid #ffffff60;margin-left:12px}.header-cta span{margin-left:15px}#menu{width:30px;height:25px;background:none;border:0;padding:3px;margin-left:10px;display:none}#menu span{display:block;height:1px;background:#fff;margin:7px 0}.chapter{height:110vh;min-height:730px;position:relative;display:flex;align-items:center;padding:145px 7vw 110px}.copy{max-width:580px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--blue);margin:0 0 28px}.lead{font-size:17px;line-height:1.85;color:#e1e7ed;max-width:455px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;background:var(--cyan);color:#fff;border:0;font-size:11px;font-weight:600;letter-spacing:.3px;padding:18px 23px;transition:background .25s}.primary:hover{background:#168bb3}.hero-actions>a:last-child{font-size:11px}.hero-actions>a:last-child span{padding-left:12px}.discover{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:2px;margin-top:45px}.discover>span{border:1px solid #ffffff55;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:16px}.scene-caption{position:absolute;bottom:80px;right:6vw;font-size:9px;letter-spacing:2px;line-height:2}.scene-caption span{color:#c5d2df;font-size:11px;letter-spacing:.3px}.line-link{display:inline-flex;justify-content:space-between;gap:35px;border-bottom:1px solid #99b5cf70;padding:15px 0;margin-top:10px;font-size:12px}.light-options{display:flex;gap:7px;margin-top:30px}.light-options button{font-size:9px;border:1px solid #ffffff40;background:#20344b50;padding:9px 15px;border-radius:20px}.light-options .selected{background:#8ab0cd30;border-color:var(--blue)}.bottom-bar{position:fixed;bottom:25px;left:5vw;right:5vw;display:flex;align-items:center;gap:25px;font-size:7px;letter-spacing:1.7px;z-index:5;color:#d5e1eb;transition:opacity .3s}.progress{height:1px;background:#ffffff30;flex:1;max-width:180px}.progress span{display:block;height:1px;width:0;background:var(--blue)}.bottom-bar>span:last-child{margin-left:auto}.dots{position:fixed;right:27px;top:50%;display:flex;flex-direction:column;gap:18px;z-index:5;transition:opacity .3s}.dots a{width:5px;height:5px;border:1px solid #a8bcd0;border-radius:50%}.dots a.active{background:var(--blue);box-shadow:0 0 0 4px #8ab0cd22}.in-content .bottom-bar,.in-content .dots{opacity:0;pointer-events:none}.content{background:#fff;color:var(--navy);position:relative}.section{display:grid;grid-template-columns:155px 1fr;gap:32px;padding:100px 6vw;border-bottom:1px solid var(--line)}.section-label{font-size:8px;font-weight:600;letter-spacing:1.3px;padding-top:8px;color:#69859b;line-height:1.8}.section-main{min-width:0;max-width:1180px}.section-intro{font-size:16px;max-width:640px;color:#596e81;margin-bottom:40px}.two-col{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;margin-top:45px}.two-col p{font-size:15px;color:#566a7d}.two-col .large-text{font-size:20px;color:var(--navy);line-height:1.75}.expertise-strip{display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid var(--line);padding-top:28px;margin-top:30px;font-size:10px;font-family:Montserrat,Arial,sans-serif;color:#56718a}.expertise-strip span:before{content:'+';margin-right:9px;color:var(--cyan)}.services{background:#f3f7fa}.services-list{margin-top:50px}.services-list article{border-top:1px solid #d6e2eb;padding:30px 0;display:grid;grid-template-columns:36px 1fr 180px;gap:25px}.service-num{color:#87a9c2;font-family:Montserrat,sans-serif;font-size:12px;padding-top:4px}.services-list p{font-size:14px;color:#566c7f;max-width:660px;margin:0}.service-tag{font-size:9px;line-height:1.8;color:#7690a5;text-align:right;padding-top:7px}.approach{background:var(--navy);color:#fff;border-color:#ffffff20}.approach .section-label{color:#a4c2d8}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px;align-items:start}.approach-layout>img{width:100%;height:520px;object-fit:cover;border:1px solid #ffffff15}.approach-layout article{border-bottom:1px solid #ffffff20;margin-bottom:25px;padding-bottom:10px}.approach-layout h3{font-size:17px;color:#e7f0f6}.approach-layout p{font-size:14px;color:#b9ccdc}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.process-grid article{padding:30px 0;border-top:1px solid var(--line)}.process-grid article>span{font-family:Montserrat,sans-serif;font-size:38px;color:var(--blue);font-weight:400;display:block;margin-bottom:22px}.process-grid p{font-size:14px;color:#566c7f}.process-grid small{font-size:11px;color:#7892a9}.projects{background:#f3f7fa}.heading-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.download-link{font-size:11px;display:inline-flex;gap:30px;align-items:center;padding:15px 0;border-bottom:1px solid #86a5bf80;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.filters button{border:1px solid #c5d7e5;background:transparent;color:#617b91;font-size:10px;padding:12px 17px;font-family:Montserrat,sans-serif}.filters button span{margin-left:10px;color:var(--blue)}.filters .selected{background:var(--navy);color:#fff;border-color:var(--navy)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.project-card{display:block;text-align:left;border:0;background:none;padding:0;color:var(--navy);width:100%}.project-image{overflow:hidden;position:relative;background:#d5e1ea;aspect-ratio:1.5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover .project-image img{transform:scale(1.045)}.project-image:after{content:'↗';position:absolute;right:16px;bottom:16px;background:#20344bdd;color:white;width:38px;height:38px;display:grid;place-items:center}.project-meta{display:flex;justify-content:space-between;font-size:9px;color:#7891a5;margin:15px 0 10px;gap:10px}.project-card h3{font-size:19px;margin-bottom:10px}.project-card p{font-size:12px;line-height:1.7;color:#5e7385;max-width:440px;margin:0}.more-projects{display:block;border:1px solid #9cb6ca;background:transparent;color:var(--navy);font-size:11px;padding:17px 22px;margin:40px auto 0;min-width:270px}.more-projects span{float:right;margin-left:35px}.more-projects[hidden]{display:none}.group-logo{width:270px;max-width:100%;margin-bottom:30px}.group-members{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:35px}.group-members>div{padding:25px 20px 25px 0;border-top:1px solid var(--line)}.group-members b{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;display:block;margin-bottom:9px}.group-members span{font-size:11px;color:#7891a5}.faq{background:#f3f7fa}.faq details{border-bottom:1px solid #d4e1eb;padding:23px 0}.faq summary{font-family:Montserrat,sans-serif;font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px}.faq summary:after{content:'+';font-weight:400;font-size:24px;color:#8caec7}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:#576d80;margin:20px 30px 0 0;max-width:780px}.contact{background:var(--navy);color:#fff}.contact .section-label{color:#9dbcD2}.contact .section-intro{color:#b9ccdc}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.contact-phone{display:block;font-family:Montserrat,sans-serif;font-size:clamp(22px,2.1vw,32px);margin-bottom:16px}.contact-email{font-size:20px;color:var(--blue);display:block;margin-bottom:45px}.address>span{font-size:8px;letter-spacing:1.4px;color:#88aac4}.address p{font-size:13px;color:#d1dfe9;margin:10px 0 30px}.contact form{padding:30px;background:#ffffff06;border:1px solid #ffffff1c}.contact form h3{font-size:17px}.contact label{display:block;font-size:11px;color:#bdcede;margin:20px 0 10px}.contact input,.contact textarea{width:100%;border:1px solid #ffffff30;border-radius:0;background:#ffffff04;color:#fff;padding:13px;font-size:13px;line-height:1.6}.contact input::placeholder,.contact textarea::placeholder{color:#8ca6bc}.contact textarea{resize:vertical}.contact form .primary{width:100%;margin-top:20px}.form-note{font-size:10px;line-height:1.7;color:#93b0c7;margin-top:17px;margin-bottom:0}#brief-status{font-size:11px;color:#b8d9ef;margin:15px 0 0}footer{background:#182d42;color:#fff;padding:45px 6vw;display:grid;grid-template-columns:190px 1fr auto;gap:25px 45px;align-items:center}footer img{width:170px}footer p{font-size:11px;margin:0}footer p span{color:#8caac1;font-size:9px}footer>a:last-of-type{font-size:10px}footer small{font-size:9px;color:#7f9db5;grid-column:2/-1}aside{position:fixed;right:0;top:0;bottom:0;width:min(480px,100%);padding:100px 45px;background:#20344bfa;backdrop-filter:blur(20px);z-index:20;border-left:1px solid #ffffff20;overflow:auto}aside>a{display:block;font-family:Montserrat,sans-serif;font-size:18px;padding:17px 0;border-bottom:1px solid #ffffff20}aside .drawer-download{font-size:11px;color:var(--blue);margin-top:25px}#close{position:absolute;right:30px;top:20px;background:none;border:0;font-size:35px}dialog{border:0;padding:0;width:min(1100px,94vw);max-width:1100px;max-height:90vh;overflow:auto;background:#fff;color:var(--navy)}dialog::backdrop{background:#0d213ae8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:12px;background:#20344be6;color:#fff;font-size:28px;width:42px;height:42px;border:0;z-index:2}.detail-image{width:100%;max-height:480px;object-fit:cover;display:block}.detail-body{padding:40px 55px}.detail-body h2{font-size:36px}.detail-body .eyebrow{color:#6488a5}.detail-body h3{font-size:14px;margin-top:25px}.detail-body p,.detail-body li{font-size:14px;line-height:1.85;color:#546e83}.detail-body ul{padding-left:20px}.detail-body .scope-note{font-size:11px;color:#7892a5;margin-top:25px}.detail-body .primary{color:white;margin-top:15px}.empty-projects{grid-column:1/-1} @media(min-width:1700px){.section{padding-left:9vw;padding-right:9vw}.section-main{max-width:1350px}.copy{max-width:650px}}
@media(max-width:1100px){header{padding:22px 4vw;gap:15px}.brand img{width:145px}.brand>span{font-size:6px}nav{gap:16px;font-size:9px}.header-cta{font-size:9px;margin-left:0}.section{grid-template-columns:110px 1fr;gap:20px;padding:75px 5vw}.services-list article{grid-template-columns:25px 1fr;gap:20px}.service-tag{grid-column:2;text-align:left;padding:0}.copy{max-width:520px}.lead{font-size:15px;max-width:420px}.two-col{gap:30px}.contact-layout{gap:30px}.approach-layout{gap:25px}.approach-layout>img{height:600px}.scene-caption{display:none}}
@media(max-width:760px){html{scroll-padding-top:85px}header{padding:19px 6vw}.brand img{width:134px}.brand>span{font-size:5px;letter-spacing:.8px}.header-cta{font-size:8px;padding:11px 12px;margin-left:auto}.header-cta span{margin-left:7px}nav{display:none}#menu{display:block;margin-left:0;width:23px}.chapter{height:110vh;min-height:760px;align-items:flex-end;padding:150px 7vw 130px}.copy{max-width:100%}h1{font-size:clamp(36px,9vw,58px);letter-spacing:-1.5px}h2{font-size:34px;letter-spacing:-1px}.lead{font-size:14px;max-width:360px}.eyebrow{font-size:7px;letter-spacing:1.2px;max-width:320px}.atmosphere{background:linear-gradient(0deg,#142336f5,#142336bb 40%,#14233620 85%)}.poster{background-position:60% 50%}.hero-actions{gap:20px}.primary{font-size:10px;padding:15px 18px}.hero-actions>a:last-child{font-size:10px}.discover{font-size:7px;margin-top:28px}.bottom-bar{font-size:6px;gap:10px;bottom:20px;left:7vw;right:7vw}.progress{max-width:60px}.dots{right:15px}.section{display:block;padding:60px 7vw}.section-label{margin-bottom:25px;font-size:7px}.two-col,.approach-layout,.process-grid,.contact-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.two-col .large-text{font-size:18px}.two-col p{font-size:14px}.expertise-strip{font-size:9px;gap:15px}.section-intro{font-size:14px}.services-list article{padding:25px 0;gap:15px}.services-list h3{font-size:17px}.services-list p{font-size:13px}.service-tag{font-size:8px}.approach-layout>img{height:300px}.process-grid{gap:0}.process-grid h3{font-size:17px}.process-grid article>span{font-size:30px}.heading-row{display:block}.heading-row .download-link{margin-bottom:20px}.filters button{padding:10px 12px;font-size:9px}.project-grid{gap:28px;grid-template-columns:1fr}.project-card h3{font-size:19px}.project-meta{font-size:8px}.group-members{grid-template-columns:1fr 1fr}.group-members b{font-size:11px}.faq summary{font-size:13px;line-height:1.7}.faq details p{font-size:13px}.contact form{padding:23px}.contact-phone{font-size:25px}.contact-email{font-size:19px}footer{grid-template-columns:1fr;gap:25px;padding:40px 7vw}footer small{grid-column:auto}footer img{width:160px}.detail-body{padding:28px 24px}.detail-body h2{font-size:28px}.detail-image{max-height:320px}.detail-body p,.detail-body li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.poster{will-change:auto}}
.facade-tools{display:none;gap:14px;flex-wrap:wrap;align-items:center;margin-top:23px}.has-webgl .facade-tools{display:flex}.facade-switch{display:flex;border:1px solid #8ab0cd80}.facade-switch button{background:#20344b70;border:0;padding:12px 14px;color:#d8e7f1;font-family:Montserrat,sans-serif;font-size:9px}.facade-switch .selected{background:#8ab0cd35;color:#fff}#inspect-node{border:0;border-bottom:1px solid #8ab0cd80;padding:12px 0;background:none;color:#cde4f5;font-size:11px}.node-view #realization h2,.node-view #realization .lead,.node-view #realization>.copy>.line-link,.node-view #realization .eyebrow{opacity:.12;pointer-events:none;transition:opacity .4s}.node-view .scene .atmosphere{background:linear-gradient(90deg,#14233690,transparent 70%)}.node-view .facade-tools,.node-view .light-options{position:relative;z-index:6}.node-view .facade-tools{background:#20344bea;padding:14px;max-width:460px}.node-view .light-options{background:#20344bea;padding:10px;width:max-content}@media(max-width:760px){.facade-tools{gap:8px}.facade-switch button{font-size:8px;padding:10px 11px}#inspect-node{font-size:10px}.node-view #realization .copy{max-width:100%}.node-view .scene .atmosphere{background:linear-gradient(0deg,#14233680,transparent 70%)}#realization.chapter{min-height:850px}}

/* SKA Arena: a drafting sheet develops into a spatial structure. */
.scene{background:#edf3f7}.poster{background-image:url('/assets/arena-reference.webp');background-position:70% 50%}.atmosphere{background:linear-gradient(90deg,#142c44ee,#142c4480 35%,transparent 62%);transition:background .7s}.arena-label{position:absolute;right:8vw;top:22%;font:9px Montserrat,Arial,sans-serif;letter-spacing:2px;color:#496b87;border-top:1px solid #7e9eb780;padding-top:12px;z-index:2}.fallback-plan{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#edf3f7;opacity:clamp(0,calc(1 - var(--arena-scroll,0)*2),1)}.has-webgl .fallback-plan{display:none}.blueprint-mode{color:#20344b}.blueprint-mode .atmosphere{background:linear-gradient(90deg,#edf3f7fa,#edf3f7d9 27%,#edf3f700 57%)}.blueprint-mode header:not(.solid){background:linear-gradient(#edf3f7f5,#edf3f700)}.blueprint-mode header:not(.solid) .brand img{filter:brightness(.32)}.blueprint-mode header:not(.solid) .brand>span{color:#49677f}.blueprint-mode header:not(.solid) .header-cta{border-color:#6a8da780}.blueprint-mode header:not(.solid) #menu span{background:#20344b}.blueprint-mode header.solid{color:white}.blueprint-mode .chapter h1 span,.blueprint-mode .chapter h2 span{color:#5e91b6}.blueprint-mode .lead{color:#49677f}.blueprint-mode .eyebrow{color:#527d9e}.blueprint-mode .scene-caption,.blueprint-mode .scene-caption span,.blueprint-mode .bottom-bar{color:#49677f}.blueprint-mode .progress{background:#7e9eb740}.blueprint-mode .progress span{background:#527d9e}.blueprint-mode .discover>span{border-color:#7e9eb780}.chapter .copy{max-width:450px}.chapter .lead{max-width:370px;font-size:15px}.intro h1{font-size:clamp(38px,4.5vw,70px)}.chapter .scene-caption{font-size:7px}.arena-fallback .facade-tools,.arena-fallback .light-options{display:none}.node-view #realization h2,.node-view #realization .lead{opacity:.12}
@media(max-width:760px){.chapter{height:120vh;min-height:790px;padding-top:130px;padding-bottom:100px}.chapter .copy{max-width:100%}.chapter .lead{max-width:360px;font-size:13px}.chapter h1,.chapter h2{font-size:34px}.chapter .eyebrow{margin-bottom:18px}.chapter .hero-actions{margin-top:20px}.chapter .discover{margin-top:20px}.arena-label{top:17%;right:7vw;font-size:6px;letter-spacing:1px}.blueprint-mode .atmosphere{background:linear-gradient(0deg,#edf3f7 13%,#edf3f7dd 35%,transparent 66%)}.atmosphere{background:linear-gradient(0deg,#142c44f5 10%,#142c44c9 37%,transparent 70%)}.fallback-plan{object-position:65% top}.scene canvas{transition:opacity .4s}.chapter .facade-tools{margin-top:12px}.chapter .light-options{margin-top:12px}#realization.chapter{min-height:820px}}

#inspect-roof{border:0;border-bottom:1px solid #8ab0cd80;padding:12px 0;background:none;color:#cde4f5;font-size:11px}#inspect-roof[aria-pressed="true"]{color:white;border-color:#23a7d0}.scene canvas{image-rendering:auto}@media(max-width:760px){#inspect-roof{font-size:10px}.facade-tools{gap:10px 16px}}

.progress{overflow:hidden}.progress span{width:100%;transform:scaleX(0);transform-origin:left;will-change:transform}