/* Sub-pages in the poster system: case studies, legal pages, 404 and thanks. The shell (bar, grid, labels, footer,
   reveals) is in base.css. Case studies share one frame (crumb, numbered chapters, micro captions, next project) and
   let each project's own field and imagery lead; they carry no studio marks. */

/* ---------- case opener: the artifact first, then the title ---------- */
.cs-open{padding-top:2.75rem}
.cs-crumb{padding-block:1.3rem 1.1rem;align-items:baseline;row-gap:0.4rem}
.cs-crumb > :nth-child(1){grid-column:1/4}
.cs-crumb > :nth-child(1).lk{display:inline-flex;align-items:center;min-height:2.75rem;min-width:2.75rem;margin-block:-0.8rem;width:max-content}
.cs-crumb > :nth-child(2){grid-column:4/6}
.cs-crumb > :nth-child(3){grid-column:6/10}
.cs-crumb > :nth-child(4){grid-column:10/13;justify-self:end}
.cs-art img{width:100%;height:auto}
.cs-art figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:0.8rem;opacity:.78}
.cs-titlerow{padding-block:clamp(2.5rem,2rem + 3vw,5rem) var(--sec);align-items:start;row-gap:0}
.cs-t{grid-column:1/-1;font:900 clamp(3.6rem,14.6vw,14.4rem)/0.8 var(--ff-black);letter-spacing:-0.065em;margin-left:-0.04em}
.cs-lede{grid-column:1/7;margin-top:clamp(2rem,3vw,3rem);font:500 clamp(1.25rem,1rem + 0.9vw,1.75rem)/1.25 var(--ff-head);letter-spacing:-0.015em;max-width:30ch}
.cs-meta{grid-column:9/13;margin-top:clamp(2rem,3vw,3rem);display:grid;gap:0.8rem;font:500 1rem/1.35 var(--ff-head)}
.cs-meta dt{font:700 0.6875rem/1.2 var(--ff-head);letter-spacing:0.02em;text-transform:uppercase;opacity:.78;margin-bottom:0.2rem}
.cs-meta dd{margin:0}
.cs-meta a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:0.28em;display:inline-flex;align-items:center;min-height:2.75rem;margin-block:-0.6rem}
/* OVREL: the store's own wall takes the whole width */
.ov-o{margin:0}
.ov-o figcaption{padding-inline:var(--pad)}
/* Wallcreeper: the plate sits in the graphite frame, the yellow dot is the brand's one flash of colour */
.wc-o{padding-inline:var(--pad)}
.cs-open-wallcreeper .st i{background:var(--wc-yellow);opacity:1}

