.cases-page{--case-space:clamp(56px,7vw,96px)}.cases-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;padding-block:72px 64px}.cases-intro h1{font-size:clamp(48px,5.4vw,76px);max-width:12ch;line-height:1.04}.cases-intro>p{font-size:18px;max-width:39ch;color:var(--muted);padding-bottom:4px}.case-filter-row[hidden],.case-card[hidden]{display:none}.case-filter-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule);margin-bottom:40px}.case-filters{position:relative;display:flex;gap:28px;max-width:100%;overflow-x:auto;scrollbar-width:thin}.case-filters button{position:relative;border:0;padding:15px 0 18px;white-space:nowrap;background:none;color:var(--muted);font-size:15px;min-height:48px}.case-filters button:hover,.case-filters button[aria-pressed=true]{color:var(--ink)}.case-filters button[aria-pressed=true]{font-weight:500}.case-filters button:focus-visible{outline-offset:-2px}.case-filter-line{position:absolute;left:0;bottom:0;height:3px;width:1px;background:var(--green);transform-origin:left;transform:translate(var(--filter-x,0px)) scaleX(var(--filter-width,64));transition:transform .26s cubic-bezier(.16,1,.3,1);pointer-events:none}.case-count{display:flex;gap:12px;font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.case-count [data-case-count]{color:var(--ink)}.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;padding-bottom:var(--case-space)}.case-card{min-width:0}.case-card-link{display:block;text-decoration:none;height:100%}.case-media{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:16/10;background:var(--wash);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;isolation:isolate;margin:0}.case-media-mark{width:clamp(76px,12vw,132px);height:132px;display:flex;align-items:center;justify-content:center;transition:transform .32s cubic-bezier(.16,1,.3,1)}.case-media-mark :is(img,svg){width:100%;height:100%;object-fit:contain;max-height:132px}.case-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;margin:0;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);line-height:1.45}.case-card-link:hover .case-media-mark{transform:scale(1.035)}.case-card-copy{padding-top:24px}.case-identity{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:16px;font-size:13px;color:var(--muted)}.case-identity>span:first-child{font-weight:500;color:var(--ink)}.case-card h2{font-size:clamp(28px,2.5vw,36px);line-height:1.16;letter-spacing:-.025em;max-width:22ch}.case-card-copy>p{margin-top:16px;max-width:49ch;font-size:16px;color:var(--muted)}.case-read{margin-top:24px}.case-feature,.case-wide{grid-column:1/-1}.case-feature .case-card-link{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:48px;align-items:center}.case-feature .case-media{aspect-ratio:1.55}.case-feature .case-card-copy{padding:16px 0}.case-feature .case-identity{display:block}.case-feature .case-identity>span{display:block}.case-feature .case-identity>span+span{margin-top:6px}.case-feature h2{font-size:clamp(34px,3.2vw,46px);max-width:16ch}.case-wide{border-block:1px solid var(--rule);padding-block:48px}.case-wide .case-card-link{display:grid;grid-template-columns:1fr 1.38fr;gap:48px;align-items:center}.case-wide .case-media{grid-column:2;grid-row:1;aspect-ratio:1.55}.case-wide .case-card-copy{grid-column:1;grid-row:1;padding:0}.case-wide .case-identity{display:block}.case-wide .case-identity>span+span{display:block;margin-top:6px}.case-library.is-filtered .case-card{grid-column:auto;border:0;padding:0}.case-library.is-filtered .case-card-link{display:block}.case-library.is-filtered .case-card-copy{padding-top:24px}.case-library.is-filtered .case-media{aspect-ratio:16/10}.case-library.is-filtered .case-card h2{font-size:clamp(28px,2.5vw,36px);max-width:22ch}.case-enquiry{background:var(--wash);padding-block:var(--case-space)}.case-enquiry-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.case-enquiry-grid h2{max-width:14ch;font-size:clamp(34px,3.5vw,50px)}.case-enquiry-grid>div>p{margin-top:24px;color:var(--muted);max-width:36ch}.case-text-link{margin-top:24px}.case-story-header{padding-top:32px}.case-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px}.case-breadcrumb a{padding-block:8px}.case-story-title{display:grid;grid-template-columns:1fr 160px;gap:80px;align-items:center;margin-top:44px}.case-story-title h1{max-width:18ch;font-size:clamp(44px,5vw,72px);line-height:1.08}.case-story-logo{width:132px;height:132px;justify-self:end}.case-story-logo :is(img,svg){width:100%;height:100%;object-fit:contain}.case-story-lead{max-width:54ch;font-size:20px;line-height:1.55;color:var(--muted);margin-top:28px}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--rule);margin-top:44px;padding:24px 0 32px}.case-facts dt{font-size:12px;color:var(--muted);margin-bottom:6px}.case-facts dd{font-size:15px}.case-cover{aspect-ratio:2.35}.case-cover .case-media-mark{width:160px;height:160px}.case-cover .case-media-mark :is(img,svg){max-height:160px}.case-reading{display:grid;grid-template-columns:240px minmax(0,680px);gap:clamp(48px,8vw,140px);justify-content:start;padding-block:var(--case-space)}.case-contents nav{position:sticky;top:126px;display:flex;flex-direction:column;gap:4px}.case-contents p{font-size:13px;margin-bottom:16px;color:var(--muted)}.case-contents a{padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px;text-decoration:none;transition:border-color .2s ease}.case-contents a[aria-current=location]{border-bottom-color:var(--green);font-weight:500}.case-contents a:hover{text-decoration:underline;text-decoration-color:var(--green)}.case-prose{min-width:0}.case-prose>section{padding-bottom:56px;scroll-margin-top:124px}.case-prose h2{font-size:clamp(30px,3vw,40px);max-width:24ch;line-height:1.15}.case-prose section>p{margin-top:24px;font-size:18px;line-height:1.7;color:var(--muted);max-width:65ch}.case-inline-media{margin-top:40px;aspect-ratio:1.6}.case-inline-media .case-media-mark{width:80px;height:80px}.case-quote{margin-top:40px;padding:32px 0;border-block:1px solid var(--rule)}.case-quote blockquote p{font-size:clamp(30px,3vw,40px);line-height:1.25;letter-spacing:-.025em;color:var(--ink)}.case-quote figcaption{font-size:12px;margin-top:18px}.case-source{margin-top:24px;font-size:13px;color:var(--muted)}.case-next{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;border-top:1px solid var(--rule);padding-block:56px var(--case-space)}.case-next h2{font-size:32px;max-width:18ch}.case-next-link{display:flex;align-items:center;gap:32px;text-decoration:none}.case-next-logo{flex:0 0 100px;width:100px;height:100px;background:var(--wash);padding:20px;border-radius:var(--radius)}.case-next-logo :is(img,svg){width:100%;height:100%;object-fit:contain}.case-next-name{display:block;margin-top:10px;font-size:13px;color:var(--muted)}.case-next-link h3{margin-top:0;font-size:26px;max-width:24ch}.case-next-link .case-read{margin-top:16px}@media(max-width:1000px){.case-feature .case-card-link,.case-wide .case-card-link{gap:32px}.case-reading{grid-template-columns:180px minmax(0,1fr);gap:48px}.case-story-title{gap:40px}.case-list{gap:48px 28px}.case-enquiry-grid{gap:8%}.case-feature h2{font-size:36px}}@media(max-width:760px){.cases-intro{display:block;padding-block:40px}.cases-intro h1{font-size:48px;max-width:13ch}.cases-intro>p{font-size:17px;margin-top:24px;max-width:40ch}.case-filter-row{margin-bottom:28px;gap:0}.case-count{display:none}.case-filters{gap:24px;width:100%}.case-filters button{font-size:14px}.case-list{display:block}.case-card+.case-card{margin-top:44px}.case-card .case-card-link{display:block}.case-card .case-media{aspect-ratio:1.4}.case-card .case-card-copy{padding-top:20px}.case-card h2,.case-feature h2{font-size:30px;max-width:22ch}.case-card-copy>p{font-size:16px;margin-top:12px}.case-identity{font-size:12px;margin-bottom:12px}.case-read{margin-top:20px}.case-wide{padding-block:40px}.case-media-mark{width:88px;height:88px}.case-media figcaption{padding:12px 16px;font-size:11px}.case-enquiry-grid{display:block}.case-enquiry-grid>div{margin-bottom:36px}.case-enquiry-grid h2{font-size:36px}.case-enquiry-grid>div>p{margin-top:20px}.case-text-link{margin-top:20px}.case-story-header{padding-top:20px}.case-breadcrumb{font-size:12px}.case-story-title{grid-template-columns:1fr 60px;gap:16px;margin-top:28px;align-items:start}.case-story-title h1{font-size:36px;max-width:16ch}.case-story-logo{width:56px;height:64px;margin-top:3px}.case-story-lead{font-size:18px;margin-top:24px}.case-facts{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;padding-block:20px 24px}.case-facts>div:last-child{display:none}.case-facts dd{font-size:13px}.case-cover{aspect-ratio:1.35}.case-cover .case-media-mark{width:96px;height:96px}.case-reading{display:block;padding-block:32px 48px}.case-contents{margin-bottom:36px}.case-contents nav{position:static;display:flex;flex-direction:row;gap:20px;overflow-x:auto}.case-contents p{display:none}.case-contents a{font-size:13px;flex-shrink:0;min-height:44px}.case-prose h2{font-size:30px}.case-prose section>p{font-size:17px;margin-top:20px;line-height:1.65}.case-prose>section{padding-bottom:36px}.case-inline-media{margin-top:28px;aspect-ratio:1.4}.case-quote{margin-top:28px;padding-block:24px}.case-quote blockquote p{font-size:30px}.case-quote figcaption{font-size:12px}.case-next{display:block;padding-block:40px 48px}.case-next h2{font-size:30px}.case-next-link{margin-top:32px;gap:24px}.case-next-logo{flex-basis:80px;width:80px;height:80px;padding:14px}.case-next-link h3{font-size:24px}}@media(prefers-reduced-motion:reduce){.cases-page *{scroll-behavior:auto!important}.case-filter-line,.case-media-mark,.case-contents a{transition:none}}.case-quote blockquote p:before{content:"\201c"}.case-quote blockquote p:after{content:"\201d"}.case-media.is-real{display:block;aspect-ratio:auto;border:0;background:transparent}.case-media-visual{position:relative;aspect-ratio:16/10;background:var(--wash);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.case-media-visual img,.case-media-visual video{display:block;width:100%;height:100%;object-fit:contain}.is-photo .case-media-visual img{object-fit:cover}.case-media-brand{position:absolute;right:24px;bottom:24px;z-index:1;width:76px;height:76px;filter:drop-shadow(0 2px 5px rgb(0 0 0 / .18));pointer-events:none}.case-media-brand :is(img,svg){display:block;width:100%;height:100%;object-fit:contain!important}.case-cover .case-media-brand{width:96px;height:96px;right:32px;bottom:32px}.case-media.is-real figcaption{position:static;display:block;padding:14px 0 0;border:0;max-width:75ch;line-height:1.5}.case-cover .case-media-visual{aspect-ratio:2.1}.case-cover.case-media-brighton .case-media-visual>img{object-position:60% 60%}.case-media-wimbledon.is-photo .case-media-visual>img{object-position:50% 48%}.case-media-red-star-belgrade.is-photo .case-media-visual>img{object-position:50% 38%}.case-media-heerenveen.is-photo .case-media-visual>img{object-position:50% 42%}.case-media-wolfsburg.is-photo .case-media-visual>img{object-position:50% 35%}.case-inline-media .case-media-visual{aspect-ratio:auto;min-height:0}.case-inline-media .case-media-visual img,.case-inline-media .case-media-visual video{height:auto}.case-media-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));justify-items:center;gap:32px;padding:clamp(28px,4vw,48px) clamp(16px,3vw,32px)}.case-phone{width:min(100%,250px)}.case-phone .device-glass:before{content:"";position:absolute;top:1.3%;left:50%;width:30%;height:3.7%;transform:translate(-50%);border-radius:999px;background:#050606}.case-card .case-media.is-real figcaption{font-size:11px}@media(max-width:760px){.case-identity{margin-top:12px;margin-bottom:0}.case-card .case-media.is-real{aspect-ratio:auto}.case-cover .case-media-visual{aspect-ratio:1.25}.case-media.is-real figcaption{font-size:12px;padding-top:12px}.case-inline-media .case-media-visual{aspect-ratio:auto}.case-media-brand,.case-cover .case-media-brand{width:60px;height:60px;right:18px;bottom:18px}}
