@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-regular.ttf") format("truetype");font-display:swap}
:root{--blue:var(--accent)}
@font-face{font-family:"Instrument Serif";src:url("assets/fonts/instrument-serif-italic.ttf") format("truetype");font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-400.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("assets/fonts/ibm-plex-mono-500.ttf") format("truetype");font-weight:500;font-display:swap}
:root{--ink:#11110f;--paper:#f2efe6;--lift:#fffdf8;--muted:#706e68;--line:#c6c2b8;--kola:#e84b32;--accent:#e84b32;--project:#183c2f;--display:"Instrument Serif",Georgia,serif;--body:"Source Sans 3",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--gutter:clamp(20px,4.3vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper);font:400 18px/1.5 var(--body);overflow-x:clip}img,video{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.wrap{width:min(1600px,100%);margin:auto;padding-inline:var(--gutter)}.skip{position:fixed;z-index:100;left:16px;top:12px;padding:12px 16px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}.eyebrow{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:400 31px/1 var(--display);text-decoration:none}.nav-group{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px)}.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;text-decoration:none;position:relative;font-size:15px}.nav-link:after{content:"";position:absolute;left:4px;right:calc(100% - 4px);bottom:5px;height:1px;background:currentColor;transition:right .22s var(--ease)}.nav-link:hover:after,.nav-link[aria-current="page"]:after{right:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:13px 17px;border:1px solid var(--ink);background:transparent;text-decoration:none;font-weight:600;transition:transform .2s var(--ease),background .2s}.button.primary{background:var(--kola);border-color:var(--kola);color:var(--lift)}.button:after{content:"↗"}.button:hover{transform:translateY(-2px)}.menu-button{display:none;border:0;border-bottom:1px solid;background:none;min-width:44px;min-height:44px}.mobile-panel{display:none}
.work-hero{min-height:82svh;padding-top:clamp(140px,18vh,210px);padding-bottom:clamp(72px,9vw,128px);display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-content:space-between}.work-title{grid-column:1/11;margin:0;font:400 clamp(86px,15vw,225px)/.76 var(--display);letter-spacing:-.06em}.work-intro{grid-column:8/13;align-self:end;border-top:1px solid;padding-top:16px;font-size:clamp(18px,1.5vw,23px)}.work-count{grid-column:1/4;align-self:end}.work-index{padding-bottom:140px}.project-row{display:grid;grid-template-columns:54px 5fr 3fr 36px;gap:24px;align-items:start;padding:30px 0;border-top:1px solid;text-decoration:none}.project-row h2{margin:0;font:400 clamp(43px,6vw,88px)/.88 var(--display);letter-spacing:-.035em}.project-row p{margin:5px 0 0;max-width:450px}.project-row .arrow{font-size:30px;transition:transform .25s var(--ease)}.project-row:hover .arrow,.project-row:focus-visible .arrow{transform:translate(7px,-7px)}.project-row.featured{grid-template-columns:54px 7fr 3fr 36px}.project-row.featured .preview{grid-column:2/4;position:relative;overflow:hidden;margin:25px 0 12px;aspect-ratio:16/8;background:var(--project)}.project-row.featured .preview img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project-row.featured:hover img,.project-row.featured:focus-visible img{transform:scale(1.025)}.project-row.featured h2{grid-column:2}.project-row.featured .project-copy{grid-column:3}.project-row.featured .arrow{grid-column:4}.row-preview{grid-column:2/4;overflow:hidden;margin-top:20px;aspect-ratio:16/7;background:var(--line)}.row-preview img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-row:hover .row-preview img,.project-row:focus-visible .row-preview img{transform:scale(1.025)}.upcoming-group{margin-top:clamp(90px,11vw,160px);border-top:1px solid;padding-top:24px}.upcoming-heading{display:grid;grid-template-columns:8fr 4fr;gap:24px;align-items:end;margin-bottom:50px}.upcoming-heading h2{margin:12px 0 0;font:400 clamp(48px,7vw,98px)/.9 var(--display);letter-spacing:-.035em}.upcoming-heading p{font-size:20px}.upcoming-list{border-top:1px solid var(--line)}.upcoming-row{display:grid;grid-template-columns:54px 5fr 3fr 2fr;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line);color:var(--muted)}.upcoming-row h3{margin:0;color:var(--ink);font:400 clamp(32px,4vw,56px)/1 var(--display)}.upcoming-row p{margin:0}
.case-hero{padding-top:76px;background:var(--project);color:var(--lift)}.case-hero-grid{min-height:calc(100svh - 76px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto 1fr;gap:22px;padding-top:60px}.back-link{grid-column:1/4;min-height:44px}.case-title{grid-column:1/11;margin:0;font:400 clamp(78px,13vw,194px)/.78 var(--display);letter-spacing:-.055em}.case-thesis{grid-column:8/13;align-self:end;margin:0 0 36px;font-size:clamp(22px,2vw,31px);line-height:1.25}.case-meta{grid-column:1/7;align-self:end;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid rgba(255,255,255,.45);padding:16px 0 34px}.case-meta span{display:block}.case-meta strong{display:block;margin-top:8px;font-weight:400}.hero-media{background:var(--project)}.hero-media img{width:100%;height:min(74vw,930px);object-fit:cover}.case-section{padding-block:clamp(90px,11vw,170px)}.case-section+.case-section{border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:2fr 6fr 1fr 3fr;gap:24px}.story-label{grid-column:1}.story-main{grid-column:2}.story-main h2,.outcome h2{margin:0;font:400 clamp(52px,7.5vw,112px)/.88 var(--display);letter-spacing:-.04em}.story-main p{font-size:clamp(21px,2vw,29px);line-height:1.33;max-width:770px}.story-note{grid-column:4;align-self:end;border-top:1px solid;padding-top:16px}.decision{background:var(--ink);color:var(--paper)}.decision .story-note{border-color:#56544e}.media-full img,.media-full video{width:100%;height:auto}.media-pair{display:grid;grid-template-columns:5fr 7fr;gap:20px;padding-block:20px}.media-pair img{width:100%;height:100%;object-fit:cover}.media-pair img:first-child{aspect-ratio:4/5}.media-pair img:last-child{aspect-ratio:4/3}.media-video{background:#d9d5cc;padding:clamp(20px,5vw,72px)}.media-video video{width:min(1100px,100%);margin:auto;background:var(--project)}.identity-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:20px}.identity-strip img{width:100%;aspect-ratio:4/5;object-fit:cover}.outcome{background:var(--kola);color:var(--lift)}.outcome-grid{display:grid;grid-template-columns:7fr 1fr 4fr;gap:24px}.outcome-copy{grid-column:1}.outcome-side{grid-column:3;align-self:end}.outcome-side p{font-size:clamp(20px,1.8vw,27px);line-height:1.35}.next-project{background:var(--paper);padding-block:80px}.next-link{display:grid;grid-template-columns:1fr auto;align-items:end;text-decoration:none;border-top:1px solid;padding-top:18px}.next-link h2{margin:18px 0 0;font:400 clamp(55px,9vw,130px)/.85 var(--display)}.footer{background:var(--ink);color:var(--paper);padding:30px 0 56px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js [data-reveal].seen{opacity:1;transform:none}
@media(max-width:1023px){.nav-group .nav-link{display:none}.menu-button{display:block}.work-intro{grid-column:7/13}.project-row,.project-row.featured{grid-template-columns:44px 6fr 3fr 30px}.story-grid{grid-template-columns:1fr 6fr 3fr}.story-main{grid-column:2}.story-note{grid-column:3}.case-title{grid-column:1/13}.case-thesis{grid-column:7/13}.outcome-grid{grid-template-columns:7fr 4fr}.outcome-side{grid-column:2}}
@media(max-width:767px){body{font-size:17px}.nav{height:68px}.nav-group>.button{display:none}.mobile-panel{display:block;position:fixed;inset:0;z-index:55;background:var(--paper);padding:20px;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--ease)}.mobile-panel.open{transform:none;visibility:visible}.mobile-top{display:flex;justify-content:space-between;align-items:center}.mobile-links{display:grid;margin-top:60px}.mobile-links a{min-height:64px;padding:8px 0;border-bottom:1px solid var(--line);font:400 clamp(42px,13vw,64px)/1 var(--display);text-decoration:none}.mobile-links .button{font:600 17px var(--body);margin-top:30px}.work-hero{display:flex;flex-direction:column;min-height:82svh;padding-top:124px}.work-title{font-size:clamp(80px,28vw,118px)}.work-intro{margin-top:auto}.work-count{margin-top:50px}.project-row,.project-row.featured{grid-template-columns:34px minmax(0,1fr) 30px;gap:12px}.project-row h2,.project-row.featured h2{grid-column:2}.project-row .project-copy,.project-row.featured .project-copy{grid-column:2}.project-row .arrow,.project-row.featured .arrow{grid-column:3;grid-row:1}.project-row.featured .preview{grid-column:1/4}.case-hero-grid{display:flex;flex-direction:column;min-height:calc(100svh - 68px);padding-top:45px}.case-title{font-size:clamp(76px,25vw,112px)}.case-thesis{margin-top:auto}.case-meta{grid-template-columns:1fr 1fr;gap:20px;width:100%}.hero-media img{height:66svh}.story-grid{display:block}.story-label{margin-bottom:30px}.story-note{margin-top:50px}.media-pair,.identity-strip{display:block;padding:10px 0}.media-pair img,.identity-strip img{margin-bottom:10px;aspect-ratio:auto}.outcome-grid{display:block}.outcome-side{margin-top:60px}.next-link{display:block}.footer-grid{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js [data-reveal]{opacity:1;transform:none}}
body{-webkit-tap-highlight-color:rgba(232,75,50,.18)}a,button{touch-action:manipulation}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.mobile-panel{overscroll-behavior:contain}.wrap{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
.brand,.footer-grid a{display:inline-flex;align-items:center;min-height:44px}.brand img{display:block;width:clamp(112px,10vw,148px);height:auto}.mobile-top .brand img{width:138px}
.button:active{transform:translateY(0)}.not-found{min-height:calc(100dvh - 108px);padding-top:clamp(150px,22vh,230px);padding-bottom:100px}.not-found h1{margin:18px 0 22px;max-width:1000px;font:400 clamp(68px,12vw,180px)/.82 var(--display);letter-spacing:-.055em}.not-found p{max-width:560px;font-size:clamp(20px,2vw,28px)}.not-found-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:40px}
.media-pair,.identity-strip{grid-template-columns:repeat(12,1fr);align-items:start;gap:20px}.media-pair img,.identity-strip img{width:100%;height:auto;object-fit:contain}.media-pair img:first-child{grid-column:1/9}.media-pair img:last-child{grid-column:9/13}.identity-strip img:nth-child(1){grid-column:1/5}.identity-strip img:nth-child(2){grid-column:5/13}.identity-strip img:nth-child(3){grid-column:3/11;margin-top:20px}
@media(max-width:767px){.media-pair,.identity-strip{display:block}.media-pair img,.identity-strip img{width:100%;height:auto;object-fit:contain;margin:0 0 10px}}
.work-visual-beauty:before,.work-visual-beauty:after{display:none}.work-visual-beauty img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-link:hover .work-visual-beauty img,.work-link:focus-visible .work-visual-beauty img{transform:scale(1.025)}
.work-visual-project:before,.work-visual-project:after{display:none}.work-visual-project img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-link:hover .work-visual-project img,.work-link:focus-visible .work-visual-project img{transform:scale(1.025)}
.theme-procare{--project:#071d3d}.theme-dmcm{--project:#185842}.theme-aranea{--project:#8d1618}.theme-procare .outcome{background:#0757a5}.theme-dmcm .outcome{background:#185842}.theme-aranea .outcome{background:#b92322}.theme-aranea .decision{background:#5f1012}.theme-aranea .site-header{--paper:#f2efe6}.editorial-media-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding-block:20px;align-items:start}.editorial-media-grid img{width:100%;height:auto;object-fit:contain}.editorial-media-grid .media-wide{grid-column:1/9}.editorial-media-grid .media-small{grid-column:9/13}.editorial-media-grid .media-tall{grid-column:3/11;margin-top:20px}.media-video-procare{background:#dceaf1}.media-video-dmcm{background:#dfe7e2}.aranea-hero-media{margin:0}.aranea-hero-media img{width:100%;height:auto;object-fit:contain}.aranea-media-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding-block:20px;align-items:start}.aranea-media-grid img{width:100%;height:auto}.aranea-seal{grid-column:1/9}.aranea-campaign{grid-column:9/13}.logo-note img{width:100%;height:auto;max-height:100px;object-fit:contain}
.theme-makaiza{--project:#24552d}.theme-clean-bliss{--project:#145b66}.theme-makaiza .outcome{background:#39753e}.theme-clean-bliss .outcome{background:#e34d75}.theme-makaiza .decision{background:#173c20}.theme-clean-bliss .decision{background:#104b54}.project-hero-media{margin:0;background:var(--project)}.project-hero-media img{width:100%;height:auto;max-height:none;object-fit:contain}.contained-media{padding:clamp(20px,4vw,64px);background:color-mix(in srgb,var(--project) 12%,var(--paper))}.contained-media img{width:100%;height:auto}.project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding-block:20px;align-items:start}.project-gallery img{display:block;width:100%;height:auto;object-fit:contain}.project-gallery-four img:nth-child(1){grid-column:1/5}.project-gallery-four img:nth-child(2){grid-column:5/13}.project-gallery-four img:nth-child(3){grid-column:1/7}.project-gallery-four img:nth-child(4){grid-column:7/13}.project-gallery-twelve img:nth-child(1){grid-column:1/5}.project-gallery-twelve img:nth-child(2){grid-column:5/9}.project-gallery-twelve img:nth-child(3){grid-column:9/13}.project-gallery-twelve img:nth-child(4){grid-column:1/7}.project-gallery-twelve img:nth-child(5){grid-column:7/13}.project-gallery-twelve img:nth-child(6){grid-column:1/5}.project-gallery-twelve img:nth-child(7){grid-column:5/9}.project-gallery-twelve img:nth-child(8){grid-column:9/13}.project-gallery-twelve img:nth-child(9){grid-column:1/7}.project-gallery-twelve img:nth-child(10){grid-column:7/13}
@media(max-width:767px){.editorial-media-grid,.aranea-media-grid,.project-gallery{display:block}.editorial-media-grid img,.aranea-media-grid img,.project-gallery img{margin-bottom:10px}.editorial-media-grid .media-tall{margin-top:0}.upcoming-heading{display:block}.upcoming-heading p{margin-top:30px}.upcoming-row{grid-template-columns:34px minmax(0,1fr);gap:10px 12px}.upcoming-row h3{grid-column:2}.upcoming-row p,.upcoming-row>.eyebrow:last-child{grid-column:2}.row-preview{grid-column:1/4}.aranea-hero-media img,.project-hero-media img{height:auto}.contained-media{padding:10px}}
@media(max-width:767px){.not-found{min-height:calc(100dvh - 120px);padding-top:130px}.not-found h1{font-size:clamp(64px,21vw,92px)}}
.project-gallery-four img:nth-child(5){grid-column:4/10}.project-gallery-twelve img:nth-child(11){grid-column:3/11}
.project-gallery-four img:nth-child(1),.project-gallery-four img:nth-child(2){height:clamp(360px,40vw,620px);object-fit:cover}.project-gallery-four img:nth-child(3),.project-gallery-four img:nth-child(4){height:clamp(320px,35vw,540px);object-fit:cover}.project-gallery-four img:nth-child(5){height:clamp(420px,50vw,760px);object-fit:cover}.project-gallery-twelve img:nth-child(-n+3){height:clamp(380px,43vw,650px);object-fit:cover}.project-gallery-twelve img:nth-child(n+4):nth-child(-n+5),.project-gallery-twelve img:nth-child(n+9):nth-child(-n+10){height:clamp(300px,33vw,500px);object-fit:cover}.project-gallery-twelve img:nth-child(n+6):nth-child(-n+8){height:clamp(380px,43vw,650px);object-fit:cover}.project-gallery-twelve img:nth-child(11){height:auto;object-fit:contain}
@media(max-width:767px){.project-gallery img{height:auto!important;object-fit:contain!important}}

/* Case-study galleries: orientation-led rows on a six-column module. */
.project-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start}
.project-gallery img{grid-column:auto;width:100%;min-width:0;margin:0;object-fit:cover}

/* Clean & Bliss: portraits together, then paired landscape rows. */
.theme-clean-bliss .project-gallery-twelve img:nth-child(-n+3){grid-column:span 2;height:clamp(380px,43vw,650px)}
.theme-clean-bliss .project-gallery-twelve img:nth-child(4),
.theme-clean-bliss .project-gallery-twelve img:nth-child(5),
.theme-clean-bliss .project-gallery-twelve img:nth-child(8),
.theme-clean-bliss .project-gallery-twelve img:nth-child(9){grid-column:span 3;height:clamp(300px,33vw,500px)}
.theme-clean-bliss .project-gallery-twelve img:nth-child(6),
.theme-clean-bliss .project-gallery-twelve img:nth-child(7){grid-column:span 3;height:clamp(430px,48vw,720px)}
.theme-clean-bliss .project-gallery-twelve img:nth-child(10){grid-column:1/-1;height:auto;aspect-ratio:3/2}

/* Aranea: the source set is landscape, so every row is an equal pair. */
.theme-aranea .project-gallery-twelve img:nth-child(n){grid-column:span 3;height:auto;aspect-ratio:4/3}

/* Beauty & Care: three portraits, followed by one landscape pair. */
body:not([class]) .project-gallery-four img:nth-child(-n+3){grid-column:span 2;height:clamp(380px,43vw,650px)}
body:not([class]) .project-gallery-four img:nth-child(4),
body:not([class]) .project-gallery-four img:nth-child(5){grid-column:span 3;height:auto;aspect-ratio:3/2}

/* Makaiza: three landscape applications, then a centred square feature. */
.theme-makaiza .project-gallery-four img:nth-child(-n+3){grid-column:span 2;height:auto;aspect-ratio:3/2}
.theme-makaiza .project-gallery-four img:nth-child(4){grid-column:2/6;height:auto;aspect-ratio:1/1}

@media(max-width:767px){
  .project-gallery{display:block}
  .project-gallery img,
  .theme-clean-bliss .project-gallery-twelve img:nth-child(n),
  .theme-aranea .project-gallery-twelve img:nth-child(n),
  body:not([class]) .project-gallery-four img:nth-child(n),
  .theme-makaiza .project-gallery-four img:nth-child(n){width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain;margin:0 0 10px}
}

/* Final case-study gallery rule: a calm, continuous vertical sequence. */
.project-gallery,
.theme-clean-bliss .project-gallery-twelve,
.theme-aranea .project-gallery-twelve,
body:not([class]) .project-gallery-four,
.theme-makaiza .project-gallery-four{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding-block:20px;
}
.project-gallery img,
.theme-clean-bliss .project-gallery-twelve img:nth-child(n),
.theme-aranea .project-gallery-twelve img:nth-child(n),
body:not([class]) .project-gallery-four img:nth-child(n),
.theme-makaiza .project-gallery-four img:nth-child(n){
  display:block;
  width:100%;
  height:var(--case-image-height,auto)!important;
  aspect-ratio:auto;
  object-fit:contain;
  margin:0;
}
body:not([class]) .project-gallery-four img:nth-child(1){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1402 / 1122)}
body:not([class]) .project-gallery-four img:nth-child(2),
body:not([class]) .project-gallery-four img:nth-child(3){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1536 / 1024)}
body:not([class]) .project-gallery-four img:nth-child(4){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1024 / 1536)}
body:not([class]) .project-gallery-four img:nth-child(5){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1020 / 1542)}
.theme-makaiza .project-gallery-four img:nth-child(1){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1023 / 1537)}
.theme-makaiza .project-gallery-four img:nth-child(2),
.theme-makaiza .project-gallery-four img:nth-child(3){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1080 / 1920)}
.theme-makaiza .project-gallery-four img:nth-child(4){--case-image-height:calc(100vw - (2 * var(--gutter)))}
.theme-clean-bliss .project-gallery-twelve img:nth-child(1),
.theme-clean-bliss .project-gallery-twelve img:nth-child(2),
.theme-clean-bliss .project-gallery-twelve img:nth-child(3),
.theme-clean-bliss .project-gallery-twelve img:nth-child(6),
.theme-clean-bliss .project-gallery-twelve img:nth-child(7){--case-image-height:calc((100vw - (2 * var(--gutter))) * 1.5)}
.theme-clean-bliss .project-gallery-twelve img:nth-child(4),
.theme-clean-bliss .project-gallery-twelve img:nth-child(5),
.theme-clean-bliss .project-gallery-twelve img:nth-child(8),
.theme-clean-bliss .project-gallery-twelve img:nth-child(9),
.theme-clean-bliss .project-gallery-twelve img:nth-child(10){--case-image-height:calc((100vw - (2 * var(--gutter))) * 2 / 3)}
@media(max-width:767px){
  .project-gallery,
  .theme-clean-bliss .project-gallery-twelve,
  .theme-aranea .project-gallery-twelve,
  body:not([class]) .project-gallery-four,
  .theme-makaiza .project-gallery-four{gap:10px;padding-block:10px}
}

