.case-study{background:var(--black);color:var(--white)}.case-label,.case-folio{font-size:var(--type-label);letter-spacing:.11em;text-transform:uppercase;font-weight:500}.case-hero{--case-scroll:0;background:var(--black);height:124svh}.case-hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.case-hero-media{background:#171411;position:absolute;inset:0;overflow:hidden}.case-hero-media img{object-fit:cover;filter:saturate(.76)brightness(.78);width:100%;height:108%;transform:translate3d(0,calc(var(--case-scroll) * -5%),0) scale(calc(1.045 + var(--case-scroll) * .055));will-change:transform}.case-hero-shade{background:linear-gradient(#0000007a 0%,#00000014 38%,#000000bd 100%);position:absolute;inset:0}.case-hero-copy{z-index:2;grid-template-rows:auto 1fr auto auto;height:100%;padding:6.2rem 0 1.4rem;display:grid;position:relative}.case-folio{color:#ffffffa8}.case-hero-copy h1{letter-spacing:-.065em;max-width:9ch;transform:translateY(calc(var(--case-scroll) * -2rem));opacity:calc(1 - var(--case-scroll) * 1.15);align-self:end;font-size:clamp(4rem,18vw,7rem);line-height:1.03}.case-hero-copy h1 span{transition:transform 1.05s var(--ease);padding-bottom:.08em;display:block;overflow:hidden;transform:translateY(112%)}.is-ready .case-hero-copy h1 span{transform:none}.case-hero-meta{border-top:1px solid var(--line-light);color:#ffffffc2;font-size:var(--type-small);text-transform:uppercase;grid-template-columns:repeat(2,1fr);gap:.6rem 1rem;padding:1rem 0;display:grid}.case-hero-copy>a{border-top:1px solid var(--line-light);min-height:2.9rem;font-size:var(--type-small);justify-content:space-between;align-items:center;display:flex}.case-intro{background:var(--white);color:var(--black);padding:6.5rem 0 7.5rem}.case-intro-grid{gap:2.7rem;display:grid}.case-intro-grid h2{letter-spacing:-.052em;font-size:clamp(3rem,12vw,4.3rem);line-height:1.16}.case-intro-copy{gap:1.2rem;display:grid}.case-intro-copy p{color:#000000b3;font-size:1rem;line-height:1.78}.case-facts{border-top:1px solid var(--line-dark);margin:0;display:grid}.case-facts div{border-bottom:1px solid var(--line-dark);grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;display:grid}.case-facts dt{color:var(--soft-black);font-size:var(--type-label)}.case-facts dd{font-size:var(--type-small);margin:0}.case-gallery{background:var(--white);color:var(--black);padding:0 0 7rem}.case-gallery-grid{gap:4.5rem;display:grid}.case-gallery-frame{overflow:hidden}.case-gallery-frame>img{--case-image-y:0px;object-fit:cover;width:100%;height:110%;transform:translateY(var(--case-image-y)) scale(1.045);transition:transform 1s var(--ease), filter .45s ease;will-change:transform}.case-gallery-frame--1,.case-gallery-frame--4,.case-gallery-frame--2,.case-gallery-frame--3{aspect-ratio:4/5}.case-gallery-frame figcaption{position:absolute}.case-gallery-frame{position:relative}.case-gallery-frame figcaption{color:#fff;font-size:var(--type-label);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 12px #0000008c;justify-content:space-between;display:flex;bottom:.75rem;left:.8rem;right:.8rem}.case-materials{background:#151310;padding:6.5rem 0 7.5rem}.case-materials-grid{gap:2.5rem;display:grid}.case-materials h2{letter-spacing:-.052em;max-width:12ch;font-size:clamp(3.1rem,13vw,4.4rem);line-height:1.16}.case-materials ol{border-top:1px solid var(--line-light);margin:0;padding:0;list-style:none}.case-materials li{border-bottom:1px solid var(--line-light);grid-template-columns:2rem 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.case-materials li span{color:var(--peach);font-size:var(--type-label)}.case-materials li strong{font-family:var(--display);font-size:clamp(1.8rem,8vw,2.5rem);font-weight:400;line-height:1.2}.case-materials figure{aspect-ratio:4/5;overflow:hidden}.case-materials figure img{--case-image-y:0px;object-fit:cover;object-position:left center;filter:saturate(.7)brightness(.72);width:100%;height:115%;transform:translateY(var(--case-image-y)) scale(1.35)}.case-author{background:var(--white);color:var(--black);padding:6.5rem 0 7.5rem}.case-author-grid{gap:2.7rem;display:grid}.case-author figure{aspect-ratio:4/5;background:#d7d2c9;overflow:hidden}.case-author figure img{object-fit:cover;filter:saturate(.7);width:100%;height:100%;transition:transform 1s var(--ease)}.case-author-grid>div{align-content:start;display:grid}.case-author h2{letter-spacing:-.055em;margin-top:1.6rem;font-size:clamp(3.3rem,14vw,4.6rem);line-height:1.12}.case-author-grid>div>p:not(.case-label){color:#000000ad;margin-top:1.5rem;font-size:1rem;line-height:1.75}.case-author-grid>div>a{border-block:1px solid var(--line-dark);min-height:3rem;font-size:var(--type-small);justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.case-contact{background:var(--white);color:var(--black);border-top:1px solid var(--line-dark);padding:6.5rem 0 7rem}.case-contact-grid{gap:2.7rem;display:grid}.case-contact-grid>div h2{letter-spacing:-.052em;max-width:11ch;font-size:clamp(3.1rem,13.5vw,4.4rem);line-height:1.15}.case-contact-grid>div>p{color:#000000ad;margin-top:1.5rem;font-size:1rem;line-height:1.75}.case-contact-grid>div>a{border-block:1px solid var(--line-dark);min-height:3rem;font-size:var(--type-small);justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.case-benefit{background:var(--black);color:#fff;flex-direction:column;min-height:20rem;padding:1.3rem;display:flex}.case-benefit strong{font-family:var(--display);letter-spacing:-.08em;margin:auto 0;font-size:clamp(8rem,41vw,10rem);font-weight:400;line-height:.82}.case-benefit span{color:var(--soft-white);font-size:var(--type-small);line-height:1.65}.case-next{background:var(--black);color:#fff;grid-template-columns:1fr auto;align-content:center;gap:1.4rem;min-height:19rem;padding:4rem max(1rem,50vw - 45rem) 6rem;display:grid}.case-next>span{color:var(--soft-white);font-size:var(--type-label);letter-spacing:.11em;grid-column:1/-1}.case-next strong{font-family:var(--display);letter-spacing:-.055em;font-size:clamp(3.2rem,14vw,4.5rem);font-weight:400;line-height:1.12}.case-next i{align-self:center;font-size:1.7rem;font-style:normal}.case-footer{border-top:1px solid var(--line-light);background:var(--black);padding:3rem 0 6rem}.case-footer-grid{color:var(--soft-white);font-size:var(--type-small);gap:2.5rem;display:grid}.case-footer-grid>div{gap:.5rem;display:grid}.case-footer-grid>div>p{color:#fff;font-size:var(--type-label);margin-bottom:.4rem}.case-footer-grid>p,.case-footer-grid>a:last-child{border-top:1px solid var(--line-light);font-size:var(--type-label);padding-top:1rem}@media (hover:hover) and (pointer:fine){.case-gallery-frame:hover>img{transform:translateY(var(--case-image-y)) scale(1.075);filter:brightness(.83)}.case-author figure:hover img{transform:scale(1.025)}.case-next:hover strong{color:var(--peach)}}@media (width>=48rem){.case-hero{height:142svh}.case-hero-copy{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;padding:7.3rem 0 1.4rem}.case-folio{grid-column:1/5}.case-hero-copy h1{grid-area:2/1/auto/11;font-size:clamp(6.8rem,13vw,13rem)}.case-hero-meta{grid-area:3/1/auto/9;grid-template-columns:repeat(4,1fr);align-self:end}.case-hero-copy>a{grid-area:3/10/auto/13;align-self:end;margin-left:1.5rem}.case-intro{padding:9rem 0 10rem}.case-intro-grid{grid-template-columns:9rem repeat(2,minmax(0,1fr));column-gap:3rem}.case-intro-grid>.case-label{grid-column:1}.case-intro-grid h2{grid-column:2/4;font-size:clamp(5rem,7.4vw,7.4rem)}.case-intro-copy{grid-column:2;margin-top:4rem}.case-facts{grid-column:3;align-self:start;margin-top:4rem}.case-gallery{padding-bottom:11rem}.case-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8rem 2rem}.case-gallery-frame--1{aspect-ratio:16/9;grid-column:1/13}.case-gallery-frame--2{aspect-ratio:4/5;grid-column:1/8}.case-gallery-frame--3{aspect-ratio:4/5;grid-column:8/13;margin-top:10rem}.case-gallery-frame--4{aspect-ratio:16/9;grid-column:2/12}.case-materials{padding:9rem 0 10rem}.case-materials-grid{grid-template-columns:9rem minmax(0,1fr) minmax(22rem,.72fr);column-gap:3rem}.case-materials-grid>.case-label{grid-column:1}.case-materials h2{grid-column:2;font-size:clamp(5rem,7vw,7rem)}.case-materials ol{grid-column:2;align-self:end;margin-top:4rem}.case-materials figure{grid-area:1/3/4}.case-author{padding:9rem 0 10rem}.case-author-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:2rem}.case-author figure{grid-column:1/6}.case-author-grid>div{grid-column:7/13;padding-left:2rem}.case-author h2{font-size:clamp(5rem,7.5vw,7.5rem)}.case-author-grid>div>a{width:min(100%,24rem);margin-top:3rem}.case-contact{padding:9rem 0 10rem}.case-contact-grid{grid-template-columns:9rem minmax(0,1.2fr) minmax(20rem,.65fr);column-gap:2.5rem}.case-contact-grid>.case-label{grid-column:1}.case-contact-grid>div{grid-column:2}.case-contact-grid>div h2{font-size:clamp(4.5rem,6.6vw,6.6rem)}.case-benefit{grid-column:3;min-height:27rem}.case-benefit strong{font-size:clamp(8rem,14vw,13rem)}.case-next{min-height:25rem;padding:4rem max(2.5rem,50vw - 45rem)}.case-next strong{font-size:clamp(5rem,10vw,9rem)}.case-footer{padding-bottom:1.5rem}.case-footer-grid{grid-template-columns:2fr 1fr 1fr;align-items:start}.case-footer-grid>p{grid-column:1/2;margin-top:3rem}.case-footer-grid>a:last-child{text-align:right;grid-column:3;margin-top:3rem}}@media (prefers-reduced-motion:reduce){.case-hero-media img,.case-hero-copy h1,.case-gallery-frame>img,.case-materials figure img,.case-hero-copy h1 span{transform:none}}.case-contact-grid>div>a.case-primary-cta{background:var(--black);color:#fff;letter-spacing:.07em;border:0;gap:1.5rem;width:min(100%,26rem);min-height:4.5rem;padding:1rem 1.25rem}.case-primary-cta i{transition:transform .5s var(--ease);font-size:1.1rem;font-style:normal}@media (hover:hover) and (pointer:fine){.case-primary-cta:hover i{transform:translate(.45rem)}}.case-concept{--case-paper:#f2efe8}.case-concept .case-hero{height:min(90svh,60rem);min-height:36rem}.case-concept .case-hero-stage{height:100%;position:relative}.case-concept .case-hero-media img{filter:none;height:100%;transform:none}.case-concept .case-hero-shade{background:linear-gradient(#0005,#0000 40%,#000b)}.case-concept .case-hero-copy h1{opacity:1;transform:none}.case-concept .case-hero-copy h1 span{transform:none}.case-concept .case-hero-meta{flex-wrap:wrap;gap:.8rem 1.8rem;font-size:.8rem;display:flex}.case-concept .case-hero-meta a{text-underline-offset:.25em;text-decoration:underline}.case-concept .case-label,.case-concept .case-folio{font-size:.7rem}.case-concept .case-intro,.case-concept .case-gallery,.case-concept .case-author,.case-concept .case-contact{background:var(--case-paper);color:#282720}.case-concept .case-intro,.case-concept .case-author,.case-concept .case-contact{padding-block:4.5rem}.case-concept .case-intro-copy p,.case-concept .case-author-grid>div>p:not(.case-label),.case-concept .case-contact-grid>div>p{color:#625d55}.case-concept .case-intro-copy .case-sample-note{border-top:1px solid #cac3b8;padding-top:1.2rem;font-size:.8rem;line-height:1.65}.case-concept .case-facts{font-size:1rem}.case-concept .case-facts dt{color:#625d55;font-size:.8rem}.case-concept .case-facts dd{font-size:.95rem}.case-concept .case-facts a{text-underline-offset:.3em;text-decoration:underline}.case-concept .case-gallery{padding-bottom:4.5rem}.case-concept .case-gallery-frame{aspect-ratio:4/3}.case-concept .case-gallery-frame>img{filter:none;height:100%;transform:none}.case-concept .case-gallery-frame figcaption{background:#242621e8;gap:2rem;padding:.5rem .7rem;font-size:.65rem;left:1rem;right:auto}.case-concept .case-materials{background:#242621;padding-block:4.5rem}.case-concept .case-materials figure img{filter:none;height:100%;transform:none}.case-shortlist{background:#e5e0d6;align-self:start;gap:1.5rem;padding:2rem;display:grid}.case-shortlist>p:first-child{letter-spacing:.08em;font-size:.7rem}.case-shortlist h3{letter-spacing:-.04em;font-size:clamp(2rem,3vw,3rem)}.case-shortlist>p:not(:first-child){color:#625d55;font-size:.95rem;line-height:1.7}.case-shortlist a{border-top:1px solid #bcb5a9;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding-top:1rem;font-size:.7rem;display:flex}.case-concept .case-author-grid>div>a{min-height:3rem;font-size:.95rem}.case-concept .case-next{background:#242621;min-height:15rem}@media (width>=48rem){.case-concept .case-intro,.case-concept .case-author,.case-concept .case-contact,.case-concept .case-materials{padding-block:6rem}.case-concept .case-intro-grid,.case-concept .case-materials-grid,.case-concept .case-contact-grid{grid-template-columns:7rem minmax(0,1fr) minmax(0,.9fr);gap:2rem}.case-concept .case-intro-copy,.case-concept .case-facts{margin-top:1.5rem}.case-concept .case-intro-grid h2{font-size:clamp(3.5rem,5.8vw,6rem)}.case-concept .case-gallery-frame{aspect-ratio:16/9}.case-concept .case-materials h2{font-size:clamp(3.2rem,4.5vw,5rem)}.case-concept .case-materials ol{margin-top:1rem}.case-concept .case-materials li strong{font-size:clamp(1.6rem,2.2vw,2.5rem)}.case-concept .case-author h2{font-size:clamp(3.5rem,5.8vw,6rem)}.case-concept .case-contact-grid>div h2{font-size:clamp(3.2rem,4.5vw,5rem)}.case-concept .case-author figure{max-height:36rem}.case-shortlist{grid-column:3}}
