/* Plate & Pigment — pages-2026.css. Page compositions, each scoped to its page's own class prefix. */

/* shared bits used by several pages */
.mini-s{font-size:var(--t-label);color:var(--muted)}
.sw--paper{inline-size:20px;block-size:20px}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
@media (min-width:1100px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lbl{font-weight:700;margin-block-end:var(--s2)}
.field--inline{grid-auto-flow:column;align-items:center;gap:var(--s3)}
.field--inline select{inline-size:auto;min-inline-size:180px}
.m-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s4)}
.mega-inks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s4)}
.mega-inks .mega-l{font-size:.9375rem}

/* ---------- home ---------- */
.h-hero{border-block-end:1px solid var(--line);overflow:hidden}
.h-hero-in{display:grid;gap:var(--s6);padding-block:var(--s7) var(--s8);align-items:center}
@media (min-width:900px){.h-hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s7);padding-block:var(--s8) var(--s9)}}
.h-copy h1{font-size:clamp(2.75rem,1.4rem + 5.6vw,6.25rem);max-inline-size:11ch}
.h-copy h1 span{display:block}
.h-copy h1 span+span{color:var(--blue);text-shadow:4px 3px 0 rgba(255,61,142,.55)}
.h-copy .lede{margin-block-start:var(--s5)}
.h-prices{margin-block-start:var(--s5);color:var(--muted)}
.h-art{max-inline-size:520px;justify-self:center;inline-size:100%;background-color:transparent}
.h-art svg{inline-size:100%;block-size:auto;box-shadow:10px 10px 0 var(--yellow)}
.steps{list-style:none;padding:0;display:grid;gap:var(--s6)}
@media (min-width:900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}}
.step{display:grid;align-content:start;gap:var(--s2)}
.step-ph picture{aspect-ratio:4/3;overflow:hidden}
.step-ph img{block-size:100%}
.step-no{font:600 2.25rem/1 var(--f-display);color:var(--blue);margin-block-start:var(--s4);letter-spacing:-.03em}
.step:nth-child(2) .step-no{color:var(--pink-t)}
.step:nth-child(3) .step-no{color:var(--ink)}
.step-cap{margin-block-start:var(--s5);font-size:var(--t-label);color:var(--muted)}
.h-res-in{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.h-res-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s7)}}
.h-res-in .btn{margin-block-start:var(--s5)}
.h-artists{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
@media (max-width:519.98px){.h-artists{grid-template-columns:minmax(0,1fr)}.h-artists a{grid-template-columns:72px minmax(0,1fr);align-items:center}.h-artists svg{grid-row:span 2}}
.h-artists a{display:grid;gap:4px var(--s3);text-decoration:none;color:var(--ink)}
.h-artists svg{inline-size:100%;block-size:auto;background:var(--sheet);border:1px solid var(--line)}
.h-artists b{font-size:1.125rem}
.h-artists span{color:var(--muted)}
.h-artists a:hover b{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px}
.h-feature{padding-block:var(--sec) 0}
.h-feature-in{display:grid;gap:var(--s6);align-items:center}
@media (min-width:1000px){.h-feature-in{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--s7)}}
.h-feature .ph picture{aspect-ratio:3/2}
.h-feature-t h2{margin-block-end:var(--s4)}
.h-feature-t .link-arrow{margin-block-start:var(--s3)}
.h-lab{margin-block-start:var(--sec)}
.h-lab-in{display:grid;gap:var(--s7)}
@media (min-width:1000px){.h-lab-in{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:start}}
.h-lab-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);justify-items:start}
@media (min-width:760px){.h-lab-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s6)}.h-lab-main .ph{grid-column:2;grid-row:1/span 4}}
.h-lab-main .ph{inline-size:100%}
.h-lab-main .ph picture{aspect-ratio:4/3;overflow:hidden}
.h-lab-main .ph img{block-size:100%}
.sec--night .ph figcaption{color:var(--night-muted)}
.h-journal{border:1.5px solid var(--night-fg);padding:var(--s5)}
.h-journal h3 a{color:var(--night-fg);text-decoration:none}
.h-journal h3 a:hover{text-decoration:underline;text-decoration-color:var(--pink)}
.h-journal p{margin-block:var(--s3)}

