.case-study{--case-section-space:clamp(64px,7.2vw,104px);--case-media-gap:clamp(20px,2.4vw,32px);padding-top:var(--nav-height);color:#181818;background:#fff}.case-study h1,.case-study h2,.case-study h3,.case-study p,.case-study figure,.case-study dl,.case-study dd{margin:0}.case-study h2{letter-spacing:-.05em;font-size:clamp(36px,4vw,58px);font-weight:300;line-height:1.06}.case-study em{font-family:Canela,Georgia,serif;font-weight:400;display:block}.case-study p{font-size:18px;font-weight:300;line-height:1.6}.case-section{padding:var(--case-section-space) var(--gutter)}.case-hero{color:#fff;min-height:min(740px,calc(100svh - var(--nav-height)));background:#111;grid-template-columns:1fr 1fr;display:grid}.case-hero__copy{padding:32px clamp(28px,4vw,64px) 38px var(--gutter);flex-direction:column;align-items:flex-start;display:flex}.case-back{color:#bbb;align-items:center;gap:18px;font-size:13px;display:flex}.case-back svg{order:-1;transform:rotate(180deg)}.case-hero__heading{margin:auto 0;padding:68px 0}.case-study .case-client{margin-bottom:28px;font-size:15px}.case-hero h1{letter-spacing:-.055em;font-size:clamp(46px,5.4vw,84px);font-weight:300;line-height:1.02}.case-hero h1 em{color:var(--color-yellow);letter-spacing:-.035em;margin-top:14px;font-size:.8em}.case-study .case-hero__summary{color:#c7c7c7;max-width:390px;margin-top:32px;font-size:18px;line-height:1.5}.case-story-link{border-bottom:1px solid #666;align-items:center;gap:30px;padding-bottom:7px;font-size:13px;display:flex}.case-hero__image{object-fit:cover;object-position:48% 50%;width:100%;height:100%;min-height:0}.case-overview{grid-template-columns:1fr 2fr;gap:8%;display:grid}.case-meta{align-content:start;gap:28px;display:grid}.case-meta span{color:#6b6b6b;margin-bottom:8px;font-size:12px;display:block}.case-meta p,.case-meta a,.case-meta li{font-size:14px;font-weight:400;line-height:1.65}.case-meta a{text-underline-offset:4px;text-decoration:underline}.case-meta ul{margin:0;padding:0;list-style:none}.case-overview__story{max-width:800px}.case-overview__story h2{max-width:760px;margin-bottom:36px}.case-overview__story p+p{margin-top:20px}.case-website{max-width:100%;margin-top:28px}.case-results{background:#dcebf5}.case-results__top{grid-template-columns:1fr 1.1fr;align-items:center;gap:8%;display:grid}.case-results h2 em{margin-top:8px}.case-results__lead strong{letter-spacing:-.075em;font-size:clamp(100px,14vw,210px);font-weight:300;line-height:1}.case-results__lead p{margin-top:14px}.case-study .case-results__metrics{border-top:1px solid #a3b6c4;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:56px;padding-top:26px;display:grid}.case-results__metrics dt{letter-spacing:-.06em;font-size:clamp(44px,5vw,72px);font-weight:300;line-height:1.1}.case-results__metrics dd{max-width:230px;margin-top:12px;font-size:15px;line-height:1.5}.case-study .case-results__note{color:#47535b;max-width:940px;margin-top:44px;font-size:12px;line-height:1.65}.case-approach,.case-delivery{grid-template-columns:1fr 1.1fr;gap:8%;display:grid}.case-approach p+p{margin-top:24px}.case-study .case-markets{color:#626262;border-top:1px solid #ddd;padding-top:24px;font-size:13px;line-height:1.8}.case-gallery{padding:0 var(--gutter);column-gap:var(--case-media-gap);grid-template-columns:1fr 1fr;align-items:start;row-gap:clamp(32px,4vw,56px);display:grid}.case-gallery img{width:100%;height:auto;display:block}.case-gallery figcaption{color:#666;margin-top:14px;font-size:12px;line-height:1.5}.case-gallery__wide{grid-column:1/-1}.case-film{padding:0 var(--gutter) var(--case-section-space)}.case-film figure{max-width:1100px;margin:0 auto}.case-film video,.case-films video{object-fit:contain;background:#fff;width:100%;height:auto;display:block}.case-film figcaption{color:#666;margin-top:14px;font-size:12px;line-height:1.5}.case-films{padding-bottom:var(--case-section-space);align-items:start}.case-films figure:not(.case-gallery__wide) video{aspect-ratio:4/3;background:#ffedf1}.case-delivery details{border-top:1px solid #bbb}.case-delivery details:last-child{border-bottom:1px solid #bbb}.case-delivery summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:19px;list-style:none;display:flex}.case-delivery summary::-webkit-details-marker{display:none}.case-delivery summary svg{flex-shrink:0;transition:transform .2s}.case-delivery details[open] summary svg{transform:rotate(45deg)}.case-channel{padding:0 30px 28px 0}.case-channel h3{margin-bottom:12px;font-size:16px;font-weight:400}.case-channel p{color:#555;font-size:16px}.case-delivery--with-media{row-gap:clamp(32px,4vw,56px)}.case-delivery__media{gap:var(--case-media-gap);grid-column:1/-1;grid-template-columns:3fr 1fr;align-items:start;display:grid}.case-delivery__media img,.case-delivery__media video{width:100%;height:auto;display:block}.case-delivery__media figcaption{color:#666;margin-top:14px;font-size:12px;line-height:1.5}.case-value{background:#fff4a5;grid-template-columns:1fr 1.1fr;align-items:center;gap:8%;display:grid}.case-value h2{max-width:560px}.case-related{grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;display:grid}.case-related img{width:100%;height:auto}.case-related__rotation{min-width:0}.case-related__frames{aspect-ratio:4/3;background:#f5f5f5;position:relative;overflow:hidden}.case-related .case-related__frames img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;max-height:none;transition:opacity 1s;position:absolute;inset:0}.case-related .case-related__frames img.is-current{opacity:1;z-index:1}.case-related__caption{color:#666;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-top:8px;font-size:12px;display:flex}.case-related__caption button{color:#181818;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.case-related__caption button:focus-visible{outline-offset:2px;outline:2px solid #39718d}.case-related p{margin:24px 0 30px}.case-related .sq-button{gap:30px;display:inline-flex}.case-study .case-quote{background:#dcebf5;margin-bottom:clamp(48px,6vw,88px)}.case-study .case-quote[data-theme=stirling]{color:#30160d;background:#ffad45}.case-quote[data-theme=stirling] figcaption span{color:#513021}.case-quote blockquote{letter-spacing:-.025em;max-width:1080px;margin:0 0 32px;font:400 clamp(28px,3.2vw,44px)/1.25 Canela,Georgia,serif}.case-quote figcaption{flex-direction:column;gap:5px;font-size:14px;line-height:1.5;display:flex}.case-quote figcaption strong{font-weight:500}.case-quote figcaption span{color:#47535b}.case-study a:focus-visible,.case-study summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}#case-story{scroll-margin-top:100px}@media (width>=1100px){.case-hero__copy{padding-left:var(--gutter)}}@media (width<=800px){.case-hero{grid-template-columns:1fr}.case-hero__copy{padding:24px var(--gutter) 32px}.case-hero__heading{padding:52px 0}.case-hero h1{font-size:clamp(44px,9vw,70px)}.case-hero__image{aspect-ratio:4/3;object-fit:contain;height:auto}.case-overview,.case-results__top,.case-approach,.case-delivery,.case-value,.case-related{grid-template-columns:1fr;gap:38px}.case-meta{border-top:1px solid #ddd;order:2;grid-template-columns:1fr 1fr;padding-top:32px}.case-results__lead strong{font-size:clamp(108px,23vw,180px)}.case-study .case-results__metrics{gap:20px;margin-top:36px}.case-results__metrics dd{font-size:13px}.case-results__metrics dt{font-size:44px}.case-gallery{gap:30px}.case-gallery figure{grid-column:1/-1}.case-delivery__media{grid-template-columns:1fr;gap:30px}.case-delivery__media figure:has(video){justify-self:center;width:min(100%,300px)}.case-related img{object-fit:contain;max-height:450px}}@media (width<=380px){.case-study .case-results__metrics{grid-template-columns:1fr}.case-results__metrics>div{grid-template-columns:95px 1fr;gap:16px;display:grid}}@media (prefers-reduced-motion:reduce){.case-study *,.case-study :before{scroll-behavior:auto!important;transition:none!important}}.case-film__caption{justify-content:space-between;align-items:center;gap:24px;display:flex}.case-film__toggle{color:#181818;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.case-film__toggle:focus-visible{outline-offset:2px;outline:2px solid #39718d}.case-study h1,.case-study h2{text-wrap:balance}.case-overview__story p,.case-approach>div>p,.case-value>p,.case-related>div>p{text-wrap:pretty;max-width:65ch}.case-study :is(section,aside,figure)>*{min-width:0}.case-gallery figcaption,.case-film figcaption{line-height:1.6}.case-results__metrics dt,.case-results__lead strong{font-variant-numeric:lining-nums tabular-nums}.case-quote blockquote{text-wrap:pretty}.case-story-link,.case-back{min-height:44px}.case-film__toggle,.case-related__caption button{border-radius:50%;transition:background-color .18s,color .18s}.case-film__toggle:hover,.case-related__caption button:hover{color:#fff;background:#181818}.case-delivery summary:hover{color:var(--field-focus)}.case-delivery summary:focus-visible{border-radius:2px}.case-media-error{padding:16px 0;font-size:14px!important}.case-media-error a{text-underline-offset:4px;text-decoration:underline}@media (width>=801px) and (width<=1050px){.case-hero h1{font-size:clamp(44px,5.4vw,58px)}.case-hero__heading{padding:48px 0}.case-overview{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:6%}}@media (width<=800px){.case-overview__story p,.case-approach>div>p,.case-value>p,.case-related>div>p{font-size:17px}.case-study .case-hero__summary{font-size:18px}.case-meta{gap:24px}.case-overview__story h2{margin-bottom:24px}.case-study .case-quote{padding-block:56px}.case-quote blockquote{font-size:clamp(27px,4.6vw,36px);line-height:1.3}.case-results__lead p{max-width:25ch}.case-film__caption{align-items:flex-start;gap:16px}.case-film__toggle{margin-top:-8px}.case-related__caption{margin-top:4px}}@media (prefers-reduced-motion:reduce){.case-film__toggle,.case-related__caption button{transition:none}}.case-study--expanded .case-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.case-study--expanded .case-hero__copy{align-self:stretch}.case-study--expanded .case-hero__image{object-fit:contain;height:auto}.case-study--expanded .case-hero h1{letter-spacing:-.04em;font-size:clamp(44px,4.7vw,72px)}.case-study--expanded .case-quote{background:var(--case-tint);color:var(--case-ink)}.case-study--expanded .case-quote figcaption span{color:inherit}.case-study--expanded .case-value{background:var(--case-tint);color:var(--case-ink)}.case-study--expanded .case-gallery{padding-bottom:var(--case-section-space)}.case-study--expanded .case-gallery+.case-delivery{padding-top:0}.case-study .case-evidence-note{max-width:72ch;margin-top:26px;font-size:12px;line-height:1.6}.case-private{background:#dcebf5;grid-template-columns:1fr 1.1fr;gap:8%;display:grid}.case-private__link{border-bottom:1px solid;align-items:center;gap:20px;min-height:44px;margin-top:24px;font-size:14px;display:inline-flex}.case-next{border-top:1px solid #ddd}.case-next__heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.case-next__heading>a{align-items:center;gap:16px;min-height:44px;font-size:14px;display:flex}.case-next__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.case-next__project{display:block}.case-next__project>img{width:100%;height:auto;display:block}.case-next__project>div{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.case-next__project h3{font-size:20px;font-weight:400;line-height:1.3}.case-next__project svg{flex-shrink:0;transition:transform .18s}.case-next__project:hover svg{transform:translate(5px)}.case-study .case-next__project p{color:#626262;margin-top:10px;font-size:14px;line-height:1.5}@media (width<=800px){.case-study--expanded .case-hero{grid-template-columns:1fr}.case-study--expanded .case-hero h1{font-size:clamp(42px,8.8vw,68px)}.case-private{grid-template-columns:1fr;gap:32px}.case-next__grid{grid-template-columns:1fr;gap:38px}.case-next__heading{flex-direction:column;align-items:flex-start;gap:16px}.case-next__project>div{margin-top:18px}}@media (prefers-reduced-motion:reduce){.case-next__project svg{transition:none}}