/* ---------- chapters ---------- */
.cs2-art{padding-block:clamp(3.5rem,3rem + 4vw,7rem) 0}
.cs2-art:last-of-type{padding-bottom:clamp(3.5rem,3rem + 4vw,7rem)}
.cs2-rule{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:baseline;margin:0 var(--pad) clamp(1.6rem,1rem + 2vw,3rem);padding-top:1rem;border-top:1px solid var(--rule)}
.cs2-rule h2{grid-column:1/10;display:grid;grid-template-columns:3.2rem 1fr;align-items:baseline;font:900 clamp(1.9rem,1.1rem + 2.6vw,4rem)/0.92 var(--ff-black);letter-spacing:-0.05em;text-wrap:balance}
.cs2-rule h2 .n{font:700 0.6875rem/1 var(--ff-head);letter-spacing:0.02em}
.cs2-rule > span{grid-column:10/13;justify-self:end;font:700 0.6875rem/1.2 var(--ff-head);letter-spacing:0.02em;text-transform:uppercase;opacity:.78}
.cs2-plate{padding-inline:var(--pad)}
.cs2-plate figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:0.8rem;font:700 0.6875rem/1.3 var(--ff-head);letter-spacing:0.02em;text-transform:uppercase;opacity:.75}
.cs2-plate figcaption .cap-r{display:flex;align-items:center;gap:1rem}
.cs2-frame{position:relative;overflow:hidden;background:color-mix(in srgb,currentColor 8%,transparent)}
.cs2-frame img,.cs2-frame video{width:100%;height:auto}
.cs2-frame video{position:absolute;inset:0;height:100%;object-fit:cover}
.cs2-screen{position:relative;overflow:hidden;border-radius:clamp(14px,2vw,24px);outline:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.cap-m{display:none}
.cs2-text{padding-inline:var(--pad);margin-top:clamp(1.6rem,1rem + 2vw,3rem);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
.cs2-text p{grid-column:4/10;font:500 clamp(1.125rem,1rem + 0.45vw,1.4rem)/1.38 var(--ff-head);letter-spacing:-0.01em;max-width:44ch}
.cs2-text-wide p{grid-column:4/11;max-width:56ch}

/* two-up chapters: a large capture and the same thing on a phone */
.cs2-a1,.cs2-a3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:2rem;padding-inline:var(--pad);align-items:end}
.cs2-a1 > .cs2-plate,.cs2-a3 > .cs2-plate{padding-inline:0}
.cs2-a1 > .cs2-desk,.cs2-a3 > .cs2-desk{grid-column:1/10}
.cs2-a1 > .cs2-phonefig,.cs2-a3 > .cs2-phonefig{grid-column:10/13;max-width:18rem;justify-self:end;width:100%}
.cs2-a1 > .cs2-text,.cs2-a3 > .cs2-text{grid-column:1/-1;padding-inline:0;margin-top:0}
/* OVREL 01, after its opener: the phone alone, beside the text */
.cs2-a1:not(:has(> .cs2-desk)){align-items:center}
.cs2-a1:not(:has(> .cs2-desk)) > .cs2-phonefig{grid-column:2/5;justify-self:start}
.cs2-a1:not(:has(> .cs2-desk)) > .cs2-text{grid-column:6/12;grid-row:1}
.cs2-a1:not(:has(> .cs2-desk)) > .cs2-text p{grid-column:1/-1}

/* chapters with a run of images: one lead, then pairs, so the page is not a stack of equal slides */
.cs2-art:has(> .cs2-desk + .cs2-desk){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:clamp(2rem,1.5rem + 2vw,4rem);padding-inline:var(--pad);align-content:start}
.cs2-art:has(> .cs2-desk + .cs2-desk) > *{grid-column:1/-1}
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-rule{margin-inline:0;margin-bottom:0}
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-plate{padding-inline:0}
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-desk:nth-of-type(2){grid-column:1/7}
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-desk:nth-of-type(3){grid-column:7/13;margin-top:clamp(2rem,6vw,6rem)}
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-desk:nth-of-type(4){grid-column:3/11}

/* layout variants, so consecutive chapters do not repeat one move */
.cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-text{padding-inline:0}
.cs2-bleed{padding-inline:0}
.cs2-bleed figcaption{padding-inline:var(--pad)}
.cs2-a3.cs2-flip > .cs2-desk{grid-column:4/13;grid-row:1}
.cs2-a3.cs2-flip > .cs2-phonefig{grid-column:1/4;grid-row:1;justify-self:start;align-self:start;margin-top:clamp(2rem,8vw,8rem)}
.cs2-a3.cs2-flip > .cs2-text p{grid-column:4/10}
.cs2-over{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding-inline:var(--pad);align-items:end}
.cs2-over > .cs2-plate{padding-inline:0}
.cs2-over > .cs2-desk{grid-column:1/11;grid-row:1}
.cs2-over > .cs2-phonefig{grid-column:10/13;grid-row:1;z-index:2;max-width:17rem;justify-self:end;width:100%;margin-bottom:-4vw}
.cs2-over > .cs2-phonefig .cs2-screen{outline:6px solid var(--ov-bone)}
.cs2-over + .cs2-text{margin-top:calc(4vw + 2.4rem)}
/* at full size: crops from 2x captures shown at 1 CSS px per 2 captured px */
.cs2-det{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:clamp(2rem,3vw,3.5rem);padding-inline:var(--pad);align-items:start}
.cs2-det > .cs2-plate,.det-side > .cs2-plate{padding-inline:0}
.cs2-det img{width:100%;height:auto}
.det-nav{grid-column:1/-1}
.det-buy{grid-column:1/7;max-width:515px}
.det-side{grid-column:7/13;display:grid;gap:clamp(2rem,3vw,3rem);align-content:start;margin-top:clamp(0rem,4vw,5rem)}
.det-pair{max-width:450px}
.det-note{font:500 clamp(1.125rem,1rem + 0.45vw,1.4rem)/1.38 var(--ff-head);letter-spacing:-0.01em;max-width:34ch}
.cs-body.cs-brief{padding-top:0}
.cs-body.cs-brief .cs-h{grid-column:4/11}

/* Wallcreeper type for the colour and type chapter; a face downloads only when a page uses it */
@font-face{font-family:"WC Geist";font-weight:100 900;font-display:swap;src:url("../assets/fonts/wc/geist.woff2") format("woff2")}
@font-face{font-family:"WC Geist Mono";font-weight:100 900;font-display:swap;src:url("../assets/fonts/wc/geist-mono.woff2") format("woff2")}
@font-face{font-family:"WC Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("../assets/fonts/wc/instrument-serif-italic.woff2") format("woff2")}
/* Wallcreeper colour and type, set live: the bar's widths are each colour's share of a layout */
.wc-pal{padding-inline:var(--pad);display:grid;gap:clamp(2.5rem,2rem + 3vw,5rem)}
.wp-bar{display:flex;min-height:clamp(16rem,34vw,30rem);outline:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.wp-bar li{flex:var(--w) 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:0.5rem;padding:clamp(0.7rem,1.2vw,1.2rem);background:var(--bg);color:var(--fg);font:500 0.75rem/1.3 "WC Geist Mono",ui-monospace,monospace;letter-spacing:0.06em;text-transform:uppercase}
.wp-n{font:600 clamp(1rem,0.8rem + 0.8vw,1.6rem)/1 "WC Geist",system-ui,sans-serif;letter-spacing:-0.03em;text-transform:none}
.wp-r{text-transform:none;letter-spacing:0;font-family:"WC Geist",system-ui,sans-serif;max-width:22ch}
.wp-s{margin-top:auto}
.wp-type{display:grid;gap:clamp(1.6rem,1rem + 2vw,3rem)}
.wp-t .ml{display:block;margin-bottom:0.6rem;font-family:var(--ff-head);opacity:.72}
.wp-mono{font:500 clamp(1rem,0.8rem + 0.6vw,1.35rem)/1.3 "WC Geist Mono",ui-monospace,monospace;letter-spacing:0.12em}
.wp-serif{font:italic 400 clamp(2.8rem,1rem + 6vw,7.5rem)/0.95 "WC Instrument Serif",Georgia,serif;letter-spacing:-0.01em}
.wp-sans{font:600 clamp(2.4rem,1rem + 5.4vw,6.8rem)/0.92 "WC Geist",system-ui,sans-serif;letter-spacing:-0.045em}
@media (max-width:759px){
  .wp-bar{flex-direction:column;min-height:0}
  .wp-bar li{flex:none;min-height:calc(var(--w) * 0.34rem + 3.2rem);flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:1rem}
  .wp-r{flex-basis:100%;order:3}.wp-s{margin-top:0;margin-left:auto}
}

/* credits: who did what, and what the images are */
.cs-credits{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding:0 var(--pad) clamp(3rem,2rem + 3vw,5rem)}
.cs-credits > .ml{grid-column:1/4;opacity:.78;padding-top:0.9rem}
.cs-credits dl{grid-column:4/12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem var(--gut)}
.cs-credits dl > div{border-top:1px solid var(--rule);padding-top:0.8rem}
.cs-credits dt{font:700 0.6875rem/1.3 var(--ff-head);letter-spacing:0.02em;text-transform:uppercase;opacity:.78}
.cs-credits dd{margin:0.35rem 0 0;font:500 1rem/1.4 var(--ff-head)}
@media (max-width:759px){.cs-credits{grid-template-columns:1fr}.cs-credits > .ml,.cs-credits dl{grid-column:1/-1}.cs-credits dl{grid-template-columns:1fr}}

/* a case in two parts: the commission, then work beyond the brief */
.cs-part{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:baseline;row-gap:0.6rem;margin-top:clamp(3rem,2rem + 3vw,6rem);padding:clamp(1.6rem,1rem + 2vw,3rem) var(--pad);border-block:2px solid currentColor}
.cs-part .ml{grid-column:1/3}
.cs-part-t{grid-column:3/9;font:900 clamp(2.4rem,1rem + 5vw,6rem)/0.86 var(--ff-black);letter-spacing:-0.06em}
.cs-part-d{grid-column:9/13;font:500 1rem/1.45 var(--ff-head);max-width:36ch}
.cs-part-ext{background:var(--og-ink);color:var(--og-field);border-color:var(--og-ink)}
@media (max-width:759px){.cs-part{grid-template-columns:1fr}.cs-part .ml,.cs-part-t,.cs-part-d{grid-column:1/-1}}

/* films: two phones side by side */
.wc-films{display:grid;grid-template-columns:repeat(2,minmax(0,17rem));justify-content:center;gap:clamp(1.5rem,4vw,4rem);padding-inline:var(--pad)}
.wc-films .cs2-plate{padding-inline:0}
.wc-films .wc-reel{position:relative;overflow:hidden;border-radius:clamp(14px,2vw,24px);aspect-ratio:9/16;background:#111}
.wc-films .wc-reel img,.wc-films .wc-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* what you are looking at */
.cs2-note{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);padding:clamp(3rem,2rem + 3vw,5rem) var(--pad)}
.cs2-note .ml{grid-column:1/4;opacity:.78}
.cs2-note p:not(.ml){grid-column:4/11;font:500 1rem/1.5 var(--ff-head);max-width:62ch}

/* the problem (OVREL) */
.cs-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:1.6rem;padding:var(--sec) var(--pad)}
.cs-body > .ml{grid-column:1/4;padding-top:0.6rem}
.cs-h{grid-column:4/12;font:900 clamp(2.2rem,1.2rem + 3.4vw,4.8rem)/0.94 var(--ff-black);letter-spacing:-0.05em;text-wrap:balance}
.cs-text{grid-column:4/10;display:grid;gap:1rem}
.cs-text p{font-size:1.0625rem;line-height:1.55;max-width:60ch}

/* in numbers */
.cs-facts{padding:clamp(3.5rem,3rem + 3vw,6rem) var(--pad)}
.cs-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.cs-facts dl > div{border-top:1px solid var(--rule);padding-top:0.9rem}
.cs-facts dt{opacity:.78}
.cs-facts dd{margin:0.6rem 0 0;font:900 clamp(1.8rem,1rem + 2.6vw,3.8rem)/0.95 var(--ff-black);letter-spacing:-0.05em}

/* next project */
.cs-next{padding-block:var(--sec)}
.cs-next .g{align-items:end;row-gap:1.6rem}
.cs-next-k{grid-column:1/-1}
.cs-next-t{grid-column:1/-1}
.cs-next-t a{display:inline-flex;flex-direction:column;gap:0.8rem;font:900 clamp(3.4rem,13vw,13rem)/0.8 var(--ff-black);letter-spacing:-0.065em;margin-left:-0.04em;transition:color .25s}
.cs-next-t a .ml{letter-spacing:0.02em;margin-left:0.3em;opacity:.78}
.cs-next-t a:hover{color:var(--cobalt)}
.cs-next-c{grid-column:1/8;font:500 1.0625rem/1.5 var(--ff-head);margin-top:1rem}
.cs-next-c .lk{display:inline-flex;align-items:center;min-height:2.75rem;margin-block:-0.8rem}

/* stamps at three moments: one falls from the opener into chapter 01, one turns in the facts band, the red star
   rolls in behind the next project. The rest of the case belongs to the project. */
.cs2-art,.cs-facts,.cs-next{overflow-x:clip}
.cs-os{right:-6vw;top:calc(min(30vw,26rem) * -0.55);--z:4}
.cs-facts{position:relative}
.cs-facts dl{position:relative;z-index:1}
.cs-fs{right:-5vw;top:-40%;--z:0}
.cs-next .g{position:relative;z-index:1}
.cs-ns{right:-12vw;top:-6vw;--z:0}
.cs-ns2{left:46%;bottom:8%}
@media (max-width:759px){.stp.dsk{display:none}.cs-ns{--s:90vw!important;right:-40vw}.cs-os{--s:46vw!important}}

/* ---------- legal pages ---------- */
.lg-head{padding:calc(2.75rem + clamp(4rem,3rem + 5vw,8rem)) var(--pad) clamp(2rem,1.5rem + 3vw,4.5rem)}
.lg-title{margin:1rem 0 clamp(1.4rem,1rem + 2vw,2.6rem);font:900 clamp(3rem,1rem + 9vw,9.5rem)/0.84 var(--ff-black);letter-spacing:-0.06em;text-wrap:balance}
.lg-lede{max-width:34ch;font:500 clamp(1.25rem,1rem + 1.2vw,2rem)/1.18 var(--ff-head);letter-spacing:-0.03em;text-wrap:balance}
.lg-date{margin-top:1.6rem;font:700 0.6875rem/1.2 var(--ff-head);letter-spacing:0.02em;text-transform:uppercase;opacity:.78}
.lg-body{padding:0 var(--pad) var(--sec)}
.lg-sec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:1rem;padding:clamp(1.6rem,1.2rem + 1.6vw,2.6rem) 0;border-top:1px solid var(--rule)}
.lg-h{grid-column:1/-1;font:900 clamp(1.4rem,1.1rem + 1vw,2rem)/1 var(--ff-black);letter-spacing:-0.04em}
.lg-text{grid-column:1/-1;max-width:62ch}
@media (min-width:900px){.lg-h{grid-column:1/5}.lg-text{grid-column:5/13}}
.lg-text p,.lg-text li{font-size:1.0625rem;line-height:1.55}
.lg-text p+p,.lg-text p+ul,.lg-text ul+p,.lg-text p+.lg-table,.lg-text .lg-table+p{margin-top:1rem}
.lg-text ul{list-style:disc;padding-left:1.2rem}
.lg-text li+li{margin-top:0.5rem}
.lg-text strong{font-weight:600}
.lg-text a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em}
.lg-text code{font:500 0.9em/1 var(--ff-text);background:color-mix(in srgb,currentColor 8%,transparent);padding:0.1em 0.4em}
.lg-table{display:grid;border-top:1px solid var(--rule);font-size:0.9375rem}
.lg-table [role=row]{display:grid;grid-template-columns:repeat(4,1fr);gap:0.4rem 1.2rem;padding:0.9rem 0;border-bottom:1px solid var(--rule)}
.lg-table [role=columnheader]{font:700 0.6875rem/1.2 var(--ff-head);text-transform:uppercase;opacity:.78}
@media (max-width:759px){.lg-table [role=row]{grid-template-columns:1fr 1fr}.lg-table [role=row]:first-child{display:none}.lg-table [role=cell]:nth-child(3){grid-column:1/-1}}

