:root{--ink:#202020;--muted:#737373;--well:#f0f0f0;--line:#efefef}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{width:100%;max-width:1280px;margin:0 auto;overflow-x:hidden;background:#fff;color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:400}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,h1,h2,dl,dd{margin:0}h1,h2{font-weight:400}
.skip-link{position:fixed;z-index:30;top:8px;left:8px;padding:10px 14px;background:#111;color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
.navigation{height:84px;display:flex;justify-content:space-between;padding:31px 10px 0 32px;font-size:15px;line-height:20px;position:sticky;top:0;z-index:20;background:#fff;transition:transform .28s ease;will-change:transform}.navigation.is-hidden{transform:translateY(-100%)}.navigation::after{content:"";position:absolute;left:0;right:0;top:80px;height:1px;background:var(--line)}.wordmark{width:240px;font-weight:500}.navigation nav{display:grid;grid-template-columns:repeat(3,90px);gap:16px}.navigation a:hover,.hero-links a:hover{text-decoration:underline;text-underline-offset:4px}
.overview{position:relative;height:1214px}.overview h1{position:absolute;left:32px;top:157px;width:470px;font-size:72px;line-height:75px;font-weight:500}.overview-intro{position:absolute;left:551px;top:204px;width:697px;font-size:20px;line-height:28px}.meta{position:absolute;top:292px;left:551px;right:32px;display:grid;grid-template-columns:210px 277px 210px;font-size:16px;line-height:24px}.meta dt{color:var(--muted);margin-bottom:15px}.meta dd{font-weight:400}.hero-links{position:absolute;left:32px;top:439px;display:flex;gap:69px;font-size:20px;line-height:28px;font-weight:500}.hero-links a{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.hero-links img{width:13.478px;height:13.478px}.hero-image{position:absolute;left:32px;top:527px;width:1216px;height:687px;object-fit:cover}
.context,.solution{position:relative}.context{height:296px}.solution{height:444px}.context h2,.solution h2{position:absolute;left:31px;top:120px;font-size:22px;line-height:35px;font-weight:500}.context p,.solution p{position:absolute;left:551px;width:697px;color:var(--muted);font-size:20px;line-height:28px;font-weight:400}.context p{top:120px}.solution p:first-of-type{top:124px}.solution p:last-of-type{top:268px}
.video-poster{position:relative;height:757px;border-top:1px solid var(--line)}.laptop-model{position:absolute;left:208px;top:120px;width:864px;height:517px}.laptop-model video{position:absolute;left:6.7746%;top:1.9038%;width:86.3309%;height:87.9759%;object-fit:cover;border-radius:7px}.laptop-model img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.gallery{position:relative;height:974px;margin-top:0}.gallery img{position:absolute;object-fit:cover;border-radius:8px}.gallery-one{left:113px;top:148px;width:455px;height:278px}.gallery-two{left:654px;top:120px;width:566px;height:335px}.gallery-three{left:57px;top:519px;width:566px;height:335px}.gallery-four{left:710px;top:548px;width:454px;height:278px}
.showcase{position:relative;height:1030px}.showcase img{position:absolute;left:32px;top:120px;width:1216px;height:790px;object-fit:cover;border-radius:8px}.showcase-mobile{height:850px}.showcase-mobile img{height:610px}
.project-footer{position:relative;height:196px;border-top:1px solid var(--line)}.project-footer .next-label{position:absolute;left:1078px;top:71px;width:160px;font-family:Geist,Inter,Arial,sans-serif;font-size:17px;line-height:23px;color:#111}.project-footer .copyright{position:absolute;left:32px;top:154px;width:240px;font-size:15px;line-height:20px;font-weight:500}
@media(max-width:1279px){
 .navigation{min-height:72px;height:auto;padding:22px 24px}.navigation::after{top:auto;bottom:0}.navigation nav{grid-template-columns:repeat(3,auto);gap:20px}
 .overview,.context,.solution,.video-poster,.gallery,.showcase,.showcase-mobile,.project-footer{height:auto}
 .overview{padding:80px 24px 0}.overview h1,.overview-intro,.meta,.hero-links,.hero-image,.context h2,.context p,.solution h2,.solution p,.gallery img,.showcase img,.project-footer .next-label,.project-footer .copyright{position:static;width:auto;height:auto}
 .overview h1{font-size:clamp(48px,8vw,72px);line-height:1.05;margin-bottom:36px}.overview-intro{max-width:700px;margin:0 0 44px auto}.meta{max-width:700px;margin:0 0 42px auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.meta dt{margin-bottom:10px}.hero-links{gap:38px;margin-bottom:55px}.hero-image{width:100%;aspect-ratio:1216/687;object-fit:cover}
 .context,.solution{display:grid;grid-template-columns:40% 60%;gap:0;padding:95px 24px}.context h2,.solution h2{font-size:22px}.context p,.solution p{max-width:700px}.solution p{grid-column:2}.solution p:last-of-type{margin-top:52px}
 .video-poster{padding:110px 24px}.laptop-model{position:relative;left:auto;top:auto;width:min(100%,864px);height:auto;aspect-ratio:864/517;margin:auto}
 .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;margin:0;padding:70px 24px 100px;align-items:center}.gallery img{width:100%;object-fit:contain}.gallery-one,.gallery-four{max-width:455px;justify-self:center}.gallery-two,.gallery-three{max-width:566px}
 .showcase{padding:100px 24px}.showcase img{width:100%;aspect-ratio:1216/790;object-fit:contain}.showcase-mobile img{aspect-ratio:1216/610}
 .project-footer{min-height:150px;padding:55px 24px 20px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:40px}.project-footer .copyright{align-self:flex-start}
}
@media(max-width:700px){.navigation{flex-direction:column;gap:20px}.navigation nav{font-size:13px}.overview{padding-top:60px}.overview-intro,.meta{margin-left:0}.meta{grid-template-columns:1fr 1fr}.hero-links{flex-wrap:wrap;gap:20px;font-size:17px}.context,.solution{display:block;padding:80px 24px}.context h2,.solution h2{margin-bottom:30px}.solution p:last-of-type{margin-top:44px}.gallery{grid-template-columns:1fr;gap:35px}.gallery img{justify-self:center}.video-poster,.showcase{padding:70px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navigation{transition:none}}

/* Shared portfolio navigation and full-width rules. Content remains on the 1280px canvas. */
body{overflow-x:visible}
.navigation nav{grid-template-columns:45px 72px 53px;gap:48px;margin-right:36px}
.navigation::after{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
.video-poster,.project-footer{border-top-color:transparent}
.video-poster::before,.project-footer::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:1px;background:var(--line);transform:translateX(-50%)}
@media(max-width:1279px){.navigation nav{grid-template-columns:repeat(3,auto);gap:20px;margin-right:0}.navigation::after{top:auto;bottom:0}}

/* Shared project intro typography from the latest Figma frames. */
.overview-intro{font-size:24px}
.hero-links{font-weight:400}