.pg-case{--cw-tile:#141412;--cw-top:72px;color:var(--white)}@media (max-width:900px){.pg-case{--cw-top:60px}}.pg-case .cw-feats{margin:0;padding:0;list-style:none}.pg-case :is(.cw-shots figure,.cw-steps figure,.cw-meta,.cw-meta dd),.pg-case :is(h1,h2,h3,p){margin:0}.pg-case .cw-case{z-index:0;position:relative}.pg-case .cw-canvas{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);display:block;position:fixed;inset:0}.pg-case.cw-gl .cw-canvas{opacity:1}.pg-case .cw-case-hero{z-index:2;height:100svh;min-height:560px;margin-left:var(--gut);position:relative;overflow:hidden}.pg-case .cw-case-hero__media{background:var(--cw-tile);position:absolute;inset:0}.pg-case .cw-case-hero__media picture{position:absolute;inset:0}.pg-case .cw-case-hero__media :is(img,video){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pg-case.cw-gl .cw-case-hero__media{background:0 0}.pg-case.cw-gl .cw-case-hero__media>*{visibility:hidden}.pg-case .cw-case-hero:after{content:"";pointer-events:none;background:linear-gradient(#0b0b0a00 32%,#0b0b0a59 50%,#0b0b0acc 70%,#0b0b0af5 100%),linear-gradient(#0b0b0aeb,#0b0b0a99 14%,#0b0b0a00 28%);position:absolute;inset:0}.pg-case .cw-case-hero__in{z-index:2;padding:0 var(--pad) clamp(28px, 5vh, 56px);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 40px;display:grid;position:absolute;bottom:0;left:0;right:0}.pg-case .cw-case-hero__label{z-index:2;left:var(--pad);right:var(--pad);top:calc(var(--cw-top) + 22px);justify-content:space-between;gap:16px;display:flex;position:absolute}.pg-case .cw-case-hero__label a{color:var(--white)}.pg-case .cw-case-hero__label a:hover{color:var(--brand)}.pg-case .cw-case-hero h1{font:800 min(clamp(52px, 11vw, 200px), calc((100vw - var(--gut) - var(--pad) * 2 - 300px) / (var(--len,8) * .9))) / .84 var(--display);text-transform:uppercase;letter-spacing:-.05em}html.js-split:not(.is-split) .pg-case .cw-case-hero :is(h1 .cw-split,.cw-case-hero__sub,.cw-case-hero__acts,.cw-case-hero__label){visibility:hidden}.pg-case .cw-case-hero__sub{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:18px;display:flex}.pg-case .cw-case-hero__niche{font:500 clamp(17px, 1.6vw, 26px) / 1.15 var(--display);text-transform:uppercase;letter-spacing:-.03em;color:var(--dim);text-wrap:balance}.pg-case .cw-nw{white-space:nowrap}.pg-case .cw-case-hero__acts{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pg-case .cw-split{margin:-.06em -.04em -.08em;padding:.06em .04em .08em;display:block;overflow:hidden}.pg-case .cw-split>span{display:block}.pg-case .cw-case-hero h1 .cw-w{white-space:nowrap;vertical-align:top;margin:-.08em -.04em -.1em;padding:.08em .04em .1em;display:inline-block;overflow:hidden}.pg-case .cw-case-hero h1 .cw-ch{will-change:transform;display:inline-block}.pg-case .cw-sec{z-index:2;margin-left:var(--gut);padding:clamp(72px, 11vh, 140px) var(--pad);border-top:1px solid var(--faint);position:relative}.pg-case .cw-sec__label{justify-content:space-between;gap:16px;margin-bottom:clamp(28px,5vh,56px);display:flex}.pg-case .cw-sec__label h2{font-weight:400}.pg-case .cw-brief{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:32px clamp(40px,5vw,96px);display:grid}.pg-case .cw-brief__side{top:calc(var(--cw-top) + 24px);gap:clamp(28px,4vh,44px);display:grid;position:sticky}.pg-case .cw-brief__t{font:var(--t-xl);text-transform:uppercase;letter-spacing:-.035em;text-wrap:balance}.pg-case .cw-brief__body .rt{max-width:68ch;color:var(--dim);gap:18px;font-size:clamp(16px,1.1vw,18px);line-height:1.65;display:grid}.pg-case .cw-brief__body p{margin:0}.pg-case .cw-brief__body--lead .rt>p:first-child{color:var(--white);font:400 clamp(19px, 1.5vw, 24px) / 1.45 var(--body);letter-spacing:-.01em}.pg-case .cw-brief__body strong{color:var(--white);font-weight:600}.pg-case .cw-brief__body a{color:var(--white);border-bottom:1px solid var(--brand);text-decoration:none;transition:color .3s}.pg-case .cw-brief__body a:hover{color:var(--brand)}.pg-case .cw-meta{border-top:1px solid var(--faint);align-content:start;display:grid}.pg-case .cw-meta div{border-bottom:1px solid var(--faint);grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.pg-case .cw-meta dt{font:400 11px/1.6 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.pg-case .cw-meta dd{margin:0;font-size:15px}.pg-case .cw-meta dd a{color:var(--brand)}.pg-case .cw-meta dd a:hover{text-underline-offset:3px;text-decoration:underline}.pg-case .cw-honest{border:1px solid var(--faint);font:400 12px/1.6 var(--mono);color:var(--dim);margin-top:26px;padding:16px 18px}.pg-case .cw-honest b{color:var(--brand);font-weight:400}.pg-case .cw-feats{border-top:1px solid var(--faint);border-left:1px solid var(--faint);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-case .cw-feats--4{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-case .cw-feats--seq{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-case .cw-feat{border-right:1px solid var(--faint);border-bottom:1px solid var(--faint);min-height:220px;transition:background .5s var(--ease);align-content:start;gap:12px;padding:26px clamp(20px,2vw,32px) 34px;display:grid;position:relative}.pg-case .cw-feat:hover{background:#f4f2ed09}.pg-case .cw-feat__n{font:400 11px/1 var(--mono);color:var(--brand)}.pg-case .cw-feat h3{font:var(--t-m);text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance;margin-top:26px}.pg-case .cw-feat p{color:var(--dim);text-wrap:pretty;font-size:15px;line-height:1.5}.pg-case .cw-res{flex-wrap:wrap;gap:24px 64px;margin:clamp(28px,4vh,48px) 0 0;padding:0;list-style:none;display:flex}.pg-case .cw-res b{font:800 clamp(40px, 4.4vw, 76px) / .9 var(--display);letter-spacing:-.045em;color:var(--brand);display:block}.pg-case .cw-res span{max-width:30ch;color:var(--dim);margin-top:10px;font-size:15px;display:block}.pg-case .cw-quote{border-left:2px solid var(--brand);max-width:62ch;margin:clamp(32px,5vh,56px) 0 0;padding:26px 0 0 28px}.pg-case .cw-quote p{font:400 clamp(20px, 1.8vw, 28px) / 1.4 var(--body);text-wrap:pretty}.pg-case .cw-quote cite{color:var(--dim);margin-top:16px;font-style:normal;display:block}.pg-case .cw-shots{grid-template-columns:minmax(0,1fr) minmax(0,.34fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.pg-case .cw-shot{border:1px solid var(--faint);background:var(--cw-tile);position:relative}.pg-case .cw-shot__bar{border-bottom:1px solid var(--faint);height:38px;font:400 11px/1 var(--mono);color:var(--dim);align-items:center;gap:12px;padding:0 14px;display:flex}.pg-case .cw-shot__bar i{background:#f4f2ed33;width:7px;height:7px}.pg-case .cw-shot__bar i:first-child{background:var(--brand)}.pg-case .cw-shot__bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.pg-case .cw-shots__wide{grid-column:1/-1}.pg-case .cw-shot__vid{aspect-ratio:16/10;background:var(--cw-tile);position:relative}.pg-case .cw-shot__vid :is(video,.cw-shot__poster){object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.pg-case .cw-shot--m .cw-shot__vid{aspect-ratio:390/844;border-radius:20px;overflow:hidden}.pg-case .cw-play{background:var(--brand);width:72px;height:72px;color:var(--brand-ink);cursor:pointer;border:0;place-items:center;margin:-36px 0 0 -36px;display:grid;position:absolute;top:50%;left:50%}.pg-case .cw-play svg{width:22px;height:22px}.pg-case .cw-play.is-playing{opacity:0}.pg-case .cw-play.is-playing:is(:hover,:focus-visible){opacity:1}.pg-case .cw-play[hidden]{display:none}.pg-case .cw-shots__wide .cw-shot,.pg-case .cw-shots__wide figcaption{max-width:1282px;margin-left:auto;margin-right:auto}.pg-case .cw-shot__win{height:min(78vh,760px);position:relative;overflow:hidden}.pg-case .cw-shot__win img{will-change:transform;width:100%;height:auto;display:block}.pg-case .cw-shot--m{border-radius:28px;justify-self:center;width:100%;max-width:360px;padding:10px}.pg-case .cw-shot--m .cw-shot__win{aspect-ratio:390/844;border-radius:20px;height:auto}.pg-case .cw-shot--m .cw-shot__win img{object-fit:cover;object-position:top;height:100%}.pg-case :is(.cw-shots,.cw-steps) figcaption{font:400 11px/1.4 var(--mono);color:var(--dim);margin-top:12px}.pg-case .cw-shots--one{grid-template-columns:minmax(0,1fr);justify-items:center}.pg-case .cw-shots--one>figure:not(.cw-shots__wide){width:min(100%,900px)}.pg-case .cw-shots--one .cw-shot--m{max-width:360px}.pg-case .cw-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,4vw,64px) clamp(20px,3vw,48px);display:grid}.pg-case .cw-shot__img{aspect-ratio:16/10;background:var(--cw-tile);position:relative;overflow:hidden}.pg-case .cw-shot__img img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.pg-case .cw-steps figcaption{font:inherit;color:inherit;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin-top:16px;display:grid}.pg-case .cw-step figcaption b{font:var(--t-m);text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance}.pg-case .cw-step figcaption span:not(.cw-feat__n){color:var(--dim);text-wrap:pretty;grid-column:2;font-size:15px;line-height:1.5}.pg-case .cw-visit{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px 60px;display:grid}.pg-case .cw-visit h2{font:800 clamp(34px, 5.4vw, 96px) / .9 var(--display);text-transform:uppercase;letter-spacing:-.045em;text-wrap:balance}.pg-case .cw-visit p{max-width:50ch;color:var(--dim);margin-top:20px}.pg-case .cw-visit__acts{flex-direction:column;align-items:stretch;gap:10px;display:flex}.pg-case .cw-visit__acts .btn{justify-content:space-between}.pg-case .cw-rel{border-top:1px solid var(--faint);flex-wrap:wrap;align-items:baseline;gap:10px 26px;margin-top:clamp(28px,4vh,44px);padding-top:18px;display:flex}.pg-case .cw-rel .cmt{color:var(--dim)}.pg-case .cw-rel a{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.pg-case .cw-rel a:hover{color:var(--white)}.pg-case .cw-nextprev{z-index:2;margin-left:var(--gut);border-top:1px solid var(--faint);grid-template-columns:1fr 1fr;display:grid;position:relative}.pg-case .cw-np{min-height:clamp(240px,36vh,380px);padding:28px var(--pad) 36px;isolation:isolate;align-content:space-between;gap:40px;display:grid;position:relative;overflow:hidden}.pg-case .cw-np+.cw-np{border-left:1px solid var(--faint);text-align:right}.pg-case .cw-np__media{z-index:-1;opacity:0;transition:opacity .6s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.pg-case .cw-np__media img{object-fit:cover;filter:grayscale(.2)brightness(.45);width:100%;height:100%}.pg-case .cw-np:is(:hover,:focus-visible) .cw-np__media{opacity:1;transform:none}.pg-case .cw-np__name{font:800 clamp(30px, 4.6vw, 84px) / .9 var(--display);text-transform:uppercase;letter-spacing:-.045em;transition:color .4s}.pg-case .cw-np:hover .cw-np__name{color:var(--brand)}.pg-case .cw-np__niche{color:var(--dim);margin-top:12px;font-size:15px;display:block}.pg-case .cw-rv.is-wait{opacity:0;transform:translateY(28px)}.pg-case .cw-rv.is-wait.is-in{opacity:1;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transform:none}@media (max-width:1280px){.pg-case .cw-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.pg-case .cw-case-hero{height:88svh;min-height:520px}.pg-case .cw-case-hero__in{grid-template-columns:minmax(0,1fr)}.pg-case .cw-case-hero__acts{justify-content:flex-start}.pg-case .cw-case-hero h1{font-size:min(15vw, calc((100vw - var(--pad) * 2) / (var(--len,8) * .9)))}.pg-case :is(.cw-shots,.cw-steps,.cw-brief){grid-template-columns:minmax(0,1fr)}.pg-case .cw-brief__side{position:static}.pg-case .cw-shot__win{height:64vh}.pg-case .cw-visit{grid-template-columns:minmax(0,1fr)}.pg-case .cw-visit__acts{flex-flow:wrap}.pg-case .cw-nextprev{grid-template-columns:minmax(0,1fr)}.pg-case .cw-np+.cw-np{border-left:0;border-top:1px solid var(--faint)}.pg-case .cw-np__media{opacity:.55;transform:none}.pg-case .cw-meta div{grid-template-columns:96px minmax(0,1fr)}}@media (max-width:640px){.pg-case .cw-sec__label{flex-wrap:wrap}.pg-case .cw-sec__label h2{flex:none}.pg-case .cw-case-hero__media img{object-position:50% 0}.pg-case .cw-case-hero:after{background:linear-gradient(#0b0b0a00 26%,#0b0b0ab3 44%,#0b0b0a 56% 100%),linear-gradient(#0b0b0a99,#0b0b0a00 20%)}.pg-case .cw-feats{grid-template-columns:minmax(0,1fr)}.pg-case .cw-feat{min-height:0}.pg-case .cw-feat h3{margin-top:14px}.pg-case .cw-np{text-align:left!important}}@media (prefers-reduced-motion:reduce){.pg-case .cw-rv.is-wait{opacity:1;transform:none}}