/* ---------- 404 and thanks: a small poster ---------- */
.lost{position:relative;overflow:hidden;min-height:calc(100svh - 5rem);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(2.75rem + 4rem) var(--pad) clamp(3rem,2rem + 4vw,6rem)}
.lost-mark{position:absolute;right:-10vw;top:-15vw;width:min(50vw,38rem);height:auto;aspect-ratio:1;color:var(--cobalt);rotate:10deg;pointer-events:none}
.lost > *:not(.lost-mark){position:relative}
.lost-t{margin:1rem 0 1.4rem;font:900 clamp(3.6rem,15vw,15rem)/0.8 var(--ff-black);letter-spacing:-0.065em;margin-left:-0.04em}
.lost .cs-lede{grid-column:auto;margin-top:0;max-width:30ch}
.cs-actions{display:flex;flex-wrap:wrap;gap:0.4rem 1.6rem;margin-top:1.6rem;font:700 1rem/1.2 var(--ff-head)}
.cs-actions .lk{display:inline-flex;align-items:center;min-height:2.75rem}

/* ---------- phones ---------- */
@media (max-width:759px){
  .cs-crumb > :nth-child(1){grid-column:1/4}.cs-crumb > :nth-child(2){grid-column:4/7;justify-self:end}
  .cs-crumb > :nth-child(3){grid-column:1/5}.cs-crumb > :nth-child(4){grid-column:5/7}
  .ov-o picture{display:block;width:86vw;margin-inline:auto}
  .cs-art figcaption{flex-direction:column;gap:0.2rem}
  .cs-lede,.cs-meta{grid-column:1/-1}
  .cs2-rule{grid-template-columns:1fr auto}
  .cs2-rule h2{grid-column:1;grid-template-columns:2.2rem 1fr}
  .cs2-rule > span{grid-column:2}
  .cs2-text,.cs2-a1,.cs2-a3,.cs2-art:has(> .cs2-desk + .cs2-desk),.cs2-note,.cs-body{grid-template-columns:repeat(6,minmax(0,1fr))}
  .cs2-text p,.cs2-text-wide p{grid-column:1/-1}
  .cs2-a1 > .cs2-desk,.cs2-a3 > .cs2-desk{grid-column:1/-1}
  .cs2-a3.cs2-flip > .cs2-desk,.cs2-a3.cs2-flip > .cs2-phonefig{grid-row:auto;margin-top:0}
  .cs2-a3.cs2-flip > .cs2-phonefig{grid-column:2/6;justify-self:center}
  .cs2-a3.cs2-flip > .cs2-text p{grid-column:1/-1}
  .cs2-over{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:2rem}
  .cs2-over > .cs2-desk{grid-column:1/-1}
  .cs2-over > .cs2-phonefig{grid-column:2/6;grid-row:auto;justify-self:center;margin-bottom:0;max-width:15rem}
  .cs2-over + .cs2-text{margin-top:1.6rem}
  .cs2-det{grid-template-columns:repeat(6,minmax(0,1fr))}
  .det-buy,.det-side{grid-column:1/-1;margin-top:0}
  .cs-body.cs-brief .cs-h{grid-column:1/-1}
  .cs2-a1 > .cs2-phonefig,.cs2-a3 > .cs2-phonefig{grid-column:2/6;justify-self:center;max-width:15rem}
  .cs2-a1:not(:has(> .cs2-desk)) > .cs2-phonefig{grid-column:2/6;justify-self:center}
  .cs2-a1:not(:has(> .cs2-desk)) > .cs2-text{grid-column:1/-1;grid-row:auto}
  .cs2-art:has(> .cs2-desk + .cs2-desk) > .cs2-desk:nth-of-type(n){grid-column:1/-1;margin-top:0}
  .cap-d{display:none}.cap-m{display:inline}
  .wc-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8rem}
  .cs2-note .ml,.cs2-note p:not(.ml),.cs-body > .ml,.cs-h,.cs-text{grid-column:1/-1}
  .cs-facts dl{grid-template-columns:1fr 1fr;row-gap:1.6rem}
  .cs-next-c{grid-column:1/-1}
  .lost-mark{width:92vw;right:-34vw;top:4rem}
}