/* Editorial case-study rhythm: wide anchors with aligned image pairs. */
.project-gallery,
.theme-clean-bliss .project-gallery-twelve,
.theme-aranea .project-gallery-twelve,
body:not([class]) .project-gallery-four,
.theme-makaiza .project-gallery-four{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.project-gallery img,
.theme-clean-bliss .project-gallery-twelve img:nth-child(n),
.theme-aranea .project-gallery-twelve img:nth-child(n),
body:not([class]) .project-gallery-four img:nth-child(n),
.theme-makaiza .project-gallery-four img:nth-child(n){
  --case-image-height:auto;
  width:100%;
  height:100%!important;
  min-width:0;
  margin:0;
  object-fit:cover;
}

/* Beauty & Care: one portrait triptych followed by a landscape pair. */
body:not([class]) .project-gallery-four img:nth-child(-n+3){grid-column:span 2;aspect-ratio:2/3}
body:not([class]) .project-gallery-four img:nth-child(4),
body:not([class]) .project-gallery-four img:nth-child(5){grid-column:span 3;aspect-ratio:3/2}

/* Makaiza: wide opener, paired field images, centred identity close. */
.theme-makaiza .project-gallery-four img:nth-child(1){grid-column:1/-1;aspect-ratio:16/9}
.theme-makaiza .project-gallery-four img:nth-child(2),
.theme-makaiza .project-gallery-four img:nth-child(3){grid-column:span 3;aspect-ratio:16/9}
.theme-makaiza .project-gallery-four img:nth-child(4){grid-column:2/6;aspect-ratio:1/1}

/* Clean & Bliss: grouped portrait and landscape rows with one wide close. */
.theme-clean-bliss .project-gallery-twelve img:nth-child(-n+3){grid-column:span 2;aspect-ratio:2/3}
.theme-clean-bliss .project-gallery-twelve img:nth-child(4),
.theme-clean-bliss .project-gallery-twelve img:nth-child(5){grid-column:span 3;aspect-ratio:3/2}
.theme-clean-bliss .project-gallery-twelve img:nth-child(6),
.theme-clean-bliss .project-gallery-twelve img:nth-child(7){grid-column:span 3;aspect-ratio:2/3}
.theme-clean-bliss .project-gallery-twelve img:nth-child(8),
.theme-clean-bliss .project-gallery-twelve img:nth-child(9){grid-column:span 3;aspect-ratio:3/2}
.theme-clean-bliss .project-gallery-twelve img:nth-child(10){grid-column:1/-1;aspect-ratio:3/2}

/* Aranea: wide campaign anchors alternating with equal left/right pairs. */
.theme-aranea .project-gallery-twelve img:nth-child(1),
.theme-aranea .project-gallery-twelve img:nth-child(4),
.theme-aranea .project-gallery-twelve img:nth-child(7),
.theme-aranea .project-gallery-twelve img:nth-child(10){grid-column:1/-1;aspect-ratio:16/9}
.theme-aranea .project-gallery-twelve img:nth-child(2),
.theme-aranea .project-gallery-twelve img:nth-child(3),
.theme-aranea .project-gallery-twelve img:nth-child(5),
.theme-aranea .project-gallery-twelve img:nth-child(6),
.theme-aranea .project-gallery-twelve img:nth-child(8),
.theme-aranea .project-gallery-twelve img:nth-child(9){grid-column:span 3;aspect-ratio:4/3}

@media(max-width:767px){
  .project-gallery,
  .theme-clean-bliss .project-gallery-twelve,
  .theme-aranea .project-gallery-twelve,
  body:not([class]) .project-gallery-four,
  .theme-makaiza .project-gallery-four{display:block}
  .project-gallery img,
  .theme-clean-bliss .project-gallery-twelve img:nth-child(n),
  .theme-aranea .project-gallery-twelve img:nth-child(n),
  body:not([class]) .project-gallery-four img:nth-child(n),
  .theme-makaiza .project-gallery-four img:nth-child(n){height:auto!important;aspect-ratio:auto;object-fit:contain;margin-bottom:10px}
}

/* Complete case-study media system for Beauty & Care, Procare, Makaiza and DMCM. */
.case-editorial-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:20px;align-items:stretch}
.case-editorial-pair img{width:100%;height:100%;min-width:0;aspect-ratio:4/3;object-fit:cover}
body:not([class]) .media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:20px;align-items:stretch}
body:not([class]) .media-pair img:nth-child(n){grid-column:auto;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
body:not([class]) .identity-strip{display:grid;grid-template-columns:2fr 4fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;padding-block:20px;align-items:stretch}
body:not([class]) .identity-strip img:nth-child(1){grid-column:1;grid-row:1/3;width:100%;height:100%;margin:0;object-fit:cover}
body:not([class]) .identity-strip img:nth-child(2),body:not([class]) .identity-strip img:nth-child(3){grid-column:2;width:100%;height:clamp(280px,27vw,430px);margin:0;object-fit:cover}
.theme-procare .editorial-media-grid,.theme-dmcm .editorial-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:20px;align-items:stretch}
.theme-procare .editorial-media-grid img:nth-child(1),.theme-dmcm .editorial-media-grid img:nth-child(1){grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.theme-procare .editorial-media-grid img:nth-child(2),.theme-procare .editorial-media-grid img:nth-child(3),.theme-dmcm .editorial-media-grid img:nth-child(2),.theme-dmcm .editorial-media-grid img:nth-child(3){grid-column:auto;width:100%;height:100%;min-height:clamp(430px,48vw,720px);margin:0;aspect-ratio:3/4;object-fit:cover}
@media(max-width:767px){
  .case-editorial-pair,body:not([class]) .media-pair,body:not([class]) .identity-strip,.theme-procare .editorial-media-grid,.theme-dmcm .editorial-media-grid{display:block;padding-block:10px}
  .case-editorial-pair img,body:not([class]) .media-pair img:nth-child(n),body:not([class]) .identity-strip img:nth-child(n),.theme-procare .editorial-media-grid img:nth-child(n),.theme-dmcm .editorial-media-grid img:nth-child(n){display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;margin:0 0 10px}
}
.case-video-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:20px}.case-video-pair video{width:100%;height:clamp(360px,43vw,650px);object-fit:cover;background:var(--project)}
.dmcm-extended-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-block:20px;align-items:stretch}.dmcm-extended-gallery img{display:block;width:100%;height:100%;object-fit:cover}.dmcm-extended-gallery img:nth-child(1),.dmcm-extended-gallery img:nth-child(12){grid-column:span 2;aspect-ratio:2/3}.dmcm-extended-gallery img:nth-child(2),.dmcm-extended-gallery img:nth-child(3),.dmcm-extended-gallery img:nth-child(5),.dmcm-extended-gallery img:nth-child(6),.dmcm-extended-gallery img:nth-child(8),.dmcm-extended-gallery img:nth-child(9){grid-column:span 3;aspect-ratio:3/2}.dmcm-extended-gallery img:nth-child(4),.dmcm-extended-gallery img:nth-child(7),.dmcm-extended-gallery img:nth-child(10){grid-column:1/-1;aspect-ratio:16/9}.dmcm-extended-gallery img:nth-child(11){grid-column:span 4;aspect-ratio:3/2}
@media(max-width:767px){.case-video-pair,.dmcm-extended-gallery{display:block;padding-block:10px}.case-video-pair video,.dmcm-extended-gallery img:nth-child(n){display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 0 10px}}

