.projects-page{padding:11vh 11vw 120px}.projects-page h1,.case-hero h1{font:500 clamp(58px,8vw,96px)/.94 var(--serif);letter-spacing:-.04em;margin:30px 0;text-wrap:balance}.projects-page h1 em,.case-hero h1 em{font-weight:500}.projects-lead{max-width:570px;font-size:20px;line-height:1.42;margin:0 0 90px;text-wrap:pretty}.projects-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:70px 1.1fr 1fr 48px;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;transition:color .2s}.project-row:hover{color:var(--blue)}.project-row img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.9)}.project-row h2{font:500 clamp(26px,3vw,45px)/1 var(--serif);letter-spacing:-.04em;margin:0}.project-row p{color:#5b5a56;max-width:360px;margin:0}.project-row:hover p{color:inherit}.project-arrow{font-size:24px;text-align:right}.compact-footer{background:var(--ink);color:var(--paper);padding:24px 5.5vw;display:flex;justify-content:space-between;font-size:13px}.compact-footer a{border-bottom:1px solid #666;padding-bottom:3px}.case-hero{padding:10vh 11vw 70px;min-height:58vh;display:flex;flex-direction:column;justify-content:space-between}.case-type{color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0}.case-lead{font-size:clamp(19px,2.2vw,29px);max-width:670px;line-height:1.32;margin:10px 0 0;text-wrap:pretty}.case-image{width:100%;max-height:720px;object-fit:cover;display:block}.case-summary{padding:90px 11vw 125px;display:grid;grid-template-columns:1fr 2fr;gap:70px}.case-summary h2{font:500 35px/1 var(--serif);letter-spacing:-.04em;margin:0}.case-summary p{font-size:20px;line-height:1.5;max-width:650px;margin:0;text-wrap:pretty}.case-facts{margin:55px 11vw 0;padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:6px}.case-facts strong{font-weight:500}@media(max-width:720px){.projects-page{padding:70px 24px}.projects-page h1{font-size:16vw}.projects-lead{font-size:18px;margin-bottom:55px}.project-row{grid-template-columns:55px 1fr 24px;gap:15px}.project-row p{display:none}.project-row h2{font-size:29px}.case-hero{padding:70px 24px 45px;min-height:55svh}.case-hero h1{font-size:16vw}.case-lead{font-size:19px}.case-summary{padding:58px 24px 72px;display:block}.case-summary h2{margin-bottom:28px}.case-summary p{font-size:18px}.case-facts{margin:0 24px;padding:24px 0;grid-template-columns:1fr;gap:16px}.compact-footer{padding:20px 24px;gap:20px;font-size:11px}}
.case-details{padding:0 11vw 130px}.case-detail{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:36px 0;border-top:1px solid var(--line)}.case-detail:last-child{border-bottom:1px solid var(--line)}.case-detail h2{font:500 31px/1.05 var(--serif);letter-spacing:-.04em;margin:0;text-wrap:balance}.case-detail p{grid-column:2;font-size:17px;line-height:1.55;max-width:650px;margin:0 0 16px;text-wrap:pretty}@media(max-width:720px){.case-details{padding:0 24px 75px}.case-detail{display:block;padding:29px 0}.case-detail h2{font-size:28px;margin-bottom:18px}.case-detail p{font-size:17px;margin-bottom:14px}}
.case-gallery{padding:0 5.5vw 120px;display:flex;flex-direction:column;align-items:center;gap:0}.case-gallery figure{margin:0;width:100%;background:transparent}.case-gallery img{width:100%;height:auto;display:block;object-fit:contain}.case-gallery--logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0}.case-gallery--logos figure{width:auto}.case-gallery--logos img{height:100%;object-fit:cover}@media(max-width:720px){.case-gallery{padding:0 24px 70px}.case-gallery--logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.projects-page{background:var(--paper);padding:clamp(90px,12vw,170px) clamp(20px,9vw,130px) 130px}.projects-page .eyebrow{color:var(--blue)}.projects-page h1,.case-hero h1{font:700 clamp(58px,8vw,116px)/.87 var(--sans);letter-spacing:-.08em}.projects-lead{font-size:clamp(20px,2.5vw,32px);font-weight:500;line-height:1.23;max-width:720px;margin-bottom:100px}.projects-list{border-color:var(--ink)}.project-row{grid-template-columns:86px 1.2fr 1fr 48px;gap:32px;padding:18px 0;border-color:var(--line);transition:background .35s,color .35s}.project-row:hover{color:#fff;background:var(--ink);padding-left:16px;padding-right:16px}.project-row img{filter:none;border-radius:0}.project-row h2{font:700 clamp(25px,3vw,46px)/.96 var(--sans);letter-spacing:-.07em}.project-row p{color:#506080;font-size:14px}.project-row:hover p{color:#b9c5fb}.compact-footer{background:var(--ink);color:#fff;padding:25px clamp(20px,4vw,64px);font-weight:600}.case-page{background:#fff}.case-hero{min-height:62svh;padding:clamp(72px,10vw,140px) clamp(20px,9vw,130px) 70px;background:var(--blue);color:#fff}.case-type{color:#c8d2ff;font-weight:700}.case-hero h1{color:#fff;max-width:1100px}.case-lead{font-size:clamp(20px,2.5vw,34px);font-weight:500;line-height:1.22;max-width:820px}.case-image{max-height:none;object-fit:contain;background:#edf0ff}.case-facts{margin:0;padding:30px clamp(20px,9vw,130px);border:0;background:var(--ink);color:#fff;gap:30px}.case-facts span{color:#aebeff}.case-summary{padding:clamp(90px,12vw,180px) clamp(20px,9vw,130px);grid-template-columns:minmax(180px,.75fr) 2fr;gap:80px}.case-summary h2,.case-detail h2{font:700 clamp(30px,3vw,46px)/.98 var(--sans);letter-spacing:-.065em}.case-summary p{font-size:clamp(19px,2vw,27px);line-height:1.35}.case-details{padding:0 clamp(20px,9vw,130px) 150px}.case-detail{grid-template-columns:minmax(180px,.75fr) 2fr;gap:80px;border-color:var(--line);padding:44px 0}.case-detail p{font-size:17px;line-height:1.6;max-width:700px}.case-gallery{padding:0;gap:0;background:#fff}.case-gallery figure{width:min(100%,1500px)}.case-gallery img{width:100%;max-height:none}.case-gallery--logos{width:min(100%,1500px);margin:0 auto;grid-template-columns:repeat(4,1fr)}@media(max-width:720px){.projects-page{padding:78px 20px}.projects-page h1{font-size:17vw}.project-row{grid-template-columns:56px 1fr 24px;gap:15px}.project-row:hover{padding-left:8px;padding-right:8px}.case-hero{min-height:53svh;padding:74px 20px 44px}.case-hero h1{font-size:16vw}.case-facts{padding:28px 20px}.case-summary{padding:80px 20px}.case-details{padding:0 20px 80px}.case-detail{padding:30px 0}.case-gallery--logos{grid-template-columns:repeat(2,1fr)}}
.projects-page{background:var(--paper);padding:clamp(80px,11vw,145px) clamp(20px,8vw,120px) 110px}.projects-page .eyebrow{color:#666}.projects-page h1,.case-hero h1{font-size:clamp(52px,6.2vw,90px);letter-spacing:-.075em}.projects-lead{font-size:clamp(18px,1.9vw,24px);max-width:620px;line-height:1.35;margin-bottom:80px}.projects-list{border-color:var(--ink)}.project-row{grid-template-columns:76px minmax(230px,1.1fr) 1fr 32px;gap:26px;padding:16px 0;background:transparent!important;color:var(--ink)!important}.project-row:hover{padding-left:0;padding-right:0}.project-row img{aspect-ratio:1.25;object-fit:cover}.project-row h2{font-size:clamp(24px,2.6vw,39px);letter-spacing:-.065em}.project-row p{color:#666!important}.project-arrow{font-size:20px}.compact-footer{background:var(--ink);color:#fff}.case-page{background:var(--paper)}.case-hero{min-height:52svh;padding:clamp(70px,10vw,125px) clamp(20px,8vw,120px) 65px;background:var(--paper);color:var(--ink)}.case-type{color:#696965}.case-hero h1{color:var(--ink);max-width:1050px}.case-lead{font-size:clamp(19px,2vw,28px);color:var(--ink)}.case-image{background:#fff}.case-facts{background:#fff;color:var(--ink);padding:25px clamp(20px,8vw,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-facts span{color:#70706b}.case-summary{padding:clamp(75px,10vw,135px) clamp(20px,8vw,120px);gap:65px}.case-summary h2,.case-detail h2{font-size:clamp(29px,2.7vw,40px)}.case-summary p{font-size:clamp(18px,1.8vw,24px)}.case-details{padding:0 clamp(20px,8vw,120px) 120px}.case-detail{gap:65px;padding:34px 0}.case-detail p{font-size:16px}.case-gallery{background:#fff}.case-gallery figure{width:min(100%,1420px)}@media(max-width:720px){.projects-page{padding:75px 20px}.projects-page h1{font-size:16vw}.project-row{grid-template-columns:62px 1fr 22px;gap:14px}.case-hero{min-height:46svh;padding:72px 20px 50px}.case-hero h1{font-size:15vw}.case-facts{padding:24px 20px}.case-summary{padding:70px 20px}.case-details{padding:0 20px 70px}.case-detail{padding:28px 0}}

/* Source case-study rhythm: copy introduces its own material, never a trailing gallery. */
.case-story{padding:0 0 clamp(80px,10vw,150px);background:#fff}.case-story-block{padding:clamp(56px,8vw,116px) 0 0}.case-story-copy,.case-story-cards{width:min(100% - 40px,1080px);margin:0 auto}.case-story-copy{display:grid;grid-template-columns:minmax(185px,.78fr) minmax(0,2fr);gap:64px;align-items:start}.case-story-copy h2{font:700 clamp(29px,2.7vw,40px)/1 var(--sans);letter-spacing:-.065em;margin:0}.case-story-copy p{grid-column:2;font-size:clamp(17px,1.45vw,21px);line-height:1.5;max-width:680px;margin:0 0 17px}.case-story-media{width:min(100% - 40px,1420px);margin:clamp(36px,5.5vw,80px) auto 0;display:grid;gap:0}.case-story-media figure{margin:0;min-width:0}.case-story-media img{display:block;width:100%;height:auto}.case-story-media--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.case-story-media--quad{grid-template-columns:repeat(2,minmax(0,1fr))}.case-story-media--stack{grid-template-columns:1fr}.case-story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-story-cards article{padding:24px 26px 28px;border-right:1px solid var(--line)}.case-story-cards article:last-child{border-right:0}.case-story-cards h3{font:600 15px/1.2 var(--sans);margin:0 0 20px}.case-story-cards p{font-size:15px;line-height:1.48;margin:0;color:#42423f}.case-story-block:has(.case-story-cards) .case-story-cards{margin-top:0}.case-story-block:has(.case-story-cards) .case-story-media{margin-top:0}@media(max-width:720px){.case-story-block{padding-top:68px}.case-story-copy,.case-story-cards,.case-story-media{width:calc(100% - 40px)}.case-story-copy{display:block}.case-story-copy h2{margin-bottom:20px;font-size:29px}.case-story-copy p{font-size:17px;margin-bottom:14px}.case-story-cards{grid-template-columns:1fr}.case-story-cards article{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.case-story-cards article:last-child{border-bottom:0}.case-story-media--pair,.case-story-media--quad{grid-template-columns:1fr}.case-story-media{margin-top:34px}}

.case-story-media--slider{display:block;overflow:hidden}.case-story-slider{overflow:hidden}.case-story-slider-track{display:flex;will-change:transform}.case-story-slider-track figure{flex:0 0 100%;min-width:100%}.case-story-slider-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.case-slider-button{appearance:none;border:0;background:transparent;color:var(--ink);font:500 20px/1 var(--sans);min-width:44px;min-height:44px;padding:5px 8px;cursor:pointer}.case-slider-button:hover{color:var(--blue)}.case-slider-button:focus-visible{color:var(--blue);outline:2px solid var(--blue);outline-offset:-4px}.case-story-slider-dots{display:flex;justify-content:center;gap:0}.case-story-slider-dots button{position:relative;width:32px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.case-story-slider-dots button::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#b9b9b4;transform:translate(-50%,-50%)}.case-story-slider-dots button.is-active::after{background:#20201e}.case-story-slider-dots button:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}

/* Alter Ego follows the source sequence: idea, construction, final mark, directions. */
.case-story-block--alter-logo-build{background:#fff}
.case-story-block--alter-logo-build .case-story-copy{display:block;text-align:center;width:min(100% - 40px,1080px)}
.case-story-block--alter-logo-build .case-story-copy p{max-width:1040px;margin-left:auto;margin-right:auto}
.case-story-block--alter-logo-build .case-story-media{width:min(100% - 40px,1097px);margin-top:clamp(42px,6vw,84px)}

/* Locally hosted PDF guides retain the browser's accessible page controls. */
.case-pdf{width:min(100% - 40px,1420px);margin:0 auto clamp(82px,10vw,150px);padding-top:clamp(56px,8vw,116px)}.case-pdf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.case-pdf h2{font:700 clamp(29px,2.7vw,40px)/1 var(--sans);letter-spacing:-.065em;margin:0}.case-pdf-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.case-pdf-actions a{font:600 14px/1.2 var(--sans);padding:8px 0;border-bottom:1px solid currentColor;transition:opacity .2s}.case-pdf-actions a:hover,.case-pdf-actions a:focus-visible{opacity:.55;outline:none}.case-pdf-frame{height:clamp(520px,80vh,1000px);background:#e9e9e5}.case-pdf-frame iframe{display:block;width:100%;height:100%;border:0}.case-pdf-fallback{display:none;margin:0;padding:28px;font-size:16px}.case-pdf-mobile-viewer{display:none}
.case-pdf-mobile-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:auto;padding:12px;touch-action:pan-y}.case-pdf-mobile-stage canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}.case-pdf-mobile-status{position:absolute;inset:50% auto auto 50%;margin:0!important;padding:8px 10px!important;background:rgba(244,244,241,.92);font-size:13px!important;transform:translate(-50%,-50%)}.case-pdf-mobile-status[hidden]{display:none}.case-pdf-mobile-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#f4f4f1;border-top:1px solid var(--line)}.case-pdf-mobile-controls button{appearance:none;min-width:52px;min-height:50px;padding:0;border:0;background:transparent;color:var(--ink);font:500 24px/1 var(--sans);cursor:pointer}.case-pdf-mobile-controls button:first-child{justify-self:start}.case-pdf-mobile-controls button:last-child{justify-self:end}.case-pdf-mobile-controls button:disabled{opacity:.25;cursor:default}.case-pdf-mobile-controls output{font:600 12px/1 var(--mono);font-variant-numeric:tabular-nums}
@media(max-width:900px),(pointer:coarse){.case-pdf{width:calc(100% - 40px);margin-bottom:74px;padding-top:68px}.case-pdf-head{align-items:flex-start;flex-direction:column;gap:20px}.case-pdf-actions{justify-content:flex-start;gap:18px}.case-pdf-frame{height:72svh;min-height:480px}.case-pdf-frame>iframe{display:none}.case-pdf-mobile-viewer{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;background:#deded9}}

/* Ozon Bank is a single 1920px visual sequence on its source blue canvas. */
.case-page[data-case="ozon-bank"] #case{background:#123171}
.case-gallery--ozon-bank{width:min(100%,1920px);margin-inline:auto;align-items:stretch;background:transparent}.case-gallery--ozon-bank figure{width:100%;max-width:none}.case-gallery--ozon-bank img{display:block;width:100%;height:auto}.ozon-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#123171}.ozon-video img,.ozon-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ozon-video video{opacity:0;transition:opacity .38s cubic-bezier(.22,.61,.36,1)}.ozon-video-poster{opacity:1;transition:opacity .38s cubic-bezier(.22,.61,.36,1)}.ozon-video.is-video-ready video{opacity:1}.ozon-video.is-video-ready .ozon-video-poster{opacity:0}@media(prefers-reduced-motion:reduce){.ozon-video video,.ozon-video-poster{transition:none}}

/* CSGroup follows the art direction and reading order of the original case. */
.csgroup-case{background:#fff}.csgroup-hero{position:relative;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden}.csgroup-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.csgroup-hero::before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.25)}.csgroup-hero>div{position:relative;z-index:2;width:min(100% - 40px,1200px);margin:auto}.csgroup-hero h1{font:600 clamp(58px,7vw,96px)/.94 var(--sans);letter-spacing:-.04em;margin:0 0 20px}.csgroup-hero p{max-width:680px;font-size:clamp(20px,2vw,29px);line-height:1.3;margin:0}.csgroup-intro,.csgroup-colours,.csgroup-related{width:min(100% - 40px,1200px);margin:auto;display:grid;grid-template-columns:1fr 2.66fr;gap:clamp(35px,6vw,95px);padding:clamp(80px,11vw,160px) 0}.csgroup-intro h2,.csgroup-colours h2,.csgroup-related h2{font:600 clamp(32px,3vw,46px)/1 var(--sans);letter-spacing:-.035em;margin:0}.csgroup-intro p{font-size:clamp(18px,1.65vw,22px);line-height:1.5;max-width:760px;margin:0 0 22px}.csgroup-marks{padding:clamp(70px,9vw,130px) max(20px,calc((100vw - 1200px)/2));background:#f2f2f2}.csgroup-monogram{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.csgroup-monogram img,.csgroup-lockup{display:block;width:100%;height:auto}.csgroup-lockup{margin-top:clamp(40px,6vw,90px)}.csgroup-colours>div{min-width:0}.csgroup-swatches{display:grid;grid-template-columns:repeat(5,1fr)}.csgroup-swatches span{aspect-ratio:1;display:grid;place-items:end center;padding:15px 8px;background:var(--swatch);color:#fff;font-size:12px;font-weight:600}.csgroup-colours p{font-size:18px;margin:28px 0 0}.csgroup-carousel{position:relative;overflow:hidden}.csgroup-carousel-viewport{overflow:hidden}.csgroup-carousel-track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}.csgroup-carousel figure{flex:0 0 20%;margin:0}.csgroup-carousel img{display:block;width:100%;height:auto}.csgroup-carousel button{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#151515;font:500 20px/1 var(--sans);cursor:pointer}.csgroup-carousel [data-csgroup-prev]{left:18px}.csgroup-carousel [data-csgroup-next]{right:18px}.csgroup-wide-image{display:block;width:100%;height:auto}.csgroup-branch{display:grid;grid-template-columns:1fr 2fr;align-items:stretch;background:var(--branch);color:#fff}.csgroup-branch>div{align-self:center;padding:clamp(45px,7vw,110px)}.csgroup-branch h2{font:600 clamp(31px,3.2vw,50px)/1 var(--sans);letter-spacing:-.035em;margin:0 0 28px}.csgroup-branch p{max-width:440px;font-size:clamp(17px,1.45vw,21px);line-height:1.5;margin:0}.csgroup-branch img{display:block;width:100%;height:100%;object-fit:cover}.csgroup-related{align-items:center}.csgroup-related>a{position:relative;display:grid;min-height:430px;align-content:end;padding:34px;color:#fff;overflow:hidden}.csgroup-related img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.csgroup-related>a::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.csgroup-related span,.csgroup-related h3,.csgroup-related p{position:relative;z-index:1}.csgroup-related span{font-size:12px}.csgroup-related h3{font:600 clamp(27px,3vw,42px)/1.05 var(--sans);letter-spacing:-.035em;margin:15px 0 10px}.csgroup-related p{font-size:16px;margin:0}@media(max-width:1100px){.csgroup-carousel figure{flex-basis:33.333%}}@media(max-width:720px){.csgroup-hero{min-height:82svh}.csgroup-hero>div{width:calc(100% - 40px);padding-top:55px}.csgroup-intro,.csgroup-colours,.csgroup-related{grid-template-columns:1fr;gap:30px;padding:74px 0}.csgroup-intro h2{display:none}.csgroup-monogram{grid-template-columns:1fr}.csgroup-swatches{grid-template-columns:repeat(2,1fr)}.csgroup-swatches span:last-child{grid-column:span 2;aspect-ratio:2}.csgroup-carousel figure{flex-basis:100%}.csgroup-branch{grid-template-columns:1fr}.csgroup-branch>div{padding:54px 20px}.csgroup-branch img{height:auto}.csgroup-related>a{min-height:360px;padding:24px}}
.csgroup-lockup{margin-top:0}
.csgroup-branch{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.csgroup-branch>div,.csgroup-branch>img{min-width:0}@media(max-width:720px){.csgroup-branch{grid-template-columns:1fr}}

/* Portfolio index: intrinsic image dimensions reserve space without fixing row height. */
.projects-list .project-row{min-height:0;grid-template-columns:clamp(62px,5.5vw,76px) minmax(0,1.1fr) minmax(180px,1fr) 32px;gap:clamp(14px,1.8vw,26px)}.projects-list .project-row img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;align-self:center}.projects-list .project-row h2,.projects-list .project-row p{min-width:0}@media(max-width:720px){.projects-list .project-row{grid-template-columns:62px minmax(0,1fr) 22px;gap:14px}.projects-list .project-row p{display:none}}

/* The catalogue reuses the homepage project cards and their responsive motion. */
.projects-page .projects-list.project-grid{border-top:0}.projects-page .project img{height:auto}

/* Quartier colour scheme follows the source case between logo and typography. */
.case-story-copy-body{grid-column:2}.quartier-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(34px,5vw,68px)}.quartier-swatches span{display:grid;place-items:center;aspect-ratio:1.85;background:var(--quartier-colour);color:#fff;font:600 13px/1 var(--sans)}.case-story-block:has(.quartier-swatches) .case-story-copy h2{font-size:clamp(36px,4vw,58px)}.case-story-block:has(.quartier-swatches) .case-story-copy-body>p{font-size:clamp(19px,1.8vw,26px);line-height:1.5;max-width:720px}@media(max-width:720px){.case-story-copy-body{grid-column:auto}.quartier-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:32px}.quartier-swatches span{aspect-ratio:1.7}.case-story-block:has(.quartier-swatches) .case-story-copy h2{font-size:36px}.case-story-block:has(.quartier-swatches) .case-story-copy-body>p{font-size:18px}}

/* Keep multi-paragraph case copy compact and remove empty spacing before Alter Ego construction. */
.case-story-copy{column-gap:64px;row-gap:0}
.case-story-block--alter-logo-build{padding-top:0;background:#fff}
.case-story-block--alter-logo-build .case-story-media{margin-top:0}
@media(max-width:720px){.case-story-copy{column-gap:0;row-gap:0}.case-story-block--alter-logo-build{padding-top:0}.case-story-block--alter-logo-build .case-story-media{margin-top:0}}

/* Logo archive: homepage-style cards with a focused, keyboard-friendly viewer. */
.logos-case{min-height:100svh;padding:clamp(48px,7vw,96px) clamp(20px,5.5vw,88px) clamp(80px,10vw,150px);background:var(--paper);color:var(--ink)}
.logos-case .logos-grid{display:grid;width:min(100%,1420px);margin:0 auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:1px;background:var(--line)}
.logos-grid .logo-card,.logos-grid .logo-card:nth-child(n){appearance:none;grid-column:span 4!important;display:block;width:100%;margin:0!important;padding:13px;border:0;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:zoom-in;overflow:hidden}
.logos-grid .logo-card img,.logos-grid .logo-card:nth-child(n) img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:none;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.logos-grid .logo-card:hover img,.logos-grid .logo-card:focus-visible img{transform:scale(1.035)}
.logos-grid .logo-card:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.logo-lightbox{box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(58px,7vw,90px) clamp(58px,8vw,120px);border:0;background:#fff;color:var(--ink);overflow:hidden}
.logo-lightbox[open]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,48px)}
.logo-lightbox::backdrop{background:rgba(16,16,16,.78)}
.logo-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;min-width:0;height:100%;margin:0}
.logo-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain}
.logo-lightbox figcaption{padding-top:14px;font:500 12px/1 var(--mono);color:#666}
.logo-lightbox button{appearance:none;border:0;background:transparent;color:var(--ink);font:500 28px/1 var(--sans);cursor:pointer}
.logo-lightbox-nav{width:52px;height:52px;transition:background .2s,color .2s}
.logo-lightbox-nav:hover,.logo-lightbox-nav:focus-visible{background:var(--ink);color:#fff;outline:0}
.logo-lightbox-close{position:absolute;top:22px;right:25px;width:48px;height:48px;font-size:36px!important}
.logo-lightbox .logo-lightbox-close{display:grid;place-items:center;box-sizing:border-box;padding:0;aspect-ratio:1;border:0;border-radius:0;outline:none;line-height:1;background:transparent;transition:opacity .18s ease}
.logo-lightbox-close svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:square;pointer-events:none}
.logo-lightbox .logo-lightbox-close:hover{background:transparent;opacity:.55}
.logo-lightbox-close:focus-visible{outline:none;opacity:.55}
/* Logo originals open in a bounded dialog, with the page visible around it. */
body[data-case="logos"] .logo-lightbox{position:fixed;inset:0;width:min(1040px,calc(100vw - 48px));height:min(880px,calc(100dvh - 64px));max-width:100%;max-height:100%;margin:auto;padding:60px 20px 20px}
body[data-case="logos"] .logo-lightbox[open]{gap:12px}
body[data-case="logos"] .logo-lightbox figure{min-height:0;overflow:hidden}
body[data-case="logos"] .logo-lightbox img{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
@media(min-width:1200px){.logos-case .logos-grid{grid-template-columns:repeat(20,minmax(0,1fr))}.logos-grid .logo-card,.logos-grid .logo-card:nth-child(n){grid-column:span 4!important}}
@media(min-width:900px) and (max-width:1199px){.logos-grid .logo-card,.logos-grid .logo-card:nth-child(n){grid-column:span 3!important}.logos-grid .logo-card:nth-last-child(-n+3){grid-column:span 4!important}}
@media(min-width:768px) and (max-width:899px){.logos-case .logos-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.logos-grid .logo-card,.logos-grid .logo-card:nth-child(n){grid-column:span 2!important}.logos-grid .logo-card:nth-last-child(-n+2){grid-column:span 3!important}}
@media(max-width:767px){.logos-case{padding:108px 12px 72px}.logos-heading{padding:0 8px;margin-bottom:38px}.logos-heading h1{font-size:clamp(44px,16vw,72px)}.logos-grid .logo-card,.logos-grid .logo-card:nth-child(n){grid-column:1 / -1!important;padding:8px}.logo-lightbox{padding:62px 12px 20px}.logo-lightbox[open]{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 48px;gap:10px}.logo-lightbox figure{grid-column:1 / -1;grid-row:1}.logo-lightbox-nav{align-self:end;width:100%;border-top:1px solid var(--line)!important}.logo-lightbox-prev{grid-column:1}.logo-lightbox-next{grid-column:2}.logo-lightbox img{max-height:calc(100dvh - 145px)}.logo-lightbox-close{top:9px;right:10px}}
@media(max-width:767px){.logos-case{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.logos-grid .logo-card img{transition:none}}
@media(max-width:767px){
  body[data-case="logos"] .logo-lightbox{width:calc(100vw - 24px);height:min(680px,calc(100dvh - 48px));padding:58px 12px 12px}
}

/* Motion archive mirrors the logo case: compact cards and the same viewer controls. */
.motion-case{min-height:100svh;padding:clamp(48px,7vw,96px) clamp(20px,5.5vw,88px) clamp(80px,10vw,150px);background:var(--paper);color:var(--ink)}
.motion-case .motion-grid{display:grid;width:min(100%,1420px);margin:0 auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:1px;background:var(--line)}
.motion-grid .motion-card,.motion-grid .motion-card:nth-child(n){appearance:none;grid-column:span 4!important;display:block;width:100%;margin:0!important;padding:13px;border:0;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:zoom-in;overflow:hidden}
.motion-media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#111;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.motion-media img,.motion-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.motion-media video{opacity:0;transition:opacity .38s cubic-bezier(.22,.61,.36,1)}
.motion-poster{opacity:1;transition:opacity .38s cubic-bezier(.22,.61,.36,1)}
.motion-card.is-video-ready .motion-media video{opacity:1}
.motion-card.is-video-ready .motion-poster{opacity:0}
.motion-grid .motion-card:hover .motion-media,.motion-grid .motion-card:focus-visible .motion-media{transform:scale(1.035)}
.motion-grid .motion-card:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.motion-lightbox video{display:block;max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;background:#111}
@media(min-width:1600px){.motion-grid .motion-card,.motion-grid .motion-card:nth-child(n){grid-column:span 3!important}}
@media(min-width:768px) and (max-width:1099px){.motion-grid .motion-card,.motion-grid .motion-card:nth-child(n){grid-column:span 6!important}}
@media(max-width:767px){.motion-case{padding:42px 12px 72px}.motion-grid .motion-card,.motion-grid .motion-card:nth-child(n){grid-column:1 / -1!important;padding:8px}.motion-lightbox video{max-height:calc(100dvh - 145px)}}
@media(prefers-reduced-motion:reduce){.motion-media,.motion-media video,.motion-poster{transition:none}}

/* Madeline follows the original case-study composition below the existing hero. */
.madeline-case{--madeline-gutter:clamp(20px,8vw,120px);background:#fff;color:#171717}
.madeline-case h2{font:650 clamp(28px,2.5vw,38px)/1.05 var(--sans);letter-spacing:-.035em;margin:0}
.madeline-case h3{font:600 16px/1.2 var(--sans);margin:0 0 20px}
.madeline-case p{font-size:clamp(15px,1.15vw,17px);line-height:1.55;margin:0;text-wrap:pretty}
.madeline-naming{width:100%;margin:0;padding:clamp(78px,10vw,145px) var(--madeline-gutter) clamp(70px,9vw,125px)}
.madeline-naming>h2{margin-bottom:clamp(48px,6vw,78px)}
.madeline-naming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5vw,70px)}
.madeline-naming-visual{padding:clamp(20px,2.4vw,36px) var(--madeline-gutter);background:#dc5f65}
.madeline-naming-visual .case-story-slider{overflow:hidden}
.madeline-naming-visual .case-story-slider-track figure,.madeline-pattern .case-story-slider-track figure{margin:0;flex:0 0 100%;min-width:100%}
.madeline-naming-visual img,.madeline-pattern img{display:block;width:100%;height:auto}
.madeline-naming-visual .case-slider-button{color:#fff}
.madeline-naming-visual .case-story-slider-dots button::after{background:rgba(255,255,255,.46)}
.madeline-naming-visual .case-story-slider-dots button.is-active::after{background:#fff}
.madeline-lockups{width:100%;margin:0;padding:clamp(84px,11vw,160px) var(--madeline-gutter) clamp(64px,8vw,112px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(18px,2.4vw,34px);align-items:start}
.madeline-lockups>img{display:block;width:100%;height:auto;margin-top:clamp(50px,5vw,72px)}
.madeline-lockup-copy img{display:block;width:100%;height:auto;margin:clamp(34px,4vw,56px) 0}
.madeline-lockup-copy p{max-width:540px}
.madeline-logo-details{width:100%;margin:0;padding:0 var(--madeline-gutter) clamp(88px,11vw,155px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,8vw,120px)}
.madeline-logo-details article{min-width:0}
.madeline-logo-details img{display:block;width:min(100%,360px);height:auto;margin:clamp(28px,3vw,42px) 0}
.madeline-logo-details p{max-width:510px}
.madeline-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:clamp(360px,32vw,520px)}
.madeline-swatch{background:var(--madeline-colour)}
.madeline-palette .madeline-copy{grid-column:span 2;align-self:center;padding:clamp(38px,5vw,76px)}
.madeline-copy h2{margin-bottom:26px}
.madeline-pattern{width:100%;margin:0;padding:clamp(88px,11vw,160px) var(--madeline-gutter);display:grid;grid-template-columns:1fr 2fr;gap:clamp(44px,7vw,105px);align-items:center}
.madeline-pattern-slider{min-width:0;overflow:hidden}
.madeline-pattern .case-story-slider{overflow:hidden}
.madeline-pattern .case-story-slider-controls{padding-top:10px}
.madeline-application-copy{width:100%;margin:0;padding:0 var(--madeline-gutter) clamp(72px,9vw,125px)}
.madeline-application-copy>div{width:50%;max-width:560px}
.madeline-application-copy h2{margin-bottom:26px}
.madeline-application{width:100%;margin:0;padding:0 var(--madeline-gutter) clamp(92px,12vw,170px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.madeline-application figure{margin:0;min-width:0}
.madeline-application img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
@media(max-width:720px){
  .madeline-case h2{font-size:29px}
  .madeline-case p{font-size:16px}
  .madeline-naming{padding:72px var(--madeline-gutter) 64px}
  .madeline-naming>h2{margin-bottom:42px}
  .madeline-naming-grid{grid-template-columns:1fr;gap:38px}
  .madeline-naming-visual{padding:16px 20px}
  .madeline-lockups{padding:74px var(--madeline-gutter) 60px;grid-template-columns:1fr;gap:20px}
  .madeline-lockups>img{margin-top:0}
  .madeline-lockup-copy img{margin:32px 0}
  .madeline-logo-details{padding:0 var(--madeline-gutter) 76px;grid-template-columns:1fr;gap:60px}
  .madeline-logo-details img{width:100%;margin:28px 0}
  .madeline-palette{grid-template-columns:repeat(2,1fr);min-height:0}
  .madeline-swatch{aspect-ratio:1}
  .madeline-palette .madeline-copy{grid-column:1 / -1;padding:52px 20px 64px}
  .madeline-pattern{padding:76px var(--madeline-gutter);grid-template-columns:1fr;gap:40px}
  .madeline-application-copy{padding:0 var(--madeline-gutter) 58px}
  .madeline-application-copy>div{width:100%;max-width:none}
  .madeline-application{grid-template-columns:1fr;padding:0 var(--madeline-gutter) 76px;gap:20px}
}

@supports(content-visibility:auto){.case-story-block,.csgroup-branch,.medelive-pattern,.medelive-application,.medelive-stationery{content-visibility:auto;contain-intrinsic-size:auto 720px}}

/* Medelive reproduces the original case-study grid below the existing hero. */
.medelive-case{background:#fff;color:#171717}.medelive-copy h2{font:650 clamp(24px,2.15vw,34px)/1.05 var(--sans);margin:0 0 22px}.medelive-copy p{max-width:480px;font-size:clamp(16px,1.35vw,20px);line-height:1.48;margin:0}.medelive-logo{width:min(100% - 40px,1120px);margin:auto;padding:clamp(72px,10vw,150px) 0;display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(42px,7vw,110px)}.medelive-logo img{display:block;width:100%;height:auto}.medelive-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:clamp(300px,32vw,480px)}.medelive-swatch{background:var(--medelive-colour)}.medelive-palette .medelive-copy{grid-column:span 2;align-self:end;padding:clamp(34px,5vw,76px)}.medelive-pattern{display:grid;grid-template-columns:1fr 2fr;min-height:clamp(300px,32vw,480px);background:#e6e7e8}.medelive-pattern .medelive-copy{align-self:end;padding:clamp(34px,5vw,76px)}.medelive-pattern img{display:block;width:100%;height:100%;object-fit:cover}.medelive-principles{width:min(100% - 40px,1120px);margin:auto;padding:clamp(88px,11vw,170px) 0}.medelive-principles>h2{max-width:680px;font:650 clamp(34px,4.3vw,62px)/1.12 var(--sans);margin:0 0 clamp(68px,9vw,120px);text-wrap:balance}.medelive-principles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,70px)}.medelive-principles h3{font:650 clamp(19px,1.6vw,24px)/1.15 var(--sans);margin:0 0 24px}.medelive-principles p{font-size:clamp(15px,1.25vw,18px);line-height:1.52;margin:0}.medelive-application{display:grid;grid-template-columns:1fr 2fr;aspect-ratio:2.14;background:#eee}.medelive-application-side{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}.medelive-application img{display:block;width:100%;height:100%;object-fit:cover;min-width:0}.medelive-application-side .medelive-copy{padding:clamp(34px,5vw,74px);background:#fff}.medelive-stationery{display:block;width:100%;height:auto}.medelive-guide-intro{width:min(100% - 40px,1120px);margin:auto;padding:clamp(88px,10vw,150px) 0 clamp(55px,7vw,100px);display:grid;grid-template-columns:1fr 2fr;gap:clamp(42px,7vw,110px)}.medelive-guide-intro h2{font:650 clamp(36px,4vw,58px)/1 var(--sans);margin:0}.medelive-guide-intro p{max-width:650px;font-size:clamp(17px,1.45vw,21px);line-height:1.5;margin:0}.medelive-case+.case-pdf{width:100%;margin:0 0 clamp(82px,10vw,150px);padding:0}.medelive-case+.case-pdf .case-pdf-head{justify-content:flex-end;padding:16px max(20px,calc((100vw - 1120px)/2));background:#f1f1ef}.medelive-case+.case-pdf .case-pdf-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.medelive-case+.case-pdf .case-pdf-frame{height:clamp(560px,82vh,980px)}@media(max-width:720px){.medelive-logo{grid-template-columns:1fr;gap:34px;padding:74px 0}.medelive-palette{grid-template-columns:repeat(4,1fr);min-height:0}.medelive-swatch{aspect-ratio:1}.medelive-palette .medelive-copy{grid-column:1/-1;padding:42px 20px 58px}.medelive-pattern{display:flex;flex-direction:column-reverse;min-height:0}.medelive-pattern img{height:auto;aspect-ratio:4/3}.medelive-pattern .medelive-copy{padding:42px 20px 58px}.medelive-principles{padding:78px 0}.medelive-principles>h2{font-size:34px;margin-bottom:55px}.medelive-principles>div{grid-template-columns:1fr;gap:42px}.medelive-application{display:block;aspect-ratio:auto}.medelive-application-side{display:flex;flex-direction:column}.medelive-application-side img,.medelive-application>img{height:auto}.medelive-application-side .medelive-copy{padding:42px 20px 58px}.medelive-guide-intro{display:block;padding:75px 0 48px}.medelive-guide-intro h2{margin-bottom:28px}.medelive-case+.case-pdf .case-pdf-head{padding:14px 20px}.medelive-case+.case-pdf .case-pdf-frame{height:68svh}}

/* Shared case gutter: full-bleed artwork remains full-bleed, while every inset
   block begins and ends on the same site-wide verticals. */
.case-hero,.case-facts,.case-summary,.case-details{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.case-story-copy,.case-story-cards,.case-story-media,.case-pdf,
.case-story-block--alter-logo-build .case-story-copy,
.case-story-block--alter-logo-build .case-story-media,
.csgroup-hero>div,.csgroup-intro,.csgroup-colours,.csgroup-related,
.medelive-logo,.medelive-principles,.medelive-guide-intro{width:calc(100% - (2 * var(--page-gutter)));max-width:none}
.csgroup-marks,.medelive-case+.case-pdf .case-pdf-head{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.logos-case,.motion-case{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.madeline-case{--madeline-gutter:var(--page-gutter)}
.madeline-naming-visual{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}

/* Ozon Bank starts with light artwork: keep navigation and the mark black. */
.case-page[data-case="ozon-bank"] .site-header:not(.header-on-dark),.case-page[data-case="ozon-bank"] .site-header:not(.header-on-dark) nav a,.case-page[data-case="ozon-bank"] .site-header:not(.header-on-dark) .language-switch{color:var(--ink)!important}
.case-page[data-case="ozon-bank"] .site-header:not(.header-on-dark) .monogram-light{opacity:1!important}
.case-page[data-case="ozon-bank"] .site-header:not(.header-on-dark) .monogram-dark{opacity:0!important}

/* Case navigation footer follows the same page edge as the header and content. */
.case-page .compact-footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.medelive-case+.case-pdf .case-pdf-head{display:none}

/* PDF guides are desktop-only: avoid a broken, heavy viewer on narrow screens. */
@media(max-width:900px){.case-pdf{display:none!important}}