/* Visual rules carried from prototype/case.css into the right case-study column.
   The fixed information column, routes and factual source data stay in V4. */
body[data-page=project] .site-background{background:#edf2f6}
body[data-page=project] .site-header{background:rgb(237 242 246 / .62);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);color:#1b1b1b}
body[data-page=project] .header-inner{padding-block:12px}
body[data-page=project] .language-switch:hover,body[data-page=project] .menu-toggle:hover{background:linear-gradient(180deg,rgb(255 79 168 / .16),rgb(255 79 168 / .08));box-shadow:inset 0 1px 0 rgb(255 255 255 / .55);border-radius:6px}
.case-heading,.case-main{--prototype-ink:#1b1b1b;--prototype-pink:#ff4fa8;--muted:#5c656d;--line:#c9d2da;color:var(--prototype-ink);font-family:Inter,Arial,sans-serif;font-weight:600;font-synthesis:none;line-height:1.35;container-type:inline-size}
.case-heading{margin-bottom:45px}
.case-heading>.eyebrow{display:inline-flex;padding:6px 12px;border-radius:6px;background:linear-gradient(180deg,rgb(255 79 168 / .24),rgb(255 79 168 / .13));box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),inset 0 0 0 1px rgb(255 79 168 / .18);font-size:12px;font-weight:600}
.case-heading h1{font-size:clamp(34px,5cqw,72px);line-height:1;letter-spacing:-.045em;max-width:21ch;text-wrap:balance;margin:28px 0 0;overflow-wrap:normal}
.case-client{white-space:nowrap}
.case-main .case-hero-media{aspect-ratio:16/9;max-height:1000px;border-radius:16px;overflow:hidden}
.case-opening{position:relative}
.case-opening-mark{position:absolute;left:14px;bottom:14px;width:clamp(80px,16%,150px);aspect-ratio:1;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2cqw,28px);background:#151515;pointer-events:none}
.case-opening-mark img{width:100%;height:100%;object-fit:contain}
.opening-af{background:#121315}.opening-af img,.opening-esther img{filter:brightness(0) invert(1)}
.opening-zeyo{background:#fff}.opening-esther{background:#753c52}
.case-main .case-overview{display:block;max-width:44ch;text-align:center;padding-top:0;margin:55px auto 0}
.case-overview>.eyebrow{font-size:13px;color:var(--muted);margin-bottom:18px}
.case-main .case-overview>p:last-child{font-size:clamp(19px,1.7cqw,24px);line-height:1.32;letter-spacing:-.02em;font-weight:600}
.case-main .case-chapter{margin-top:80px}
.case-main .chapter-copy{display:block;padding:clamp(80px,14cqw,180px) clamp(20px,4.2cqw,60px);margin-bottom:10px;max-width:none;text-align:center;background:var(--chapter-bg,#dfe6ec);color:var(--chapter-ink,#1b1b1b)}
.case-main .chapter-copy>.eyebrow{font-size:13px;font-weight:600;margin:0 auto 23px;color:inherit}
.case-main .chapter-copy h2{font-size:clamp(30px,5.2cqw,88px);font-weight:600;line-height:1.02;letter-spacing:-.045em;max-width:16ch;margin:0 auto;text-wrap:balance}
.chapter-summary{margin:clamp(22px,2.5cqw,34px) auto 0;max-width:44ch}
.chapter-summary>p{font-size:clamp(16px,1.4cqw,20px);font-weight:600;line-height:1.4;letter-spacing:-.01em;text-wrap:pretty;max-width:none;color:inherit}
.chapter-notes{margin:28px auto 0;max-width:1050px}
.chapter-notes summary{display:flex;justify-content:space-between;gap:35px;width:fit-content;margin:auto;border:0;padding:12px 18px;border-radius:6px;font-size:13px;background:linear-gradient(180deg,rgb(255 79 168 / .24),rgb(255 79 168 / .13));box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),inset 0 0 0 1px rgb(255 79 168 / .18);color:inherit;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}
.chapter-notes summary>span{font-size:20px}
.chapter-notes-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px;padding:30px 0 0;border-top:1px solid currentColor;text-align:left;color:inherit}
.chapter-notes-body section:only-child{grid-column:1/-1;max-width:720px;margin:auto}
.chapter-notes-body h3{font-size:18px;font-weight:600;line-height:1.15;margin-bottom:15px;letter-spacing:-.025em}
.chapter-notes-body p{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em}
.ed-media figcaption,.case-studio>figcaption{font-size:13px;line-height:1.35;font-weight:600;color:var(--muted)}
.case-main .ed-carousel-controls{font-size:13px;font-weight:600}
.case-main .ed-carousel-controls button{border:0;border-radius:6px}
.case-main .ed-carousel-controls button:not(:disabled):hover{background:var(--prototype-pink)}
.case-main .ed-path{border-color:var(--line)}
.case-main .ed-path h3{font-size:20px;font-weight:600}
.case-main .ed-path p{font-size:16px;line-height:1.4;font-weight:600}
.case-main .ed-specimen{background:#fff}
.case-main .case-credits p{font-size:15px;line-height:1.35;font-weight:600}
.case-main .next-project strong{font-size:clamp(26px,4.2cqw,62px);line-height:1;letter-spacing:-.045em}
.case-layout[data-case=prisma] #site-public,.case-layout[data-case=prisma] #mural,.case-layout[data-case=prisma] #usages{--chapter-bg:#ff7a00;--chapter-ink:#151515}
.case-layout[data-case=prisma] #identite,.case-layout[data-case=prisma] #collectif{--chapter-bg:#0000ff;--chapter-ink:#fff}
.case-layout[data-case=prisma] #estudio{--chapter-bg:#00ff00;--chapter-ink:#151515}
.case-layout[data-case=af] .case-chapter{--chapter-bg:#121315;--chapter-ink:#f4f4f1}
.case-layout[data-case=af] #signe,.case-layout[data-case=af] #details{--chapter-bg:#e9e5dc;--chapter-ink:#121315}
.case-layout[data-case=zeyo] .case-chapter{--chapter-bg:#1736d5;--chapter-ink:#fff}
.case-layout[data-case=zeyo] #origine,.case-layout[data-case=zeyo] [id="2026"]{--chapter-bg:#fff;--chapter-ink:#1736d5}
.case-layout[data-case=esther] .case-chapter{--chapter-bg:#753c52;--chapter-ink:#f7f3f3}
.case-layout[data-case=esther] #identite,.case-layout[data-case=esther] #invitation{--chapter-bg:#dcc8cc;--chapter-ink:#1b0e13}
.case-layout[data-case=avenue] .case-chapter{--chapter-bg:#151515;--chapter-ink:#f2f0ea}
.case-layout[data-case=avenue] #composition{--chapter-bg:#e6e2d9;--chapter-ink:#151515}
.case-layout[data-case=urban] .case-chapter{--chapter-bg:#c0262d;--chapter-ink:#fff}
.case-layout[data-case=urban] .case-chapter:nth-of-type(even){--chapter-bg:#fbfaf7;--chapter-ink:#c0262d}
.case-layout[data-case=ok-0moz] .case-chapter{--chapter-bg:#2337ff;--chapter-ink:#fff}
@media(min-width:761px){.case-main .ed-row:has(.palette-prisma)>.ed-cell{grid-column:1/-1;width:auto}.palette-prisma ul{grid-template-columns:repeat(8,minmax(0,1fr))}.palette-prisma li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:140px;padding:14px 10px;gap:8px}.specimen-prisma{margin-bottom:45px}}
@media(max-width:760px){.case-heading{margin-bottom:35px}.case-heading h1{font-size:34px;max-width:22ch;line-height:1.02}.case-client{white-space:normal}.case-main .case-hero-media{aspect-ratio:4/5;border-radius:14px}.case-main .case-overview{margin-top:40px;text-align:left}.case-main .case-chapter{margin-top:55px}.case-main .chapter-copy{padding:65px 20px;margin-bottom:10px}.case-main .chapter-copy h2{font-size:32px;max-width:16ch}.chapter-summary{margin-top:24px}.chapter-summary>p{font-size:16px;line-height:1.4}.chapter-notes-body{display:block;padding-top:25px}.chapter-notes-body section+section{margin-top:25px}.chapter-notes-body h3{font-size:17px}.chapter-notes-body p{font-size:15px}.case-main .ed-path p{font-size:16px}.ed-media figcaption{font-size:12px}.ed-gallery,.ed-row,.ed-stack{gap:10px}.ed-carousel-controls>p{font-size:11px}}
@supports not (backdrop-filter:blur(18px)){body[data-page=project] .site-header{background:rgb(237 242 246 / .95)}}

/* Hierarchy follows the story: large statements at turning points, compact evidence chapters. */
.case-main .case-chapter{margin-top:85px;scroll-margin-top:0}
.case-main .is-statement .chapter-copy{padding:clamp(72px,8cqw,115px) clamp(24px,4.2cqw,60px)}
.case-main .is-compact .chapter-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px 36px;padding:0 0 30px;background:transparent;color:#1b1b1b;text-align:left}
.case-main .is-compact .chapter-copy>.eyebrow{grid-column:1/-1;margin:0;color:#5c656d;font-size:12px}
.case-main .is-compact .chapter-copy h2{font-size:clamp(27px,3.2cqw,44px);line-height:1.05;max-width:none;text-wrap:initial;margin:0}
.is-compact .chapter-summary{margin:0;max-width:650px}
.is-compact .chapter-summary>p{font-size:clamp(16px,1.4cqw,20px);line-height:1.45}
.is-compact .chapter-notes{grid-column:1/-1;margin:0;width:100%;max-width:none}
.is-compact .chapter-notes summary{margin-left:calc(33.333333% + 24px)}
.is-compact .chapter-notes-body{display:grid;border-color:#c9d2da}
.is-compact .chapter-notes-body section+section{margin-top:0}
.ed-group{margin:0;min-width:0}
.ed-group>figcaption,.ed-source-note{font-size:12px;line-height:1.45;color:#5c656d;padding:10px 0 15px;max-width:900px}
.ed-row.is-paired{align-items:stretch}
.ed-row.is-paired .ed-cell>.ed-media{height:100%;display:flex;flex-direction:column}
.ed-row.is-paired .ed-media>.image-open{flex:1;aspect-ratio:auto;min-height:0}
.ed-row.is-paired .ed-sign img{height:100%}
.ed-row:has(.ed-specimen):has(.ed-palette){align-items:stretch}
.ed-row:has(.ed-specimen):has(.ed-palette) .ed-palette{height:100%;display:flex;flex-direction:column}
.ed-row:has(.ed-specimen):has(.ed-palette) .ed-palette ul{flex:1;grid-auto-rows:minmax(65px,1fr)}
.ed-illustration.ratio-square .image-open{aspect-ratio:1;background:#fff;padding:24px}
.ed-illustration.ratio-square img{height:100%;object-fit:contain}
.ed-document.ratio-portrait .image-open{aspect-ratio:4/5;background:#fff}
.ed-document.ratio-portrait img{height:100%;object-fit:contain}
.palette-zeyo ul{grid-template-columns:repeat(11,minmax(0,1fr))}
.palette-zeyo li{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:7px;min-height:120px;padding:12px 7px}
.palette-zeyo li>span:first-child{font-size:10px}.palette-zeyo li>span:last-child{font-size:9px;letter-spacing:0}
.case-layout[data-case=zeyo] [id="2026"]{--chapter-bg:#4060e8;--chapter-ink:#fff}
.case-layout[data-case=zeyo] #origine{--chapter-bg:#fff;--chapter-ink:#1736d5}
.ed-carousel.is-screens .ed-carousel-track{gap:10px;align-items:start}
.ed-carousel.is-screens .ed-slide{flex-basis:calc(50% - 5px)}
@container(min-width:721px){.ed-carousel.is-screens .ed-slide:nth-child(even){scroll-snap-align:none}}
.ed-carousel.is-screens .ed-phone .image-open{height:clamp(640px,76cqw,1000px);max-height:none;padding:25px 15px}
.ed-carousel.is-screens .ed-phone img{height:100%;max-width:100%;width:auto;object-fit:contain}
.ed-book-spread.is-single{grid-template-columns:1fr;background:#e6e2d9}
.ed-book-spread.is-single>.ed-media{width:50%;margin-inline:auto}
.ed-roles{background:#fff;padding:clamp(25px,4cqw,50px);margin:0}
.ed-roles>figcaption{font-size:clamp(24px,3cqw,42px);font-weight:600;line-height:1.05;letter-spacing:-.04em;max-width:20ch;margin-bottom:35px}
.ed-roles dl{margin:0}
.ed-roles dl>div{display:grid;grid-template-columns:1fr 2fr;gap:25px;border-top:1px solid #c9d2da;padding:23px 0}
.ed-roles dt{font-size:18px;line-height:1.2;font-weight:600}
.ed-roles dd{margin:0;font-size:15px;line-height:1.4;font-weight:400}
.ed-roles>p{font-size:12px;line-height:1.4;color:#5c656d;margin-top:25px}
@container(max-width:720px){.ed-carousel.is-screens .ed-slide{flex-basis:100%;scroll-snap-align:start}.palette-zeyo ul{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-zeyo li{min-height:90px;padding:14px}}
@container(max-width:420px){.ed-carousel-controls{display:block}.ed-carousel-controls>div{justify-content:flex-end;margin-top:12px}}
@media(max-width:760px){.case-main .case-chapter{margin-top:60px}.case-main .is-statement .chapter-copy{padding:55px 22px}.case-main .is-compact .chapter-copy{grid-template-columns:1fr;gap:20px;padding-bottom:24px}.case-main .is-compact .chapter-copy h2{font-size:30px}.is-compact .chapter-notes{grid-column:1}.is-compact .chapter-notes summary{margin-left:0}.is-compact .chapter-notes-body{display:block}.is-compact .chapter-notes-body section+section{margin-top:25px}.ed-row>.ed-cell{grid-column:1/-1;width:auto}.ed-row.is-paired .ed-cell>.ed-media{height:auto}.ed-row.is-paired .ed-sign .image-open{aspect-ratio:1}.ed-carousel.is-screens .ed-phone .image-open{height:640px;max-height:85svh;padding:20px}.ed-roles dl>div{grid-template-columns:1fr;gap:12px;padding:20px 0}.ed-roles dt{font-size:18px}.ed-roles dd{font-size:14px}}