.realisation-page{background:var(--color-bg);color:var(--color-ink)}
.case-hero{position:relative;isolation:isolate;background:var(--color-dark);color:var(--color-bg)}
.case-hero__media,.case-hero__overlay{position:absolute;inset:0;z-index:-2}
.case-hero__image{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.case-hero__overlay{z-index:-1;background:linear-gradient(227deg,rgba(36,35,31,0) 11%,rgba(36,35,31,.8) 66%)}
.case-hero__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);min-height:100vh;padding-block:138px 180px}
.case-hero__breadcrumb{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;align-self:start;gap:10px;font-size:12px;color:var(--color-surface)}
.case-hero__breadcrumb a{text-decoration:none}
.case-hero__breadcrumb a:hover{text-decoration:underline}
.case-hero__breadcrumb>[aria-hidden]{width:6.75px;height:8.233px;flex:0 0 auto;background:currentColor;mask:url("../images/icons/material-symbols_play-arrow-rounded.svg") center/contain no-repeat;-webkit-mask:url("../images/icons/material-symbols_play-arrow-rounded.svg") center/contain no-repeat}
.case-hero__breadcrumb [aria-current]{color:var(--color-bg)}
.case-hero__content{grid-column:1/span 8;align-self:end;display:grid;gap:24px;min-width:0}
.case-hero h1{text-transform:uppercase;overflow-wrap:anywhere}
.case-eyebrow{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:400;line-height:1.4;color:var(--color-copy)}
.case-eyebrow::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor}
.case-hero .case-eyebrow,.case-hero__intro{color:var(--color-surface)}
.case-hero__intro{font-size:18px;line-height:1.4}
.case-details,.case-cta,.case-related{padding-block:var(--section-padding-block,120px)}
.case-details__inner{display:grid;gap:40px}
.case-details__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.case-testimonial{display:grid;gap:40px;min-width:0}
.case-testimonial figure{margin:0;display:grid;gap:16px}
.case-testimonial blockquote{margin:0;font-family:var(--font-display);font-size:var(--font-size-h5);line-height:1.2}
.case-testimonial figcaption{text-align:right;font-size:18px;color:var(--color-copy)}
.case-facts{grid-column:2;display:grid;justify-items:end;gap:16px;min-width:0;padding:24px;background:rgba(255,255,255,.02);backdrop-filter:blur(12.5px)}
.case-facts h2{font-size:var(--font-size-h5);line-height:1.2}
.case-facts__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;list-style:none;margin:0;padding:0}
.case-facts__tags li{padding:2px 8px;background:rgba(204,207,189,.25);border-radius:999px;font-size:12px;color:var(--color-copy)}
.case-facts dl{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;margin:0;text-align:right;color:var(--color-copy)}
.case-facts dl>div{display:grid;gap:8px}.case-facts dt{font-size:18px}.case-facts dd{margin:0;font-size:12px}
.case-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px}
.case-gallery figure{margin:0;min-width:0;aspect-ratio:302/385;overflow:hidden}
.case-gallery figure:nth-child(3n+2){aspect-ratio:612/385}
.case-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
.case-gallery--1{grid-template-columns:minmax(0,1fr)}.case-gallery--1 figure{aspect-ratio:3/1}
.case-gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery--2 figure{aspect-ratio:3/2}
.case-details__buttons{margin-top:40px}
.case-description{font-size:18px;line-height:1.4}.case-description p+p{margin-top:16px}
.case-cta{position:relative;isolation:isolate;background:var(--color-dark);color:var(--color-bg)}
.case-cta__media{position:absolute;inset:0;z-index:-2;overflow:hidden}.case-cta__media img{width:100%;height:100%;object-fit:cover}
.case-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(114deg,rgba(36,35,31,.8) 13%,rgba(36,35,31,.42) 58%,rgba(36,35,31,0) 88%)}
.case-cta__content{display:grid;gap:24px;justify-items:start;width:60%;min-width:0}.case-cta__content>div{color:var(--color-surface);font-size:18px}
.case-related__inner{display:grid;gap:80px;min-width:0}.case-related header{display:grid;gap:8px}
.case-related__filters{display:flex;gap:8px}.case-related__filters[hidden]{display:none}
.case-related__filters button{flex:1;min-width:0;padding:12px 8px 8px;border:0;border-top:4px solid var(--color-surface);border-radius:2px;background:transparent;color:var(--color-copy);font-family:var(--font-display);font-size:var(--font-size-h5);line-height:1.2;cursor:pointer}
.case-related__filters button[aria-pressed="true"]{border-color:var(--color-copy);color:var(--color-ink)}
.case-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0}
@media(max-width:1024px){.case-hero__inner{min-height:720px;padding-block:138px 80px}.case-hero__content{grid-column:1/span 10}.case-details__top{gap:32px}.case-related__inner{gap:40px}.case-cta__content{width:75%}.case-related__filters{flex-wrap:wrap}.case-related__filters button{flex-basis:30%}}
@media(max-width:767px){.case-hero__inner{min-height:100svh;padding-block:88px 50px}.case-hero__content{grid-column:1/-1;gap:16px}.case-hero__intro,.case-description{font-size:16px}.case-details__inner{gap:32px}.case-details__top{grid-template-columns:minmax(0,1fr)}.case-facts{justify-items:start;padding:0}.case-facts__tags,.case-facts dl{justify-content:flex-start;text-align:left}.case-gallery,.case-gallery--2{grid-template-columns:minmax(0,1fr)}.case-gallery figure,.case-gallery figure:nth-child(3n+2){aspect-ratio:4/3}.case-details__buttons{margin-top:0}.case-details__buttons .button{width:100%}.case-cta__content{width:100%}.case-related__grid{grid-template-columns:minmax(0,1fr)}.case-related__filters button{font-size:18px;flex-basis:45%}}
@media(prefers-reduced-motion:reduce){.case-related__image img{transition:none}}
@media(max-width:767px){.case-facts{grid-column:1}}