:root{--paper:#f4f3ef;--ink:#232321;--muted:#62635d;--rule:#cccdc5;--accent:#d81b15;--white:#fff;--space:24px;--max:1280px;--project-rail-width:280px;--pad:clamp(24px,4.45vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--paper)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.wrap{max-width:calc(var(--max) + 2*var(--pad));padding:0 var(--pad);margin:auto}.skip-link{position:absolute;z-index:10;top:-100px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:8px}.site-header{min-height:108px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--rule)}.wordmark{font-size:31px;letter-spacing:-1.5px;line-height:1;font-weight:650;white-space:nowrap}.header-description{font-size:13px;line-height:1.4;max-width:160px;margin-left:clamp(12px,5vw,72px)}.main-nav{margin-left:auto;display:flex;width:var(--project-rail-width);flex-shrink:0;justify-content:space-between;gap:0;font-size:15px}.main-nav a{padding:14px 0;position:relative}.main-nav a:after{content:"";position:absolute;height:1px;background:var(--accent);bottom:10px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.main-nav a:hover:after,.main-nav a[aria-current="page"]:after{transform:scaleX(1)}.eyebrow{font-size:13px;line-height:1.5;letter-spacing:.025em}.muted{color:var(--muted)}.accent{color:var(--accent)}.section-label{font-size:14px;display:flex;gap:22px;align-items:baseline}.section-label .number{font-size:12px;color:var(--accent);min-width:16px}.hero{padding:62px 0 24px}.hero-topline{display:flex;justify-content:space-between;gap:24px}.hero h1{font-size:clamp(64px,7.8vw,112px);letter-spacing:-.065em;line-height:.99;margin:0 0 36px;max-width:1100px}.hero-lower{display:grid;grid-template-columns:minmax(0,1fr) var(--project-rail-width);gap:32px var(--space)}.hero-description{grid-column:1;min-width:0;max-width:650px;font-size:22px;line-height:1.45;letter-spacing:-.015em}.hero-aside{grid-column:1/-1;justify-self:end;align-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:13px}.text-link{display:inline-flex;align-items:baseline;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:15px;transition:color .15s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-aside .text-link{font-size:13px;gap:4px;border-bottom:0;padding-bottom:0;justify-content:flex-start;align-items:center}.hero-aside .link-arrow{display:inline-flex;font-size:24px;line-height:1}.link-arrow{font-size:22px;line-height:1}.work-section{padding-bottom:82px;scroll-margin-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding:23px 0 28px;gap:24px}.section-heading h2{font-size:14px;font-weight:400}.index-count{font-size:12px;color:var(--muted)}.project-list{list-style:none;margin:0;padding:0}.project-row{display:grid;grid-template-columns:42px minmax(200px,4.2fr) minmax(200px,4fr) minmax(100px,1.7fr) 24px;column-gap:24px;padding:26px 0 27px;border-top:1px solid var(--rule);align-items:start;transition:color .15s,background .15s}.project-list li:last-child .project-row{border-bottom:1px solid var(--rule)}.project-number{font-size:12px;color:var(--muted);padding-top:7px}.project-name{font-size:clamp(23px,2.35vw,34px);line-height:1.16;letter-spacing:-.035em}.project-scope{font-size:13px;line-height:1.4;color:var(--muted);display:block;margin-top:9px}.project-idea{font-size:17px;line-height:1.45;max-width:330px;padding-top:4px;letter-spacing:-.01em}.project-sector{font-size:12px;line-height:1.5;color:var(--muted);padding-top:7px}.project-arrow{font-size:26px;line-height:1.1;padding-top:2px;justify-self:end;transition:transform .15s}.project-row:hover .project-name,.project-row:hover .project-arrow{color:var(--accent)}.project-row:hover .project-arrow{transform:translate(2px,-2px)}.work-footnote{font-size:13px;margin-top:20px;color:var(--muted)}.editorial-section{border-top:1px solid var(--rule);padding:28px 0 92px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.section-rail{grid-column:1/4}.section-content{grid-column:5/13}.section-title{font-size:clamp(38px,4.15vw,58px);line-height:1.08;letter-spacing:-.045em;margin-bottom:28px;max-width:720px}.section-intro{font-size:21px;line-height:1.5;max-width:690px;letter-spacing:-.01em}.capabilities{margin-top:44px}.capability{display:grid;grid-template-columns:1fr 1.75fr;gap:24px;border-top:1px solid var(--rule);padding:19px 0}.capability h3{font-size:18px;letter-spacing:-.02em}.capability p{font-size:16px;color:var(--muted)}.method{margin-top:40px;border-top:1px solid var(--rule);padding-top:21px}.method-title{font-size:13px;margin-bottom:18px}.method ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;counter-reset:method}.method li{font-size:15px;counter-increment:method;display:flex;gap:18px}.method li:before{content:"0" counter(method);color:var(--accent);font-size:12px;padding-top:2px}.ai-note{font-size:15px;color:var(--muted);border-top:1px solid var(--rule);padding-top:22px;margin-top:28px;max-width:700px}.about-copy{font-size:21px;line-height:1.5;letter-spacing:-.015em}.about-copy p+p{margin-top:20px}.about-signature{margin-top:32px;font-size:14px}.about-signature span{display:block;color:var(--muted);font-size:13px}.heritage{margin-top:34px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:16px}.heritage summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;gap:16px}.heritage summary::-webkit-details-marker{display:none}.heritage summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1}.heritage[open] summary:after{content:"−"}.heritage p{font-size:16px;line-height:1.6;color:var(--muted);padding-bottom:22px;max-width:670px}.heritage+.heritage{margin-top:0;border-top:0}.about-clients p{padding-bottom:16px}.about-clients .text-link{margin-bottom:22px}.contact-section{padding-bottom:66px}.contact-title{font-size:clamp(48px,5.4vw,76px);line-height:1.04;letter-spacing:-.055em;margin-bottom:25px}.contact-copy{max-width:570px;font-size:20px;margin-bottom:28px}.contact-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;min-height:54px;padding:13px 20px;display:inline-flex;gap:56px;align-items:center;font-size:15px}.contact-button:hover{background:var(--accent);border-color:var(--accent)}.contact-meta{font-size:13px;margin-top:26px;color:var(--muted)}.contact-linkedin{margin-top:14px;font-size:13px;gap:7px;min-height:28px;align-items:center}.contact-linkedin .link-arrow{font-size:16px}.site-footer{padding:25px 0 28px;border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;font-size:12px}.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-location{font-size:12px;color:var(--muted)}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-email{font-size:15px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.site-footer .back-top{justify-self:end;align-self:end}.site-footer a:hover{color:var(--accent)}.footer-wordmark{font-size:20px;font-weight:650;letter-spacing:-.8px}.footer-note{color:var(--muted)}.case-breadcrumb{display:flex;justify-content:space-between;gap:20px;padding:32px 0 42px;font-size:13px}.case-breadcrumb a{display:inline-flex;align-items:baseline;gap:4px}.case-breadcrumb a:hover{color:var(--accent)}.case-header{display:grid;grid-template-columns:minmax(0,1fr) var(--project-rail-width);gap:clamp(32px,6vw,96px);padding-bottom:48px}.case-headline{grid-column:1;min-width:0}.case-client{font-size:16px;margin-bottom:26px}.case-headline h1{font-size:clamp(46px,5.2vw,74px);line-height:1.05;letter-spacing:-.045em;max-width:900px}.case-lead{font-size:22px;line-height:1.45;margin-top:28px;max-width:750px;letter-spacing:-.015em}.case-facts{grid-column:2;padding-top:4px}.case-facts dl{margin:0}.case-facts dt{font-size:12px;color:var(--muted);margin-bottom:8px}.case-facts dd{font-size:15px;margin:0 0 24px}.case-facts ul{list-style:none;padding:0;margin:0}.case-facts li+li{margin-top:3px}.case-image{background:#fff;display:flex;align-items:center;justify-content:center;padding:36px;min-height:440px}.case-image img{width:auto;max-height:680px;max-width:100%;object-fit:contain}.case-image:not(.logo-image){padding:0;min-height:0}.case-image:not(.logo-image) img{width:100%;height:auto;max-height:none}.case-image.logo-image{min-height:420px}.case-image.logo-image img{width:208px;max-width:45%;height:auto}.case-caption{font-size:12px;line-height:1.5;color:var(--muted);padding:14px 0 43px}.case-story{border-top:1px solid var(--rule);padding:31px 0 40px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.case-story h2{grid-column:1/4;font-size:15px}.case-story-content{grid-column:5/12;font-size:21px;line-height:1.55;letter-spacing:-.012em}.deliverables{list-style:none;margin:0;padding:0}.deliverables li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:19px}.deliverables li:first-child{padding-top:0}.deliverables li:last-child{border:0}.collaborators{list-style:none;margin:0;padding:0}.collaborators li+li{margin-top:8px}.case-credits .case-story-content{font-size:16px;color:var(--muted)}.next-project{border-top:1px solid var(--ink);margin-top:30px;padding:28px 0 64px}.next-project a{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px}.next-project h2{font-size:clamp(34px,4.8vw,64px);line-height:1.05;letter-spacing:-.04em}.next-project a .link-arrow{font-size:40px}.next-project a:hover{color:var(--accent)}.case-contact{border-top:1px solid var(--rule);padding:30px 0 46px;display:flex;justify-content:space-between;gap:24px;align-items:center}.case-contact p{font-size:22px;letter-spacing:-.02em}.qa-page{padding:24px}.qa-page h1{font-size:24px;margin-bottom:12px}.qa-frame{display:block;border:1px solid var(--rule);width:390px;max-width:100%;height:844px;background:var(--paper)}
@media(min-width:1500px){.hero h1{font-size:112px}}
@media(max-width:1100px){.header-description{margin-left:12px}.project-row{grid-template-columns:28px minmax(180px,1fr) minmax(190px,1fr) 23px;gap:20px}.project-sector{display:none}.section-rail{grid-column:1/4}.section-content{grid-column:4/13}.case-story-content{grid-column:4/13}}
@media(max-width:720px){body{font-size:17px}.site-header{min-height:92px;align-items:center;gap:20px;flex-wrap:wrap;padding:25px 0 18px}.wordmark{font-size:28px}.header-description{display:none}.main-nav{width:auto;flex-shrink:1;gap:20px;font-size:14px}.main-nav a{padding:4px 0}.main-nav a:after{bottom:0}.hero{padding:30px 0 24px}.hero-topline{display:block}.hero-topline .muted{display:none}.hero h1{font-size:clamp(48px,8.8vw,64px);line-height:1.01;letter-spacing:-.055em;margin:0 0 27px}.hero-lower{display:block}.hero-description{font-size:19px;line-height:1.5;max-width:520px}.hero-aside{margin-top:32px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px}.hero-aside .eyebrow{font-size:12px}.section-heading{padding:20px 0 22px}.section-label{gap:16px}.project-row{grid-template-columns:23px minmax(0,1fr) 22px;gap:14px;padding:23px 0}.project-number{padding-top:4px}.project-name{font-size:28px;letter-spacing:-.04em}.project-scope{font-size:12px;margin-top:7px}.project-idea{grid-column:2/3;grid-row:2;padding:0;font-size:16px;max-width:none}.project-arrow{grid-column:3;grid-row:1;font-size:25px}.work-section{padding-bottom:50px}.work-footnote{font-size:12px}.editorial-section{display:block;padding:23px 0 54px}.section-rail{margin-bottom:32px}.section-title{font-size:39px;max-width:540px}.section-intro,.about-copy{font-size:19px}.capabilities{margin-top:30px}.capability{grid-template-columns:1fr;gap:8px;padding:18px 0}.capability h3{font-size:18px}.capability p{font-size:16px;max-width:520px}.method{margin-top:26px}.method ol{grid-template-columns:1fr;gap:13px}.method li{font-size:16px}.ai-note{font-size:15px}.heritage p{font-size:16px}.contact-title{font-size:49px;max-width:530px}.contact-copy{font-size:18px}.site-footer{grid-template-columns:minmax(0,1fr);gap:22px}.footer-contact{align-items:flex-start}.footer-links{justify-content:flex-start}.footer-note{font-size:11px}.site-footer .back-top{justify-self:start;font-size:12px}.case-breadcrumb{padding:25px 0 34px}.case-header{display:block;padding-bottom:32px}.case-client{font-size:15px;margin-bottom:20px}.case-headline h1{font-size:clamp(42px,7.5vw,56px);letter-spacing:-.045em}.case-lead{font-size:19px;margin-top:24px}.case-facts{border-top:1px solid var(--rule);margin-top:30px;padding-top:20px}.case-facts dl{display:grid;grid-template-columns:100px 1fr;gap:16px}.case-facts dt,.case-facts dd{margin:0}.case-facts dd{font-size:14px}.case-facts ul{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:3px}.case-facts li+li{margin-top:0}.case-image{min-height:0;padding:20px}.case-image img{max-height:540px}.case-image.logo-image{min-height:280px}.case-caption{font-size:12px;padding-bottom:30px}.case-story{display:block;padding:23px 0 30px}.case-story h2{margin-bottom:20px;font-size:14px}.case-story-content{font-size:19px}.deliverables li{font-size:17px}.next-project{padding:23px 0 40px}.next-project h2{font-size:40px}.case-contact{display:block;padding-bottom:30px}.case-contact p{font-size:21px;margin-bottom:22px}}
@media(max-width:430px){.site-header{display:block}.main-nav{margin-top:23px;justify-content:space-between;gap:8px}.hero h1{font-size:50px}.hero-aside{align-items:flex-start}.hero-aside .eyebrow{max-width:155px}.index-count{font-size:11px}.section-title{font-size:36px}.project-name{font-size:27px}.contact-title{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{body{background:#fff}.main-nav,.contact-button,.back-top{display:none}.hero h1{font-size:70px}.editorial-section,.project-row,.case-story{break-inside:avoid}.wrap{padding:0 24px}}
/* Homepage carousel: the overlaid grid retains the tallest panel's height. */
.hero-carousel{padding-top:62px}
.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px}
.hero-controls{display:flex;align-items:center;flex-shrink:0;gap:0;margin-left:-8px;visibility:hidden}
.hero-carousel.is-ready .hero-controls{visibility:visible}
.hero-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:24px}
.hero-arrow:hover{color:var(--accent)}
.hero-arrow:focus-visible{outline-offset:-3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-panels{display:grid;grid-template-columns:minmax(0,1fr)}
.hero-panel{grid-area:1/1;align-self:start;min-width:0;visibility:hidden;pointer-events:none}
.hero-panel.is-active{visibility:visible;pointer-events:auto}
.hero-panel.is-leaving{visibility:visible}
.hero-panel.is-active,.hero-panel.is-leaving{will-change:clip-path}
.hero-panel:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
.hero-carousel .hero-title{max-width:1100px;font-size:clamp(48px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em}
.hero-carousel .hero-aside{margin-top:0;margin-left:auto;align-self:center}
@media(max-width:720px){
  .hero-panel.is-active,.hero-panel.is-leaving{will-change:clip-path,opacity}
  .hero-carousel{padding-top:30px}
  .hero-footer{margin-top:32px;gap:16px}
  .hero-carousel .hero-title{font-size:clamp(40px,6.3vw,48px);line-height:1.06;letter-spacing:-.05em}
  .hero-carousel .hero-aside{align-items:center;justify-content:flex-end}
}
@media(max-width:430px){
  .hero-carousel .hero-title{font-size:40px}
}
@media print{
  .hero-controls{display:none}
  .hero-panels{display:block}
  .hero-panel:not(.is-active){display:none}
}
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em}

/* Client marks retain their original geometry in a consistent monochrome grid. */
.clients-intro{padding:62px 0 48px}
.clients-intro .eyebrow{margin-bottom:23px;color:var(--muted)}
.clients-intro h1{font-size:clamp(48px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em}
.clients-description{max-width:740px;margin-top:30px;font-size:22px;line-height:1.45;letter-spacing:-.015em}
.client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.client-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#747474;overflow:hidden}
.client-logo{width:68%;height:auto;max-height:58%;object-fit:contain}
.client-tile--compact .client-logo{width:34%;max-height:46%}
.client-tile--seal .client-logo{width:49%;max-height:54%}
.client-tile--wide .client-logo{width:80%}
.client-tile--beko .client-logo{width:51%}
.client-tile--oval .client-logo{width:58%}
.clients-sectors{margin-top:22px;font-size:13px;line-height:1.6;color:var(--muted)}
.clients-gallery{padding-bottom:56px}
@media(max-width:720px){
  .clients-intro{padding:35px 0 32px}
  .clients-intro .eyebrow{margin-bottom:20px}
  .clients-intro h1{font-size:clamp(40px,6.3vw,48px);line-height:1.06;letter-spacing:-.05em}
  .clients-description{margin-top:24px;font-size:19px;line-height:1.5}
  .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-sectors{font-size:12px;margin-top:18px}
  .clients-gallery{padding-bottom:36px}
}

/* A second contact action is enabled when a verified booking URL is supplied. */
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.contact-button--booking{background:transparent;color:var(--ink)}
.contact-button--booking:hover{color:var(--paper)}

/* Work samples: a fixed image frame with manual navigation below. */
.case-gallery-stage{position:relative;aspect-ratio:var(--gallery-aspect,16/9);overflow:hidden;background:#fff;touch-action:pan-y pinch-zoom}
.case-gallery-slide{position:absolute;inset:0;visibility:hidden;pointer-events:none;background:#fff}
.case-gallery-slide.is-active{visibility:visible;pointer-events:auto;z-index:2}
.case-gallery-slide.is-leaving{visibility:visible;z-index:1}
.case-gallery-slide img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 50%;user-select:none}
#gallery-heatcon{aspect-ratio:16/9}
#gallery-heatcon .case-gallery-slide img{object-fit:cover}
#gallery-samsung-smart-signage{aspect-ratio:16/9}
#gallery-samsung-smart-signage .case-gallery-slide img{object-fit:cover}
.case-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 0 26px}
.case-gallery .case-caption{padding:0}
.case-gallery-controls{display:flex;align-items:center;flex:none;gap:0}
.case-gallery-controls[hidden]{display:none}
.case-gallery-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;background:transparent;border:0;border-radius:0;color:var(--ink)}
.case-gallery-arrow svg{display:block;width:28px;height:28px}
.case-gallery-arrow:hover{color:var(--accent)}
.case-gallery-arrow:focus-visible{outline-offset:-2px}
.case-gallery-count{min-width:45px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
@media(max-width:720px){
  .case-gallery-stage{aspect-ratio:1}
  #gallery-heatcon{aspect-ratio:1}
  .case-gallery-slide{background:var(--case-mobile-image-background,#fff)}
  .case-gallery-slide img{object-fit:var(--case-mobile-image-fit,cover);object-position:var(--case-mobile-image-position,50% 50%)}
  .case-gallery-footer{justify-content:flex-end;gap:0;padding:6px 0 8px}
}
@media print{.case-gallery-controls{display:none}}

@media(max-width:720px){.case-gallery .case-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* Film frames use their natural 16:9 shape, including inside mobile galleries. */
.preserve-player{position:relative;aspect-ratio:16/9;background:transparent;overflow:hidden;isolation:isolate}
.preserve-player video{display:block;width:100%;height:100%;object-fit:cover;border:0;outline:0}
.case-gallery-stage.is-video-slide{aspect-ratio:16/9}
/* Supplied knockout play symbol, blended into the image with no added badge. */
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:76.8px;min-height:76.8px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;font:inherit;text-shadow:none;outline:0;mix-blend-mode:screen;opacity:.55;transition:opacity .18s ease;animation:film-play-reveal .45s ease-out backwards}
.film-play .film-play-icon{display:block;width:96px;height:96px;max-width:none;padding:0;border:0;border-radius:0;background:transparent;object-fit:contain;user-select:none;filter:invert(1)}
.film-play:hover,.film-play:focus-visible{opacity:.8;outline:0}
.film-play:focus-visible .film-play-icon{transform:scale(1.08)}
.film-play[hidden]{display:none}
.case-gallery-slide .preserve-player{width:100%;height:100%;aspect-ratio:auto}
@media(max-width:720px){.film-play .film-play-icon{width:76.8px;height:76.8px}}

@keyframes film-play-reveal{from{opacity:0;transform:translate(-50%,calc(-50% + 6px))}to{opacity:.55;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.film-play{animation:none}}

/* Native mobile case-study accordions; desktop keeps its full editorial layout. */
.case-facts--mobile,.case-story--mobile{display:none}
.case-details-arrow{width:24px;height:24px;flex:none;transition:transform .2s ease}
.case-disclosure[open]>summary .case-details-arrow{transform:rotate(180deg)}
@media(max-width:720px){
  .case-facts--desktop,.case-story--desktop{display:none}
  .case-facts--mobile,.case-story--mobile{display:block;border-top:1px solid var(--rule);margin:0;padding:0}
  .case-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:20px 0;list-style:none;cursor:pointer;font-size:14px}
  .case-disclosure>summary::-webkit-details-marker{display:none}
  .case-disclosure>summary h2{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:0;font-size:14px}
  .case-disclosure>.case-story-content{padding-bottom:30px}
  .case-facts--mobile>dl{padding-bottom:26px}
}
@media(prefers-reduced-motion:reduce){.case-details-arrow{transition:none}}
@media print{
  .case-facts--mobile,.case-story--mobile{display:none}
  .case-facts--desktop{display:block}
  .case-story--desktop{display:grid}
}