/* /carttrace: CartTrace-100k on machinecommerce.co. Machine Commerce design system (docs/design/DESIGN.md, TASTE.md):
   paper and ink, kraft for the package family (labels, board), beige hardware for the machine family (the screen,
   the rating plate, the receipt). Inter Tight for display, EB Garamond for reading, SuisseMono for labels.
   Everything is scoped under #ct and prefixed ct- so the site's layered styles never reach in. */

#ct,.ct-drawer{
  --ct-paper:#f4f1e6;--ct-ivory:#fbf8ef;--ct-white:#fffdf8;
  --ct-ink:#1d1a16;--ct-body:#2c2620;--ct-mute:#7c6f59;--ct-soft:#a39a86;--ct-rule:#d6cdb8;
  --ct-red:#a8322a;--ct-red-2:#c74335;
  --ct-kraft:#d2b48c;--ct-kraft-d:#b89a6d;--ct-kraft-t:#e6ccab;--ct-oat:#e3dacc;
  --ct-beige:#F0EDE0;--ct-beige-m:#E0DCCF;--ct-beige-d:#C4C0B3;--ct-beige-s:#A09C8F;
  --ct-scr:#222529;--ct-glow:#3E434C;--ct-green:#8fd96b;
  --ct-disp:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --ct-serif:"EB Garamond",Garamond,Georgia,serif;
  --ct-mono:"SuisseMono","Courier New",monospace;
}
#ct{
  display:block;background:var(--ct-paper);color:var(--ct-body);font:400 19px/1.5 var(--ct-serif);
  -webkit-font-smoothing:antialiased;text-align:left;overflow-x:clip
}
html.ct-lock{overflow:hidden}
#ct *{box-sizing:border-box}
#ct h1,#ct h2,#ct h3{font-family:var(--ct-disp);color:var(--ct-ink);font-style:normal;margin:0;text-transform:none;word-spacing:normal !important;text-align:left}
#ct p{margin:0}
#ct a{color:inherit}
#ct :focus-visible{outline:3px solid #2B6CB0;outline-offset:3px}
.ct-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ct-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.ct-sec{padding:clamp(4.5rem,9vw,8rem) 0}
.ct-eyebrow,#ct .ct-eyebrow{font:500 11px/1.3 var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ct-red);margin:0 0 .9rem}
.ct-n{display:block;font:500 10.5px/1.3 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute);margin-bottom:.6rem}
.ct-head{max-width:46rem;margin-bottom:clamp(2.4rem,4vw,3.6rem)}
#ct .ct-head h2{font-weight:700;font-size:clamp(2rem,1.2rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.04em}
.ct-lede,#ct .ct-lede{font:400 clamp(1.1rem,1rem + .35vw,1.3rem)/1.5 var(--ct-serif);color:var(--ct-body);margin-top:1.1rem;max-width:40rem}
.ct-cap{font:400 11px/1.5 var(--ct-mono);letter-spacing:.04em;color:var(--ct-mute)}
#ct figcaption{font:400 11px/1.55 var(--ct-mono);letter-spacing:.03em;color:var(--ct-mute);margin-top:1rem}
.ct-big{display:block;font:700 clamp(3.2rem,2rem + 4vw,5.6rem)/.9 var(--ct-disp);letter-spacing:-.055em;color:var(--ct-ink);font-variant-numeric:tabular-nums}

