/* A cinematic opening, followed by spacious editorial work. */
.hero{background:#07172c;color:#f1f6ff;overflow:hidden;padding:65px 0 80px;border-bottom:1px solid #244261}.hero:before{mask-image:none;background-image:radial-gradient(ellipse at 75% 45%,#086be922,transparent 65%);background-size:auto}.hero-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:580px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#8caccd}.hero-copy>p{color:#acbfd6;max-width:420px}.hero-copy h1{font-size:clamp(54px,6.5vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.02}.hero-copy h1 em{color:#5bd5ff}.hero .hero-note{color:#7696b8;font-size:11px;border-left:1px solid #376082;padding-left:15px}.hero .button{background:#0875f3;border-color:#0875f3}.hero .button:hover{background:#228bff}.hero .button.outline{background:transparent;color:#c9dcf2;border-color:#3a587b}.sculpt-stage{border:0;background:none;background-image:none;box-shadow:none;border-radius:0;height:600px;overflow:visible}.identity-scene{inset:15px -30px 15px -30px}.stage-top{left:30px;right:15px;top:12px}.stage-bottom{bottom:4px;left:30px;right:15px}.stage-coordinate{left:35px;top:65px}.note-design{right:-5px;top:115px;backdrop-filter:blur(15px);background:#17395b80}.note-build{left:10px;bottom:110px;backdrop-filter:blur(15px);background:#17395b80}.floating-note{border-color:#649ec970}.intro-strip{background:#0b2346;color:#9db7d2;border-color:#26425f}.strip-inner strong{color:#d0e6ff}.lab-section{padding:110px 0 100px}.section-heading h2{font-size:clamp(38px,4.6vw,60px);letter-spacing:-2.5px}.lab-grid{grid-template-columns:1.2fr .8fr;gap:70px 40px;align-items:start}.project-wide{grid-column:auto}.lab-project:nth-child(2){margin-top:140px}.lab-project:nth-child(3){grid-column:1/-1;width:75%;margin:0 auto}.project-art{border-radius:2px;transform-origin:center;position:relative;isolation:isolate}.lab-project{perspective:1000px}.architecture-layout{display:block;padding:25px 0;position:relative;min-height:430px}.architecture-layout>div:first-child{position:relative;z-index:2;width:70%}.architecture-layout h3{font-size:58px}.building{position:absolute;right:-15px;bottom:0;width:57%;height:270px;opacity:.9}.architecture-art{min-height:530px;background:#dce1da}.architecture-art .concept-bottom{margin-top:15px;position:relative;z-index:2}.commerce-art{min-height:440px;padding:30px}.commerce-art h3{font-size:47px}.shoe-art{margin-top:30px;height:170px;width:95%}.commerce-label{margin-top:35px}.product-art{min-height:430px;padding:30px 50px}.dashboard{margin:40px auto 30px;max-width:540px}.dash-content{padding:27px}.dash-content h3{font-size:23px}.dash-stats small{font-size:8px}.dash-stats b{font-size:28px}.dash-task{font-size:10px;padding:12px 0}.dash-task span{font-size:8px}.project-meta h3{font-size:25px}.project-meta{align-items:start;display:block}.project-meta>span{display:block;margin-top:9px}.lab-toolbar{margin-bottom:20px}.project-notes{border-bottom-color:#cbd8e8}.service{padding:48px 35px}.services{border-left:0}.service:nth-child(2n){border-right:0}.service .number:after{content:'↗';font-size:30px}.service h3{font-size:30px}.motion-band{padding:35px 0}.band-set{font-size:clamp(32px,5.5vw,76px)}.about-grid{gap:80px}.section.dark{padding:110px 0}.contact-box{padding:70px 60px;background:#0b2346;color:white;border:0}.contact-box h2 em{color:#6cd9ff}.contact-box p,.contact-item small{color:#a5bbd5}.contact-item{border-color:#365272}.contact-box .button{background:#0875f3;border-color:#0875f3}.contact-box:after{color:#6ed3ff0a}.contact-box .eyebrow{color:#84cfff}.fieldnote{background:white;padding:30px;border-radius:2px}.fieldnote small{margin-bottom:30px}.fieldnote strong{font-size:26px}.fieldnotes{border-top:1px solid var(--line)}
@media(min-width:1100px){.lab-project:nth-child(3) .dashboard{transform:rotate(-5deg) scale(1.04)}.lab-project:nth-child(3) .concept-nav{max-width:650px;margin:auto}}
@media(max-width:1000px){.hero-copy h1{font-size:66px;letter-spacing:-3.5px}.sculpt-stage{height:520px}.hero-grid{min-height:520px}.lab-grid{gap:45px 25px}.architecture-layout h3{font-size:45px}.architecture-art{min-height:470px}.commerce-art{padding:22px;min-height:420px}.commerce-art h3{font-size:37px}.project-art{padding:24px}.product-art{padding:25px 40px}.section-heading h2{font-size:48px}}
@media(max-width:760px){.hero{padding:42px 0 30px}.hero-grid{grid-template-columns:1fr;gap:10px;min-height:0}.hero-copy h1{font-size:clamp(46px,9vw,68px);letter-spacing:-3px}.hero-copy>p{font-size:15px}.sculpt-stage{height:430px;max-width:none;overflow:hidden}.identity-scene{inset:0 -20px}.stage-top{left:8px;right:8px;top:17px}.stage-coordinate{left:10px;top:55px}.stage-bottom{left:8px;right:8px;bottom:15px}.note-design{right:10px;top:85px}.note-build{left:8px;bottom:80px}.lab-section{padding:65px 0}.lab-grid{grid-template-columns:1fr;gap:38px}.lab-project:nth-child(2){margin-top:0}.lab-project:nth-child(3){grid-column:auto;width:100%;margin:0}.architecture-layout{min-height:390px}.architecture-layout h3{font-size:50px}.architecture-art{min-height:470px}.building{width:50%;right:0;height:245px}.commerce-art{min-height:405px}.commerce-art h3{font-size:45px}.shoe-art{width:85%;margin-top:0}.commerce-label{margin-top:20px}.product-art{min-height:360px}.dash-content{padding:20px}.dash-content h3{font-size:19px}.dash-stats b{font-size:23px}.dash-task{font-size:8px}.section-heading h2{font-size:38px;letter-spacing:-1.6px}.service{padding:30px 22px}.service h3{font-size:26px}.service{border-right:0}.section.dark{padding:65px 0}.about-grid{gap:35px}.contact-box{padding:38px 24px}.fieldnote{padding:25px}.fieldnote strong{font-size:23px}.fieldnote small{margin-bottom:15px}.motion-band{padding:25px 0}}
@media(max-width:420px){.hero-copy h1{font-size:clamp(37px,11.3vw,47px);letter-spacing:-2.5px}.sculpt-stage{height:375px}.identity-scene{inset:0 -15px}.floating-note{padding:10px}.note-design{top:75px;right:0}.note-build{bottom:65px;left:0}.stage-status{font-size:6px}.stage-top{font-size:7px}.stage-bottom{font-size:7px}.stage-coordinate{font-size:7px}.architecture-layout h3{font-size:44px}.architecture-layout{min-height:345px}.architecture-art{min-height:425px}.building{height:220px;width:55%}.architecture-layout small{font-size:8px}.concept-nav strong{font-size:13px}.product-art{padding:20px 15px}.dash-content{padding:17px 12px}.dash-task{font-size:7px}.dash-task span{font-size:6px}.commerce-art h3{font-size:39px}.shoe-art{width:95%}.project-meta h3{font-size:22px}.section-heading h2{font-size:35px}}


/* Header ticker: duplicated content creates a seamless loop. */
html{scroll-padding-top:140px}
.studio-topbar{height:34px;overflow:hidden;background:#086be9;color:#eefaff;border-bottom:1px solid #ffffff16;cursor:default}
.topbar-track{display:flex;width:max-content;animation:studio-ticker 36s linear infinite}
.topbar-set{display:flex;align-items:center;gap:28px;padding:0 14px;height:34px;flex-shrink:0;font-size:9px;line-height:1;letter-spacing:1.25px;white-space:nowrap;font-weight:500}
.topbar-time{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}
.topbar-time time{min-width:60px;color:#b6f3ff;letter-spacing:1px}
.topbar-time i{width:5px;height:5px;background:#a4f0ff;border-radius:50%;box-shadow:0 0 8px #7edcff88}
.topbar-divider{color:#9bddff;font-size:13px}
.studio-topbar:hover .topbar-track,.studio-topbar:focus-within .topbar-track{animation-play-state:paused}
.studio-topbar:focus-visible{outline:2px solid #b2edff;outline-offset:-3px}
@keyframes studio-ticker{to{transform:translateX(-50%)}}
@media(max-width:760px){html{scroll-padding-top:125px}.navigation{top:110px}.topbar-set{font-size:8px;letter-spacing:1px;gap:22px}.topbar-track{animation-duration:32s}}
@media(prefers-reduced-motion:reduce){.topbar-track{animation:none}.studio-topbar{overflow-x:auto;scrollbar-width:none}.studio-topbar::-webkit-scrollbar{display:none}}


.dimension-section{background:#0b1e37;color:#e8f2ff;padding:90px 0}.dimension-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.dimension-copy .eyebrow{color:#79bada;font-size:9px}.dimension-copy h2{font-size:clamp(42px,5vw,65px);margin:24px 0;letter-spacing:-3px;line-height:1.03}.dimension-copy h2 em{color:#69d5ff}.dimension-copy>p{color:#a8bfd9;font-size:14px;max-width:350px}.dimension-spec{border-left:1px solid #3c6485;padding-left:18px;margin:30px 0;display:flex;flex-direction:column;gap:8px}.dimension-spec span{font-size:9px;color:#78a0c5;letter-spacing:1px}.dimension-spec strong{font-size:14px;font-weight:500}.dimension-copy .text-link{color:#80d9ff}.dimension-art{margin:0;min-width:0}.dimension-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #2d4c6f;border-radius:4px;background:#09182c}.dimension-art figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;font-size:8px;letter-spacing:1px;color:#8aaac9}.sculpt-fallback span{letter-spacing:0}.dark:before{content:'S';letter-spacing:0}
@media(max-width:1000px){.dimension-layout{gap:35px}}@media(max-width:760px){.dimension-section{padding:60px 0}.dimension-layout{grid-template-columns:1fr;gap:30px}.dimension-copy h2{font-size:46px;letter-spacing:-2px}.dimension-copy>p{max-width:460px}.dimension-spec{margin:23px 0}.dimension-art figcaption{font-size:7px}}

/* Footer finish */
.footer{background:radial-gradient(ellipse at 85% 0%,#123c65 0%,transparent 58%),linear-gradient(125deg,#0b203b,#07162b);color:#dbe9fa;border-top:1px solid #315171;position:relative;isolation:isolate}
.footer .brand strong{color:#f3f8ff}.footer .brand small{color:#91bfeb}
.footer .brand-logo{border-radius:4px;background:#f5f7fb}
.footer .footer-top p{color:#a1b6ce}
.footer-links a{color:#c0d3e9;transition:color .2s}.footer-links a:hover{color:#72d6ff}
.footer-bottom{border-color:#ffffff19;color:#839db9}
.footer a:focus-visible{outline-color:#72d6ff}