/* ---------- shop ---------- */
.shop-layout{display:grid;gap:var(--s6);align-items:start}
@media (min-width:900px){.shop-layout{grid-template-columns:280px minmax(0,1fr);gap:var(--s7)}}
.f-panel{border:1.5px solid var(--ink);background:var(--sheet)}
@media (min-width:900px){.f-panel{position:sticky;inset-block-start:calc(var(--header) + var(--s4));max-block-size:calc(100svh - var(--header) - 32px);overflow-y:auto}}
.f-panel>summary{display:flex;align-items:center;justify-content:space-between;min-block-size:52px;padding:var(--s2) var(--s4);font:700 1rem/1 var(--f-body);cursor:pointer;list-style:none;border-block-end:1.5px solid transparent}
.f-panel>summary::-webkit-details-marker{display:none}
.f-panel>summary::after{content:"+";font:600 1.25rem/1 var(--f-mono)}
.f-panel[open]>summary{border-block-end-color:var(--ink)}
.f-panel[open]>summary::after{content:"−"}
.filters{display:grid;gap:var(--s5);padding:var(--s4)}
.filters .chips{gap:6px}
.filters .chip{font-size:.9375rem;padding-inline:var(--s3)}
.filters .hint{margin-block-start:var(--s2)}
.f-radios{display:grid}
.result-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding-block-end:var(--s4);margin-block-end:var(--s5);border-block-end:1.5px solid var(--ink)}

