/* BAD APPLES: DARK CELL on orbitalranch.studio. Evidence Pulp: government paperwork, filled out by monsters.
   Tokens from the Dark Cell design system (Design Style/kit/tokens.css). Red (--marker) is only Tukkar's marker. */
:root{--ground:#0C0B11;--raised:#1B1922;--raised2:#24212d;--ink:#F1E8D8;--muted:#BDB3A4;--rule:#6A6474;--signal:#FF7A2B;--on-signal:#16131A;--truss:#E9A820;--marker:#FF5247;--pen:#9DBEFF;--paper:#E9E1CF;--paper-ink:#16131A;--paper-signal:#A83A06;--paper-pen:#1C3A9E;--paper-muted:#4E463E;--goom:#050409;--lilac:#D9CFF0;--aqua:#A8E3DA;
--a-abigail:#E9A820;--a-tukkar:#E5764A;--a-nym:#D9CFF0;--a-vesk:#4FD1BE;--a-lio:#BC9BF0;--a-kellen:#AEB6C4;
--f-display:"Dela Gothic One",Impact,sans-serif;--f-pulp:Shrikhand,Georgia,serif;--f-stack:"Chakra Petch","Arial Narrow",sans-serif;--f-data:"Martian Mono",Menlo,monospace;--f-body:"Bricolage Grotesque",Verdana,sans-serif;
--f-abigail:"Nanum Pen Script",cursive;--f-tukkar:"Permanent Marker",cursive;--f-nym:"Homemade Apple",cursive;--f-dash:"Rock Salt",cursive;--f-ledger:Gaegu,cursive;--f-pip:"Over the Rainbow",cursive;--f-vane:"La Belle Aurore",cursive;--f-lio:"Covered By Your Grace",cursive;--f-note:Caveat,cursive;
--chamfer:14px;--w:1180px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--signal)}
a:hover{color:var(--truss)}
:focus-visible{outline:3px solid var(--truss);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:8px;top:8px;background:var(--signal);color:var(--on-signal);padding:8px 12px;z-index:99}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
@media (max-width:640px){.wrap{padding:0 16px}}

/* bar */
.dc-bar{position:sticky;top:0;z-index:50;background:rgba(12,11,17,.94);backdrop-filter:blur(8px);border-bottom:1px solid #2a2733}
.dc-bar .in{max-width:var(--w);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:18px;height:58px}
.dc-bar .home{font-family:var(--f-stack);font-weight:700;letter-spacing:.12em;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap}
.dc-bar .home:hover{color:var(--ink)}
.dc-bar .mark{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-family:var(--f-display);font-size:17px;letter-spacing:.01em;white-space:nowrap}
.dc-bar .mark svg{width:20px;height:22px;color:var(--signal)}
.dc-bar nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.dc-bar nav::-webkit-scrollbar{display:none}
.dc-bar nav a{font-family:var(--f-stack);font-weight:700;font-size:12.5px;letter-spacing:.1em;color:var(--muted);text-decoration:none;padding:7px 10px;border-radius:2px;white-space:nowrap}
.dc-bar nav a:hover{color:var(--ink);background:var(--raised)}
.dc-bar nav a[aria-current=page]{color:var(--on-signal);background:var(--signal)}
@media (max-width:860px){.dc-bar{position:static}.dc-bar .in{height:auto;flex-wrap:wrap;padding:8px 16px;gap:4px 14px}.dc-bar nav{margin:0 -16px;padding:0 12px 6px;width:calc(100% + 32px);flex:0 0 auto}.dc-bar .mark{margin-left:auto}}

/* type */
.kicker{font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--signal);margin:0 0 10px}
h1,h2,h3{margin:0;font-weight:400}
.h-display{font-family:var(--f-display);line-height:.98;letter-spacing:-.01em}
.h-pulp{font-family:var(--f-pulp);line-height:1.05}
h2.sec{font-family:var(--f-display);font-size:clamp(30px,5vw,54px);line-height:1;margin:0 0 18px}
h3.sub{font-family:var(--f-pulp);font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0 0 10px}
.lede{font-size:clamp(18px,2.1vw,21px);line-height:1.55;color:var(--ink);max-width:62ch}
.prose{max-width:66ch}
.prose p{margin:0 0 1em}
.prose h3{font-family:var(--f-pulp);font-size:26px;line-height:1.1;margin:1.6em 0 .5em}
.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}
.prose blockquote{margin:1.2em 0;padding:0 0 0 18px;border-left:4px solid var(--signal);font-family:var(--f-pulp);font-size:24px;line-height:1.2}
.muted{color:var(--muted)}
.data{font-family:var(--f-data);font-size:12px;letter-spacing:.02em}
section.band{padding:72px 0}
section.band.tight{padding:44px 0}
section.band.alt{background:var(--raised)}
.rule{border:0;border-top:1px solid #2a2733;margin:0}

/* buttons and chips */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;padding:12px 18px;border:2px solid var(--ink);color:var(--ink);text-decoration:none;background:transparent;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.btn:hover{background:var(--ink);color:var(--ground)}
.btn.solid{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}
.btn.solid:hover{background:var(--truss);border-color:var(--truss);color:var(--on-signal)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--f-stack);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border:1.5px solid var(--rule);background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:7px;border-radius:2px}
.chip svg{width:18px;height:18px}
.chip:hover{color:var(--ink);border-color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}

