/* Work: dimensions measured against the reference at 1440 x 1000. */
.work-gallery .gallery-title{left:16.1805556%;max-width:25%;top:50%;transform:translateY(-50%)}
.gallery-title h2{font-size:3.611111vw;line-height:4.444444vw;letter-spacing:-.104167vw;font-weight:300;margin:0;overflow:hidden}.gallery-title h2 span{display:block;transform-origin:left bottom}.gallery-title p{font-size:14px;line-height:21px;letter-spacing:.1px;opacity:.8}
.gallery-thumbnail{width:22.083333vw;height:27.5vw;aspect-ratio:auto;transform:translate(-50%,-50%)!important;transition:none;pointer-events:auto}.gallery-thumbnail img{object-position:var(--thumb-focus,50% 50%)}
.project-slide{opacity:1;transition:none;pointer-events:none;visibility:visible;display:none}.project-slide.is-current,.project-slide.is-transitioning{display:block}.project-slide.is-current{pointer-events:auto}.gallery-backdrop{cursor:pointer}.gallery-backdrop-inner{width:100%;height:100%;position:absolute;inset:0}.gallery-backdrop img{position:absolute;left:50%;top:50%;width:110%;height:110%;object-fit:cover;transform:translate(-50%,-50%)!important;transition:none;object-position:var(--focus,50% 50%)}.gallery-backdrop:after{display:none}
.gallery-footer{bottom:3.472222vw;left:3.472222vw;right:3.472222vw;font-size:14px;line-height:21px}.archive-open{font-size:14px;display:flex;align-items:center;gap:10px}.archive-open span{margin:0}.gallery-pagination{font-size:14px}.gallery-pagination span+span{opacity:.4}
.work-archive{padding:0;overflow:hidden;background:#fff;z-index:30;transition:none;color:#0d0e13}.work-archive.is-open{visibility:visible;opacity:1}.work-gallery.archive-active .site-header{color:#0d0e13!important}.archive-track{position:absolute;inset:0;touch-action:none;cursor:grab}.archive-track.dragging{cursor:grabbing}.archive-track .archive-card{position:absolute;left:0;top:50%;width:22.083333vw;height:27.5vw;margin-top:-13.75vw;user-select:none;-webkit-user-drag:none;will-change:transform}.archive-track .archive-card img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;pointer-events:none}.archive-track .archive-card h3,.archive-track .archive-card p{display:none}.archive-track .archive-card:focus-visible{outline:2px solid #111;outline-offset:8px}.archive-track .archive-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;pointer-events:none}.archive-track .archive-card:hover video{opacity:1}.archive-close{position:absolute;bottom:3.472222vw;left:3.472222vw;padding:0;font-size:22px;display:flex;align-items:center;gap:8px;z-index:2}.archive-close span{font-size:14px}.archive-indicator{position:absolute;right:3.472222vw;bottom:3.472222vw;margin:0;font-size:14px;color:#777;pointer-events:none}.archive-hover-title{color:#111}.archive-hover-title:empty{display:none}.archive-indicator:has(.archive-hover-title:not(:empty))>span:first-child{display:none}.work-cursor{position:fixed;left:0;top:0;z-index:35;pointer-events:none;width:86px;height:86px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:14px;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,scale .2s}.work-cursor.visible{opacity:1;scale:1}.gallery-stage a{cursor:none}
/* Case-study sequence: original geometry, project-specific content. */
.project-detail main{--deep:#03083c;--surface:#f1f6f8;--mood:#e0f2f5;color:#0d0e13}.detail-hero{height:auto;min-height:0;background:#0d0e13}.detail-hero-bg{height:100%;object-position:50% 50%}.detail-hero:after{background:linear-gradient(transparent 40%,#0003)}.detail-hero-content{width:83.333333%}.detail-title-row{height:100svh;min-height:0;padding-bottom:12.4vh}.detail-title-row h1{font-size:10vw;line-height:1;letter-spacing:-.347222vw;margin:0;font-weight:300}.detail-subtitle{line-height:21px;letter-spacing:.1px}.detail-visit{bottom:12.4vh}.detail-about{padding:150px 0 150px;min-height:55.07vw;box-sizing:border-box}.detail-description{font-size:32px;line-height:40px;letter-spacing:-1px;max-width:600px;margin-bottom:130px}.detail-facts{max-width:790px}.detail-facts dd{font-size:14px;line-height:21px}.detail-facts dt{font-size:12px;line-height:21px}
.case-text-section{padding:150px 0;background:#fff}.case-text-section.surface{background:var(--surface)}.case-editorial-grid{grid-template-columns:8.55556% 17.11111% 31.5% 42.83333%}.case-editorial-title{font-size:52px;line-height:64px;letter-spacing:-1.5px;font-weight:300}.case-editorial-title.large{font-size:10vw;line-height:1;letter-spacing:-.347222vw;margin-bottom:57px}.case-editorial-label{line-height:37px;font-size:14px}.case-editorial-copy{font-size:14px;line-height:21px;color:#777;letter-spacing:.1px}.case-editorial-copy p{margin:0 0 22px}.case-editorial-copy p:last-child{margin-bottom:0}.case-editorial-copy a{text-decoration:underline;text-underline-offset:4px}.case-text-section.without-title{padding-top:0}.case-text-section.without-title .case-editorial-title{display:none}
.case-media-stage{background:#e0f2f5 url('/redesign/assets/work-reference/mood-1.jpg') center/cover;padding:200px 0}.case-media-stage:before,.case-mobile-stage:before{display:none}.case-media-stage.deep{background:#03083c url('/redesign/assets/work-reference/mood-2.jpg') center/100% 100%;padding:200px 0}.case-media-inset{width:69.074%;aspect-ratio:16/9;background:#171919}.case-media-inset img,.case-media-inset video{object-fit:cover}.case-media-inset video{display:block}.case-screen-section{background:#fff;padding:150px 0}.case-screen-section .case-media-inset{width:69.074%}.case-long-screen{width:69.074%;aspect-ratio:2880/6020}.case-full-visual{height:auto;aspect-ratio:16/9;min-height:0}.case-full-visual img{width:100%;height:100%;object-fit:cover}.case-split{background:var(--surface);height:122vw;padding-top:150px}.case-split-left{left:-32.5%;width:74.5%;top:150px;height:95vw}.case-split-right{margin-left:51.11%;width:60%;padding-top:500px;gap:150px}.case-split-right img{display:block}.case-principle{background:var(--deep);padding:150px 0}.case-principle h2{font-size:10vw;letter-spacing:-.347222vw;line-height:1;font-weight:300}.case-mobile-stage{height:114vw;min-height:0;max-height:none;background:var(--surface) url('/redesign/assets/work-reference/mood-1.jpg') center/cover}.case-mobile-stage:after{content:'';position:absolute;top:0;left:0;right:0;height:14vw;background:var(--deep)}.case-phone{z-index:1;width:19%;border:4px solid #181b22;border-radius:26px}.case-phone:nth-child(1){top:0}.case-phone:nth-child(2){top:28vw}.case-phone:nth-child(3){bottom:0}.case-tablet{background:var(--surface);padding-bottom:150px}.case-delivery{background:var(--surface);padding:0 0 150px}.case-tablet .tablet-frame{width:69.074%;aspect-ratio:1600/1130}.case-next{height:100svh;min-height:0}.case-next-bg{width:110%;height:110%;left:-5%;top:-5%;filter:none}.case-next-photo{width:22.083333vw;height:27.5vw;aspect-ratio:auto}.case-next-name{left:16.18056%;max-width:27%}.case-next-name h2{font-size:52px;line-height:64px;letter-spacing:-1.5px;font-weight:300;margin:0}.case-next-name p{opacity:.8}.case-next-label{display:none}.case-reveal-line{display:block;overflow:hidden}.case-reveal-line>span{display:block;transform-origin:0 100%}.case-text-section,.case-screen-section,.case-full-visual,.case-principle,.case-mobile-stage,.case-tablet,.case-delivery{overflow:hidden}.case-film-caption{position:absolute;bottom:14px;left:18px;color:#fff;font-size:10px;opacity:.8}.reference-extras{padding:100px 8.333%;background:var(--surface)}.reference-extras .evidence-media{margin:0 auto}.project-chapter.reference-chapter{padding:150px 0}.project-chapter.reference-chapter .case-editorial-copy{font-size:14px;line-height:21px}.project-chapter.reference-chapter .evidence-media{margin-top:100px}
@media(min-width:651px){.gallery-mobile{display:none}.work-gallery .site-header{z-index:40}}
@media(max-width:650px){.work-cursor{display:none}.work-gallery .gallery-mobile{width:84%;margin:156px auto 70px}.gallery-mobile>.collection-heading{display:none}.gallery-mobile .archive-card{margin-bottom:48px}.gallery-mobile .archive-card img{aspect-ratio:2400/2990}.gallery-mobile .archive-card h3{font-size:14px;margin:14px 0 3px}.gallery-mobile .archive-card p{font-size:14px;line-height:21px}.detail-title-row{height:100svh;min-height:620px;padding-bottom:90px}.detail-title-row h1{font-size:16vw;letter-spacing:-.6vw}.detail-hero-content{width:84%}.detail-visit{bottom:38px}.detail-about{padding:80px 0 100px;min-height:0}.detail-description{font-size:23px;line-height:32px;letter-spacing:-.5px;margin-bottom:65px}.detail-facts dd,.detail-facts dt{font-size:12px;line-height:20px}.case-text-section,.project-chapter.reference-chapter{padding:80px 0}.case-editorial-grid{display:block;width:84%}.case-editorial-title{font-size:32px;line-height:40px;letter-spacing:-1px}.case-editorial-title.large{font-size:16vw;line-height:1;letter-spacing:-.6vw;margin-bottom:40px}.case-editorial-label{line-height:26px;margin-bottom:20px}.case-editorial-copy,.project-chapter.reference-chapter .case-editorial-copy{font-size:14px;line-height:23px}.case-media-stage,.case-media-stage.deep{padding:80px 0}.case-media-inset,.case-screen-section .case-media-inset,.case-long-screen{width:84%}.case-media-inset{aspect-ratio:16/9}.case-screen-section{padding:80px 0}.case-full-visual{aspect-ratio:1.3}.case-split{height:165vw;padding-top:70px}.case-split-left{width:88%;height:125vw;left:-35%;top:60px}.case-split-right{width:63%;margin-left:57%;padding-top:140px;gap:55px}.case-principle{padding:80px 0}.case-principle h2{font-size:16vw;letter-spacing:-.6vw;line-height:1;margin-bottom:60px}.case-mobile-stage{height:205vw}.case-mobile-stage:after{height:26vw}.case-phone{width:34%;border:3px solid #181b22;border-radius:18px}.case-phone:nth-child(2){top:57vw}.case-tablet,.case-delivery{padding-bottom:80px}.case-tablet .tablet-frame{width:84%;aspect-ratio:4/3}.case-next{min-height:620px}.case-next-photo{width:53%;height:auto;aspect-ratio:2400/2990;top:43%}.case-next-name{left:8%;top:auto;bottom:100px;max-width:84%}.case-next-name h2{font-size:38px;line-height:44px}.reference-extras{padding:70px 6%}.case-film-caption{font-size:9px;left:10px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.case-reveal-line>span{transform:none!important;opacity:1!important}.work-cursor{display:none}}

.case-long-screen.screen-sequence{aspect-ratio:auto}.case-long-screen.screen-sequence img{display:block;width:100%;height:auto}.case-text-section:first-child{min-height:63.75vw;box-sizing:border-box}.case-split-right img{object-position:top}.case-media-inset:focus-within .case-play{opacity:1}@media(max-width:650px){.case-text-section:first-child{min-height:0}}

/* Preserved V1 source screens: never substitute the V2 captures. */
.case-screen-reel{position:absolute;inset:0;overflow:hidden;background:#fff}.screen-reel-track{width:100%;will-change:transform}.screen-reel-track img,.case-split-left.screen-sequence img{display:block;width:100%;height:auto}.case-split-left.screen-sequence{overflow:hidden}.case-phone.v1-phone{overflow:hidden}.case-phone.v1-phone img{position:absolute;top:0;left:0;width:444.444444%;max-width:none;height:auto;object-fit:initial;transform:translate(calc(-1 * var(--crop-x)),-23.2291667%)}.v1-responsive-board .case-media-inset{aspect-ratio:1600/960}.v1-responsive-board img{object-fit:contain}.reel-pause{z-index:3}

/* Keep the full-bleed two-layer Work composition at every window width. */
.work-gallery{height:100dvh;overflow:hidden;background:#181b1a;color:#fff}
.work-gallery .gallery-stage{display:block;height:100dvh;min-height:0;width:100%}
.work-gallery .gallery-backdrop img{max-width:none;max-height:none}
.work-gallery .gallery-mobile{display:none}
@media(max-width:650px){
 .work-gallery .site-header,.work-gallery .site-header.light{position:fixed;color:#fff;padding:26px 6%}
 .work-gallery.archive-active .site-header{color:#101114!important}
 .work-gallery .gallery-footer{display:flex;left:6%;right:6%;bottom:max(26px,env(safe-area-inset-bottom));font-size:12px}
 .work-gallery .gallery-thumbnail{width:min(52vw,40dvh);height:auto;aspect-ratio:2400/2990;left:50%;top:43%}
 .work-gallery .gallery-title{left:8%;top:76%;max-width:84%;transform:translateY(-50%)}
 .work-gallery .gallery-title h2{font-size:clamp(32px,8.5vw,52px);line-height:1.12;letter-spacing:-.035em}
 .work-gallery .gallery-title p{font-size:12px;line-height:19px;margin-top:8px}
 .work-gallery .archive-open,.work-gallery .gallery-pagination{font-size:12px}
 .work-gallery .gallery-stage a{cursor:pointer}
 .work-gallery .archive-track .archive-card{width:52vw;height:64.7667vw;margin-top:-32.38335vw}
 .work-gallery .archive-close{left:6%;bottom:26px}
 .work-gallery .archive-indicator{right:6%;bottom:26px;font-size:12px}
}

/* Keep imagery framed to the viewport instead of enlarging it again. */
.work-gallery .gallery-backdrop img{width:100%;height:100%;object-position:var(--focus,50% 50%)}
.work-gallery .gallery-thumbnail{max-height:62dvh;width:min(22.083333vw,49.8dvh);height:min(27.5vw,62dvh)}
.work-gallery .gallery-thumbnail img{object-position:var(--thumb-focus,50% 50%)}
@media(max-width:650px){.work-gallery .gallery-thumbnail{width:min(52vw,40dvh);height:auto;max-height:52dvh}.work-gallery .gallery-backdrop img{object-position:var(--mobile-focus,var(--focus,50% 50%))}}