/* ---------- print ---------- */
.pd-wrap{padding-block:var(--s4) var(--sec)}
.pd{display:grid;gap:var(--s6);align-items:start}
@media (min-width:960px){.pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}.pd-art{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.pd-art .sheet{background-color:var(--sheet);padding:28px}
.pd-art .art{max-inline-size:520px;margin-inline:auto}
.pd-cap{margin-block-start:var(--s3);color:var(--muted);font-size:var(--t-label)}
.pd-info h1{font-size:clamp(2.5rem,1.6rem + 3.6vw,4.5rem)}
.pd-by{margin-block:var(--s3) var(--s4);font-weight:600}
.pd-story{font-size:var(--t-lead);line-height:1.5}
.pd-meta{display:grid;gap:var(--s3);margin-block:var(--s5);padding-block:var(--s4);border-block:1px solid var(--line)}
.pd-left{font-weight:600;color:var(--ink)}
.pd-form{display:grid;gap:var(--s5)}
.pd-price{font:800 clamp(2.25rem,1.8rem + 1.6vw,3rem)/1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}
.pd-form .actions{margin-block-start:0}
.pd-room{margin-block-start:var(--sec);padding:var(--s6);background:var(--sheet);border:1.5px solid var(--ink)}
.pd-room-in{display:grid;gap:var(--s6);align-items:center}
@media (min-width:960px){.pd-room-in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.pd-room-in .mono{margin-block-start:var(--s4)}
.room svg{inline-size:100%;block-size:auto}
.pd-care{margin-block-start:var(--sec);max-inline-size:820px}
.pd-care h2{margin-block-end:var(--s4)}
.pd-care details{border-block-start:1.5px solid var(--ink)}
.pd-care details:last-child{border-block-end:1.5px solid var(--ink)}
.pd-care summary{display:flex;align-items:center;justify-content:space-between;min-block-size:56px;font:700 1.125rem/1.2 var(--f-body);cursor:pointer;list-style:none}
.pd-care summary::-webkit-details-marker{display:none}
.pd-care summary::after{content:"+";font:600 1.25rem/1 var(--f-mono)}
.pd-care details[open] summary::after{content:"−"}
.pd-care details p{padding-block-end:var(--s4)}
.pd-more{margin-block-start:var(--sec)}

/* ---------- about ---------- */
.ab-hero{border-block-end:1px solid var(--line)}
.ab-hero-in{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7);align-items:center}
@media (min-width:1000px){.ab-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7)}}
.ab-hero h1{font-size:clamp(2.25rem,1.4rem + 3.4vw,4.25rem);max-inline-size:16ch}
.ab-hero .lede{margin-block-start:var(--s5)}
.ab-hero .ph picture{aspect-ratio:3/2}
.ab-how{display:grid;gap:var(--s7)}
@media (min-width:1000px){.ab-how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}
.ab-how-t p{margin-block-start:var(--s4)}
.ab-bench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.ab-bench .ph:first-child{grid-column:1/-1}
.ab-bench .ph picture{aspect-ratio:3/2;overflow:hidden}
.ab-bench .ph img{block-size:100%}
.ab-cap{grid-column:1/-1;font-size:var(--t-label);color:var(--muted)}
.ab-visit{display:grid;gap:var(--s7);align-items:start}
@media (min-width:900px){.ab-visit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ab-visit p{margin-block-start:var(--s4)}
.ab-map{margin-block-start:var(--s5);max-inline-size:420px}
.ab-map svg{inline-size:100%;block-size:auto}

/* ---------- artists ---------- */
.ar-hero{border-block-end:1.5px solid var(--ink)}
.ar-hero-in{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7);align-items:end}
@media (min-width:1000px){.ar-hero-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.ar-hero .ph picture{aspect-ratio:3/2}
.ar-jump{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s5)}
.ar-jump a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:var(--s4);border:1.5px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:600;background:var(--sheet)}
.ar-jump a:hover{background:var(--ink);color:var(--paper)}
.ar-one{padding-block:var(--s8);border-block-end:1px solid var(--line)}
.ar-one--alt{background:var(--sheet)}
.ar-one-in{display:grid;gap:var(--s6)}
@media (min-width:900px){.ar-one-in{grid-template-columns:220px minmax(0,1fr);column-gap:var(--s7)}.ar-prints{grid-column:2}}
@media (min-width:1200px){.ar-one-in{grid-template-columns:240px minmax(0,1fr) minmax(0,.9fr)}.ar-prints{grid-column:auto}}
.ar-mark{max-inline-size:240px;background-color:transparent}
.ar-mark svg{inline-size:100%;block-size:auto}
.ar-txt .lede{margin-block:var(--s3)}
.ar-txt .inks{margin-block:var(--s4)}
.ar-prints .mini-h{margin-block-start:0}
.ar-prints .rail{grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:var(--s4)}

/* ---------- collections ---------- */
.co-index ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s5);padding-block:var(--s4);border-block-end:1.5px solid var(--ink)}
.co-index a{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:44px;color:var(--ink);text-decoration:none;font-weight:700}
.co-index a .mono{color:var(--muted);font-size:var(--t-label)}
.co-index a:hover{color:var(--blue-t);text-decoration:underline}
.co-one{padding-block:var(--s8);border-block-end:1px solid var(--line)}
.co-one:nth-of-type(even){background:var(--sheet)}
.co-one-in{display:grid;gap:var(--s6);align-items:start}
@media (min-width:960px){.co-one-in{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--s8)}.co-txt{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.co-no{font:800 4rem/1 var(--f-display);color:var(--blue);letter-spacing:-.04em;margin-block-end:var(--s3)}
.co-one:nth-of-type(even) .co-no{color:var(--pink-t)}
.co-txt p{margin-block-end:var(--s4)}
.co-prints{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:var(--s5)}

/* ---------- colour lab ---------- */
.lb-head-in{display:grid;gap:var(--s5);padding-block:var(--s5) var(--s6);align-items:end;border-block-end:1px solid var(--line)}
@media (min-width:1000px){.lb-head-in{grid-template-columns:minmax(0,1fr) 340px;gap:var(--s7)}}
.lb-head .ph picture{aspect-ratio:4/3;overflow:hidden}
.lb-head .ph img{block-size:100%}
.lb-layout{display:grid;gap:var(--s6);align-items:start}
@media (min-width:960px){.lb-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7)}.lb-sheet-col{position:sticky;inset-block-start:calc(var(--header) + var(--s4))}}
.lb-sheet{background-color:var(--paper-2);padding:28px}
.lb-sheet svg{inline-size:100%;max-inline-size:480px;block-size:auto;margin-inline:auto;touch-action:none;cursor:crosshair;box-shadow:6px 6px 0 rgba(26,24,20,.18)}
.lb-controls{display:grid;gap:var(--s4)}
.lb-box{padding:var(--s4) var(--s5);background:var(--sheet);border:1.5px solid var(--ink)}
.lb-box legend{float:left;inline-size:100%;margin-block-end:var(--s2)}
.lb-box legend+*{clear:both}
.lb-inks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s4)}
.lb-shapes{list-style:none;padding:0}
.lb-controls .actions{margin-block-start:var(--s2)}