/* label-maker tape (crew-world titles) */
.tape{display:inline-block;font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#f4f1ea;background:#141217;padding:6px 14px 5px;font-size:15px;line-height:1.2;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 2px 0 rgba(0,0,0,.6),0 0 0 1px #2f2c36;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.18);transform:rotate(var(--r,-1.2deg));clip-path:polygon(0 0,100% 0,calc(100% - 4px) 50%,100% 100%,0 100%,4px 50%)}
.tape.big{font-size:clamp(18px,2.6vw,24px);padding:8px 18px 7px}

/* stamps */
.stamp{display:inline-block;font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:3px solid currentColor;padding:4px 10px;font-size:14px;line-height:1.1;transform:rotate(var(--r,-6deg));white-space:nowrap;filter:url(#dc-ink)}
.stamp.at-large{color:var(--paper-signal)}

/* warrant cards */
.warrant{position:relative;background:var(--paper);color:var(--paper-ink);padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%);text-decoration:none;transition:transform .15s ease}
a.warrant:hover{transform:translateY(-3px) rotate(-.4deg);color:var(--paper-ink)}
a.warrant:focus-visible{outline-offset:-4px;outline-color:var(--paper-signal)}
.warrant .top{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:2px solid var(--paper-ink);padding-bottom:5px;font-family:var(--f-stack);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
.warrant .top .no{font-family:var(--f-data);font-weight:600;letter-spacing:.04em}
.warrant .glyph{height:74px;display:flex;align-items:center;justify-content:space-between;color:var(--paper-ink);margin:4px 0 0}
.warrant .glyph svg{height:70px;width:auto;max-width:70%}
.warrant h2,.warrant h3,.warrant h4{font-family:var(--f-pulp);font-weight:400;font-size:23px;line-height:1.05;margin:2px 0 2px;text-wrap:balance}
.warrant .hunt{font-family:var(--f-note);font-size:19px;line-height:1.1;color:var(--paper-pen);margin:0 0 2px}
.field{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #b9b0a0;padding:3px 0;font-family:var(--f-stack);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.field span:last-child{font-family:var(--f-data);font-size:10.5px;font-weight:400;text-transform:none;letter-spacing:0;text-align:right}
.warrant .stamp{position:absolute;right:12px;top:46px;font-size:12px;padding:3px 8px}

/* instant prints (Abigail's camera) */
.print{background:#f6f3ec;padding:10px 10px 0;box-shadow:0 10px 24px rgba(0,0,0,.45),0 1px 0 #fff inset;transform:rotate(var(--r,-1.5deg));color:#1d1a20;margin:0}
.print img{width:100%;aspect-ratio:var(--ar,1);object-fit:cover;object-position:var(--pos,50% 50%);background:#111}
.print figcaption{font-family:var(--f-abigail);font-size:23px;line-height:1.05;padding:8px 4px 12px;color:var(--paper-pen)}
.print:nth-child(3n+2){--r:1.2deg}.print:nth-child(3n){--r:-.6deg}

/* frames and figures */
.fig{margin:0}
.fig img{width:100%;height:auto;background:#000}
.fig figcaption{font-family:var(--f-data);font-size:11.5px;color:var(--muted);padding:8px 0 0;letter-spacing:.02em}
.devnote{font-family:var(--f-data);font-size:11.5px;color:var(--muted);border:1px dashed var(--rule);padding:8px 12px;display:inline-block}

/* hero */
.hero{position:relative;overflow:hidden;padding:56px 0 40px;min-height:min(86vh,760px);display:flex;align-items:center}
.hero .goom{position:absolute;right:-12vw;top:50%;width:min(92vw,980px);aspect-ratio:1;transform:translateY(-50%);color:var(--signal);opacity:.95;pointer-events:none}
.hero .goom svg{width:100%;height:100%;animation:spin 240s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero .in{position:relative;z-index:2}
.hero .bent{width:min(620px,92vw);color:var(--ink);display:block}
.hero .bent svg{width:100%;height:auto;display:block}
.hero .apples{font-family:var(--f-pulp);color:var(--signal);font-size:clamp(40px,7vw,80px);line-height:1;margin:6px 0 2px}
.hero .sub{font-family:var(--f-stack);font-weight:700;letter-spacing:.24em;font-size:clamp(14px,1.8vw,18px);margin:0 0 26px}
.hero .lede{margin:0 0 28px;text-shadow:0 2px 16px var(--ground)}
@media (max-width:760px){.hero{min-height:0;padding:36px 0 32px}.hero .goom{right:-40vw;top:24%;width:120vw;opacity:.55}}
.page-hero{padding:56px 0 30px}
.page-hero h1{font-family:var(--f-display);font-size:clamp(40px,7vw,84px);line-height:.95;margin:0 0 14px}
.page-hero .lede{margin:0}

/* lineup with hotspots */
.lineup{position:relative;background:#222024;border:1px solid #2a2733}
.lineup img{width:100%;height:auto}
.lineup a.spot{position:absolute;top:0;bottom:0;display:block;text-decoration:none}
.lineup a.spot span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);opacity:0;transition:opacity .15s}
.lineup a.spot:hover,.lineup a.spot:focus-visible{background:linear-gradient(to top,rgba(255,122,43,.22),transparent 55%)}
.lineup a.spot:hover span,.lineup a.spot:focus-visible span{opacity:1}
.lineup-names{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}
.lineup-names a{font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted);text-align:center;border-top:3px solid var(--c);padding-top:6px}
.lineup-names a:hover{color:var(--ink)}
@media (max-width:640px){.lineup-names{grid-template-columns:repeat(3,1fr)}.lineup a.spot span{display:none}}

/* grids */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr);gap:24px}}

/* door cards on the hub */
.door{position:relative;display:flex;flex-direction:column;background:var(--raised);text-decoration:none;color:var(--ink);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);transition:transform .15s}
.door:hover{transform:translateY(-3px);color:var(--ink)}
.door img{aspect-ratio:16/10;object-fit:cover;width:100%}
.door .t{padding:14px 16px 18px}
.door h3{font-family:var(--f-display);font-size:26px;line-height:1;margin:0 0 6px}
.door p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.5}
.door .go{font-family:var(--f-stack);font-weight:700;letter-spacing:.12em;font-size:12px;color:var(--signal);margin-top:10px;display:block}

/* lens list */
.lenses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#2a2733;border:2px solid #2a2733}
.lenses a{background:var(--ground);padding:18px;display:flex;gap:14px;align-items:flex-start;color:var(--ink);text-decoration:none}
.lenses a:hover{background:var(--raised)}
.lenses svg{width:46px;height:46px;flex:0 0 46px;color:var(--signal)}
.lenses b{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.1em;font-size:15px;display:block}
.lenses span{font-size:15px;color:var(--muted);line-height:1.45}
.lenses em{font-family:var(--f-data);font-style:normal;font-size:11px;color:var(--truss)}
@media (max-width:860px){.lenses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lenses{grid-template-columns:minmax(0,1fr)}}

/* the board */
.board-tools{padding:14px 0 12px;border-bottom:1px solid #2a2733}
.board-tools .row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:8px}
.board-tools .lbl{font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--rule);text-transform:uppercase;min-width:52px}
.board-tools input[type=search]{font:inherit;font-size:15px;background:var(--raised);color:var(--ink);border:1.5px solid var(--rule);padding:8px 12px;min-width:0;flex:1 1 220px;max-width:340px;border-radius:2px}
.board-tools .count{font-family:var(--f-data);font-size:12px;color:var(--truss);margin-left:auto}
.cork{background:#2b241d radial-gradient(circle at 20% 30%,#3a3026 0 1px,transparent 1.5px) 0 0/9px 9px;padding:26px;border:10px solid #3b2f22;box-shadow:inset 0 0 40px rgba(0,0,0,.5)}
@media (max-width:640px){.cork{padding:12px;border-width:6px}}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px}
@media (max-width:460px){.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board .warrant h3{font-size:18px}.board .warrant .glyph{height:54px}.board .warrant .glyph svg{height:50px}.board .warrant .stamp{display:none}}
.board .warrant{--tilt:0deg;transform:rotate(var(--tilt))}
.board .warrant:hover{transform:rotate(0) translateY(-3px)}
.board .pin{position:absolute;top:5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--truss);box-shadow:0 2px 2px rgba(0,0,0,.5);transform:translateX(-50%)}
.board .warrant[hidden]{display:none}
.empty{padding:40px;text-align:center;font-family:var(--f-note);font-size:28px;color:var(--paper)}

