.case-page{background:#080808}.case-container{width:min(1340px,calc(100% - 100px));margin-inline:auto}.case-page main{overflow:clip}.case-study section{scroll-margin-top:110px}
.case-opening{padding:65px 0 80px;background:#080808}.case-back{display:inline-flex;align-items:center;gap:16px;font-size:13px;min-height:44px}.case-back span{color:var(--accent);font-size:22px;transition:transform .35s}.case-back:hover span{transform:translateY(-3px)}
.case-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8%;padding:45px 0 65px}.case-heading h1{font-size:clamp(76px,10vw,152px);letter-spacing:-.075em;font-weight:500;line-height:1;overflow-wrap:anywhere}.case-dot{color:var(--accent)}.case-heading>p{font-size:clamp(23px,2.8vw,40px);line-height:1.15;letter-spacing:-.045em;max-width:460px;padding-bottom:7px}
.case-visual{margin:0;min-width:0;overflow:hidden;border-radius:14px;background:#181818}.case-visual img{width:100%;height:auto;display:block}.case-lead{border-radius:18px}.case-film a{position:relative;display:block}.case-play{position:absolute;bottom:25px;left:25px;display:flex;gap:15px;align-items:center;padding:14px 22px;border-radius:99px;background:var(--accent);color:white;font-size:13px;box-shadow:0 3px 20px #0003;transition:transform .4s cubic-bezier(.22,1,.36,1)}.case-film a:hover .case-play{transform:translateY(-4px)}.case-play>span{font-size:11px}
.case-overview,.case-result{background:#f7f7f3;color:#111;padding:95px 0;color-scheme:light}.case-overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;align-items:start}.case-story h2{font-size:clamp(32px,3.3vw,49px);letter-spacing:-.055em;line-height:1.1;font-weight:500;margin-bottom:30px}.case-story>p{font-size:clamp(21px,2vw,28px);letter-spacing:-.025em;line-height:1.5}.case-facts{display:grid;gap:24px}.case-facts>div{display:grid;grid-template-columns:85px 1fr;gap:20px;border-top:1px solid #c8c8c3;padding-top:16px}.case-facts dt{font-size:12px;color:#555}.case-facts dd{font-size:15px;line-height:1.6}
.case-gallery{background:#080808;padding:80px 0}.case-gallery-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:35px}.case-gallery-grid>.case-visual:nth-child(3n+1){grid-column:1/-1}.case-editorial .case-gallery-grid{grid-template-columns:1fr;gap:65px}.case-editorial .case-gallery-grid>.case-visual:nth-child(even){width:85%;justify-self:center}.case-gallery-grid>.case-visual:last-child:nth-child(3n+2){grid-column:1/-1;width:85%;justify-self:center}
.case-result-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.case-result h2{font-size:clamp(42px,4.5vw,66px);letter-spacing:-.065em;line-height:1.1;font-weight:500}.case-result p{font-size:clamp(22px,2.3vw,32px);line-height:1.4;letter-spacing:-.035em}.case-result-continuous{padding-top:0}.case-result-continuous .case-result-grid{border-top:1px solid #c8c8c3;padding-top:70px}
.case-next{padding:80px 0 95px;background:#080808}.case-next-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.case-next-top h2{font-size:20px;letter-spacing:-.03em;font-weight:400}.case-next-link{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.case-next-image{overflow:hidden;border-radius:14px}.case-next-image img{aspect-ratio:1.9;object-fit:cover;height:auto;transition:transform .65s cubic-bezier(.22,1,.36,1)}.case-next-link:hover img{transform:scale(1.025)}.case-next-copy{position:relative;padding-right:45px}.case-next-copy h3{font-size:clamp(35px,4vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.05}.case-next-copy p{font-size:16px;line-height:1.5;margin-top:16px}.case-next-arrow{position:absolute;right:0;top:0;color:var(--accent);font-size:40px;transition:transform .4s}.case-next-link:hover .case-next-arrow{transform:translate(4px,-4px)}.case-page .site-footer{padding-top:60px;border-top:1px solid #333}
.case-page a:focus-visible,.case-page button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.case-film-dialog{width:min(1120px,94vw);max-height:92dvh;padding:24px;border:1px solid #444;background:#080808;color:#fff}.case-film-dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.case-film-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.case-film-toolbar button{font:inherit;color:inherit;background:none;border:0;min-height:44px;cursor:pointer}.case-film-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.case-page.case-film-open{overflow:hidden}
@media(max-width:1000px){.case-heading{grid-template-columns:1fr;gap:25px}.case-heading>p{max-width:600px}.case-overview-grid{gap:7%;grid-template-columns:1.1fr 1fr}.case-facts>div{grid-template-columns:1fr;gap:7px}}
@media(max-width:760px){.case-container{width:calc(100% - 40px)}.case-opening{padding:35px 0 40px}.case-heading{padding:25px 0 35px;gap:22px}.case-heading h1{font-size:clamp(64px,15vw,105px)}.case-heading>p{font-size:26px}.case-visual,.case-lead{border-radius:10px}.case-play{bottom:12px;left:12px;padding:11px 16px;font-size:11px;gap:10px}.case-overview,.case-result{padding:50px 0}.case-overview-grid,.case-result-grid{grid-template-columns:1fr;gap:40px}.case-story>p{font-size:20px}.case-story h2{font-size:34px;margin-bottom:22px}.case-facts{gap:20px}.case-facts>div{grid-template-columns:75px 1fr;gap:15px}.case-facts dd{font-size:14px}.case-gallery{padding:40px 0}.case-gallery-grid,.case-editorial .case-gallery-grid{grid-template-columns:1fr;gap:24px}.case-gallery-grid>.case-visual,.case-editorial .case-gallery-grid>.case-visual:nth-child(even),.case-gallery-grid>.case-visual:last-child:nth-child(3n+2){grid-column:auto;width:100%}.case-result h2{font-size:43px}.case-result p{font-size:23px}.case-result-continuous{padding-top:0}.case-result-continuous .case-result-grid{padding-top:40px}.case-next{padding:45px 0 55px}.case-next-link{grid-template-columns:1fr;gap:25px}.case-next-copy h3{font-size:40px}.case-next-copy p{font-size:15px}.case-next-top{margin-bottom:25px}.case-next-top h2{font-size:18px}.case-film-dialog{padding:12px}.case-film-toolbar{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.case-study *{transition:none!important}}