/* ---------- hero: the claim, and a receipt for 100 journeys ---------- */
.ct-hero{padding:clamp(3.2rem,7vw,6rem) 0 clamp(4rem,8vw,7rem);background:var(--ct-paper)}
.ct-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center}
#ct .ct-hero h1{font-weight:700;font-size:clamp(2.6rem,1.4rem + 4.4vw,5.4rem);line-height:.98;letter-spacing:-.045em}
.ct-count{font-variant-numeric:tabular-nums;color:var(--ct-red);white-space:nowrap}
.ct-hook{font:italic 500 clamp(1.3rem,1.1rem + .8vw,1.75rem)/1.3 var(--ct-serif);color:var(--ct-ink);margin:1.3rem 0 0 !important;max-width:32rem}
.ct-hero .ct-lede{font-size:1.12rem}
.ct-actions{display:flex;flex-wrap:wrap;gap:1.1rem 1.4rem;margin-top:2rem}
/* tags: the site's hanging-tag call to action, as on the homepage box */
.ct-tag{position:relative;display:grid;gap:2px;padding:.75rem 1.2rem .8rem 2.1rem;text-decoration:none;color:var(--ct-ink);background:linear-gradient(170deg,#dcc192,#cfae7a);clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);filter:drop-shadow(2px 6px 6px rgba(60,40,20,.25));transition:transform .2s ease}
.ct-tag i{position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--ct-paper);box-shadow:0 0 0 2px #a07f52}
.ct-tag small{font:500 9.5px/1 var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ct-red)}
.ct-tag b{font:700 1.2rem/1.05 var(--ct-disp);letter-spacing:-.03em}
.ct-tag:hover{transform:rotate(-2deg) translateY(2px)}
.ct-tag-red{background:linear-gradient(170deg,#c2453a,#a8322a);color:#fbf3e4;filter:drop-shadow(2px 7px 7px rgba(80,20,10,.3))}
.ct-tag-red small{color:#f3dcb2}
.ct-tag-red i{background:#a8322a;box-shadow:0 0 0 2.5px #d9bd8c}
.ct-tag-red b{color:#fbf3e4}

/* the receipt (machine family, design 13): thermal paper, dashed rules, prints line by line */
.ct-receipt{position:relative;margin:0;justify-self:center;width:min(390px,100%);background:var(--ct-white);padding:1.4rem 1.4rem 2rem;font:400 13px/1.45 var(--ct-mono);color:var(--ct-ink);transform:rotate(1.6deg);box-shadow:0 26px 40px -26px rgba(60,40,20,.55),0 2px 0 rgba(60,40,20,.06);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),96% 100%,92% calc(100% - 8px),88% 100%,84% calc(100% - 8px),80% 100%,76% calc(100% - 8px),72% 100%,68% calc(100% - 8px),64% 100%,60% calc(100% - 8px),56% 100%,52% calc(100% - 8px),48% 100%,44% calc(100% - 8px),40% 100%,36% calc(100% - 8px),32% 100%,28% calc(100% - 8px),24% 100%,20% calc(100% - 8px),16% 100%,12% calc(100% - 8px),8% 100%,4% calc(100% - 8px),0 100%)}
.ct-rc-hd{display:grid;justify-items:center;gap:4px;text-align:center;padding-bottom:.8rem;border-bottom:2px dashed var(--ct-rule)}
.ct-rc-hd b{font:500 15px/1 var(--ct-mono);letter-spacing:.16em;text-transform:uppercase}
.ct-rc-hd span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute)}
.ct-rc-meta{display:flex;justify-content:space-between;gap:1rem;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ct-mute);padding:.6rem 0;border-bottom:1px dashed var(--ct-rule)}
.ct-rc-lines{list-style:none;margin:0;padding:.5rem 0;display:grid;gap:.35rem;border-bottom:1px dashed var(--ct-rule)}
.ct-rc-lines li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.4rem;font-size:12.5px}
.ct-rc-lines li i{border-bottom:1px dotted var(--ct-soft);transform:translateY(-3px)}
.ct-rc-lines li b{font-weight:500;font-variant-numeric:tabular-nums}
.ct-rc-lines li[data-s="paid"]{color:var(--ct-red);font-weight:500}
.ct-rc-lines li[data-s="converted"]{color:var(--ct-mute)}
.ct-rc-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0 .4rem;border-top:2px solid var(--ct-ink);margin-top:.4rem;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ct-rc-total b{font:700 2.4rem/1 var(--ct-disp);letter-spacing:-.04em}
.ct-rc-till{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.45rem .6rem;border:2.5px solid var(--ct-red);color:var(--ct-red);transform:rotate(-2deg);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
.ct-rc-till b{font:700 1.3rem/1 var(--ct-mono)}
.ct-rc-foot{font-size:10.5px;color:var(--ct-mute);margin-top:.9rem !important;text-align:center}
.ct-rc-bar{height:34px;margin-top:.8rem;background:repeating-linear-gradient(90deg,#1d1a16 0 2px,transparent 2px 4px,#1d1a16 4px 5px,transparent 5px 8px,#1d1a16 8px 11px,transparent 11px 12px)}
/* printing: the lines arrive one by one, as a till prints */
.ct-receipt .ct-rc-lines li,.ct-receipt .ct-rc-total,.ct-receipt .ct-rc-till{opacity:0;transform:translateY(-6px)}
.ct-receipt .ct-rc-till{transform:rotate(-2deg) scale(1.4)}
.ct-receipt.ct-print .ct-rc-lines li{animation:ct-line .35s ease forwards;animation-delay:calc(.25s + var(--i) * .32s)}
.ct-receipt.ct-print .ct-rc-total{animation:ct-line .35s ease forwards 2.6s}
.ct-receipt.ct-print .ct-rc-till{animation:ct-thump .4s cubic-bezier(.3,1.6,.5,1) forwards 3.1s}
@keyframes ct-line{to{opacity:1;transform:none}}
@keyframes ct-thump{0%{opacity:0;transform:rotate(-2deg) scale(1.5)}70%{opacity:1;transform:rotate(-2deg) scale(.96)}100%{opacity:1;transform:rotate(-2deg) scale(1)}}

/* ---------- watch one: a beige machine with a CRT ---------- */
.ct-watch{background:var(--ct-kraft) repeating-linear-gradient(90deg,rgba(80,52,16,.05) 0 1px,transparent 1px 4px);border-top:1px solid rgba(90,62,24,.25);border-bottom:1px solid rgba(90,62,24,.25)}
.ct-watch .ct-eyebrow{color:#7a1c14}
.ct-watch .ct-lede{color:#3b2a10}
.ct-mac{max-width:820px;margin:0 auto;filter:drop-shadow(0 30px 30px rgba(60,35,10,.35))}
.ct-mac-bezel{background:linear-gradient(180deg,var(--ct-beige),var(--ct-beige-m));border:1px solid var(--ct-beige-d);border-radius:22px 22px 8px 8px;padding:20px 22px 16px}
.ct-scr-head,.ct-scr-foot{display:flex;align-items:center;gap:.7rem;font:500 10.5px/1.3 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;color:#5d574c}
.ct-scr-head{margin-bottom:12px}
.ct-scr-head select{margin-left:auto;font:500 11px var(--ct-mono);letter-spacing:.06em;background:var(--ct-ivory);color:var(--ct-ink);border:1px solid var(--ct-beige-s);border-radius:4px;padding:6px 8px;min-height:32px}
.ct-scr-foot{justify-content:space-between;margin-top:12px;letter-spacing:.06em;text-transform:none;flex-wrap:wrap}
.ct-led{width:8px;height:8px;border-radius:50%;background:#c74335;box-shadow:0 0 0 2px rgba(199,67,53,.18);animation:ct-blink 1.6s ease-in-out infinite}
@keyframes ct-blink{50%{opacity:.35}}
.ct-scr{position:relative;height:clamp(300px,42vh,420px);overflow:auto;background:var(--ct-scr);border-radius:12px;box-shadow:inset 0 0 0 4px #15171a,inset 0 0 60px rgba(0,0,0,.6);padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#3E434C transparent}
.ct-scr::after{content:"";position:sticky;bottom:-22px;margin-top:auto;left:0;right:0;flex:none;height:0}
.ct-scr::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);border-radius:12px}
.ct-msg{max-width:84%;padding:.6rem .8rem;border-radius:6px;font:400 15px/1.45 var(--ct-serif);animation:ct-line .3s ease forwards}
.ct-msg .ct-who{display:block;font:500 9.5px/1 var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-bottom:.35rem}
.ct-msg.ct-shopper{align-self:flex-start;background:#f4f1e6;color:#1d1a16}
.ct-msg.ct-agent{align-self:flex-end;background:#33363c;color:#efeadc;border:1px solid #4a4e56}
.ct-call{align-self:flex-end;font:400 12px/1.4 var(--ct-mono);color:var(--ct-green);letter-spacing:.02em;padding:.2rem 0;max-width:92%;text-align:right;animation:ct-line .3s ease forwards}
.ct-call b{font-weight:500;color:#c8f0b2}
.ct-call .ct-res{color:#d9d3c3}
.ct-call .ct-bad{color:#ff9a8a}
.ct-end{align-self:center;margin-top:.4rem;font:500 11px/1 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-green);border:1.5px solid var(--ct-green);padding:.45rem .7rem;border-radius:3px}
.ct-mac-chin{display:flex;align-items:center;gap:.8rem;justify-content:space-between;background:linear-gradient(180deg,var(--ct-beige-m),#d4cfc1);border:1px solid var(--ct-beige-d);border-top:0;border-radius:0 0 12px 12px;padding:10px 22px;font:500 10px var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;color:#6d675b}
.ct-mac-chin i{width:120px;height:6px;border-radius:3px;background:#b3ae9f;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}

/* ---------- how it ran: pinned cards on paper ---------- */
.ct-board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.ct-pin-card{position:relative;background:var(--ct-white);border:1px solid rgba(70,50,20,.16);padding:1.6rem 1.25rem 1.3rem;box-shadow:0 18px 26px -20px rgba(60,40,20,.5);transform:rotate(var(--r,0deg));transition:transform .25s ease}
.ct-pin-card:hover{transform:rotate(0deg) translateY(-3px)}
.ct-pin{position:absolute;left:50%;top:-18px;width:30px;height:36px;margin-left:-15px}
.ct-pin-card .ct-big{font-size:clamp(2.2rem,1.6rem + 1.6vw,3.1rem);margin:.2rem 0 .5rem}
#ct .ct-pin-card h3{font:700 1.08rem/1.2 var(--ct-disp);letter-spacing:-.02em;margin-bottom:.55rem}
.ct-pin-card p{font-size:1rem;line-height:1.45}
/* rating plate (machine family): riveted metal spec plate */
.ct-plate{position:relative;margin:clamp(2.4rem,4vw,3.4rem) auto 0;max-width:760px;background:linear-gradient(160deg,#e9e6db,#d9d5c7);border:1px solid var(--ct-beige-s);border-radius:6px;padding:1.3rem 2rem 1.4rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 22px -16px rgba(40,30,10,.45)}
.ct-plate-hd{display:block;font:500 10.5px var(--ct-mono);letter-spacing:.18em;text-transform:uppercase;color:#5d574c;border-bottom:1px solid var(--ct-beige-s);padding-bottom:.6rem;margin-bottom:.4rem}
.ct-plate dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem 1.6rem}
.ct-plate dl div{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px dashed var(--ct-beige-s)}
.ct-plate dt{font:500 10.5px/1.3 var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:#6d675b}
.ct-plate dd{margin:0;font:500 13px/1.3 var(--ct-mono);color:var(--ct-ink);text-align:right}
.ct-screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4f1e6,#9a9588);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.ct-screw:nth-of-type(1){left:8px;top:8px}.ct-screw:nth-of-type(2){right:8px;top:8px}.ct-screw:nth-of-type(3){left:8px;bottom:8px}.ct-screw:nth-of-type(4){right:8px;bottom:8px}

/* ---------- the 25 categories: labels on a kraft board ---------- */
.ct-cats{background:var(--ct-kraft) repeating-linear-gradient(90deg,rgba(80,52,16,.05) 0 1px,transparent 1px 4px)}
.ct-cats .ct-eyebrow{color:#7a1c14}
.ct-cats .ct-lede{color:#3b2a10}
.ct-sort,.ct-seg{display:inline-flex;flex-wrap:wrap;gap:0;border:1.5px solid var(--ct-ink);border-radius:3px;overflow:hidden;margin-bottom:1.6rem;background:var(--ct-white)}
.ct-sort button,.ct-seg button{border:0;background:transparent;color:var(--ct-ink);font:500 10.5px/1 var(--ct-mono) !important;letter-spacing:.12em;text-transform:uppercase;padding:.75rem .95rem;cursor:pointer;min-height:40px}
.ct-sort button+button,.ct-seg button+button{border-left:1.5px solid var(--ct-ink)}
.ct-sort button[aria-pressed=true],.ct-seg button[aria-pressed=true]{background:var(--ct-ink);color:var(--ct-ivory)}
.ct-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:22px 18px}
.ct-lbl{position:relative;cursor:pointer;background:var(--ct-white);color:var(--ct-ink);border:1px solid var(--ct-rule);padding:16px 16px 14px;text-align:left;display:grid;gap:8px;align-content:start;min-height:220px;transform:rotate(var(--r,0deg));box-shadow:0 14px 20px -16px rgba(60,35,10,.55);transition:transform .2s ease}
.ct-lbl:hover{transform:rotate(0deg) translateY(-4px)}
.ct-lbl-open{position:absolute;inset:0;z-index:1;background:transparent;border:0;cursor:pointer;padding:0}
.ct-ic{width:28px;height:28px;stroke:var(--ct-ink);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ct-hd{font:500 9.5px/1.2 var(--ct-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ct-mute)}
.ct-nm{font:700 1.2rem/1.08 var(--ct-disp);letter-spacing:-.025em}
.ct-chips{display:flex;gap:4px;flex-wrap:wrap}
.ct-chips span{font:400 10px var(--ct-mono);border:1px solid var(--ct-rule);padding:2px 5px;color:var(--ct-mute)}
.ct-pc{font:700 2.4rem/1 var(--ct-disp);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.ct-pc small{font:500 10px var(--ct-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ct-mute);margin-left:.4rem}
.ct-meter{height:4px;background:var(--ct-oat);overflow:hidden}
.ct-meter i{display:block;height:100%;background:var(--ct-ink)}
.ct-row{display:flex;justify-content:space-between;font:400 10.5px var(--ct-mono);letter-spacing:.03em;color:var(--ct-mute);border-top:1px solid var(--ct-rule);padding-top:6px}
.ct-lbl-watch{position:relative;z-index:2;justify-self:start;font:500 10px/1 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ct-ink);color:var(--ct-ivory);border:0;padding:.6rem .7rem;cursor:pointer;min-height:32px}
.ct-lbl-watch:hover{background:var(--ct-red)}
/* label families, one per kind of product (from carttrace-site, in kraft and ink) */
.ct-f-tag{clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 18px);background:var(--ct-kraft-t);border-color:var(--ct-kraft-d)}
.ct-f-tag::before{content:"";position:absolute;top:8px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ct-kraft);box-shadow:inset 0 0 0 1.5px var(--ct-kraft-d)}
.ct-f-tag .ct-ic{margin-top:8px}
.ct-f-panel{border:2px solid var(--ct-ink);background:#fff}
.ct-f-panel .ct-hd{font:800 15px/1 var(--ct-disp);letter-spacing:-.01em;text-transform:none;color:var(--ct-ink);border-bottom:6px solid var(--ct-ink);padding-bottom:4px}
.ct-f-panel .ct-row{border-top:1px solid var(--ct-ink)}
.ct-f-plate{background:linear-gradient(160deg,#e9e6db,#d9d5c7);border-color:var(--ct-beige-s);border-radius:4px}
.ct-f-plate::before,.ct-f-plate::after{content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:#9a9588}
.ct-f-plate::before{left:8px}.ct-f-plate::after{right:8px}
.ct-f-plate .ct-nm{font:500 14px var(--ct-mono);letter-spacing:.06em;text-transform:uppercase}
.ct-f-receipt{background:#fff;border:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),95% 100%,90% calc(100% - 6px),85% 100%,80% calc(100% - 6px),75% 100%,70% calc(100% - 6px),65% 100%,60% calc(100% - 6px),55% 100%,50% calc(100% - 6px),45% 100%,40% calc(100% - 6px),35% 100%,30% calc(100% - 6px),25% 100%,20% calc(100% - 6px),15% 100%,10% calc(100% - 6px),5% 100%,0 calc(100% - 6px))}
.ct-f-receipt .ct-nm{font:500 14px var(--ct-mono);text-transform:uppercase;letter-spacing:.06em;text-align:center;border-bottom:1px dashed var(--ct-rule);padding-bottom:6px}
.ct-f-receipt .ct-row{border-top:1px dashed var(--ct-rule)}
.ct-f-card{background:#fff linear-gradient(transparent 27px,#d8e3ee 28px) 0 34px/100% 28px;box-shadow:inset 22px 0 0 -21px #e9a99b,0 14px 20px -16px rgba(60,35,10,.55)}
.ct-f-box{background:var(--ct-oat);border:0;box-shadow:inset 0 0 0 6px var(--ct-oat),inset 0 0 0 7px var(--ct-mute),0 14px 20px -16px rgba(60,35,10,.55)}
.ct-f-packet{background:linear-gradient(#e7d9b8 0 34px,var(--ct-white) 34px);border-color:var(--ct-kraft-d)}
.ct-f-packet::before{content:"";position:absolute;inset:30px 0 auto;border-top:1px dashed var(--ct-kraft-d)}
.ct-f-ticket{background:#efe3cf;border:0;-webkit-mask:radial-gradient(circle 10px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 10px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat}

/* ---------- findings: one idea per screen ---------- */
.ct-found{background:var(--ct-paper)}
.ct-find{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(3rem,6vw,5rem) 0;border-top:1px dashed var(--ct-rule)}
#ct .ct-say h3{font:700 clamp(1.3rem,1.05rem + .8vw,1.75rem)/1.15 var(--ct-disp);letter-spacing:-.03em;margin:.8rem 0 .9rem;max-width:26rem}
.ct-say p{max-width:30rem;font-size:1.08rem}
.ct-fig{margin:0;background:var(--ct-white);border:1px solid rgba(70,50,20,.16);padding:1.4rem 1.4rem 1.2rem;box-shadow:0 18px 26px -22px rgba(60,40,20,.5)}
.ct-fig svg{width:100%;height:auto;display:block}
.ct-fig .ct-seg{margin-bottom:1.1rem}
.ct-bars{display:grid;gap:.55rem}
.ct-hbar{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr 3.6rem;align-items:center;gap:.8rem;font:400 11.5px/1.25 var(--ct-mono);color:var(--ct-body)}
.ct-hbar .ct-t{height:12px;background:var(--ct-oat)}
.ct-hbar .ct-t i{display:block;height:100%;transition:width .5s ease}
.ct-hbar b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums;color:var(--ct-ink)}
.ct-gap{font:11px var(--ct-mono);color:var(--ct-mute)}
.ct-svgt{font:400 11px var(--ct-mono);fill:var(--ct-mute)}
.ct-svgn{font:700 24px var(--ct-disp);fill:var(--ct-ink);letter-spacing:-.03em}
.ct-ctl{display:flex;align-items:center;gap:.9rem;font:500 10.5px var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute);margin-bottom:.6rem}
.ct-ctl input{flex:1;accent-color:var(--ct-red)}
.ct-ctl b{font:700 1.4rem var(--ct-disp);color:var(--ct-ink)}
.ct-legend{display:flex;gap:1.2rem;flex-wrap:wrap;font:400 11px var(--ct-mono);color:var(--ct-mute);margin-top:.6rem}
.ct-legend i{display:inline-block;width:12px;height:3px;margin-right:.45rem;vertical-align:middle}
.ct-sw-a{background:var(--ct-mute)}.ct-sw-b{background:var(--ct-red)}

/* ---------- what's in the box: a packing list ---------- */
.ct-box{background:var(--ct-paper);border-top:1px dashed var(--ct-rule)}
.ct-pack{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.ct-slip{background:var(--ct-white);border:1px solid rgba(70,50,20,.18);padding:1.5rem 1.5rem 1.3rem;transform:rotate(-.6deg);box-shadow:0 22px 30px -24px rgba(60,40,20,.55);font:400 13px/1.45 var(--ct-mono)}
.ct-slip-hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ct-ink);padding-bottom:.5rem;margin-bottom:.4rem}
.ct-slip-hd b{font:700 1.15rem var(--ct-disp);letter-spacing:-.02em;text-transform:none}
.ct-slip-hd span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute)}
.ct-slip-sub{margin-top:1.3rem}
.ct-slip table{width:100%;border-collapse:collapse}
.ct-slip th,.ct-slip td{padding:.45rem 0;border-bottom:1px dashed var(--ct-rule);font:400 12.5px var(--ct-mono);text-align:left;color:var(--ct-body)}
.ct-slip td{text-align:right;color:var(--ct-ink);font-weight:500}
.ct-holds{list-style:none;margin:0;padding:0}
.ct-holds li{display:grid;grid-template-columns:9.5rem 1fr;gap:.6rem;padding:.42rem 0;border-bottom:1px dashed var(--ct-rule);font-size:11.5px;color:var(--ct-mute)}
.ct-holds li b{font-weight:500;color:var(--ct-ink)}
.ct-holds li::before{content:"\2713";position:absolute;margin-left:-1.1rem;color:var(--ct-red)}
.ct-slip-foot{margin-top:1rem !important;font-size:10.5px;color:var(--ct-mute)}
.ct-pack-figs{display:grid;gap:1.6rem}
.ct-stack{display:flex;height:22px;margin:.4rem 0 1rem;border:1px solid var(--ct-ink)}
.ct-stack i{display:block}
.ct-stages{display:grid;gap:.5rem}
.ct-stg{display:grid;grid-template-columns:12px 9rem 3rem 1fr;gap:.6rem;align-items:baseline;font:400 11.5px var(--ct-mono)}
.ct-sw{width:12px;height:12px;align-self:center}
.ct-stg b{font-weight:500;color:var(--ct-ink)}
.ct-num{text-align:right;font-variant-numeric:tabular-nums}
.ct-tools{color:var(--ct-mute);font-size:10.5px}

/* ---------- take it with you: shipping labels ---------- */
.ct-get{background:var(--ct-kraft) repeating-linear-gradient(90deg,rgba(80,52,16,.05) 0 1px,transparent 1px 4px)}
.ct-get .ct-eyebrow{color:#7a1c14}
.ct-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem)}
.ct-label{position:relative;display:grid;gap:.3rem;background:var(--ct-white);color:var(--ct-ink);text-decoration:none;border:2px solid var(--ct-ink);padding:0 1.2rem 1.1rem;box-shadow:0 22px 26px -20px rgba(60,35,10,.6);transition:transform .2s ease}
.ct-label:nth-child(1){transform:rotate(-1.2deg)}.ct-label:nth-child(2){transform:rotate(.8deg)}.ct-label:nth-child(3){transform:rotate(-.4deg)}
.ct-label:hover{transform:rotate(0) translateY(-4px)}
.ct-lb-top{display:flex;justify-content:space-between;margin:0 -1.2rem .9rem;padding:.55rem 1.2rem;background:var(--ct-ink);color:var(--ct-ivory);font:500 10px var(--ct-mono);letter-spacing:.14em;text-transform:uppercase}
.ct-lb-to{font:500 10px var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ct-red)}
.ct-label b{font:700 1.9rem/1 var(--ct-disp);letter-spacing:-.045em}
.ct-lb-sub{font:italic 400 1.02rem/1.35 var(--ct-serif);color:var(--ct-body)}
.ct-lb-bar{height:30px;margin:.8rem 0 .3rem;background:repeating-linear-gradient(90deg,#1d1a16 0 2px,transparent 2px 4px,#1d1a16 4px 5px,transparent 5px 8px,#1d1a16 8px 11px,transparent 11px 12px)}
.ct-lb-go{font:500 11px var(--ct-mono);letter-spacing:.1em;text-transform:uppercase}
.ct-label.ct-soon .ct-lb-go{color:var(--ct-mute)}
.ct-cite{margin-top:clamp(2rem,4vw,3rem);background:var(--ct-white);border:1px dashed var(--ct-kraft-d);padding:1.2rem 1.4rem;max-width:760px}
.ct-cite pre{margin:0;white-space:pre-wrap;font:400 12px/1.6 var(--ct-mono);color:var(--ct-ink)}

/* ---------- measure your store: a shipping label you fill in ---------- */
.ct-measure{background:var(--ct-paper)}
.ct-ship{max-width:980px;margin:0 auto;background:var(--ct-white);border:2.5px solid var(--ct-ink);box-shadow:0 30px 40px -28px rgba(60,40,20,.6);transform:rotate(-.5deg)}
.ct-ship-top{display:flex;justify-content:space-between;padding:.7rem 1.4rem;background:var(--ct-ink);color:var(--ct-ivory);font:500 10.5px var(--ct-mono);letter-spacing:.16em;text-transform:uppercase}
.ct-ship-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.ct-ship-from,.ct-ship-to{padding:1.6rem 1.6rem 1.8rem}
.ct-ship-from{border-right:2.5px solid var(--ct-ink)}
.ct-ship-from b{display:block;font:700 1.6rem/1 var(--ct-disp);letter-spacing:-.04em;margin:.4rem 0 .8rem;color:var(--ct-ink)}
.ct-ship-from p{font-size:1.05rem}
#ct .ct-ship-to h2{font:700 clamp(2rem,1.4rem + 2vw,3rem)/1 var(--ct-disp);letter-spacing:-.05em;margin:.3rem 0 1.1rem}
.ct-ship-to label{display:grid;gap:.35rem;margin-bottom:.9rem;font:500 10px var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute)}
.ct-ship-to input{font:400 16px var(--ct-mono);color:var(--ct-ink);background:transparent;border:0;border-bottom:1.5px solid var(--ct-ink);padding:.55rem .1rem;outline:none;text-transform:none;letter-spacing:0}
.ct-ship-to input:focus{border-bottom-color:var(--ct-red)}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* the submit is the site's red postage stamp */
.ct-stamp{display:grid;gap:3px;text-align:left;margin-top:.6rem;padding:1rem 1.3rem;background:var(--ct-red);color:#fbf3e4;border:0;cursor:pointer;outline:2px dashed #fbf3e4;outline-offset:-8px;box-shadow:0 10px 16px -10px rgba(80,20,10,.6);transition:transform .2s ease}
.ct-stamp small{font:500 9.5px/1 var(--ct-mono);letter-spacing:.16em;text-transform:uppercase;color:#f3dcb2}
.ct-stamp b{font:700 1.3rem/1.05 var(--ct-disp);letter-spacing:-.03em}
.ct-stamp:hover{transform:rotate(-1.5deg) translateY(-2px)}
.ct-note{font:400 10.5px/1.5 var(--ct-mono);color:var(--ct-mute);margin-top:.9rem !important}
.ct-err{font:500 11px var(--ct-mono);color:var(--ct-red);margin-top:.5rem !important}
.ct-basis{max-width:980px;margin:2.2rem auto 0 !important;font:400 10.5px/1.6 var(--ct-mono);color:var(--ct-mute);text-align:center}

/* ---------- drawer and theatre ---------- */
.ct-drawer{position:fixed;inset:0;z-index:300;display:none}
.ct-drawer[open]{display:block}
.ct-scrim{position:absolute;inset:0;background:rgba(29,26,22,.45)}
.ct-sheet{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);overflow:auto;background:var(--ct-paper);padding:2rem 1.8rem 2.4rem;box-shadow:-20px 0 40px -20px rgba(0,0,0,.4);animation:ct-in .25s ease}
@keyframes ct-in{from{transform:translateX(30px);opacity:0}}
#ct-drawer h2,#ct-theatre h2{font:700 2.2rem/1 "Inter Tight",sans-serif;letter-spacing:-.045em;color:#1d1a16;margin:.2rem 0 .8rem}
#ct-drawer h3{font:700 1rem "Inter Tight",sans-serif;letter-spacing:-.01em;color:#1d1a16;margin:1.6rem 0 .7rem}
#ct-drawer .ct-lede{font:400 1.08rem/1.5 "EB Garamond",Georgia,serif;color:#2c2620}
#ct-drawer p{margin:.8rem 0 0}
.ct-drawer .ct-eyebrow{font:500 11px/1.3 "SuisseMono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#a8322a;margin:0}
.ct-dgrid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}
.ct-dgrid div{background:#fffdf8;border:1px solid #d6cdb8;padding:.8rem}
.ct-dgrid b{display:block;font:700 1.8rem/1 "Inter Tight",sans-serif;letter-spacing:-.04em;color:#1d1a16}
.ct-dgrid span{font:400 10.5px/1.4 "SuisseMono",monospace;color:#7c6f59}
.ct-drawer .ct-hbar{display:grid;grid-template-columns:10rem 1fr 3rem;align-items:center;gap:.7rem;font:400 11px/1.25 "SuisseMono",monospace;color:#2c2620}
.ct-drawer .ct-hbar .ct-t{height:10px;background:#e3dacc}
.ct-drawer .ct-hbar .ct-t i{display:block;height:100%}
.ct-drawer .ct-hbar b{text-align:right;font-weight:500}
.ct-drawer .ct-bars{display:grid;gap:.45rem}
.ct-drawer .ct-cap{font:400 10.5px/1.5 "SuisseMono",monospace;color:#7c6f59}
.ct-saw{padding-left:1.1rem;font:400 1.02rem/1.5 "EB Garamond",Georgia,serif;color:#2c2620}
.ct-saw li{margin:.3rem 0}
.ct-btn{display:inline-flex;align-items:center;gap:.4rem;font:500 10.5px/1 "SuisseMono",monospace;letter-spacing:.12em;text-transform:uppercase;padding:.75rem .95rem;min-height:40px;border:1.5px solid #1d1a16;background:#fffdf8;color:#1d1a16;cursor:pointer;text-decoration:none}
.ct-btn:hover{background:#1d1a16;color:#fbf8ef}
.ct-btn-ink{background:#1d1a16;color:#fbf8ef}
.ct-btn-ink:hover{background:#a8322a;border-color:#a8322a}
.ct-close{float:right}
.ct-theatre .ct-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column;background:linear-gradient(180deg,#F0EDE0,#E0DCCF);border:1px solid #C4C0B3;border-radius:20px;padding:1.4rem 1.4rem 1.1rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.ct-t-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}
.ct-theatre .ct-cap{font:400 11px/1.45 "SuisseMono",monospace;color:#6d675b;margin:0}
.ct-t-body{height:min(52vh,480px)}
.ct-t-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}
.ct-t-ctl{display:flex;gap:.5rem;flex-wrap:wrap}
.ct-theatre .ct-msg{font:400 15px/1.45 "EB Garamond",Georgia,serif}
.ct-theatre .ct-call{font:400 12px/1.4 "SuisseMono",monospace}

/* ---------- responsive ---------- */
@media(max-width:1100px){.ct-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 1.4rem}.ct-plate dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .ct-hero-in,.ct-find,.ct-pack,.ct-ship-grid{grid-template-columns:1fr}
  .ct-receipt{transform:rotate(1deg);margin-top:.6rem}
  .ct-labels{grid-template-columns:1fr;max-width:460px}
  .ct-ship-from{border-right:0;border-bottom:2.5px solid var(--ct-ink)}
}
@media(max-width:600px){
  .ct-wrap{width:calc(100% - 32px)}
  #ct{font-size:18px}
  .ct-board{grid-template-columns:1fr}
  .ct-plate{padding:1.2rem 1.2rem}
  .ct-plate dl{grid-template-columns:1fr}
  .ct-wall{grid-template-columns:1fr 1fr;gap:16px 12px}
  .ct-lbl{min-height:200px;padding:12px}
  .ct-pc{font-size:2rem}
  .ct-hbar{grid-template-columns:minmax(6.5rem,8.5rem) 1fr 3rem;gap:.5rem;font-size:10.5px}
  .ct-stg{grid-template-columns:12px 7rem 2.6rem;}.ct-tools{grid-column:2/-1}
  .ct-holds li{grid-template-columns:1fr;gap:.1rem}
  .ct-fig{padding:1.1rem 1rem}
  .ct-msg{max-width:94%;font-size:14.5px}
  .ct-mac-bezel{padding:14px 12px 12px;border-radius:16px 16px 6px 6px}
  .ct-scr-head{flex-wrap:wrap}.ct-scr-head select{margin-left:0;flex:1 0 100%}
  .ct-ship-top span:last-child{display:none}
}
@media(min-width:1900px){#ct{font-size:21px}.ct-wrap{width:min(1440px,calc(100% - 96px))}}

/* the site's table and button layers reach in: hold the packing list and the small buttons to their own look */
#ct .ct-slip th,#ct .ct-slip td{background:none !important;text-transform:none !important;letter-spacing:.01em !important;font:400 12.5px/1.4 var(--ct-mono) !important;border:0 !important;border-bottom:1px dashed var(--ct-rule) !important;padding:.45rem 0 !important;color:var(--ct-body) !important}
#ct .ct-slip td{text-align:right !important;color:var(--ct-ink) !important;font-weight:500 !important}
#ct .ct-slip table{border:0 !important;margin:0 !important}
#ct .ct-lbl-watch{font:500 10px/1 var(--ct-mono) !important;letter-spacing:.12em !important}
#ct .ct-stamp b{font:700 1.3rem/1.05 var(--ct-disp) !important}
#ct .ct-stamp small{font:500 9.5px/1 var(--ct-mono) !important}
#ct section{scroll-margin-top:72px}
.ct-pc small{display:block;margin:.3rem 0 0 !important}
@media(max-width:600px){.ct-sort button,.ct-seg button{padding:.7rem .7rem}.ct-row{flex-wrap:wrap;gap:.2rem .6rem}}

/* axis rows under every bar chart: the scale is always written down */
.ct-axis{margin-top:.2rem}
.ct-ax{display:flex;justify-content:space-between;border-top:1px solid var(--ct-ink);padding-top:.3rem}
.ct-ax em{font:400 10px/1 var(--ct-mono);font-style:normal;color:var(--ct-mute)}
.ct-drawer .ct-ax{border-top:1px solid #1d1a16}
/* alignment: labels sit on one line beside their marks */
.ct-hbar{grid-template-columns:minmax(10rem,14rem) 1fr 4.2rem}
.ct-stg{grid-template-columns:12px 10.5rem 2.8rem 1fr;align-items:start}
.ct-sw{align-self:start;margin-top:2px}
.ct-holds li{grid-template-columns:11.5rem 1fr}
@media(max-width:600px){.ct-hbar{grid-template-columns:minmax(7rem,9rem) 1fr 3.2rem}.ct-stg{grid-template-columns:12px 1fr 2.8rem}.ct-holds li{grid-template-columns:1fr}}
.ct-cite-hd{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem}
.ct-cite-hd .ct-n{margin:0}
.ct-cite{max-width:none}
.ct-label.ct-soon{cursor:default}

/* ---------- v2: calmer, research-first (owner, 26 Oct). Paper throughout; kraft only on the labels themselves. ---------- */
.ct-watch,.ct-cats,.ct-get{background:var(--ct-paper);border:0}
.ct-sec+.ct-sec{border-top:1px solid var(--ct-rule)}
.ct-watch .ct-eyebrow,.ct-cats .ct-eyebrow,.ct-get .ct-eyebrow{color:var(--ct-red)}
.ct-watch .ct-lede,.ct-cats .ct-lede{color:var(--ct-body)}
.ct-receipt{transform:rotate(.8deg)}
.ct-lbl{transform:rotate(calc(var(--r,0deg) * .35))}
.ct-lbl{box-shadow:0 10px 16px -14px rgba(60,35,10,.45)}

/* watch one: text left, a tall screen right, the whole section inside one laptop screen */
.ct-watch{padding:clamp(3rem,6vw,5rem) 0}
.ct-watch-in{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,4vw,3.6rem);align-items:center}
.ct-watch .ct-head{margin:0}
.ct-pick{display:grid;gap:.4rem;margin-top:1.6rem;max-width:20rem;font:500 10.5px/1 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute)}
.ct-pick select{font:500 13px/1 var(--ct-mono);letter-spacing:.02em;text-transform:none;color:var(--ct-ink);background:var(--ct-white);border:1.5px solid var(--ct-ink);border-radius:0;padding:.7rem .7rem;min-height:44px}
.ct-pmeta{margin-top:.8rem !important;font:400 11px/1.5 var(--ct-mono);color:var(--ct-mute);letter-spacing:.03em}
.ct-mac{max-width:none;margin:0;filter:drop-shadow(0 22px 24px rgba(60,35,10,.22))}
.ct-mac-bezel{border-radius:16px;padding:14px 14px 14px}
.ct-scr{height:clamp(380px,calc(100vh - 230px),640px)}
.ct-scr-head{margin-bottom:10px}
.ct-ep{margin-left:auto;letter-spacing:.04em;text-transform:none;color:#7c766a}

/* how it ran: a plain numbered list, no cards */
.ct-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem clamp(1.4rem,3vw,2.4rem)}
.ct-steps li{border-top:2px solid var(--ct-ink);padding-top:1rem}
.ct-steps b{display:block;font:700 clamp(2rem,1.5rem + 1.4vw,2.8rem)/1 var(--ct-disp);letter-spacing:-.05em;color:var(--ct-ink);margin:.2rem 0 .6rem;font-variant-numeric:tabular-nums}
.ct-steps p{font-size:1rem;line-height:1.45}
.ct-specs{margin-top:2.4rem !important;padding-top:1rem;border-top:1px dashed var(--ct-rule);font:400 11.5px/1.7 var(--ct-mono);color:var(--ct-mute);letter-spacing:.02em}

/* the data, the paper and the code */
.ct-pack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.ct-slip{transform:none;box-shadow:0 14px 22px -20px rgba(60,40,20,.45)}
.ct-pack-side .ct-labels{grid-template-columns:1fr;gap:1rem}
.ct-pack-side .ct-label,.ct-pack-side .ct-label:nth-child(n){transform:none;padding-bottom:.9rem;box-shadow:0 12px 18px -16px rgba(60,35,10,.45)}
.ct-pack-side .ct-label b{font-size:1.5rem}
.ct-pack-side .ct-lb-top{margin-bottom:.6rem}
.ct-pack-side .ct-lb-bar{height:22px;margin:.5rem 0 .2rem}
.ct-label.ct-soon:hover{transform:none}
.ct-cite{margin-top:2rem;border-color:var(--ct-rule)}

/* your store: one line and one row */
.ct-measure{padding:clamp(4rem,8vw,6.5rem) 0}
.ct-ask{max-width:980px}
#ct .ct-ask h2{font:700 clamp(1.8rem,1.2rem + 2vw,2.8rem)/1.05 var(--ct-disp);letter-spacing:-.04em}
.ct-ask .ct-lede{margin-top:.8rem}
.ct-ask-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1.2rem;align-items:end;margin-top:1.8rem}
.ct-ask-row label{display:grid;gap:.35rem;font:500 10px var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute)}
.ct-ask-row input{font:400 16px var(--ct-mono);color:var(--ct-ink);background:transparent;border:0;border-bottom:1.5px solid var(--ct-ink);padding:.6rem .1rem;outline:none;text-transform:none;letter-spacing:0;min-width:0}
.ct-ask-row input:focus{border-bottom-color:var(--ct-red)}
.ct-ask .ct-stamp{margin:0}

@media(max-width:1100px){.ct-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ct-watch-in,.ct-pack{grid-template-columns:1fr}.ct-scr{height:min(70vh,520px)}.ct-ask-row{grid-template-columns:1fr}}
@media(max-width:600px){.ct-steps{grid-template-columns:1fr}}
/* 27-inch and up: the site's type scales up from 1900px; this page follows */
@media(min-width:1900px){#ct,.ct-drawer .ct-sheet,.ct-theatre .ct-stage{zoom:1.3}#ct{font-size:19px}.ct-wrap{width:min(1180px,calc(100% - 48px))}.ct-scr{height:clamp(380px,calc(100vh / 1.3 - 230px),640px)}}

/* category picker: a paper card of names, not the system menu */
.ct-pick{position:relative;display:grid;gap:.45rem;margin-top:1.6rem;max-width:22rem}
.ct-pick-lb{font:500 10.5px/1 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute)}
.ct-pick-btn{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:var(--ct-white);border:1.5px solid var(--ct-ink);padding:.75rem .9rem;cursor:pointer;color:var(--ct-ink)}
#ct .ct-pick-btn b{font:600 1.15rem/1.1 var(--ct-disp);letter-spacing:-.02em}
#ct .ct-pick-btn span{font:500 10px/1 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-red)}
.ct-pick-btn:hover{background:var(--ct-ivory)}
.ct-pick-list{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:min(34rem,calc(100vw - 32px));margin:0;padding:.6rem;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 .6rem;background:var(--ct-white);border:1.5px solid var(--ct-ink);box-shadow:0 22px 30px -18px rgba(40,25,5,.45);max-height:min(60vh,26rem);overflow:auto}
.ct-pick-list[hidden]{display:none}
.ct-pick-list li{font:400 1.05rem/1.25 var(--ct-serif);color:var(--ct-ink);padding:.45rem .55rem;border-bottom:1px dashed var(--ct-rule);cursor:pointer;outline:none}
.ct-pick-list li:hover,.ct-pick-list li:focus{background:var(--ct-oat)}
.ct-pick-list li[aria-selected=true]{color:var(--ct-red);font-weight:500}
.ct-pick-list li[aria-selected=true]::before{content:"\2713  "}
@media(max-width:600px){.ct-pick-list{grid-template-columns:1fr}}
/* no rules between sections (owner, 26 Oct) */
.ct-sec+.ct-sec{border-top:0}
.ct-find{border-top:0}
#ct .ct-pick-list li{text-transform:none !important;letter-spacing:0 !important;font:400 1.05rem/1.25 "EB Garamond",Garamond,Georgia,serif !important}

/* v2.1 (owner, 26 Oct): fewer template tells, same system. */
/* findings: one big number opens the section; the rest sit smaller, and the layout alternates */
#ct .ct-find .ct-big{font-size:clamp(2.2rem,1.7rem + 1.6vw,3.1rem);letter-spacing:-.045em}
#ct .ct-find:first-of-type .ct-big{font-size:clamp(3.2rem,2rem + 4vw,5.6rem)}
#ct .ct-find:nth-of-type(even){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
#ct .ct-find:nth-of-type(even) .ct-say{order:2}
#ct .ct-find:nth-of-type(even) .ct-fig{order:1}
@media(max-width:900px){#ct .ct-find:nth-of-type(even){grid-template-columns:1fr}#ct .ct-find:nth-of-type(even) .ct-say{order:0}}
/* category labels: a quiet link, not a black block */
#ct .ct-lbl-watch{background:none !important;color:var(--ct-ink) !important;padding:.35rem 0 !important;min-height:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ct-red);font:500 10px/1 var(--ct-mono) !important;letter-spacing:.1em !important}
#ct .ct-lbl-watch:hover{color:var(--ct-red) !important;background:none !important}
/* two tints from the earlier CartTrace link, on the label families only */
#ct .ct-f-ticket{background:#d9d4f2}
#ct .ct-f-packet{background:linear-gradient(#c5d0b4 0 34px,var(--ct-white) 34px);border-color:#9aab80}
#ct .ct-f-packet::before{border-top-color:#9aab80}

/* rhythm: tighter gaps between sections and findings (owner's full-page capture, 26 Oct) */
.ct-sec{padding:clamp(3.2rem,6vw,5.5rem) 0}
.ct-find{padding:clamp(2rem,4vw,3.4rem) 0}
.ct-found .ct-head{margin-bottom:.6rem}
.ct-measure{padding:clamp(3rem,6vw,4.5rem) 0}
#ct .ct-msg{animation:none}
/* paired bars (worst/best quarter; asked/not asked): one label, two thin bars */
.ct-pair{display:grid;gap:.25rem;padding:.35rem 0;border-bottom:1px dashed var(--ct-rule)}
.ct-pair-l{font:400 11.5px/1.2 var(--ct-mono);color:var(--ct-body)}
.ct-pair .ct-hbar{grid-template-columns:0 1fr 4.2rem;gap:.6rem}
.ct-pair .ct-hbar .ct-t{height:9px}
.ct-legend-top{margin:0 0 .8rem}
.ct-sw-a{background:var(--ct-red)}.ct-sw-b{background:var(--ct-ink)}
#ct .ct-big small{font-size:.4em;letter-spacing:0;color:var(--ct-mute);font-weight:500;vertical-align:middle}
#ct-var-stack{height:22px;margin:0 0 1rem}

/* the list: four types as radio cards */
.ct-types{border:0;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.ct-types legend{font:500 10.5px/1 var(--ct-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ct-mute);margin-bottom:.7rem;padding:0}
.ct-types label{position:relative;cursor:pointer}
.ct-types input{position:absolute;opacity:0;width:1px;height:1px}
.ct-types span{display:grid;gap:.25rem;height:100%;padding:.85rem .9rem;background:var(--ct-white);border:1.5px solid var(--ct-rule);font:400 .98rem/1.3 var(--ct-serif);color:var(--ct-body)}
#ct .ct-types b{font:600 1rem/1.15 var(--ct-disp);letter-spacing:-.02em;color:var(--ct-ink)}
.ct-types input:checked+span{border-color:var(--ct-ink);box-shadow:inset 0 0 0 1px var(--ct-ink);background:#fff}
.ct-types input:focus-visible+span{outline:3px solid #2B6CB0;outline-offset:2px}
.ct-next{margin-top:1.2rem;padding:1rem 1.2rem;background:var(--ct-white);border-left:3px solid var(--ct-red);font:400 1.05rem/1.45 var(--ct-serif);color:var(--ct-body)}
.ct-next b{font-family:var(--ct-disp);color:var(--ct-ink)}
@media(max-width:900px){.ct-types{grid-template-columns:1fr 1fr}}
.ct-credit{margin-top:1rem !important;font:400 11.5px/1.6 var(--ct-mono);color:var(--ct-mute);max-width:36rem}.ct-credit a{color:var(--ct-ink)}

/* launch pass (27 Oct): breathing room at laptop widths; paired-chart axes line up; the link cards fill the packing list's height */
.ct-wrap{width:min(1180px,calc(100% - clamp(48px,9vw,160px)))}
.ct-pair-ax{border-bottom:0;padding:0}
.ct-pack{align-items:stretch}
.ct-pack-side,.ct-pack-side .ct-labels{height:100%}
.ct-pack-side .ct-labels{display:grid;grid-template-rows:repeat(3,1fr)}
.ct-pack-side .ct-label{display:flex;flex-direction:column}
.ct-pack-side .ct-lb-bar{margin-top:auto}
.ct-holds li{grid-template-columns:10rem 1fr}
@media(max-width:900px){.ct-pack-side .ct-labels{grid-template-rows:none}.ct-pack-side,.ct-pack-side .ct-labels{height:auto}}

/* ---------- launch: one chart form per finding ---------- */
#ct h1,#ct h2,#ct h3{text-wrap:balance}
#ct .ct-lede,#ct p{text-wrap:pretty}
.ct-head{max-width:52rem}
/* the journey track */
.ct-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ct-stop{position:relative;min-height:112px;padding:.55rem .6rem .6rem;background:var(--ct-white);border:1px solid var(--ct-rule);display:flex;flex-direction:column;overflow:hidden}
.ct-stop i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--f) * 100%);background:#ece4d2;transition:height .6s}
.ct-stop.hot{border-color:var(--ct-red)}.ct-stop.hot i{background:#f0c9b8}
.ct-stop>*{position:relative}
.ct-stop-n{font:500 9.5px/1 var(--ct-mono);letter-spacing:.1em;color:var(--ct-mute)}
.ct-stop b{font:700 1.25rem/1 var(--ct-disp);letter-spacing:-.03em;color:var(--ct-ink);margin:.45rem 0 .3rem}
.ct-stop.hot b{color:var(--ct-red)}
.ct-stop-l{font:400 .92rem/1.2 var(--ct-serif);color:var(--ct-body);margin-top:auto}
.ct-track-key{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem !important;font:400 10.5px/1.4 var(--ct-mono);color:var(--ct-mute)}
/* dumbbells */
.ct-db{display:grid;gap:.15rem}
.ct-db-row{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr;align-items:center;gap:1rem;padding:.55rem 0;border-bottom:1px dashed var(--ct-rule)}
.ct-db-l{font:400 1rem/1.2 var(--ct-serif);color:var(--ct-body)}
.ct-db-t{position:relative;height:28px;margin-right:1.4rem}
.ct-db-t .ln{position:absolute;top:50%;height:2px;background:var(--ct-soft);transform:translateY(-50%)}
.ct-db-t .dt{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%)}
.ct-db-t .dt.w{background:var(--ct-red)}.ct-db-t .dt.b{background:var(--ct-ink)}
.ct-db-t .dt em{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font:500 10px/1 var(--ct-mono);font-style:normal;color:var(--ct-body);white-space:nowrap}
.ct-db-ax{border-bottom:0;padding-top:.2rem}
.ct-db-ax .ct-db-t{height:16px;border-top:1px solid var(--ct-ink)}
.ct-db-ax em{position:absolute;top:4px;transform:translateX(-50%);font:400 10px/1 var(--ct-mono);font-style:normal;color:var(--ct-mute)}
/* grouped columns */
.ct-cols{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;height:260px;padding:22px 0 0 2.6rem}
.ct-cols-grid{position:absolute;left:2.6rem;right:0;top:22px;bottom:42px;border-bottom:1px solid var(--ct-ink);background:linear-gradient(var(--ct-rule) 1px,transparent 1px) 0 0/100% 50%}
.ct-cols-grid em{position:absolute;left:-2.6rem;transform:translateY(50%);font:400 10px/1 var(--ct-mono);font-style:normal;color:var(--ct-mute)}
.ct-col-g{position:relative;display:grid;grid-template-rows:1fr 42px}
.ct-col-pair{display:flex;align-items:flex-end;justify-content:center;gap:8px}
.ct-col{position:relative;width:34%;max-width:46px;min-height:2px}
.ct-col.no{background:var(--ct-red)}.ct-col.yes{background:var(--ct-ink)}
.ct-col b{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font:500 11px/1 var(--ct-mono);color:var(--ct-ink)}
.ct-col-l{align-self:start;padding-top:.5rem;text-align:center;font:400 .95rem/1.2 var(--ct-serif);color:var(--ct-body)}
/* waffle */
.ct-waffle-wrap{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center}
.ct-waffle{display:grid;grid-template-columns:repeat(10,18px);gap:3px}
.ct-waffle i{display:block;width:18px;height:18px}
.ct-waffle-key{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ct-waffle-key li{display:grid;grid-template-columns:14px 4rem 1fr;gap:.6rem;align-items:baseline}
.ct-waffle-key i{width:14px;height:14px;display:block;align-self:center}
.ct-waffle-key b{font:700 1.15rem/1 var(--ct-disp);letter-spacing:-.02em;color:var(--ct-ink)}
.ct-waffle-key span{font:400 1rem/1.25 var(--ct-serif);color:var(--ct-body)}
/* dials */
.ct-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ct-dial{display:grid;justify-items:center;text-align:center;gap:.25rem}
.ct-dial svg{width:96px;height:96px}
.ct-dial .bg{fill:none;stroke:var(--ct-oat);stroke-width:8}
.ct-dial .fg{fill:none;stroke:var(--ct-ink);stroke-width:8;stroke-linecap:butt}
.ct-dial .fg.low{stroke:var(--ct-red)}
.ct-dial b{font:700 1.5rem/1 var(--ct-disp);letter-spacing:-.03em;color:var(--ct-ink);margin-top:.2rem}
.ct-dial span{font:400 .95rem/1.25 var(--ct-serif);color:var(--ct-body)}
.ct-dial em{font:400 10px/1 var(--ct-mono);font-style:normal;color:var(--ct-mute)}
/* the list, centred */
.ct-ask{margin:0 auto;text-align:center}
#ct .ct-ask h2{margin:0 auto}
.ct-ask .ct-lede{margin-left:auto !important;margin-right:auto !important}
.ct-types{max-width:56rem;margin-left:auto;margin-right:auto;text-align:left}
.ct-types legend{text-align:center;width:100%}
.ct-ask-row{max-width:56rem;margin-left:auto;margin-right:auto;text-align:left}
.ct-note,.ct-err{text-align:center}
.ct-next{max-width:56rem;margin-left:auto;margin-right:auto;text-align:left}
@media(max-width:700px){.ct-track{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-waffle-wrap{grid-template-columns:1fr}.ct-dials{grid-template-columns:1fr}.ct-db-row{grid-template-columns:1fr}.ct-cols{height:230px;gap:.6rem}}
#ct .ct-ask h2{text-align:center !important}
@media(max-width:700px){.ct-br{display:none}}
#ct .ct-head h2{max-width:none}

/* launch pass 2 (27 Oct evening): calmer hero, a real pipeline for How it ran */
#ct .ct-hero h1{font-size:clamp(2.6rem,1.5rem + 3.6vw,4.6rem);line-height:1;letter-spacing:-.04em}
.ct-hero-lede{font-size:clamp(1.2rem,1.05rem + .45vw,1.45rem) !important;line-height:1.4 !important;color:var(--ct-ink) !important;max-width:30rem !important;margin-top:1.4rem !important}
.ct-facts{list-style:none;margin:1.6rem 0 0;padding:1rem 0 0;border-top:1px solid var(--ct-rule);display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:.4rem 2.2rem}
.ct-facts li{display:grid;gap:.2rem}
.ct-facts b{font:700 1.45rem/1 var(--ct-disp);letter-spacing:-.03em;color:var(--ct-ink)}
.ct-facts span{font:400 10.5px/1.2 var(--ct-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ct-mute)}
.ct-hero .ct-credit{margin-top:1.2rem !important}
.ct-pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1.5px solid var(--ct-ink);background:var(--ct-white)}
.ct-pipe li{position:relative;padding:1.3rem 1.3rem 1.4rem}
.ct-pipe li+li{border-left:1px dashed var(--ct-rule)}
.ct-pipe li+li::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:var(--ct-white);border-top:1.5px solid var(--ct-ink);border-right:1.5px solid var(--ct-ink);transform:translateY(-50%) rotate(45deg)}
.ct-pipe b{display:block;font:700 clamp(1.9rem,1.5rem + 1vw,2.5rem)/1 var(--ct-disp);letter-spacing:-.045em;color:var(--ct-ink);margin:.5rem 0 .55rem}
.ct-pipe p{font:400 1rem/1.4 var(--ct-serif);color:var(--ct-body)}
.ct-run{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.2rem 0 0;gap:1rem}
.ct-run div{display:grid;gap:.25rem}
.ct-run dt{font:500 10px/1 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ct-mute)}
.ct-run dd{margin:0;font:400 1.02rem/1.3 var(--ct-serif);color:var(--ct-ink)}
@media(max-width:900px){.ct-pipe{grid-template-columns:1fr 1fr}.ct-pipe li:nth-child(3){border-left:0}.ct-pipe li:nth-child(n+3){border-top:1px dashed var(--ct-rule)}.ct-pipe li:nth-child(3)::before{display:none}.ct-run{grid-template-columns:1fr 1fr}.ct-facts{grid-template-columns:repeat(2,auto)}}
@media(max-width:560px){.ct-pipe{grid-template-columns:1fr}.ct-pipe li+li{border-left:0;border-top:1px dashed var(--ct-rule)}.ct-pipe li+li::before{display:none}}

/* launch pass 3 */
.ct-tip{position:fixed;z-index:400;max-width:18rem;padding:.5rem .65rem;background:#1d1a16;color:#fbf8ef;font:400 12px/1.35 "SuisseMono",monospace;letter-spacing:.01em;pointer-events:none;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
#ct [data-tip]{cursor:default}
.ct-hero-lede{max-width:34rem !important}
#ct .ct-lede{max-width:44rem}
#ct figcaption{margin-top:.9rem;font-size:10.5px}
/* category labels: one height per row, details pinned to the bottom, no tilt */
#ct .ct-wall{grid-auto-rows:1fr;gap:18px}
#ct .ct-lbl{transform:none !important;display:flex;flex-direction:column;gap:6px;min-height:0}
#ct .ct-lbl .ct-pc{margin-top:auto;padding-top:.6rem}
#ct .ct-lbl:hover{transform:translateY(-3px) !important}
/* drawer: wider label column so step names stay on one line */
.ct-drawer .ct-hbar{grid-template-columns:13.5rem 1fr 2.6rem}
/* get the data: three plain link rows instead of black-headed labels */
#ct .ct-pack-side .ct-labels{grid-template-rows:none;height:auto;gap:0;border:1.5px solid var(--ct-ink);background:var(--ct-white)}
#ct .ct-pack-side,#ct .ct-pack{align-items:start}
#ct .ct-pack-side .ct-label{transform:none !important;box-shadow:none;border:0;border-radius:0;padding:1.3rem 1.4rem;display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center}
#ct .ct-pack-side .ct-label+.ct-label{border-top:1px dashed var(--ct-rule)}
#ct .ct-pack-side .ct-lb-top,#ct .ct-pack-side .ct-lb-bar{display:none}
#ct .ct-pack-side .ct-lb-to{grid-column:1}
#ct .ct-pack-side .ct-label b{grid-column:1;font-size:1.45rem}
#ct .ct-pack-side .ct-lb-sub{grid-column:1}
#ct .ct-pack-side .ct-lb-go{grid-column:2;grid-row:1 / span 3;align-self:center;font:500 10.5px/1.3 var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute);text-align:right;max-width:8rem}
#ct a.ct-label:not(.ct-soon):hover{background:#fff}
#ct .ct-lbl-watch{align-self:flex-start;text-align:left}
.ct-drawer .ct-hbar{grid-template-columns:17rem 1fr 2.6rem}
#ct .ct-pack-side .ct-lb-go{max-width:none;white-space:nowrap}
@media(max-width:600px){.ct-drawer .ct-hbar{grid-template-columns:10rem 1fr 2.4rem}}

/* launch pass 4: rhythm. Sections sit closer, headings one size down, no empty columns */
.ct-sec{padding:clamp(2.6rem,4.5vw,3.8rem) 0}
.ct-hero{padding:clamp(2.4rem,5vw,4rem) 0 clamp(2.4rem,4vw,3.4rem)}
.ct-head{margin-bottom:clamp(1.6rem,2.6vw,2.4rem)}
#ct .ct-head h2{font-size:clamp(1.9rem,1.3rem + 1.9vw,2.85rem);line-height:1.06}
#ct .ct-lede{font-size:clamp(1.08rem,1rem + .3vw,1.24rem);margin-top:.8rem}
.ct-find{padding:clamp(1.6rem,3vw,2.6rem) 0}
.ct-found .ct-head{margin-bottom:0}
/* get the data: three links across, then the packing list as one wide sheet in two columns */
#ct .ct-pack{display:flex;flex-direction:column;gap:1.4rem}
#ct .ct-pack-side{order:-1}
#ct .ct-pack-side .ct-labels{display:grid;grid-template-columns:repeat(3,1fr)}
#ct .ct-pack-side .ct-label+.ct-label{border-top:0;border-left:1px dashed var(--ct-rule)}
#ct .ct-pack-side .ct-label{grid-template-columns:1fr}
#ct .ct-pack-side .ct-lb-go{grid-column:1;grid-row:auto;text-align:left;margin-top:.5rem}
#ct .ct-slip{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;align-items:start}
#ct .ct-slip>.ct-slip-hd:first-child{grid-column:1;grid-row:1}
#ct .ct-slip>table{grid-column:1;grid-row:2}
#ct .ct-slip>.ct-slip-sub{grid-column:2;grid-row:1;margin-top:0}
#ct .ct-slip>.ct-holds{grid-column:2;grid-row:2}
#ct .ct-slip>.ct-slip-foot{grid-column:1 / -1;grid-row:3}
@media(max-width:860px){#ct .ct-pack-side .ct-labels{grid-template-columns:1fr}#ct .ct-pack-side .ct-label+.ct-label{border-left:0;border-top:1px dashed var(--ct-rule)}#ct .ct-slip{grid-template-columns:1fr}#ct .ct-slip>*{grid-column:1 !important;grid-row:auto !important}#ct .ct-slip>.ct-slip-sub{margin-top:1.2rem}}
#ct .ct-pack-side,#ct .ct-pack-side .ct-labels{width:100%}

/* pass 5: section heads use the full width (heading left, text right); hero facts boxed; the data as one dataset card */
@media(min-width:960px){
 #ct .ct-head{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(2rem,5vw,5rem);align-items:end}
 #ct .ct-head .ct-eyebrow{grid-column:1 / -1}
 #ct .ct-head h2{grid-column:1}
 #ct .ct-head .ct-lede{grid-column:2;margin:0 0 .35rem;max-width:none}
 #ct .ct-watch .ct-head{display:block}
 #ct .ct-watch .ct-head .ct-lede{margin-top:.8rem}
}
#ct .ct-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:1.6rem 0 0;padding:0;border:1.5px solid var(--ct-ink);background:var(--ct-white);max-width:36rem}
#ct .ct-facts div{padding:.75rem .9rem .8rem;display:flex;flex-direction:column-reverse;gap:.3rem}
#ct .ct-facts div+div{border-left:1px dashed var(--ct-rule)}
#ct .ct-facts dd{margin:0;font:700 1.5rem/1 var(--ct-disp);letter-spacing:-.03em;color:var(--ct-ink)}
#ct .ct-facts dt{font:500 9.5px/1.25 var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute)}
#ct .ct-hero .ct-credit{font:400 11px/1.4 var(--ct-mono);letter-spacing:.04em;margin-top:.9rem !important}
.ct-card{border:1.5px solid var(--ct-ink);background:var(--ct-white)}
.ct-card-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;padding:1.3rem 1.5rem;border-bottom:1.5px solid var(--ct-ink)}
.ct-card-hd b{display:block;font:700 2rem/1 var(--ct-disp);letter-spacing:-.04em;color:var(--ct-ink);margin-top:.35rem}
.ct-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.ct-badges li{font:500 10px/1 var(--ct-mono);letter-spacing:.06em;color:var(--ct-body);border:1px solid var(--ct-rule);padding:.4rem .55rem;background:var(--ct-paper)}
#ct .ct-card .ct-labels{display:grid;grid-template-columns:repeat(3,1fr);border:0;border-bottom:1px solid var(--ct-rule);background:none}
#ct .ct-card .ct-label{transform:none !important;box-shadow:none;border:0;border-radius:0;padding:1.2rem 1.5rem;display:grid;gap:.2rem;background:none}
#ct .ct-card .ct-label+.ct-label{border-left:1px dashed var(--ct-rule)}
#ct .ct-card .ct-lb-top,#ct .ct-card .ct-lb-bar{display:none}
#ct .ct-card .ct-label b{font-size:1.35rem}
#ct .ct-card .ct-lb-go{font:500 10px/1 var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute);margin-top:.5rem}
.ct-card-body{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:1.4rem 1.5rem .4rem}
#ct .ct-card-body h3{font:700 1.05rem/1 var(--ct-disp);letter-spacing:-.02em;margin:0 0 .6rem;padding-bottom:.6rem;border-bottom:1.5px solid var(--ct-ink)}
#ct .ct-card table{width:100%;border-collapse:collapse}
#ct .ct-card th,#ct .ct-card td{background:none !important;text-transform:none !important;letter-spacing:.01em !important;font:400 12.5px/1.4 var(--ct-mono) !important;border:0 !important;border-bottom:1px dashed var(--ct-rule) !important;padding:.45rem 0 !important;color:var(--ct-body) !important;text-align:left}
#ct .ct-card td{text-align:right !important;color:var(--ct-ink) !important;font-weight:500 !important}
#ct .ct-card .ct-slip-foot{padding:.4rem 1.5rem 1.2rem;margin:0 !important}
#ct .ct-card .ct-holds li{grid-template-columns:10rem 1fr}
@media(max-width:860px){#ct .ct-facts{grid-template-columns:1fr 1fr}#ct .ct-facts div:nth-child(3){border-left:0}#ct .ct-facts div:nth-child(n+3){border-top:1px dashed var(--ct-rule)}#ct .ct-card .ct-labels,.ct-card-body{grid-template-columns:1fr}#ct .ct-card .ct-label+.ct-label{border-left:0;border-top:1px dashed var(--ct-rule)}}
#ct .ct-card table,#ct .ct-card tbody,#ct .ct-card tr{border:0 !important;outline:0;box-shadow:none !important;background:none !important}
#ct .ct-card .ct-holds li{font:400 11.5px/1.4 var(--ct-mono) !important;color:var(--ct-mute)}
#ct .ct-card .ct-holds li b{font:500 11.5px/1.4 var(--ct-mono) !important;color:var(--ct-ink)}
#ct .ct-card .ct-slip-foot{font:400 10.5px/1.5 var(--ct-mono) !important;color:var(--ct-mute)}
/* pass 6: no italics on this page; hero facts bigger, no credit line; data card as tiles + plain list */
#ct em,#ct i:not([class]),#ct .ct-lb-sub,#ct .ct-hook{font-style:normal !important}
#ct .ct-lb-sub{font:400 .98rem/1.4 var(--ct-disp) !important;color:var(--ct-body);letter-spacing:-.005em}
#ct .ct-facts{max-width:none;width:100%;margin-top:2rem}
#ct .ct-facts div{padding:1.1rem 1.2rem 1.15rem;flex-direction:column-reverse;justify-content:flex-end}
#ct .ct-facts dd{font-size:clamp(1.9rem,1.4rem + 1.2vw,2.5rem)}
#ct .ct-facts dt{font-size:10px;white-space:nowrap}
#ct .ct-hero .ct-actions{margin-top:1.8rem}
.ct-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ct-rule);border:1px solid var(--ct-rule)}
.ct-tiles div{background:var(--ct-white);padding:.9rem 1rem;display:grid;gap:.3rem}
.ct-tiles div:last-child:nth-child(odd){grid-column:1 / -1}
.ct-tiles b{font:700 1.6rem/1 var(--ct-disp);letter-spacing:-.035em;color:var(--ct-ink)}
.ct-tiles span{font:500 10px/1.2 var(--ct-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mute)}
.ct-has{list-style:none;margin:0;padding:0}
.ct-has li{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--ct-rule);align-items:baseline}
.ct-has b{font:600 .98rem/1.3 var(--ct-disp);letter-spacing:-.01em;color:var(--ct-ink)}
.ct-has span{font:400 .95rem/1.35 var(--ct-disp);color:var(--ct-body)}
#ct .ct-card-body h3{font-size:1.1rem}
@media(max-width:600px){.ct-has li{grid-template-columns:1fr;gap:.15rem}#ct .ct-facts dt{white-space:normal}}
#ct .ct-facts dd{font-size:clamp(1.8rem,1.3rem + 1vw,2.25rem)}#ct .ct-facts div{padding:1.05rem 1.1rem}

/* pass 7: hero starts clear of the nav; Get the data = three actions + what's inside */
.ct-hero{padding-top:clamp(4.5rem,9vh,6.5rem) !important}
.ct-get3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ct-g{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.5rem 1.3rem;background:var(--ct-white);border:1.5px solid var(--ct-ink);text-decoration:none;color:var(--ct-ink);transition:transform .15s,box-shadow .15s}
a.ct-g[href]:hover{transform:translateY(-3px);box-shadow:0 14px 22px -16px rgba(40,25,5,.5)}
.ct-g .ct-n{color:var(--ct-red);margin:0}
.ct-g b{font:700 1.7rem/1 var(--ct-disp);letter-spacing:-.04em}
.ct-g p{font:400 1rem/1.4 var(--ct-disp);color:var(--ct-body)}
.ct-g code{margin-top:.4rem;font:400 11.5px/1.4 var(--ct-mono);background:var(--ct-paper);border:1px solid var(--ct-rule);padding:.55rem .65rem;color:var(--ct-ink);overflow-wrap:anywhere}
.ct-g .ct-lb-go{margin-top:auto;padding-top:.6rem;font:500 10.5px/1 var(--ct-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ct-ink)}
.ct-g.ct-soon .ct-lb-go{color:var(--ct-mute)}
.ct-incl{margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.ct-incl .ct-n{margin:0}
.ct-incl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ct-incl li{font:500 .9rem/1 var(--ct-disp);color:var(--ct-ink);border:1px solid var(--ct-rule);background:var(--ct-white);padding:.5rem .7rem}
.ct-lic{margin-top:1rem !important;font:400 10.5px/1.5 var(--ct-mono);color:var(--ct-mute)}
@media(max-width:860px){.ct-get3{grid-template-columns:1fr}}
#ct .ct-hero{padding-top:clamp(6rem,12vh,8rem) !important}.ct-g code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
/* hero credit: one plain line under the actions */
#ct .ct-hero .ct-credit{margin:1.3rem 0 0;font-family:var(--ct-mono);font-size:.74rem;font-style:normal;letter-spacing:.04em;color:var(--ct-mute)}