/* Phase 4 shared visual-system consistency */
:root{--content-max:1600px;--header-h:76px;--section-space:clamp(96px,10vw,160px);--media-gap:clamp(12px,1.4vw,20px)}
body{background-image:linear-gradient(rgba(17,17,15,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.014) 1px,transparent 1px);background-size:32px 32px}
.wrap{width:min(var(--content-max),100%)}
.site-header{min-height:var(--header-h)}
.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link[aria-current="page"]:after{right:4px}
.button{white-space:nowrap;line-height:1.2}.button:active{transform:translateY(0) scale(.98)}
.text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration-thickness:1px;text-underline-offset:5px}
.case-section{padding-block:var(--section-space)}
.story-main p,.story-note p,.outcome-side p{max-width:64ch}
.media-pair,.identity-strip,.editorial-media-grid,.aranea-media-grid,.project-gallery,.case-video-pair,.dmcm-extended-gallery{gap:var(--media-gap)}
.footer{border-top:1px solid #3b3a35}.footer-grid{align-items:center}.footer-grid>a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--paper);backdrop-filter:none}}
@media(max-width:767px){:root{--header-h:68px;--section-space:clamp(72px,20vw,104px)}.mobile-panel{overflow-y:auto}.mobile-links a{display:flex;align-items:center}.mobile-links .button{justify-content:space-between;padding-inline:0 14px}.case-hero-grid{min-height:calc(100dvh - var(--header-h))}.case-thesis{font-size:19px;line-height:1.35}.case-meta{padding-top:18px}.story-main h2,.outcome-copy h2{font-size:clamp(48px,14vw,72px);line-height:.9}.footer{padding-bottom:44px}.footer-grid{gap:8px}.footer-grid>*{min-height:40px;display:flex;align-items:center}}
@media(max-width:767px){.mobile-panel{padding-top:max(20px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}.footer{padding-bottom:max(44px,env(safe-area-inset-bottom))}}

/* Phase 9 — editorial motion language */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-ui:180ms;--motion-reveal:900ms}
.motion-ready .case-hero .back-link,.motion-ready .case-title,.motion-ready .case-thesis,.motion-ready .case-meta,.motion-ready .work-title,.motion-ready .work-intro,.motion-ready .work-count{opacity:0;transform:translateY(28px)}
.outcome-evidence{list-style:none;margin:30px 0;padding:0;border-top:1px solid rgba(255,255,255,.45)}.outcome-evidence li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid rgba(255,255,255,.28)}.outcome-evidence li:before{content:"↗";position:absolute;left:0}.case-meta strong{line-height:1.3}
.motion-loaded .case-hero .back-link,.motion-loaded .case-title,.motion-loaded .case-thesis,.motion-loaded .case-meta,.motion-loaded .work-title,.motion-loaded .work-intro,.motion-loaded .work-count{opacity:1;transform:none;transition:opacity var(--motion-reveal) var(--motion-ease),transform var(--motion-reveal) var(--motion-ease)}
.motion-loaded .case-title,.motion-loaded .work-title{transition-delay:70ms}.motion-loaded .case-thesis,.motion-loaded .work-intro{transition-delay:170ms}.motion-loaded .case-meta,.motion-loaded .work-count{transition-delay:250ms}
.js [data-reveal]{opacity:0;transform:translateY(52px);clip-path:inset(0 0 14% 0);transition:opacity var(--motion-reveal) var(--motion-ease),transform var(--motion-reveal) var(--motion-ease),clip-path 1000ms var(--motion-ease);transition-delay:calc(var(--motion-order,0)*45ms)}
.js [data-reveal].seen{opacity:1;transform:none;clip-path:inset(0)}
.motion-media{opacity:0;clip-path:inset(0 0 12% 0);transform:translate3d(0,42px,0) scale(.985);transition:opacity 780ms var(--motion-ease),transform 1100ms var(--motion-ease),clip-path 1100ms var(--motion-ease);transition-delay:calc(var(--motion-order,0)*55ms);will-change:transform,opacity,clip-path}
.motion-media[data-motion-side="left"]{transform:translate3d(-32px,38px,0) scale(.985)}.motion-media[data-motion-side="right"]{transform:translate3d(32px,38px,0) scale(.985)}.motion-media.in-view{opacity:1;clip-path:inset(0);transform:none;will-change:auto}
.media-video,.case-video-pair{position:relative}.media-video:before,.case-video-pair:before{content:"Motion / identity in use";position:absolute;z-index:2;top:18px;left:var(--gutter);font:500 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:currentColor;opacity:.7;pointer-events:none}
.button,.project-row,.next-link,.menu-button{transition:transform var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,color var(--motion-ui) ease}
.button:active,.project-row:active,.next-link:active,.menu-button:active{transform:scale(.97)}
.next-link{position:relative;overflow:hidden}.next-link:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--project) 10%,transparent);transform:translateX(-102%);transition:transform 550ms var(--motion-ease);z-index:-1}.next-link .arrow{transition:transform 350ms var(--motion-ease)}
.project-row h2,.project-row .project-copy{transition:transform 420ms var(--motion-ease)}
.page-transition{position:fixed;z-index:200;inset:0;background:var(--ink);pointer-events:none;transform:translateY(101%);transition:transform 220ms cubic-bezier(.23,1,.32,1)}body.is-leaving .page-transition{transform:none}
@media(hover:hover) and (pointer:fine){.project-row:hover h2,.project-row:focus-visible h2{transform:translateX(12px)}.project-row:hover .project-copy,.project-row:focus-visible .project-copy{transform:translateX(-6px)}.next-link:hover:before,.next-link:focus-visible:before{transform:none}.next-link:hover .arrow,.next-link:focus-visible .arrow{transform:translate(10px,-10px)}.media-video video{transition:transform 900ms var(--motion-ease)}.media-video:hover video{transform:scale(1.008)}}
@media(max-width:767px){.mobile-links a{opacity:0;transform:translateX(28px);transition:opacity 400ms var(--motion-ease),transform 500ms var(--motion-ease)}.mobile-panel.open .mobile-links a{opacity:1;transform:none}.mobile-panel.open .mobile-links a:nth-child(2){transition-delay:35ms}.mobile-panel.open .mobile-links a:nth-child(3){transition-delay:70ms}.mobile-panel.open .mobile-links a:nth-child(4){transition-delay:105ms}.mobile-panel.open .mobile-links a:nth-child(5){transition-delay:140ms}.motion-media[data-motion-side]{transform:translate3d(0,30px,0) scale(.99)}.motion-media.in-view{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .case-hero .back-link,.motion-ready .case-title,.motion-ready .case-thesis,.motion-ready .case-meta,.motion-ready .work-title,.motion-ready .work-intro,.motion-ready .work-count,.motion-media,.js [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.page-transition{display:none}.mobile-links a{opacity:1!important;transform:none!important}}

/* Phase 5 case-study media composition */
.procare-project-gallery,.beauty-digital-feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--media-gap);padding-block:var(--media-gap);align-items:stretch}
.procare-project-gallery img,.beauty-digital-feature>img{display:block;width:100%;height:100%;object-fit:cover}
.procare-project-gallery img:nth-child(1){grid-column:1/-1;aspect-ratio:16/9}
.procare-project-gallery img:nth-child(2),.procare-project-gallery img:nth-child(3){grid-column:span 6;aspect-ratio:8/5}
.procare-project-gallery img:nth-child(4){grid-column:1/-1;aspect-ratio:16/7}
.procare-project-gallery img:nth-child(5),.procare-project-gallery img:nth-child(6){grid-column:span 6;aspect-ratio:3/2}
.procare-project-gallery img:nth-child(7){grid-column:1/-1;aspect-ratio:16/9}
.procare-project-gallery img:nth-child(8){grid-column:span 7;aspect-ratio:10/7}
.procare-project-gallery img:nth-child(9){grid-column:span 5;aspect-ratio:3/4}
.procare-project-gallery img:nth-child(10){grid-column:span 4;aspect-ratio:3/4}
.procare-project-gallery img:nth-child(11){grid-column:span 8;aspect-ratio:3/2}
.beauty-digital-feature>img{grid-column:1/10;aspect-ratio:16/9}
.beauty-symbol-panel{grid-column:10/13;display:grid;place-items:center;min-height:100%;padding:clamp(36px,5vw,84px);background:#183c2f}
.beauty-symbol-panel img{width:min(220px,100%);height:auto;filter:brightness(0) invert(1)}

/* Long landscape sets use wide anchors and balanced pairs. */
.theme-dmcm .dmcm-extended-gallery img:nth-child(n){grid-column:span 3;aspect-ratio:3/2}
.theme-dmcm .dmcm-extended-gallery img:nth-child(1),.theme-dmcm .dmcm-extended-gallery img:nth-child(4),.theme-dmcm .dmcm-extended-gallery img:nth-child(7),.theme-dmcm .dmcm-extended-gallery img:nth-child(10){grid-column:1/-1;aspect-ratio:16/9}
.theme-dmcm .dmcm-extended-gallery img:nth-child(11),.theme-dmcm .dmcm-extended-gallery img:nth-child(12){grid-column:span 3;aspect-ratio:3/2}
.theme-aranea .project-gallery-twelve img:nth-child(1),.theme-aranea .project-gallery-twelve img:nth-child(4),.theme-aranea .project-gallery-twelve img:nth-child(7),.theme-aranea .project-gallery-twelve img:nth-child(10){aspect-ratio:3/2}

@media(max-width:767px){
  .procare-project-gallery,.beauty-digital-feature{display:block;padding-block:10px}
  .procare-project-gallery img:nth-child(n),.beauty-digital-feature>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 0 10px}
  .beauty-symbol-panel{min-height:300px;padding:64px 24px}
}
/* Shared footer motion and legal utilities */
.footer{position:relative;margin-top:clamp(90px,10vw,150px);padding-top:clamp(105px,13vw,190px);overflow:hidden;isolation:isolate}.liquid-footer{position:absolute;z-index:-1;left:-8%;right:-8%;top:-88px;height:190px;background:var(--ink);filter:url(#footer-goo);transform:translateZ(0)}.liquid-footer:before,.liquid-footer:after,.liquid-orb{content:"";position:absolute;border-radius:50%;background:var(--ink);will-change:transform}.liquid-footer:before{width:42vw;height:150px;left:4%;top:-22px;transform:translate3d(calc(var(--liquid-x,50) * .05px),calc(var(--liquid-y,0) * -.04px),0) rotate(-4deg)}.liquid-footer:after{width:52vw;height:170px;right:0;top:-34px;transform:translate3d(calc(var(--liquid-x,50) * -.04px),calc(var(--liquid-y,0) * .03px),0) rotate(5deg)}.liquid-orb{width:170px;height:120px;left:calc(var(--liquid-x,50) * 1% - 85px);top:-54px;transform:translate3d(0,calc(var(--liquid-y,0) * -.16px),0);transition:left 520ms var(--ease)}.footer-grid{position:relative;z-index:2}.footer-legal{display:flex;gap:18px;flex-wrap:wrap;width:100%;padding-top:26px;margin-top:26px;border-top:1px solid #5d5b55}.footer-legal a,.footer-legal button{min-height:44px;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer}
.cookie-panel{position:fixed;z-index:220;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 32px));padding:22px;background:var(--lift);color:var(--ink);border:1px solid var(--ink);box-shadow:0 24px 70px rgba(17,17,15,.2);transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none;transition:transform 400ms var(--ease),opacity 240ms ease}.cookie-panel.is-open{transform:none;opacity:1;pointer-events:auto}.cookie-panel h2{font:400 34px/1 var(--display);margin:0 0 12px}.cookie-panel p{font-size:15px;margin:0 0 18px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{min-height:46px;padding:10px 15px;border:1px solid var(--ink);background:transparent;color:inherit;font:600 14px var(--body);cursor:pointer}.cookie-actions .accept{background:var(--kola);border-color:var(--kola);color:var(--lift)}
.agency-cursor{position:fixed;z-index:210;left:0;top:0;width:18px;height:18px;border:1.5px solid #fff;border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-50px,-50px,0);transition:width 220ms var(--ease),height 220ms var(--ease),background 220ms,color 220ms,opacity 160ms;mix-blend-mode:difference;color:#111;display:grid;place-items:center;font:600 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.agency-cursor.is-visible{opacity:1}.agency-cursor.is-active{width:76px;height:76px;background:#fff;border-color:#fff;color:#111}.agency-cursor span{opacity:0;transition:opacity 150ms}.agency-cursor.is-active span{opacity:1}html.has-agency-cursor,html.has-agency-cursor a,html.has-agency-cursor button,html.has-agency-cursor input,html.has-agency-cursor textarea,html.has-agency-cursor select{cursor:none}
@media(max-width:767px){.liquid-footer{top:-56px;height:130px}.footer{padding-top:100px}.footer-legal{display:grid;grid-template-columns:1fr 1fr}.cookie-actions{display:grid}.cookie-actions button{width:100%}}@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.agency-cursor{display:none!important}.liquid-footer:before,.liquid-footer:after,.liquid-orb{transform:none!important;transition:none!important}}

/* Landing footer uses .site-footer; keep it visually identical to shared footers. */
.site-footer{position:relative;margin-top:0;padding:clamp(118px,14vw,205px) 0 48px!important;background:var(--ink);color:var(--paper);border-top:0;overflow:hidden;isolation:isolate}
.site-footer .liquid-footer{z-index:0;top:-72px;height:210px}.site-footer .footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:end}.site-footer .footer-grid>span:first-of-type{grid-column:1/4}.site-footer .footer-grid>a{grid-column:5/10;font:400 clamp(30px,4.8vw,74px)/1 var(--display);text-decoration:none;letter-spacing:-.025em}.site-footer .footer-grid>span:nth-of-type(2){grid-column:11/13;text-align:right}.site-footer .footer-legal{grid-column:1/13;display:grid;grid-template-columns:repeat(3,max-content);justify-content:end;gap:22px;width:100%;padding-top:22px;margin-top:30px;border-top:1px solid #4c4a44}.site-footer .footer-legal a,.site-footer .footer-legal button{font-size:14px;text-decoration:none;opacity:.76}.site-footer .footer-legal a:hover,.site-footer .footer-legal button:hover{opacity:1}

/* Compact, deliberate cookie notice on the landing page. */
.site-footer~.cookie-panel{left:auto;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(430px,calc(100vw - 36px));padding:24px;border:0;border-top:5px solid var(--kola);box-shadow:0 28px 90px rgba(17,17,15,.24)}.site-footer~.cookie-panel h2{font:400 38px/.95 var(--display);letter-spacing:-.025em}.site-footer~.cookie-panel p{font-size:15px;line-height:1.45;max-width:38ch}.site-footer~.cookie-panel .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-footer~.cookie-panel .cookie-actions button{width:100%}.site-footer~.cookie-panel .cookie-actions .text-link{grid-column:1/3;justify-content:center;font-size:13px;margin-top:4px}
@media(max-width:767px){.site-footer{padding:92px 0 max(38px,env(safe-area-inset-bottom))!important}.site-footer .footer-grid{display:block}.site-footer .footer-grid>*{display:flex;margin-bottom:8px;text-align:left!important}.site-footer .footer-grid>a{font-size:clamp(30px,10vw,44px);margin:22px 0}.site-footer .footer-legal{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:30px}.site-footer .footer-legal>*:last-child{grid-column:1/3}.site-footer~.cookie-panel{right:16px;bottom:16px;padding:20px}.site-footer~.cookie-panel h2{font-size:34px}.site-footer~.cookie-panel .cookie-actions{display:grid;grid-template-columns:1fr}.site-footer~.cookie-panel .cookie-actions .text-link{grid-column:1}}

/* Step 3: case-study refinement */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}
.case-hero-grid{grid-template-rows:auto auto 1fr auto;align-content:stretch}
.case-title{max-width:10ch;text-wrap:balance}
.case-thesis{max-width:25ch;text-wrap:balance}
.case-meta{margin-bottom:0}
.case-contents{grid-column:8/13;align-self:end;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.45)}
.case-contents a{position:relative;display:flex;align-items:center;min-height:50px;padding:10px 12px 10px 0;color:inherit;text-decoration:none;font:500 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.case-contents a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:currentColor;transition:right 300ms var(--motion-ease)}
.case-contents a:hover:after,.case-contents a:focus-visible:after,.case-contents a[aria-current="true"]:after{right:12px}
.case-section[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.story-main h2,.outcome h2{text-wrap:balance}
.story-main p{line-height:1.48}
.story-note{align-self:start;margin-top:.3em;padding-top:18px}
.story-note p{font-size:16px;line-height:1.55}
.outcome-grid{align-items:start}
.outcome-side{align-self:start;padding-top:clamp(12px,1.5vw,24px)}
.outcome-evidence{margin-top:clamp(32px,4vw,58px)}
.outcome-evidence li{padding-block:17px;line-height:1.45}
.media-full,.media-video,.media-pair,.identity-strip,.editorial-media-grid,.aranea-media-grid,.project-gallery,.case-video-pair,.dmcm-extended-gallery,.procare-project-gallery,.beauty-digital-feature{margin-block:clamp(10px,1.4vw,22px)}
.media-full img,.hero-media img{display:block}
.next-project{padding-block:clamp(80px,10vw,150px)}
.next-link{padding-top:24px}
.next-link h2{text-wrap:balance}
@media(max-width:1023px){.case-contents{grid-column:7/13}.story-note{margin-top:.3em}}
@media(max-width:767px){
  html{scroll-padding-top:calc(var(--header-h) + 16px)}
  .case-hero-grid{display:flex;min-height:auto;padding-top:38px;padding-bottom:0}
  .case-title{margin-top:clamp(40px,12vw,72px);font-size:clamp(70px,23vw,108px)}
  .case-thesis{margin-top:clamp(54px,17vw,88px);max-width:29ch}
  .case-meta{margin-top:42px;padding-bottom:24px}
  .case-contents{order:5;width:100vw;margin-left:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .case-contents::-webkit-scrollbar{display:none}
  .case-contents a{min-width:92px;min-height:52px}
  .hero-media img{height:auto;min-height:56svh;object-fit:cover}
  .story-label{margin-bottom:24px}
  .story-main p{font-size:19px;line-height:1.5}
  .story-note{margin-top:44px}
  .story-note p{font-size:16px}
  .media-full,.media-video,.media-pair,.identity-strip,.editorial-media-grid,.aranea-media-grid,.project-gallery,.case-video-pair,.dmcm-extended-gallery,.procare-project-gallery,.beauty-digital-feature{margin-block:10px}
  .outcome-side{padding-top:0}
  .next-project{padding-block:82px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Consent preferences */
.cookie-panel h2{margin-top:8px}.cookie-panel .cookie-preferences{margin:4px 0 18px;border-block:1px solid var(--line)}.cookie-panel .cookie-option{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:12px 0}.cookie-panel .cookie-option+.cookie-option{border-top:1px solid var(--line)}.cookie-panel .cookie-option span{display:grid;gap:3px}.cookie-panel .cookie-option small{color:var(--muted);font-size:13px;line-height:1.35}.cookie-panel .cookie-option input{width:24px;height:24px;accent-color:var(--kola);flex:0 0 auto}.cookie-panel .preferences{border-color:transparent;text-decoration:underline;text-underline-offset:4px}.cookie-panel [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.cookie-panel{transition:none}}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}