/* Halcyon Studio 2026 — inner pages. Each page has its own composition; shared parts live in site-2026.css. */
/* work */
.work-intro{display:grid;gap:var(--s4) var(--s8);align-items:end}
.work-intro h1{max-inline-size:16ch}
@media (min-width:1000px){.work-intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.filters{display:grid;gap:var(--s2);padding-block:var(--s4);border-block:1px solid var(--ink);margin-block-end:var(--s4)}
.filter legend{margin-block-end:var(--s2)}
.status-line{color:var(--muted);margin-block-end:var(--s5)}
.work-grid{display:grid;gap:var(--s5)}
@media (min-width:700px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);padding:var(--s6);border:1px dashed var(--line-strong);font-size:1.125rem}
/* case study */
.c-hero{padding-block:var(--s4) var(--sec);border-block-end:1px solid var(--ink)}
.c-hero-grid{display:grid;gap:var(--s7);align-items:center}
.c-hero h1{font-size:clamp(3rem,1.6rem + 5vw,6.25rem)}
.c-hero .lead{margin-block-start:var(--s4)}
.c-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5);margin-block:var(--s6) var(--s4)}
.c-meta div{border-block-start:1px solid var(--ink);padding-block-start:var(--s2)}
.c-meta dt{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.c-meta dd{margin:var(--s1) 0 0;font-weight:500}
.c-mark{aspect-ratio:1;display:grid;place-items:center;padding:12%;border:1px solid var(--line)}
.c-mark svg{inline-size:100%;block-size:100%}
@media (min-width:1000px){.c-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s8)}.c-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}
.c-head{margin-block-end:var(--s6)}
.c-head .kicker{margin-block-end:var(--s3)}
.c-two{display:grid;gap:var(--s5)}
.c-big{font-family:var(--f-display);font-size:clamp(1.375rem,1.1rem + 1vw,2rem);line-height:1.3;letter-spacing:-.015em;font-weight:500;max-inline-size:34ch}
@media (min-width:1000px){.c-two{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s8)}}
.c-wide svg{inline-size:100%}
.c-wide figcaption{padding:var(--s3) var(--s4);border-block-start:1px solid var(--line)}
.c-split{display:grid;gap:var(--s5)}
.c-id{display:grid;gap:var(--s6);align-items:center}
@media (min-width:1000px){.c-id{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s8)}}
.prose p{font-size:1.125rem;line-height:1.7}
.prose p+p{margin-block-start:var(--s4)}
.c-note{margin-block:0 var(--s5)}
.compare{display:grid;gap:var(--s3)}
.cmp-frame{position:relative;border:1px solid var(--ink);overflow:hidden;background:var(--surface)}
.cmp-layer svg{inline-size:100%;display:block}
.cmp-before{position:absolute;inset:0}
.cmp-grip{position:absolute;inset-block:0;inline-size:3px;margin-inline-start:-1.5px;background:var(--ink);pointer-events:none}
.cmp-grip::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:36px;block-size:36px;margin:-18px 0 0 -18px;border-radius:50%;background:var(--ink);border:3px solid var(--surface)}
.cmp-ctl{display:grid;gap:var(--s1);max-inline-size:560px}
.cmp-ctl label{font-weight:600}
.mock-grid{display:grid;gap:var(--s4)}
.mk{margin:0;display:grid;align-content:start}
.mk figcaption{order:2;padding:var(--s2) var(--s3);font-size:var(--t-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-block-start:1px solid var(--line)}
.mk svg{inline-size:100%}
@media (min-width:700px){.mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mock-grid{align-items:start}.mk{border:1px solid var(--line);background:var(--surface)}
@media (min-width:700px){.mk--sign{grid-column:1/-1}}
.c-pt{display:grid;gap:var(--s7)}
@media (min-width:1000px){.c-pt{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--s8)}}
.pal-list{list-style:none;padding:0;border-block-start:1px solid var(--ink)}
.pal-list li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding-block:var(--s2);border-block-end:1px solid var(--line)}
.pal-chip{inline-size:64px;block-size:48px;border:1px solid rgba(0,0,0,.12)}
.pal-n{font-weight:600}
.c-out{font-size:1.125rem;max-inline-size:60ch;margin-block-end:var(--s6)}
.stats{list-style:none;padding:0;display:grid;gap:var(--s5)}
.stats li{border-block-start:3px solid var(--red);padding-block-start:var(--s3)}
.stat-n{font-family:var(--f-display);font-size:clamp(2.5rem,2rem + 2vw,4rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.stat-n span{font-size:.45em;letter-spacing:-.01em;margin-inline-start:4px}
.stats li p:last-child{color:var(--muted);margin-block-start:var(--s2)}
@media (min-width:700px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.deliv{max-inline-size:640px}
.pn{border-block-start:1px solid var(--ink)}
.pn-grid{display:grid;gap:0}
.pn-a{display:grid;gap:var(--s1);padding-block:var(--s6);text-decoration:none;color:var(--fg)}
.pn-a b{font-family:var(--f-display);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.05}
.pn-a span:last-child{color:var(--muted)}
.pn-a:hover b{color:var(--red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}
.pn-next{border-block-start:1px solid var(--line)}
@media (min-width:800px){.pn-grid{grid-template-columns:1fr 1fr}.pn-next{border-block-start:0;border-inline-start:1px solid var(--line);padding-inline-start:var(--s6);text-align:end;justify-items:end}}
/* journal */
.j-intro h1{max-inline-size:14ch}
.j-intro .lead{margin-block-start:var(--s4)}
.j-lead a{display:grid;gap:var(--s5);text-decoration:none;color:var(--fg);padding-block-end:var(--s7);border-block-end:1px solid var(--ink)}
.j-lead-ph picture{aspect-ratio:3/2}
.j-lead h2{font-size:clamp(2rem,1.5rem + 2vw,3.5rem);margin-block:var(--s2) var(--s4)}
.j-lead a:hover h2{color:var(--red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}
@media (min-width:1000px){.j-lead a{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s8);align-items:center}}
.j-list{display:grid}
.j-row a{display:grid;gap:var(--s4);padding-block:var(--s6);border-block-end:1px solid var(--line);text-decoration:none;color:var(--fg)}
.j-row-ph{aspect-ratio:3/2;overflow:hidden;background:var(--surface-2)}
.j-row-ph picture,.j-row-ph img{inline-size:100%;block-size:100%;object-fit:cover}
.j-row h2{font-size:clamp(1.5rem,1.3rem + .8vw,2.125rem);margin-block:var(--s2)}
.j-row p:last-child{color:var(--muted)}
.j-row a:hover h2{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
@media (min-width:800px){.j-row a{grid-template-columns:280px minmax(0,1fr);gap:var(--s6);align-items:center}}
.art-grid{display:grid;gap:var(--s6);align-items:end}
.art-grid h1{font-size:clamp(2.5rem,1.6rem + 3.4vw,4.75rem);max-inline-size:16ch}
.art-grid .lead{margin-block-start:var(--s4)}
.art-ph picture{aspect-ratio:3/2}
@media (min-width:1000px){.art-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s8)}}
.art-body{display:grid;gap:var(--s7)}
.prose--art p{font-size:1.1875rem;line-height:1.75}
.prose--art>p:first-child::first-letter{font-family:var(--f-display);font-weight:600;float:left;font-size:4.2em;line-height:.85;padding:.04em .08em 0 0;color:var(--red)}
.art-aside{display:grid;gap:var(--s4);align-content:start;border-block-start:1px solid var(--ink);padding-block-start:var(--s3)}
.art-aside ul{list-style:none;padding:0}
.art-aside li a{display:grid;padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none;color:var(--fg)}
.art-aside b{font-family:var(--f-display);font-weight:600;font-size:1.1875rem;line-height:1.25}
.art-aside li a:hover b{color:var(--red);text-decoration:underline}
@media (min-width:1000px){.art-body{grid-template-columns:minmax(0,1fr) 300px;gap:var(--s9)}.art-aside{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
/* services */
.svc-index ul{list-style:none;padding:0;margin-block-start:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s2)}
.svc-index a{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:44px;padding:var(--s1) var(--s4);border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:500;background:var(--surface)}
.svc-index a span{color:var(--muted);font-size:var(--t-label)}
.svc-index a:hover{background:var(--ink);color:#fff}.svc-index a:hover span{color:var(--paper-2)}
.svc-list{display:grid}
.svc{display:grid;gap:var(--s5);padding-block:var(--s7);border-block-start:1px solid var(--ink)}
.svc-ph .ph picture{aspect-ratio:4/3}
.svc h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s4);margin-block:var(--s2) var(--s3)}
.svc-from{font-family:var(--f-body);font-size:1.125rem;letter-spacing:0;font-weight:600;color:var(--red)}
.svc-sum{font-size:var(--t-lead);line-height:1.45;max-inline-size:44ch}
.svc-seen{margin-block-start:var(--s4)}
.svc-seen .meta{display:block;margin-block-end:var(--s1)}
.svc-seen a{color:var(--red);font-weight:600;display:inline-flex;align-items:center;min-block-size:44px}
@media (min-width:1000px){.svc{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}.svc:nth-child(even) .svc-ph{order:2}}
.est-grid{display:grid;gap:var(--s6);align-items:start}
.est-intro h2{color:#fff;margin-block-end:var(--s4)}
.est-nojs{margin-block-start:var(--s4);padding:var(--s3) var(--s4);border:1px solid #fff}
.est-form{color:var(--fg)}
.est-form p{color:var(--fg)}
.est-form .hint{color:var(--muted)}
.est-checks{display:grid;gap:0 var(--s5)}
@media (min-width:640px){.est-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.seg--wrap span{min-inline-size:0;text-align:center}
.est-out{padding:var(--s4) var(--s5);background:var(--bg);border-inline-start:3px solid var(--red);min-block-size:96px}
.est-band{font-family:var(--f-display);font-size:2.25rem;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
@media (min-width:1000px){.est-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}}
/* process */
.pr-steps{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-end:var(--s6)}
.pr-steps a{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:44px;padding:var(--s1) var(--s4);border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:600;background:var(--surface)}
.pr-steps a span{color:var(--red)}
.pr-steps a:hover{background:var(--ink);color:#fff}.pr-steps a:hover span{color:#fff}
.timeline{list-style:none;padding:0;position:relative}
.tl{display:grid;gap:var(--s4);padding-block:var(--s7);border-block-start:1px solid var(--ink)}
.tl-n{font-family:var(--f-display);font-size:clamp(4rem,3rem + 4vw,7.5rem);font-weight:600;letter-spacing:-.05em;line-height:.85;color:var(--red)}
.tl-t h2{margin-block:var(--s2) var(--s4)}
.tl-t>p:not(.meta){font-size:1.125rem;line-height:1.65}
.tl-del{margin-block-start:var(--s5);padding:var(--s3) var(--s4);background:var(--sage-soft);font-weight:600;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center}
.tl-del span{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-h)}
.tl-ph .ph picture{aspect-ratio:3/2}
@media (min-width:1000px){.tl{grid-template-columns:180px minmax(0,1fr) minmax(0,.85fr);gap:var(--s7);align-items:start}}
.pr-cta{display:grid;gap:var(--s5);align-items:end}
.pr-cta .lead{margin-block-start:var(--s3)}
@media (min-width:1000px){.pr-cta{grid-template-columns:minmax(0,1fr) auto}}
/* studio */
.st-measure{display:grid;gap:var(--s6)}
.st-quote{font-family:var(--f-display);font-size:clamp(1.375rem,1.1rem + 1vw,2rem);line-height:1.3;letter-spacing:-.015em;font-weight:500;max-inline-size:40ch}
@media (min-width:1000px){.st-measure{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s8);align-items:start}.st-facts2{margin-block-start:0}}
.values{display:grid;gap:var(--s5)}
.value{padding-block-start:var(--s3);border-block-start:3px solid var(--ink)}
.v-n{font-weight:600;color:var(--red)}
.value h3{font-size:1.75rem;margin-block:var(--s2)}
@media (min-width:700px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.values{grid-template-columns:repeat(4,minmax(0,1fr))}}
.team{display:grid;gap:var(--s5)}
.t-card{display:grid;gap:var(--s2);align-content:start}
.t-por{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;margin-block-end:var(--s2)}
.t-por svg{inline-size:78%;block-size:78%}
.t-card h3{font-size:1.5rem}
.t-card p:last-child{color:var(--muted)}
@media (min-width:600px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.team{grid-template-columns:repeat(4,minmax(0,1fr))}}
.clients{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));border-block-start:1px solid var(--ink);border-inline-start:1px solid var(--line)}
.clients a{display:grid;place-items:center;min-block-size:120px;padding:var(--s4);border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);color:var(--ink);text-decoration:none}
.clients a:hover{background:var(--bg);color:var(--red)}
.clients svg{inline-size:100%;max-inline-size:240px}
/* lab */
.lab-top{display:grid;gap:var(--s6);align-items:start}
.lab-ctl{display:grid;gap:var(--s4)}
.lab-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4);align-items:end}
.lab-btns{display:flex;flex-wrap:wrap;gap:var(--s2)}
.lab-view{display:grid;gap:var(--s5)}
.lab-sws{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.lab-sw{display:grid;gap:2px;inline-size:100%;padding:0 0 var(--s2);border:1px solid var(--line);background:var(--surface);color:var(--fg);text-align:start;cursor:pointer;font:inherit}
.lab-sw:hover{border-color:var(--ink)}
.lab-chip{display:block;aspect-ratio:1/1;margin-block-end:var(--s2)}
.lab-sw-n{font-weight:600;padding-inline:var(--s2)}
.lab-sw-h{font-size:var(--t-label);color:var(--muted);padding-inline:var(--s2);overflow-wrap:anywhere}
.lab-mocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.lab-mock{margin:0;border:1px solid var(--line)}
.lab-mock svg{inline-size:100%;block-size:auto}
.lab-mock figcaption{padding:var(--s2) var(--s3);margin:0}
@media (min-width:1000px){.lab-top{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s7)}}
@media (max-width:479.98px){.lab-sws{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-mocks{grid-template-columns:minmax(0,1fr)}}
.lab-mx-h{margin-block-start:var(--s8)}
.pair-row{margin-block-end:var(--s5)}
.pair-h{display:flex;align-items:center;gap:var(--s2);font-size:1.125rem;margin-block-end:var(--s3)}
.dot{inline-size:20px;block-size:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex:none}
.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:var(--s2)}
.pair{border:1px solid var(--line);background:var(--surface);padding:0 0 var(--s3)}
.pair-s{inline-size:100%;block-size:auto;margin-block-end:var(--s2)}
.pair p{padding-inline:var(--s3)}
.pair-r{font-family:var(--f-display);font-size:1.5rem;font-weight:600;line-height:1.1}
.pair-m{font-size:var(--t-label);color:var(--muted)}
.pair-b{display:flex;flex-wrap:wrap;gap:var(--s1);margin-block:var(--s2)}
.pair-l{font-size:var(--t-label);color:var(--muted)}
.badge{display:inline-flex;align-items:center;padding:2px var(--s2);font-size:var(--t-label);font-weight:600;border:1px solid}
.badge--pass{background:var(--sage-soft);color:#24382a;border-color:var(--sage)}
.badge--fail{background:var(--surface);color:var(--red);border-color:var(--red)}
.type-chips{margin-block-end:var(--s5)}
.type-lay{display:grid;gap:var(--s6);align-items:start}
.type-out{min-inline-size:0;padding:var(--s6);background:var(--bg);border:1px solid var(--line)}
.type-d{font-family:var(--f-display);font-size:clamp(2.25rem,1.2rem + 4.5vw,72px);font-weight:560;letter-spacing:-.03em;line-height:1.02;overflow-wrap:anywhere;max-inline-size:none;outline-offset:6px}
.type-b{font-size:1.25rem;line-height:1.35;margin-block:var(--s5);max-inline-size:52ch;outline-offset:6px}
.type-css{margin-block-start:var(--s4);padding:var(--s4);background:var(--ink);color:var(--paper);font-size:var(--t-label);line-height:1.55;overflow-x:auto;white-space:pre}
.type-ctl{display:grid;gap:var(--s3)}
.type-ctl label{display:flex;justify-content:space-between;gap:var(--s3)}
.type-ctl output{font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
@media (min-width:1000px){.type-lay{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr)}}
/* start */
.pg-head--start .pg-t h1{max-inline-size:18ch}
.avail{display:flex;align-items:center;gap:var(--s3);margin-block-start:var(--s5);font-weight:600}
.avail-dot{inline-size:12px;block-size:12px;border-radius:50%;background:var(--sage);flex:none}
.start-grid{display:grid;gap:var(--s6);align-items:start}
.start-side{display:grid;gap:var(--s5)}
.progress{list-style:none;padding:0;display:grid;border-block-start:1px solid var(--ink)}
.progress li{display:flex;align-items:center;gap:var(--s3);min-block-size:48px;border-block-end:1px solid var(--line);color:var(--muted)}
.progress li span{display:grid;place-items:center;inline-size:30px;block-size:30px;border:1px solid var(--line-strong);border-radius:50%;font-weight:600;font-size:var(--t-label)}
.progress li.is-done{color:var(--fg)}.progress li.is-done span{background:var(--sage);border-color:var(--sage);color:#fff}
.progress li.is-current{color:var(--fg);font-weight:600}.progress li.is-current span{background:var(--red);border-color:var(--red);color:#fff}
.side-card{padding:var(--s5);background:var(--sage-soft)}
.side-card p+p{margin-block-start:var(--s2)}
.side-card a{color:var(--sage-h);font-weight:600}
@media (max-width:999.98px){.progress{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s3)}.side-card{display:none}}
@media (min-width:1000px){.start-grid{grid-template-columns:280px minmax(0,1fr);gap:var(--s8)}.start-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.start-main{display:grid;gap:var(--s3);min-inline-size:0}
.enq{gap:var(--s7)}
.enq [data-step]{display:grid;gap:var(--s5)}
html:not(.js) .enq [data-step]+[data-step]{padding-block-start:var(--s6);border-block-start:1px solid var(--line)}
.step-l{font-family:var(--f-display);font-size:1.875rem;font-weight:600;letter-spacing:-.02em;margin-block-end:var(--s2)}
.step-nav{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between}
.edit-row{display:flex;flex-wrap:wrap;gap:var(--s2)}
.review{display:grid;border-block-start:1px solid var(--ink)}
.review div{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--s3);padding-block:var(--s2);border-block-end:1px solid var(--line)}
.review dt{font-weight:600}
.review dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
@media (max-width:479.98px){.review div{grid-template-columns:minmax(0,1fr);gap:0}}
.confirm{padding:var(--s6);background:var(--sage);color:#fff}
.confirm h2,.confirm p,.confirm .meta{color:#fff}
.confirm h2{margin-block:var(--s2) var(--s4)}
.confirm .btn{margin-block-start:var(--s5);background:var(--ink);border-color:var(--ink);color:#fff}
.confirm:focus{outline:3px solid var(--ink);outline-offset:3px}
.prefill{margin-block-start:0}
/* contact */
.ct-grid{display:grid;gap:var(--s6);align-items:start}
.ct-info{display:grid;gap:var(--s5)}
.addr p+p{margin-block-start:var(--s3)}
.addr a{color:var(--red);font-weight:600}
.ct-vis{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s3);align-items:stretch}
.map{border:1px solid var(--line)}
.map svg{inline-size:100%;block-size:100%;object-fit:cover}
.ct-vis .ph picture{aspect-ratio:4/5}
@media (min-width:1000px){.ct-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
/* 404 */
.nf{padding-block:var(--s8) var(--sec)}
.nf-grid{display:grid;gap:var(--s6);align-items:center}
.nf h1{max-inline-size:12ch}
.nf .lead{margin-block-start:var(--s4)}
.nf-art{color:var(--ink);max-inline-size:360px}
@media (min-width:1000px){.nf-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
/* credits */
table.credits td:first-child{inline-size:112px}
table.credits img{inline-size:96px;block-size:72px;object-fit:cover}
table.credits td a{color:var(--red)}
.cr-h{margin-block-start:var(--s7)}