/* fugitive page */
.dossier{display:grid;grid-template-columns:330px minmax(0,1fr);gap:44px;align-items:start}
@media (max-width:860px){.dossier{grid-template-columns:minmax(0,1fr)}}
.dossier .warrant{padding:18px 18px 16px}
.dossier .warrant h2,.dossier .warrant h3{font-size:34px}
.dossier .warrant .glyph{height:120px}.dossier .warrant .glyph svg{height:110px}
.dossier .warrant .stamp{top:70px;font-size:15px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;background:#2a2733;border:2px solid #2a2733;margin:22px 0}
.facts div{background:var(--ground);padding:12px 14px}
.facts b{display:block;font-family:var(--f-stack);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rule);font-weight:700}
.facts span{font-size:15.5px}
.facts a{color:var(--ink)}
.note-nym{font-family:var(--f-nym);font-size:15px;line-height:2;color:var(--a-nym)}
.wanted{background:var(--paper);color:var(--paper-ink);padding:18px 20px;font-family:var(--f-stack);font-weight:600;font-size:16px;letter-spacing:.02em;border-left:8px solid var(--paper-signal)}
.wanted b{font-family:var(--f-display);font-weight:400;display:block;font-size:24px;margin-bottom:6px}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px 0;border-top:1px solid #2a2733;margin-top:40px}
.pager a{font-family:var(--f-stack);font-weight:700;letter-spacing:.08em;font-size:14px;text-decoration:none;max-width:48%}
.pager a small{display:block;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.14em}
.pager .next{text-align:right;margin-left:auto}

/* crew */
.apple{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start;padding:64px 0;border-top:1px solid #2a2733}
.apple:first-of-type{border-top:0}
@media (max-width:760px){.apple{grid-template-columns:minmax(0,1fr);gap:22px;padding:44px 0}.apple .side{max-width:260px}}
.apple .side{position:sticky;top:90px}
@media (max-width:760px){.apple .side{position:static}}
.apple h2{font-family:var(--f-display);font-size:clamp(36px,5vw,60px);line-height:.95;margin:14px 0 6px;color:var(--c)}
.apple .role{font-family:var(--f-stack);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--muted);margin:0 0 20px}
.sig{border-left:4px solid var(--c);padding:6px 0 6px 16px;margin:20px 0}
.sig b{font-family:var(--f-stack);font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:block;color:var(--c)}
.wont{font-family:var(--f-abigail);font-size:28px;line-height:1.1;color:var(--pen);margin:16px 0 0}
.machine{margin-top:26px;background:var(--raised);padding:12px;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px;align-items:center}
.machine img{aspect-ratio:3/2;object-fit:cover;width:100%}
.machine .data{color:var(--muted);margin:0}
@media (max-width:560px){.machine{grid-template-columns:minmax(0,1fr)}}
.pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:700px){.pairs{grid-template-columns:minmax(0,1fr)}}
.pairs p{margin:0;background:var(--raised);padding:16px 18px}
.mirror{background:var(--raised);padding:18px 20px}
.mirror h3{font-family:var(--f-pulp);font-size:26px;margin:0 0 4px}
.mirror .data{color:var(--truss);margin-bottom:8px;display:block}
.mirror p{margin:0;font-size:16px}

/* worlds: orrery */
.orrery{position:relative;width:min(100%,760px);aspect-ratio:1;margin:0 auto;border-radius:50%;container-type:size}
.orrery .ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(189,179,164,.22);border-radius:50%;transform:translate(-50%,-50%)}
.orrery .spin{position:absolute;inset:0;animation:spin var(--t,200s) linear infinite}
.orrery:hover .spin,.orrery:focus-within .spin{animation-play-state:paused}
.orrery .spin .orb-wrap{animation:spin var(--t,200s) linear infinite reverse}
.orrery:hover .orb-wrap,.orrery:focus-within .orb-wrap{animation-play-state:paused}
.orrery a.orb{position:absolute;left:50%;top:50%;width:var(--s,54px);height:var(--s,54px);margin:calc(var(--s,54px)/-2) 0 0 calc(var(--s,54px)/-2);border-radius:50%;display:block;transform:rotate(var(--a)) translateY(calc(var(--r)*-1)) rotate(calc(var(--a)*-1))}
.orrery a.orb img{width:100%;height:100%;border-radius:50%;transition:transform .15s;object-fit:cover}
.orrery a.orb:hover img,.orrery a.orb:focus-visible img{transform:scale(1.35)}
.orrery a.orb .lab{position:absolute;left:50%;top:100%;transform:translateX(-50%);font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:rgba(12,11,17,.85);padding:2px 6px;display:none;pointer-events:none;z-index:3}
.orrery a.orb:hover .lab,.orrery a.orb:focus-visible .lab{display:block}
.orrery .goomc{position:absolute;left:50%;top:50%;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#000 52%,var(--signal) 54%,#000 64%,rgba(255,122,43,.35) 70%,transparent 74%)}
.orrery .goomlab{position:absolute;left:50%;top:calc(50% + 8%);transform:translateX(-50%);font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--signal)}
.orrery-key{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;margin-top:14px;font-family:var(--f-data);font-size:11.5px;color:var(--muted)}
.planets{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px}
.planets a{text-decoration:none;color:var(--ink);text-align:center}
.planets img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;transition:transform .2s}
.planets a:hover img{transform:scale(1.06) rotate(4deg)}
.planets b{display:block;font-family:var(--f-display);font-size:19px;margin-top:8px;font-weight:400}
.planets span{font-family:var(--f-data);font-size:11px;color:var(--muted)}
.planets a[hidden]{display:none}
.region{padding:30px 0;border-top:1px solid #2a2733}
.places{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:16px}
.places div{background:var(--raised);padding:14px 16px}
.places b{font-family:var(--f-pulp);font-size:19px;display:block;margin-bottom:4px;font-weight:400}
.places p{margin:0;font-size:15px;color:var(--muted)}
/* place and region pictures (Galaxy Map Art), 2026-11-10 */
.places div img{display:block;width:calc(100% + 32px);max-width:none;height:auto;margin:-14px -16px 12px;aspect-ratio:3/2;object-fit:cover;background:#000}
.regfig{margin:14px 0 18px;max-width:760px}
.regfig img{aspect-ratio:2/1;object-fit:cover}
.placefig img{aspect-ratio:3/2;object-fit:cover}

/* people page */
.people-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:center}
@media (max-width:860px){.people-hero{grid-template-columns:minmax(0,1fr)}.people-hero .orbbig{max-width:300px}}
.orbbig img{width:100%;border-radius:50%;animation:float 9s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.sheet{background:#262428;padding:0}
.sheet img{width:100%}

/* ships */
.ships{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.ship{background:var(--raised);display:flex;flex-direction:column}
.ship button{all:unset;cursor:zoom-in;display:block}
.ship button:focus-visible{outline:3px solid var(--truss);outline-offset:-3px}
.ship img{aspect-ratio:3/2;object-fit:cover;width:100%;background:#000}
.ship .t{padding:14px 16px 18px}
.ship h3{font-family:var(--f-pulp);font-size:24px;margin:0 0 2px;font-weight:400}
.ship .cls{font-family:var(--f-data);font-size:11.5px;color:var(--truss);margin:0 0 10px}
.ship p{margin:0 0 6px;font-size:15.5px;line-height:1.5}
.ship .habit{color:var(--muted)}
.ship .habit b{font-family:var(--f-stack);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:700}
.ship[hidden]{display:none}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,4,9,.94);display:none;align-items:center;justify-content:center;padding:24px;flex-direction:column;gap:12px}
.lb.open{display:flex}
.lb img{max-width:min(1500px,96vw);max-height:82vh;width:auto;height:auto}
.lb p{font-family:var(--f-stack);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0;text-align:center}
.lb button{position:absolute;top:14px;right:14px}

/* life and notebook paper */
.paperpiece{margin:22px 0;display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.paperpiece figure{margin:0;max-width:300px;transform:rotate(var(--r,-1.4deg))}
.paperpiece figure:nth-child(2){--r:1.6deg}
.paperpiece img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));max-height:340px;width:auto}
.paperpiece figcaption{font-family:var(--f-data);font-size:11px;color:var(--muted);margin-top:8px}
.try{background:var(--raised);border-left:4px solid var(--truss);padding:12px 16px;margin:0 0 1em}
.try b{font-family:var(--f-stack);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--truss)}
.notebook{background:#efe8d6 repeating-linear-gradient(to bottom,transparent 0 33px,#c9d6e8 33px 34px);color:#1c1a22;padding:44px clamp(18px,5vw,64px) 54px clamp(30px,8vw,92px);position:relative;box-shadow:0 20px 40px rgba(0,0,0,.5);max-width:880px;margin:0 auto}
.notebook::before{content:"";position:absolute;top:0;bottom:0;left:clamp(20px,6vw,70px);border-left:2px solid rgba(181,16,26,.28)}
.notebook .entry{margin:0 0 46px}
.notebook h2{font-family:var(--f-abigail);font-size:clamp(30px,4vw,40px);line-height:1;color:var(--paper-pen);margin:0 0 12px}
.notebook p,.notebook li{font-family:var(--f-note);font-size:clamp(21px,2.4vw,25px);line-height:34px;margin:0 0 34px}
.notebook p{margin:0 0 0}
.notebook p+p{margin-top:34px}
.notebook ul{margin:34px 0;padding-left:1.1em}
.notebook li{margin:0}
.notebook .margin{display:block;font-size:22px;line-height:30px;transform:rotate(-1.2deg);margin:22px 0 22px 30px!important;padding:2px 10px;border-left:3px solid rgba(28,58,158,.35)}
.notebook .margin.dash{font-family:var(--f-dash);font-size:15px;color:#7a3b06;border-color:rgba(168,58,6,.45)}
.notebook .margin.abigail{font-family:var(--f-abigail);font-size:27px;color:var(--paper-pen)}
.notebook .stk{float:right;margin:4px -10px 12px 16px;transform:rotate(var(--r,4deg));max-width:46%}
.notebook .stk.l{float:left;margin:4px 16px 12px -10px;--r:-4deg}
.notebook .stk img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));height:auto}
.notebook .rota{font-family:var(--f-data);font-size:13.5px;line-height:34px;letter-spacing:.04em}
.notebook .clear{clear:both}
@media (max-width:560px){.notebook .stk{max-width:40%}}

