body.case-page .experience-content{--case-edge:clamp(14px,2vw,32px);--case-gap:clamp(72px,10vw,160px)}
.experience-content .case-study{padding:calc(var(--header-height) + 36px) var(--case-edge) 0;overflow:clip}
.experience-content .case-title{text-align:center;font-size:clamp(58px,15.1vw,330px);line-height:.85;font-weight:760;font-stretch:88%;letter-spacing:-.04em;text-transform:uppercase}
.experience-content .case-title span{display:block;font-size:.43em;font-weight:480;line-height:1.1;letter-spacing:-.03em;margin-bottom:.12em;color:var(--accent)}
.experience-content .case-summary{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:42px auto 32px;max-width:1500px}
.experience-content .case-summary p{font-size:clamp(18px,1.7vw,26px);max-width:38ch;line-height:1.4}
.experience-content .case-summary>span{color:var(--muted);font-size:13px;white-space:nowrap}
.experience-content .case-lead,.experience-content .case-lead picture{display:block}
.experience-content .case-lead img{width:100%;height:auto;view-transition-name:var(--project-view)}
.experience-content .case-collections{padding-top:var(--case-gap)}
.experience-content .case-editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:end;max-width:1400px;margin:0 auto 48px;padding:0 clamp(0px,2vw,32px)}
.experience-content .case-study h2{font-size:clamp(36px,5.1vw,88px);font-weight:530;line-height:.98;letter-spacing:-.035em}
.experience-content .case-study h2 em{font-weight:480;color:var(--accent)}
.experience-content .case-editorial p{font-size:clamp(17px,1.45vw,23px);max-width:37ch;line-height:1.5}
.experience-content .case-wide img{width:100%;height:auto}
.experience-content .case-responsive{padding-top:var(--case-gap);scroll-margin-top:calc(var(--header-height) + 24px)}
.experience-content .case-responsive-heading{text-align:center;margin-bottom:64px}
.experience-content .case-responsive-heading p{margin-top:24px;color:var(--muted);font-size:17px}
.experience-content .case-device-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,calc((100svh - 170px)*.4693),280px);align-items:center;gap:clamp(24px,5vw,80px);max-width:1400px;margin:auto;padding:0 clamp(0px,2vw,32px);perspective:1400px}
.experience-content .case-device-stage img{width:100%;height:auto}
.experience-content .case-device-stage figure{min-width:0;transform-origin:center}
.experience-content .case-device-stage figcaption{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:13px;color:var(--muted)}
.experience-content .case-device-stage figcaption svg{width:18px;height:18px}
.experience-content .case-links{display:flex;justify-content:center;gap:clamp(24px,6vw,90px);margin:var(--case-gap) auto 64px}
.experience-content .case-study .case-next{max-width:none;margin:0;padding:48px 0 0;border-top:1px solid var(--rule)}
.experience-content .case-next>span{display:block;text-align:center;font-size:13px;color:var(--muted)}
.experience-content .case-study .case-next>a{display:flex;align-items:center;justify-content:center;gap:24px;font-size:clamp(44px,9vw,160px);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin-top:24px}
.experience-content .case-next svg{width:clamp(32px,5vw,72px);height:clamp(32px,5vw,72px)}
.experience-content .case-footer{display:flex;justify-content:space-between;gap:24px;margin-top:64px;padding:24px 0;color:var(--muted);font-size:13px}
.experience-content .case-study a:focus-visible{outline-offset:5px}

@media(max-width:900px){.experience-content .case-device-stage{grid-template-columns:minmax(0,1fr) minmax(160px,28%);gap:24px}
.experience-content .case-editorial{gap:32px}
.experience-content .case-summary{margin-top:32px}
}
@media(max-width:600px){
.experience-content .case-study{padding-top:calc(var(--header-height) + 32px)}
.experience-content .case-title{font-size:15.2vw}
.experience-content .case-title span{font-size:.52em}
.experience-content .case-summary{display:block;margin:28px 0 24px}
.experience-content .case-summary p{font-size:18px}
.experience-content .case-summary>span{display:block;margin-top:16px;font-size:12px}
.experience-content .case-editorial{display:block;padding:0;margin-bottom:28px}
.experience-content .case-study h2{font-size:clamp(36px,8.8vw,52px)}
.experience-content .case-editorial p{margin-top:24px;font-size:17px}
.experience-content .case-responsive-heading{margin-bottom:32px}
.experience-content .case-responsive-heading p{font-size:16px;margin-top:20px}
.experience-content .case-device-stage{display:flex;flex-direction:column;padding:0;gap:40px}
.experience-content .case-device-stage figure{width:100%}
.experience-content .case-mobile-view{order:-1}
.experience-content .case-links{flex-direction:column;gap:20px;margin:64px 0 48px}
.experience-content .case-links .text-link{width:100%}
.experience-content .case-study .case-next{padding-top:32px}
.experience-content .case-study .case-next>a{font-size:10.5vw;gap:12px}
.experience-content .case-next svg{width:28px;height:28px}
.experience-content .case-footer{margin-top:40px}

}
@media(prefers-reduced-motion:reduce){body.case-page .experience-content *{scroll-behavior:auto!important;transition:none!important}
}.experience-content .case-footer a{display:inline-flex;align-items:center;gap:12px;min-height:44px}