/* ---------- custom ---------- */
.cu-head{border-block-end:1px solid var(--line)}
.cu-head-in{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7);align-items:center}
@media (min-width:1000px){.cu-head-in{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--s7)}}
.cu-head .ph picture{aspect-ratio:4/3}
.cu-layout{display:grid;gap:var(--s6);align-items:start}
@media (min-width:960px){.cu-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s7)}.cu-out{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.cu-out-in{background:var(--blue);color:#fff;padding:var(--s6);box-shadow:8px 8px 0 var(--pink)}
.cu-out .kicker,.cu-out p{color:#fff}
.cu-price{font:800 clamp(3rem,2.2rem + 3vw,4.5rem)/1 var(--f-display);letter-spacing:-.04em;margin-block:var(--s2) var(--s3)}
.cu-out .mono{font-size:1rem}
.cu-out p+p{margin-block-start:var(--s2)}
.cu-small{font-size:.9375rem}
.cu-out .demo-note{color:#fff}
.cu-out .demo-note::before{background:var(--yellow)}
.cu-out .btn--fill{margin-block-start:var(--s5)}
.cu-out :focus-visible{outline-color:#fff}
.cu-prep{display:grid;gap:var(--s7);align-items:center}
@media (min-width:900px){.cu-prep{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cu-list{padding:0;list-style:none;counter-reset:prep;margin-block-start:var(--s5);display:grid}
.cu-list li{counter-increment:prep;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.cu-list li::before{content:counter(prep,decimal-leading-zero);font:600 var(--t-label)/1.7 var(--f-mono);color:var(--blue-t)}
.cu-enq{display:grid;gap:var(--s6);align-items:start}
@media (min-width:900px){.cu-enq{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--s7)}}

/* ---------- guide ---------- */
.gd-paper{display:grid;gap:var(--s7);align-items:start}
@media (min-width:1100px){.gd-paper{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)}}
.gd-table h2{margin-block-end:var(--s4)}
.gd-table td:first-child{inline-size:56px}
.gd-name{display:inline-flex;align-items:center;gap:var(--s3);font-weight:700;min-block-size:44px;cursor:pointer;font-family:var(--f-body);font-size:1rem}
.gd-table tbody th{font:inherit}
tr.is-on{background:var(--blue-tint)}
.gd-compare{margin-block-start:var(--s4);padding:var(--s4) var(--s5);border:1.5px dashed var(--ink);background:var(--sheet)}
.gd-compare p+p{margin-block-start:var(--s2)}
.gd-compare .sw{margin-inline-end:var(--s2);vertical-align:-3px}
.gd-side{display:grid;gap:var(--s4)}
@media (min-width:600px) and (max-width:1099.98px){.gd-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gd-side .ph picture{aspect-ratio:3/2;overflow:hidden}
.gd-side .ph img{block-size:100%}
.gd-sizes{display:grid;gap:var(--s6);align-items:start}
@media (min-width:1000px){.gd-sizes{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.gd-sizes-t>*+*{margin-block-start:var(--s4)}
.gd-stage{background:var(--paper);border:1.5px solid var(--ink);padding:var(--s4);color:var(--ink)}
.gd-stage svg{inline-size:100%;block-size:auto}
.gd-stage [data-size-shape]{stroke:var(--ink)}
.gd-stage [data-size-shape][opacity="1"]{stroke:var(--blue)}
@media print{.gd-side,.ph-head .crumbs{display:none}.table-wrap{border-color:#000}}

/* ---------- framing ---------- */
.fr-hero-in{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7);align-items:center;border-block-end:1px solid var(--line)}
@media (min-width:1000px){.fr-hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s7)}.fr-hero-in>.ph{order:-1}}
.fr-hero .ph picture{aspect-ratio:3/2}
.fr-opts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--s5)}
.fr-opt{border:1.5px solid var(--ink);background:var(--sheet);padding:var(--s5);display:grid;align-content:start;gap:var(--s3)}
.fr-pic{background:var(--paper-2);padding:var(--s5);display:grid;place-items:center}
.fr-pic svg{inline-size:min(100%,150px);block-size:auto}
.fr-bench{display:grid;gap:var(--s4)}
@media (min-width:700px){.fr-bench{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fr-bench .ph picture{aspect-ratio:4/3;overflow:hidden}
.fr-bench .ph img{block-size:100%}
.fr-cap{grid-column:1/-1;font-size:var(--t-label);color:var(--muted)}

/* ---------- journal ---------- */
.jn-lead{display:grid;gap:var(--s6);align-items:center;padding-block-end:var(--s7);border-block-end:1.5px solid var(--ink)}
@media (min-width:1000px){.jn-lead{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--s7)}}
.jn-lead .ph picture{aspect-ratio:3/2}
.jn-lead h2{font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem);margin-block-end:var(--s4)}
.jn-lead h2 a,.jn-item h2 a{color:var(--ink);text-decoration:none}
.jn-lead h2 a:hover,.jn-item h2 a:hover{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px}
.jn-list{list-style:none;padding:0;display:grid}
.jn-item{display:grid;gap:var(--s5);padding-block:var(--s6);border-block-end:1px solid var(--line);align-items:center}
@media (min-width:700px){.jn-item{grid-template-columns:240px minmax(0,1fr);gap:var(--s6)}}
.jn-item .ph picture{aspect-ratio:4/3;overflow:hidden}
.jn-item .ph img{block-size:100%}
.jn-item h2{font-size:var(--t-h3);font-size:clamp(1.375rem,1.2rem + .8vw,1.875rem);margin-block-end:var(--s3)}

/* ---------- article ---------- */
.at-in{max-inline-size:calc(820px + var(--gutter) * 2);padding-block:var(--s4) var(--sec)}
.at h1{font-size:clamp(2.25rem,1.5rem + 3vw,4rem);margin-block-end:var(--s4)}
.ar-lede{margin-block-end:var(--s6)}
.at-fig{margin-block-end:var(--s6)}
.at-fig .ph picture{aspect-ratio:3/2}
.at-body p{font-size:1.125rem;line-height:1.7;max-inline-size:66ch}
.at-body p+p{margin-block-start:var(--s5)}
.at-body p:first-child::first-letter{float:left;font:800 4.25rem/.85 var(--f-display);color:var(--blue);padding:6px 10px 0 0}
.at-more-h{margin-block-end:var(--s5)}
.at-more{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--s4)}
.at-more a{display:grid;gap:var(--s2);padding:var(--s5);border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;block-size:100%}
.at-more a b{font:700 1.25rem/1.2 var(--f-display)}
.at-more a .mono{font-size:var(--t-label);color:var(--muted)}
.at-more a:hover{background:var(--ink);color:var(--paper)}
.at-more a:hover .mono{color:var(--paper)}

/* ---------- workshops ---------- */
.ws-hero-in{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7);align-items:end}
@media (min-width:1000px){.ws-hero-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s7)}}
.ws-hero .ph picture{aspect-ratio:3/2}
.ws-list{list-style:none;padding:0;display:grid}
.ws-one{display:grid;gap:var(--s6);padding-block:var(--s7);border-block-start:1.5px solid var(--ink)}
@media (min-width:1000px){.ws-one{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--s7)}.ws-media{position:sticky;inset-block-start:calc(var(--header) + var(--s5));align-self:start}}
.ws-media{position:relative}
.ws-media .ph picture{aspect-ratio:4/3;overflow:hidden}
.ws-media .ph img{block-size:100%}
.ws-no{position:absolute;inset-block-start:0;inset-inline-start:0;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s3);font-weight:600}
.ws-body .lede{margin-block:var(--s3)}
.ws-sessions{list-style:none;padding:0;display:grid;border-block-start:1px solid var(--line)}
.ws-s{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.ws-s>div:first-child{display:grid}
.ws-s .mono{font-size:var(--t-label);color:var(--muted)}
.ws-s-act{display:flex;flex-wrap:wrap;gap:var(--s2)}
.book-form{margin-block-start:var(--s5);padding:var(--s5);background:var(--sheet);border:1.5px solid var(--ink)}
.ws-slot .form-ok{margin-block-start:var(--s4)}

/* ---------- basket ---------- */
.bk-layout{display:grid;gap:var(--s6);align-items:start}
@media (min-width:960px){.bk-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:var(--s7)}.bk-sum{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.bk-lines .mini-h{margin-block-start:0}
.bk-lines .line{grid-template-columns:110px minmax(0,1fr)}
.bk-lines .line .art{inline-size:110px}
.bk-sum{display:grid;gap:var(--s4)}
.bk-sum h2{font-size:1.5rem}

/* ---------- forms kit, 404, credits ---------- */
.fk{display:grid;gap:var(--s7);align-items:start}
@media (min-width:1000px){.fk{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.fk-side .actions{margin-block-start:0}
.nf-in{display:grid;gap:var(--s7);align-items:center}
@media (min-width:800px){.nf-in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.nf-art{max-inline-size:340px;background-color:var(--sheet)}
.cr-list{list-style:none;padding:0;display:grid;gap:0}
.cr-list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--s4);padding-block:var(--s3);border-block-end:1px solid var(--line);align-items:start}
.cr-list img{inline-size:48px;block-size:48px;object-fit:cover}
.cr-list div{display:grid;gap:2px}
.cr-list span{color:var(--muted)}
.cr-list small{font-size:var(--t-label);color:var(--muted)}

/* review fixes, round 1 */
.pd-form .tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr))}
.pd-form .tile{padding-inline-start:40px}
.pd-form .tile input{inset-block-start:14px;translate:none}
.pd-form .tile small{font-family:var(--f-body);font-size:.875rem;line-height:1.35}
.step-cap{max-inline-size:none}
.h-res-in .measure{margin-block-start:var(--s4)}
main h1+p{margin-block-start:var(--s4)}
.ab-hero h1,.lb-head h1,.cu-head h1,.fr-hero h1,.ws-hero h1,.ar-hero h1{font-size:clamp(2.25rem,1.3rem + 3.2vw,4rem)}
.ar-mark{align-self:start}
@media (min-width:1000px){.fr-opts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.co-txt h2{margin-block-end:var(--s3)}
.gd-paper>*,.gd-sizes>*,.shop-layout>*,.pd>*,.lb-layout>*,.cu-layout>*,.bk-layout>*,.fk>*{min-inline-size:0}
.card-t a,.h-journal h3 a,.jn-item h2 a,.jn-lead h2 a{display:inline-flex;align-items:center;min-block-size:44px}
.gd-pick{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;cursor:pointer}
.gd-pick input{inline-size:24px;block-size:24px;margin:0}
.cu-out .btn--fill{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:4px 4px 0 var(--yellow)}
.cu-out .btn--fill:hover{background:#000;border-color:#000;color:#fff}