/* design page */
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sw{background:var(--raised);padding:0 0 10px}
.sw i{display:block;height:74px;background:var(--c)}
.sw b{display:block;font-family:var(--f-stack);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px 2px}
.sw span{display:block;font-size:13.5px;color:var(--muted);padding:0 10px;line-height:1.4}
.specimens{display:grid;gap:2px;background:#2a2733;border:2px solid #2a2733}
.spec{background:var(--ground);display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:16px 18px;align-items:center}
@media (max-width:640px){.spec{grid-template-columns:minmax(0,1fr);gap:4px}}
.spec .who{font-family:var(--f-data);font-size:11.5px;color:var(--muted)}
.spec .who b{display:block;color:var(--ink);font-family:var(--f-stack);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.spec .s{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
.ba{position:relative;overflow:hidden;background:#000;user-select:none;touch-action:pan-y}
.ba img{width:100%;height:auto;display:block}
.ba .after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x,50%))}
.ba .after img{width:100%;height:100%;object-fit:cover}
.ba .handle{position:absolute;top:0;bottom:0;left:var(--x,50%);width:3px;background:var(--signal);transform:translateX(-50%);pointer-events:none}
.ba .handle::after{content:"\25C0\25B6";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--signal);color:var(--on-signal);font-size:11px;padding:7px 6px;letter-spacing:2px;white-space:nowrap}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .tag{position:absolute;bottom:10px;font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.14em;background:rgba(12,11,17,.85);padding:3px 8px;pointer-events:none}
.ba .tag.l{left:10px}.ba .tag.r{right:10px;color:var(--signal)}
.styler{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:820px){.styler{grid-template-columns:minmax(0,1fr)}}
.styler .opts{display:flex;flex-direction:column;gap:6px}
@media (max-width:820px){.styler .opts{flex-direction:row;flex-wrap:wrap}}
.styler .opts button{all:unset;cursor:pointer;font-family:var(--f-stack);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;border:1.5px solid var(--rule);color:var(--muted)}
.styler .opts button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.styler .opts button:focus-visible{outline:3px solid var(--truss)}
.styler .view img{width:100%;height:auto;background:#000}
.styler .view p{margin:10px 0 0;font-size:15.5px;color:var(--muted)}
.styler .view p b{color:var(--ink)}
.timeline{list-style:none;padding:0;margin:0;border-left:3px solid var(--signal)}
.timeline li{position:relative;padding:0 0 26px 26px}
.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;background:var(--ground);border:3px solid var(--signal);border-radius:50%}
.timeline b{font-family:var(--f-stack);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--truss);display:block}
.timeline p{margin:4px 0 0;max-width:62ch}
.rules{counter-reset:r;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.rules div{background:var(--raised);padding:18px 18px 18px 60px;position:relative}
.rules div::before{counter-increment:r;content:counter(r);position:absolute;left:16px;top:12px;font-family:var(--f-display);font-size:34px;color:var(--signal)}
.rules b{font-family:var(--f-pulp);font-size:21px;font-weight:400;display:block;margin-bottom:4px}
.rules p{margin:0;font-size:15.5px;color:var(--muted)}
.demo-row{display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.strike{position:relative;display:inline-block;font-family:var(--f-pulp);font-size:30px;color:var(--paper-ink)}
.strike svg{position:absolute;left:-6%;width:112%;top:28%;height:50%;color:var(--marker)}
.demo-paper{background:var(--paper);color:var(--paper-ink);padding:24px;display:flex;flex-wrap:wrap;gap:26px;align-items:center}
.demo-paper .stamp.cap{color:var(--paper-signal)}.demo-paper .stamp.turn{color:#6E4A00}.demo-paper .stamp.lost{color:var(--paper-pen)}.demo-paper .stamp.comp{color:var(--paper-muted)}.demo-paper .stamp.dead{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}
.rejects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.rejects figure{margin:0;background:var(--raised);padding:10px}
.rejects .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rejects img{aspect-ratio:1;object-fit:cover;width:100%;background:#000}
.rejects figcaption{font-family:var(--f-data);font-size:11.5px;color:var(--muted);margin-top:8px}
.rejects figcaption b{color:var(--ink);font-family:var(--f-stack);letter-spacing:.06em}
.heads{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.heads figure{margin:0;background:#1b1a1e;padding:8px}
.heads img{aspect-ratio:1;object-fit:contain;width:100%}
.heads figcaption{font-family:var(--f-data);font-size:11px;color:var(--muted);margin-top:6px}

/* footer */
.dc-foot{border-top:1px solid #2a2733;padding:34px 0 46px;margin-top:40px;font-size:14px;color:var(--muted)}
.dc-foot .in{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:flex-start}
.dc-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.dc-foot nav a{font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.12em;text-decoration:none;color:var(--muted)}
.dc-foot nav a:hover{color:var(--ink)}
.dc-foot p{margin:0 0 6px;max-width:64ch}
.dc-foot .ai a{color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-stack);font-weight:700;letter-spacing:.12em;font-size:12px;color:var(--ink);text-decoration:none;border:1.5px solid var(--rule);padding:8px 12px}
.badge:hover{border-color:var(--signal);color:var(--signal)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.notebook .rota+.rota{margin-top:0}
@media (max-width:460px){.board .warrant .top span:first-child{display:none}.board .warrant .top{justify-content:flex-end}}

/* the collage walkthrough (design page) */
.steps{list-style:none;padding:0;margin:34px 0 0;counter-reset:none}
.step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:30px 0;border-top:1px solid #2f2c38}
.step .sn{font-family:var(--f-display);font-size:44px;line-height:1;color:var(--signal)}
.step h3{font-family:var(--f-pulp);font-size:clamp(24px,3vw,32px);line-height:1.1;margin:0 0 10px;font-weight:400}
.step p{max-width:66ch;margin:0 0 14px}
@media (max-width:640px){.step{grid-template-columns:minmax(0,1fr);gap:4px}.step .sn{font-size:34px}}
.mats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0 10px}
@media (max-width:900px){.mats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.mats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mat{margin:0}.mat img{aspect-ratio:1;object-fit:contain;width:100%;background:#1b1922}
.mat figcaption{font-family:var(--f-data);font-size:11px;color:var(--muted);margin-top:6px;line-height:1.35}
.mirror-toy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;margin:18px 0 6px;background:var(--ground);padding:14px;border:1px solid #2f2c38}
.mt-src{position:relative;background:#1b1922}
.mt-src img{width:100%;height:auto}
.mt-src .axis{position:absolute;top:0;bottom:0;left:var(--ax,43%);width:2px;background:var(--signal);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.mt-out{background:#1b1922;display:flex;align-items:center;justify-content:center}
.mt-out canvas{width:100%;height:auto;display:block}
.mt-ctl{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.mt-ctl .opts{display:flex;gap:6px;flex-wrap:wrap}
.mt-ctl .opts button{all:unset;cursor:pointer;font-family:var(--f-stack);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:8px 11px;border:1.5px solid var(--rule);color:var(--muted)}
.mt-ctl .opts button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.mt-ctl .opts button:focus-visible{outline:3px solid var(--truss)}
.mt-range{display:flex;align-items:center;gap:10px;font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:1 1 220px}
.mt-range input{flex:1;accent-color:var(--signal);min-width:120px}
@media (max-width:700px){.mirror-toy{grid-template-columns:minmax(0,1fr)}}
.picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 6px}
@media (max-width:700px){.picks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pick{margin:0;background:#1b1922;padding:8px;border:2px solid transparent}
.pick img{aspect-ratio:1;object-fit:contain;width:100%}
.pick figcaption{font-family:var(--f-data);font-size:11px;color:var(--muted);margin-top:6px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.pick figcaption b{font-family:var(--f-stack);color:var(--signal);letter-spacing:.12em}
.pick figcaption span{font-family:var(--f-note);font-size:15px;color:var(--pen)}
.pick.chosen{border-color:var(--signal)}
.trials{display:flex;align-items:flex-end;gap:10px;overflow-x:auto;padding:12px 4px 10px;margin:14px 0 4px;scrollbar-color:var(--rule) transparent}
.trial{margin:0;flex:0 0 auto;width:calc(var(--w) / var(--h) * 230px);text-align:center}
.trial img{width:100%;height:auto}
.trial figcaption{font-family:var(--f-data);font-size:10.5px;color:var(--muted);margin-top:6px;line-height:1.35}
.trial figcaption b{display:block;font-family:var(--f-stack);color:var(--ink);letter-spacing:.06em;font-size:11.5px}
.trial.chosen figcaption b{color:var(--signal)}
.trial.chosen img{outline:2px solid var(--signal);outline-offset:3px}
.paintrules{margin-top:40px}
.work{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:center;margin-top:16px}
@media (max-width:560px){.work{grid-template-columns:minmax(0,1fr)}.work .print{max-width:190px}}

/* approved lineup: action studies on the crew page, before/after lineup on the design page */
.apple .act{margin-top:26px}
.apple .act figcaption b{color:var(--c,var(--ink));font-weight:600}
.relineup{margin-top:46px;display:grid;gap:18px}
.relineup p{max-width:68ch;margin:0}

/* SECURITY-STOCK:begin  Jesse's pick (2026-11-10): the paper from Abigail's notebook PDF, on every paper surface of
   the site. Pale blue banknote stock: guilloche rosette (Stack blue + Vesk aqua), fine wave lines, a microtext edge
   (FORM 7-G · THE STACK), grain, a faint THE STACK watermark, orange serials. Images from build/dark_cell_stock.py.
   Pasted scraps (.paperpiece) and instant prints (.print) keep their own cream and white on purpose: they read as
   things taped onto the file. No red here: red is Tukkar's marker only. */
:root{--paper:#E5E9EF;--stock-rule:#A3AFC4}
.warrant,.wanted,.demo-paper{background-color:var(--paper);
  background-image:url(img/stock/micro.svg),url(img/stock/micro.svg),url(img/stock/rosette.svg),url(img/stock/waves.svg),url(img/stock/noise.png);
  background-repeat:repeat-x,repeat-x,no-repeat,repeat,repeat;
  background-size:600px 6px,600px 6px,var(--ros,max(130%,300px)) auto,140px 36px,128px 128px;
  background-position:0 3px,0 calc(100% - 3px),50% 58%,0 0,0 0}
.wanted,.demo-paper{--ros:min(640px,100%)}
.wanted{background-position:0 3px,0 calc(100% - 3px),100% 50%,0 0,0 0;--ros:420px}
.warrant .top .no{color:var(--paper-signal)}
.field{border-bottom-color:var(--stock-rule)}
/* the notebook: one long sheet, so the rosette repeats down the page; the ruling stays on the 34px line grid */
.notebook{background-color:var(--paper);counter-reset:nbserial 2200;
  background-image:url(img/stock/micro.svg),url(img/stock/micro.svg),repeating-linear-gradient(to bottom,transparent 0 33px,#B8C4D8 33px 34px),url(img/stock/rosette.svg),url(img/stock/noise.png);
  background-repeat:repeat-x,repeat-x,repeat,repeat-y,repeat;
  background-size:600px 6px,600px 6px,auto,min(760px,120%) 1200px,128px 128px;
  background-position:0 6px,0 calc(100% - 6px),0 0,50% 0,0 0}
.notebook::before{border-left:3px double rgba(127,149,184,.75)}
.notebook .entry::before{counter-increment:nbserial;content:"N\00BA  0418-" counter(nbserial);display:block;text-align:right;font-family:var(--f-data);font-size:13px;line-height:34px;letter-spacing:.12em;color:var(--paper-signal)}
/* SECURITY-STOCK:end */

/* MOTION-SYSTEM:begin  shared across the whole site (2026-11-10). Page-to-page: the old page eases out and the
   new one rises in, so moving around feels like one place. Browsers without it just load the page. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: ors-vt-out .2s ease-in both; }
  ::view-transition-new(root) { animation: ors-vt-in .34s cubic-bezier(.2,.8,.2,1) both; }
}
@keyframes ors-vt-out { to { opacity: 0; scale: .985; } }
@keyframes ors-vt-in { from { opacity: 0; translate: 0 14px; } }
/* Scroll arrivals (see projects.css for the note). */
@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: view()) {
  main > section.band > .wrap { animation: ors-arrive linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; }
  .warrant, .door, .planets a, .machine, .people-hero .orbbig { animation: ors-arrive-s linear both; animation-timeline: view(); animation-range: entry 0% entry 80%; }
} }
@keyframes ors-arrive { from { opacity: 0; translate: 0 28px; } }
@keyframes ors-arrive-s { from { opacity: .15; translate: 0 22px; } }
/* MOTION-SYSTEM:end */

/* NOTEBOOK-SLIPS:begin  A page from Abigail's notebook, taped to a place, a warrant or a people (2026-11-10).
   Plain <details>: closed it shows her photo caption, open it shows the page. Works with no script.
   Text comes from build/dark_cell_journal.py (whole paragraphs of hers; a row of dots marks a skipped part). */
.nb-slip{position:relative;display:block;margin:22px 0 10px;max-width:560px;background:#F6F8FB;color:var(--paper-ink);border-left:3px double rgba(127,149,184,.9);box-shadow:3px 4px 0 rgba(0,0,0,.28);transform:rotate(-.5deg);text-align:left}
.nb-slip::before{content:"";position:absolute;top:-9px;left:calc(50% - 44px);width:88px;height:18px;background:rgba(233,168,32,.62);transform:rotate(-2deg);pointer-events:none}
.nb-slip summary,.nb-slip.nb-only{padding:15px 16px 12px 18px}
.nb-slip summary{display:block;list-style:none;cursor:pointer}
.nb-slip summary::-webkit-details-marker{display:none}
.nb-slip summary:focus-visible{outline:3px solid var(--paper-signal);outline-offset:-3px}
.nb-slip .nb-k{display:block;font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-signal)}
.nb-slip .nb-cap{display:block;font-family:var(--f-abigail);font-size:27px;line-height:1.02;color:var(--paper-pen);margin:5px 0 0;text-wrap:balance}
.nb-slip .nb-cap.nb-photo{font-size:23px;margin-top:8px;padding-top:7px;border-top:1px dashed var(--stock-rule)}
.nb-slip .nb-more{display:inline-block;margin-top:9px;font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-ink);border-bottom:2px solid var(--paper-signal)}
.nb-slip .nb-more::after{content:"Read her page \25B8"}
.nb-slip[open] .nb-more::after{content:"Fold it shut \25BE"}
.nb-slip summary:hover .nb-more{color:var(--paper-signal)}
.nb-slip .nb-body{padding:2px 16px 16px 18px;border-top:1px dashed var(--stock-rule)}
.nb-slip .nb-body p,.nb-slip .nb-body li{font-family:var(--f-body);font-size:15.5px;line-height:1.5;color:var(--paper-ink);margin:11px 0 0;max-width:none}
.nb-slip .nb-body ul{margin:6px 0 0;padding-left:1.15em}
.nb-slip .nb-body li{margin-top:7px}
.nb-slip .nb-body .nb-date{font-family:var(--f-abigail);font-size:24px;line-height:1.05;color:var(--paper-pen);margin-top:12px}
.nb-slip .nb-body .nb-cut{text-align:center;font-family:var(--f-data);font-size:13px;letter-spacing:.5em;color:var(--paper-muted);margin-top:9px}
.nb-slip .nb-body .nb-doch{font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:14px;padding-top:9px;border-top:2px solid var(--paper-ink)}
.nb-slip .nb-body .nb-doc{font-family:var(--f-data);font-size:11.5px;line-height:1.45;margin-top:5px;overflow-wrap:anywhere}
.nb-slip .nb-body .nb-margin{font-family:var(--f-abigail);font-size:23px;line-height:1.05;color:var(--paper-pen);transform:rotate(-1deg);margin:12px 0 0 14px;padding-left:10px;border-left:3px solid rgba(28,58,158,.35)}
@media (prefers-reduced-motion:no-preference){.nb-slip[open] .nb-body{animation:nb-unfold .3s cubic-bezier(.2,.8,.2,1) both}}
@keyframes nb-unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nb-pins{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.nb-pins a{display:block;height:100%;background:#F6F8FB;color:var(--paper-ink);text-decoration:none;padding:11px 14px 12px;border-left:3px double rgba(127,149,184,.9)}
.nb-pins a:hover{background:#fff;color:var(--paper-ink)}
.nb-pins b{display:block;font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-signal)}
.nb-pins span{display:block;font-family:var(--f-abigail);font-size:23px;line-height:1.05;color:var(--paper-pen);margin-top:4px}
/* NOTEBOOK-SLIPS:end */

/* LANDING-SCAN:begin  Scannable landing page (2026-11-10): chooser, panels, 99-dot board, steps, heart rule, questions, beats. */
.chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chooser a{display:block;background:var(--raised);color:var(--ink);text-decoration:none;padding:16px 18px;border-top:4px solid var(--signal)}
.chooser a:hover{background:var(--raised2)}
.chooser b{font-family:var(--f-display);font-size:28px;line-height:1;display:block;font-weight:400}
.chooser span{color:var(--muted);font-size:16px;display:block;margin-top:6px}
.panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:6px}
.panel{background:var(--ground);border:2px solid #2a2733;padding:18px}
.panel .big{font-family:var(--f-display);font-size:clamp(64px,9vw,104px);line-height:.9;color:var(--signal);display:block;font-weight:400}
.panel p{margin:12px 0 0;font-size:17px;line-height:1.45}
.big-q{margin:34px 0 8px;padding:0 0 0 20px;border-left:5px solid var(--signal);font-family:var(--f-pulp);font-size:clamp(26px,4vw,40px);line-height:1.12;max-width:24ch}
.lchips{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.lchip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:2px solid #2a2733;color:var(--muted);text-decoration:none;text-align:center;font-family:var(--f-stack);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.lchip svg{width:30px;height:30px;color:var(--signal)}
.lchip b{font-weight:700}.lchip i{font-family:var(--f-data);font-style:normal;font-size:11px;color:var(--truss)}
.lchip:hover,.lchip[aria-pressed="true"]{border-color:var(--signal);color:var(--ink);background:var(--raised)}
.dotboard{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px;align-items:center;margin-top:22px}.readout{border-left:4px solid var(--signal);padding-left:24px}.blurb{font-family:var(--f-pulp);font-size:clamp(24px,3.4vw,38px);line-height:1.15;margin:10px 0 14px}@media (max-width:860px){.dotboard{grid-template-columns:minmax(0,1fr);gap:24px}}
.dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(6px,1.4vw,14px);max-width:560px}
.dot{aspect-ratio:1;border-radius:50%;background:var(--signal);display:block;transition:opacity .15s,transform .15s}
.dot:hover,.dot:focus-visible{transform:scale(1.25);background:var(--truss)}
.dot.ghost{background:transparent;border:2px dashed var(--muted)}
.dots.on .dot:not(.ghost){opacity:.14}.dots.on .dot.hit{opacity:1}
@media (max-width:760px){.lchips{grid-template-columns:repeat(3,minmax(0,1fr))}.panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chooser{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.panels{grid-template-columns:minmax(0,1fr)}}
.hsteps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:s}
.hsteps li{counter-increment:s;position:relative;padding:14px 12px 0 0;border-top:4px solid var(--signal)}
.hsteps li::before{content:counter(s);font-family:var(--f-data);font-size:12px;color:var(--truss);display:block;margin-bottom:4px}
.hsteps b{font-family:var(--f-display);font-size:24px;font-weight:400;display:block}
.hsteps span{color:var(--muted);font-size:15.5px;line-height:1.4;display:block;margin-top:4px}
.mini{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--muted);margin:38px 0 12px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tile{display:block;background:var(--ground);border-left:6px solid var(--c);padding:12px 14px;color:var(--ink);text-decoration:none}
.tile:hover{background:var(--raised)}
.tile b{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--c);display:block}
.tile span{font-size:16px;line-height:1.4;display:block;margin-top:4px}
@media (max-width:860px){.hsteps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:480px){.hsteps,.tiles{grid-template-columns:minmax(0,1fr)}}
.twin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hside{padding:18px 20px;background:var(--raised)}
.hside h3{font-family:var(--f-display);font-size:30px;font-weight:400;margin:0 0 8px}
.hside.fun h3{color:var(--truss)}.hside.ache h3{color:var(--lilac)}
.hside ul{margin:0;padding-left:1.1em}.hside li{margin:.5em 0;font-size:17px;line-height:1.4}
.fifth{display:flex;align-items:center;gap:6px;margin-top:22px;flex-wrap:wrap}
.fifth .sq{width:34px;height:34px;background:var(--signal)}.fifth .sq.dark{background:#000;border:2px solid var(--muted)}
.fifth p{margin:0 0 0 14px;font-size:17px}
@media (max-width:700px){.twin{grid-template-columns:minmax(0,1fr)}}
.qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;margin-top:20px}
.qs a{display:flex;flex-direction:column;gap:8px;background:var(--ground);border:2px solid #2a2733;padding:16px;color:var(--ink);text-decoration:none}
.qs a:hover{border-color:var(--signal)}
.qs b{font-family:var(--f-display);font-size:56px;line-height:.8;color:var(--signal);font-weight:400}
.qs span{font-family:var(--f-pulp);font-size:21px;line-height:1.2;flex:1}
.qs i{font-style:normal;font-family:var(--f-stack);font-weight:700;letter-spacing:.12em;font-size:12px;color:var(--truss);text-transform:uppercase}
.beats{list-style:none;margin:0;padding:0;counter-reset:b}
.beats li{counter-increment:b;display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:10px 0;border-bottom:1px solid #2a2733}
.beats li::before{content:counter(b);grid-row:1/3;font-family:var(--f-display);font-size:28px;color:var(--signal);line-height:1}
.beats b{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.beats span{font-size:16.5px;line-height:1.45;color:var(--ink)}
.more{margin-top:10px}.more summary{cursor:pointer;font-family:var(--f-stack);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--truss)}
.more .prose{margin-top:14px}
.stats{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:10px 0 0;padding:0;font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:var(--muted)}
.stats b{font-family:var(--f-display);font-weight:400;font-size:34px;color:var(--signal);margin-right:6px;letter-spacing:0}
.quick{margin:14px 0 0;display:grid;grid-template-columns:84px 1fr;gap:10px 14px;align-items:baseline}
.quick dt{font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--c,var(--signal))}
.quick dd{margin:0;font-size:17px;line-height:1.45}
.apple .more{margin-top:18px}
.pairs2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.pairs2 li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid #2a2733}
.pairs2 .dots{grid-row:1/3;display:flex;padding-top:4px}
.pairs2 .dots i{width:20px;height:20px;border-radius:50%;background:var(--c);display:block}.pairs2 .dots i+i{margin-left:-8px;box-shadow:-2px 0 0 var(--ground)}
.pairs2 b{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.pairs2 li>span:last-child{font-size:16.5px;line-height:1.4}
@media (max-width:760px){.pairs2{grid-template-columns:minmax(0,1fr)}.quick{grid-template-columns:minmax(0,1fr);gap:2px}.quick dd{margin-bottom:10px}}
.dyks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dyk{display:flex;flex-direction:column;gap:10px;background:var(--raised);border-top:4px solid var(--signal);padding:14px 16px 14px;color:var(--ink);text-decoration:none;scroll-snap-align:start}
.dyk:hover{background:var(--raised2);color:var(--ink)}
.dyk-k{font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--signal)}
.dyk p{margin:0;font-family:var(--f-pulp);font-size:19px;line-height:1.22;flex:1}
.dyk i{font-style:normal;font-family:var(--f-stack);font-weight:700;letter-spacing:.12em;font-size:12px;color:var(--truss);text-transform:uppercase}
@media (max-width:1000px){.dyks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin:0 -24px;padding-left:24px;padding-right:24px}.dyk{flex:0 0 min(78vw,300px)}}
@media (max-width:640px){.dyks{margin:0 -16px;padding-left:16px;padding-right:16px}}
.planets{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.planets .odd{display:block;font-style:normal;font-size:14px;line-height:1.35;color:var(--ink);margin-top:6px;text-align:center;text-wrap:balance}
@media (max-width:480px){.planets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.planets .odd{font-size:13px}}
.region .lede{margin:12px 0 6px}
.region .more summary{margin-top:10px}
.runs{display:flex;gap:3px;margin:0 0 22px}
.runs span{background:var(--raised);border-top:4px solid var(--signal);padding:8px 10px;font-family:var(--f-data);font-size:12px;color:var(--muted);min-width:0}
.runs b{display:block;font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--ink)}
.runs span:nth-child(2){border-top-color:var(--truss)}.runs span:nth-child(3){border-top-color:var(--lilac)}.runs span:nth-child(4){border-top-color:var(--muted)}
.starts .door h3{font-size:24px}
@media (max-width:560px){.runs{flex-wrap:wrap}.runs span{flex:1 1 45%!important}}
.nbf{margin:0 0 30px}
.nbf summary{display:block;list-style:none;cursor:pointer;padding:12px 0 14px;border-top:2px solid rgba(181,16,26,.28)}
.nbf summary::-webkit-details-marker{display:none}
.nbf-k{display:block;font-family:var(--f-stack);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-signal)}
.nbf summary b{display:block;font-family:var(--f-abigail);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.02;color:var(--paper-pen);margin:4px 0 6px}
.nbf summary i{display:block;font-style:normal;font-family:var(--f-note);font-size:clamp(20px,2.2vw,23px);line-height:1.25;color:#1c1a22}
.nbf summary u{display:inline-block;text-decoration:none;margin-top:8px;font-family:var(--f-stack);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-ink);border-bottom:2px solid var(--paper-signal)}
.nbf[open] summary u{display:none}
.nbf summary:focus-visible{outline:3px solid var(--paper-signal);outline-offset:2px}
.nbmore{margin-top:18px}
.ds-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ds-five a{display:flex;flex-direction:column;gap:6px;background:var(--raised);border-top:4px solid var(--signal);padding:14px;color:var(--ink);text-decoration:none}
.ds-five a:hover{background:var(--raised2);color:var(--ink)}
.ds-five b{font-family:var(--f-display);font-weight:400;font-size:21px;line-height:1.05}
.ds-five span{color:var(--muted);font-size:15px;line-height:1.4}
.ds-flow{list-style:none;margin:22px 0 28px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ds-flow a{display:block;height:100%;border-top:3px solid var(--signal);background:var(--raised);padding:8px 10px;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.3}
.ds-flow a:hover{background:var(--raised2);color:var(--ink)}
.ds-flow b{display:block;font-family:var(--f-data);font-size:12px;color:var(--truss)}
@media (max-width:1000px){.ds-five{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.ds-five{grid-template-columns:minmax(0,1fr)}}
.sz-ladder{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:6px}
.sz-ladder a{display:grid;grid-template-columns:minmax(120px,230px) 1fr 90px;gap:12px;align-items:center;color:var(--ink);text-decoration:none;padding:3px 0}
.sz-ladder a:hover .sz-n{color:var(--truss)}
.sz-n{font-size:15px;line-height:1.2}
.sz-bar{display:block;background:#1b1922;height:16px}
.sz-bar i{display:block;height:100%;background:var(--signal)}
.sz-ladder a.crew .sz-bar i{background:var(--truss)}
.sz-v{font-family:var(--f-data);font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
@media (max-width:560px){.sz-ladder a{grid-template-columns:1fr 60px;row-gap:2px}.sz-n{grid-column:1/-1}.sz-bar{grid-column:1}}
/* LANDING-SCAN:end */
/* WORKBENCH:begin  Species Workbench door on the Design page (2026-11-11). The lock itself is netlify/edge-functions/workbench-gate.js. */
.wb-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:36px;align-items:end}
.wb-lock{background:var(--raised);border:1.5px solid var(--rule);padding:20px 22px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.wb-lock[hidden],.wb-frame[hidden]{display:none}
.wb-lock label{display:block;font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--signal);margin:0 0 10px}
.wb-row{display:flex;gap:10px;flex-wrap:wrap}
.wb-row input{font:inherit;font-size:16px;background:var(--ground);color:var(--ink);border:1.5px solid var(--rule);padding:10px 12px;flex:1 1 160px;min-width:0;border-radius:2px}
.wb-row input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.wb-msg{margin:10px 0 0;min-height:1.4em;font-size:15px;color:var(--marker)}
.wb-msg.ok{color:var(--muted)}
.wb-frame{margin-top:26px;border:1.5px solid var(--rule);background:#0b0b10}
.wb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;border-bottom:1.5px solid var(--rule);font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.wb-bar{flex-wrap:wrap}.wb-bar span,.wb-bar a{white-space:nowrap}
.wb-bar a{color:var(--signal)}
.wb-frame iframe{display:block;width:100%;height:max(640px,88vh);border:0;background:#0b0b10}
@media(max-width:800px){.wb-head{grid-template-columns:1fr;gap:20px}.wb-frame iframe{height:max(560px,85vh)}}
.wb-open .wb-note{display:none}
/* WORKBENCH:end */
/* PROPORTIONS:begin  Push-the-proportions studies on the Design page (2026-11-12). */
.prop-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.prop-tabs a{font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--ink);background:var(--raised);border:1.5px solid var(--rule);padding:8px 14px;text-decoration:none}
.prop-tabs a:hover,.prop-tabs a:focus-visible{border-color:var(--signal);color:var(--signal)}
.prop-grid{display:grid;gap:34px}
.prop{margin:0;scroll-margin-top:90px}
.prop h3{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.14em;font-size:15px;color:var(--signal);margin:0 0 10px}
.prop-link{display:block;background:#000;border:1.5px solid var(--rule)}
.prop-link:hover,.prop-link:focus-visible{border-color:var(--signal)}
.prop img{display:block;width:100%;height:auto}
.prop figcaption{font-family:var(--f-data);font-size:13px;color:var(--muted);padding:10px 0 0;line-height:1.5}
.prop figcaption a{color:var(--signal);white-space:nowrap;margin-left:6px}
.prop-chip{display:inline-block;font-family:var(--f-stack);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--on-signal);background:var(--signal);padding:2px 8px;margin-right:8px}
.prop-raw{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:22px;align-items:end;margin:46px 0 28px}
.prop-raw h3{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.12em;font-size:17px;margin:0 0 8px}
.prop-raw p{margin:0;max-width:42ch}
.prop-close{max-width:70ch;font-size:18px;line-height:1.6;margin:0}
@media(max-width:800px){.prop-raw{grid-template-columns:1fr 1fr}.prop-raw>div{grid-column:1/-1}}
/* PROPORTIONS:end */
.wb-ai{margin-top:14px;padding-left:14px;border-left:4px solid var(--signal)}
/* GUIDEBOOK:begin  Field Guide to the Peoples + per-people individual sheets (2026-11-13). Reuses .prop, .prop-link, .prop-chip from PROPORTIONS. */
.gb-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 34px}
.gb-thumbs a{display:block;background:var(--raised);border:1.5px solid var(--rule);color:var(--ink);text-decoration:none}
.gb-thumbs a:hover,.gb-thumbs a:focus-visible{border-color:var(--signal)}
.gb-thumbs a[hidden]{display:none}
.gb-thumbs img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.gb-thumbs b{display:block;font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:7px 8px}
.gb-list{display:grid;gap:64px}
.gb-spread{scroll-margin-top:90px}
.gb-spread[hidden]{display:none}
.gb-spread header{margin-bottom:16px}
.gb-spread .lede{max-width:60ch;margin:8px 0 0}
.gb-meta{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;margin:12px 0 0;color:var(--muted)}
.gb-meta a{color:var(--signal)}
.gb-more{margin:8px 0 0}
.gb-spread.pick{outline:3px solid var(--signal);outline-offset:10px}
.gb-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:26px;align-items:center;margin:46px 0 30px;padding:22px;background:var(--raised);border:1.5px solid var(--rule)}
.gb-strip h3{font-family:var(--f-stack);text-transform:uppercase;letter-spacing:.12em;font-size:17px;margin:0 0 8px}
.gb-strip p{margin:0 0 14px;max-width:44ch}
.gb-strip-pics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gb-strip-pics a{display:block;border:1.5px solid var(--rule);background:#000}
.gb-strip-pics a:hover,.gb-strip-pics a:focus-visible{border-color:var(--signal)}
.gb-strip-pics img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
@media(max-width:800px){.gb-strip{grid-template-columns:1fr}.gb-thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
/* GUIDEBOOK:end */

/* Design page split (2026-11-12): "Keep going" cards */
.go-on{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* Picture cards (2026-11-12): trio of page links and thumbnails on the five things */
.nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.nav-cards a{display:block;background:var(--raised);border-top:4px solid var(--signal);color:var(--ink);text-decoration:none}
.nav-cards a:hover{background:var(--raised2);color:var(--ink)}
.nav-cards img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.nav-cards b{display:block;padding:12px 14px 2px;font-size:1.05em}
.nav-cards span{display:block;padding:0 14px 14px;opacity:.78}
.ds-five.pics a{padding:0;gap:0}
.ds-five.pics img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.ds-five.pics b{padding:10px 12px 2px}
.ds-five.pics span{padding:0 12px 12px;opacity:.78}
@media(max-width:900px){.ds-five.pics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Landing gallery, 20 pictures (2026-11-13): natural shapes in columns */
.outthere{columns:3 280px;column-gap:26px}
.outthere .print{break-inside:avoid;display:inline-block;width:100%;margin:0 0 30px}
.outthere .print img{aspect-ratio:auto;height:auto;display:block}