@font-face{font-family:Disp;src:url(fonts/disp-r.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Disp;src:url(fonts/disp-i.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:In;src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Mo;src:url(fonts/mono.woff2) format("woff2");font-display:swap}
:root{--g:clamp(20px,5.5vw,40px);--sp-xs:8px;--sp-s:12px;--sp-m:16px;--sp-l:24px;--sp-xl:32px;--sp-2xl:48px;--sec-t:clamp(64px,9vw,112px);--sec-b:clamp(48px,6vw,80px);--cp:clamp(20px,2.4vw,30px);--line:#ddd0b8;--ink:#0b0a08;--ink2:#16130f;--paper:#f4eee3;--paper2:#faf6ee;--gold:#a8823c;--gold2:#c9a85f;--gold3:#dcbc7a;--tx:#18140f;--mu:#8d816d;--mu2:#6d6252;--rule:#ddd0b8;--rule2:#e8dfcf;--dom:#8a6a2e;--bar:58px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--ink)}
body{font-family:In,system-ui,sans-serif;color:var(--tx);background:var(--paper);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.mo{font-family:Mo,ui-monospace,monospace}
.num{font-family:Disp,Georgia,serif;color:var(--gold);font-weight:400}
.ar{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
a:hover .ar{transform:translate(2px,-2px)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1320px;margin-inline:auto;padding-inline:var(--g)}
[id]{scroll-margin-top:calc(var(--bar) + 14px)}

/* ---------- cover ---------- */
.cover{position:relative;min-height:100svh;background:radial-gradient(ellipse 70% 55% at 50% 38%,#2a241c 0%,#16130f 52%,#0b0a08 100%);color:#efe3c8;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;padding:clamp(22px,4vh,44px) 0 clamp(58px,8vh,80px);isolation:isolate}
.cover:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .38 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cover .glow{position:absolute;left:50%;top:30%;width:min(1100px,140vw);aspect-ratio:2/1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(220,188,122,.13),rgba(220,188,122,0));z-index:-1;pointer-events:none}
.cover>.eyebrow{margin-top:0}.eyebrow{font-size:11px;letter-spacing:.62em;padding-left:.62em;text-transform:uppercase;color:var(--gold2);font-weight:500;text-align:center}
.cover .hr{width:56px;height:1px;background:#6e5a33;margin:12px auto 0}
.namewrap{position:relative;width:min(84vw,860px,55svh);margin-top:clamp(10px,3.5vh,40px);perspective:1200px}
.namewrap img{width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));transform-origin:50% 60%;animation:nameIn 1.6s cubic-bezier(.2,.8,.2,1) both}
.namewrap h1{position:absolute;inset:0;opacity:0;font-size:1px}
@keyframes nameIn{from{opacity:0;transform:translateY(18px) rotateX(18deg) scale(.96)}to{opacity:1;transform:none}}
.fanwrap{width:100%;perspective:1500px;perspective-origin:50% 0%;margin-top:clamp(6px,2.4vh,30px)}
.fan{display:flex;justify-content:center;align-items:flex-start;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s linear;--w:min(15.2vw,176px,17.5svh)}
.dev{position:relative;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;margin:0 calc(var(--w) * .07);animation:devIn 1.3s cubic-bezier(.2,.8,.2,1) both}
.dev.d0{transform:translateY(9%) translateZ(-60px) rotateY(23deg) rotateZ(4deg);animation-delay:.35s}
.dev.d1{transform:translateY(3.5%) translateZ(-10px) rotateY(11.5deg) rotateZ(2deg);animation-delay:.25s}
.dev.d2{transform:translateZ(40px);animation-delay:.15s}
.dev.d3{transform:translateY(3.5%) translateZ(-10px) rotateY(-11.5deg) rotateZ(-2deg);animation-delay:.25s}
.dev.d4{transform:translateY(9%) translateZ(-60px) rotateY(-23deg) rotateZ(-4deg);animation-delay:.35s}
@keyframes devIn{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}
.flt{display:block;animation:float 7s ease-in-out infinite;transform-style:preserve-3d}
.d1 .flt{animation-delay:-1.4s}.d2 .flt{animation-delay:-2.8s;animation-duration:8s}.d3 .flt{animation-delay:-4.2s}.d4 .flt{animation-delay:-5.6s}
@keyframes float{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(3deg)}}
.ph{position:relative;display:block;width:var(--w);aspect-ratio:360/744;border-radius:calc(var(--w) * .15);padding:calc(var(--w) * .038);background:linear-gradient(150deg,#f7f0e1 0%,#e9dec8 45%,#d9c9a8 100%);
 box-shadow:0 0 0 1.4px #c9a252,inset 0 1px 0 rgba(255,255,255,.75),1.5px 2.5px 0 0 #b88c3a,3px 5px 0 0 #8d6a2c,0 34px 60px -22px rgba(0,0,0,.85),0 12px 24px -12px rgba(0,0,0,.6);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--w) * .118);background:#fff}
.ph .gl{position:absolute;inset:calc(var(--w) * .038);border-radius:calc(var(--w) * .118);background:linear-gradient(118deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,0) 48%);pointer-events:none}
.dev:hover .ph,.dev:focus-visible .ph{transform:translateY(-10px) translateZ(30px);box-shadow:0 0 0 1.4px #e0bd72,inset 0 1px 0 rgba(255,255,255,.75),1.5px 2.5px 0 0 #b88c3a,3px 5px 0 0 #8d6a2c,0 44px 70px -22px rgba(0,0,0,.9),0 0 40px -6px rgba(220,188,122,.35)}
.lab{margin-top:calc(var(--w) * .13);font-size:10px;letter-spacing:.24em;padding-left:.24em;text-transform:uppercase;color:#bfae8c;white-space:nowrap}
.tagline{font-family:Disp,serif;font-style:italic;font-size:clamp(17px,2.2vw,22px);color:#efe3c8;margin-top:clamp(18px,4vh,46px);text-align:center;padding-inline:var(--g)}
.covnav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-top:6px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2);padding-inline:var(--g)}
.covnav a{padding:12px 0 10px;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.covnav a:hover{border-color:var(--gold2);color:var(--gold3)}
.covurl{margin-top:10px;font-size:12px;color:#8f7f60}
.cue{position:absolute;left:50%;bottom:12px;width:1px;height:40px;background:linear-gradient(#6e5a33,transparent);position:relative;overflow:hidden}
.cue:after{content:"";position:absolute;left:0;top:-30%;width:1px;height:30%;background:var(--gold3);animation:cue 2.4s ease-in-out infinite}
@keyframes cue{to{top:110%}}

/* ---------- sticky bar ---------- */
.bar{position:sticky;top:0;z-index:50;height:var(--bar);background:rgba(244,238,227,.86);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--rule)}
.bar .wrap{height:100%;display:flex;align-items:center;gap:18px}
.brand{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mu);white-space:nowrap;flex:none}
.brand b{color:var(--tx);font-weight:600}
.chips{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent);padding:0 10px}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;font-size:12.5px;padding:7px 11px;border-radius:30px;color:#4a4134;white-space:nowrap;transition:background .25s,color .25s}
.chips a b{font-family:Disp,serif;font-weight:400;color:var(--gold);margin-right:3px}
.chips a:hover{background:rgba(168,130,60,.1)}
.chips a.on{background:var(--tx);color:var(--paper)}
.chips a.on b{color:var(--gold3)}
.search{position:relative;flex:none;width:250px}
.search input{width:100%;height:38px;border-radius:30px;border:1px solid #d6c7aa;background:var(--paper2);padding:0 64px 0 36px;font:inherit;font-size:14px;color:var(--tx);outline:none;transition:border-color .25s,box-shadow .25s}
.search input::placeholder{color:#a3967f}
.search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(168,130,60,.14)}
.search svg{position:absolute;left:13px;top:50%;width:15px;height:15px;transform:translateY(-50%);stroke:var(--gold);fill:none;stroke-width:2}
.search .cnt{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--mu);pointer-events:none}
.menub{display:none;flex:none;height:38px;padding:0 14px;border-radius:30px;border:1px solid #d6c7aa;background:var(--paper2);font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx);cursor:pointer}
.sheet{position:fixed;inset:0;z-index:60;display:none}
.sheet.open{display:block}
.sheet .scrim{position:absolute;inset:0;background:rgba(11,10,8,.45);animation:fade .25s both}
.sheet .pan{position:absolute;left:0;right:0;top:0;background:var(--paper);padding:14px var(--g) 22px;border-bottom:1px solid var(--rule);box-shadow:0 20px 40px -20px rgba(0,0,0,.4);animation:drop .35s cubic-bezier(.2,.8,.2,1) both;max-height:100svh;overflow:auto}
.sheet .ph2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sheet .pan a{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule2);font-family:Disp,serif;font-size:19px}
.sheet .pan a b{font-weight:400;color:var(--gold);width:34px}
.sheet .x{width:38px;height:38px;border-radius:50%;border:1px solid #d6c7aa;background:var(--paper2);font-size:18px;cursor:pointer;color:var(--tx)}
@keyframes fade{from{opacity:0}}
@keyframes drop{from{transform:translateY(-24px);opacity:0}}

/* ---------- contents ---------- */
.contents{padding-block:var(--sec-t) var(--sec-b)}
.kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600}
.h1{font-family:Disp,serif;font-weight:400;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.01em;margin-top:14px}
.lede{font-family:Disp,serif;font-style:italic;font-size:clamp(18px,2vw,22px);line-height:1.5;color:#4a4134;margin-top:20px;max-width:640px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(30px,5vw,50px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.stats div{padding:20px 0 18px}
.stats b{display:block;font-family:Disp,serif;font-weight:400;font-size:clamp(26px,3.6vw,44px);line-height:1.1}
.stats span{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mu);margin-top:6px}
.ctwo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,80px);margin-top:clamp(34px,5vw,56px);align-items:start}
.crow{display:flex;align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid var(--rule2);transition:padding .3s}
.crow:first-child{border-top:1px solid var(--rule)}
.crow .ct{flex:1;font-family:Disp,serif;font-size:clamp(18px,1.8vw,22px)}
.crow .ct b{font-weight:400;margin-right:6px}
.crow .cr{font-size:12px;color:var(--mu);white-space:nowrap}
.crow .cg{color:var(--gold);width:18px;text-align:right;transition:transform .3s}
.crow:hover{padding-left:6px}.crow:hover .cg{transform:translateX(4px)}
.note{font-size:13px;color:var(--mu);line-height:1.65}
.note p+p{margin-top:12px}
.note a{color:var(--dom);border-bottom:1px solid #d8c398}

/* ---------- index ---------- */
.index{padding-block:var(--sec-t) var(--sec-b);border-top:1px solid var(--rule)}
.ihead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.h2{font-family:Disp,serif;font-weight:400;font-size:clamp(32px,4.4vw,52px);line-height:1.08}
.ihead span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:10px;margin-top:26px}
.tile{display:flex;gap:11px;padding:8px;background:var(--paper2);border:1px solid #e4d8c2;border-radius:10px;min-width:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.tile img{width:60px;height:68px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid #e1d5bf;flex:none;background:#fff}
.tile .tb{display:flex;flex-direction:column;min-width:0;padding-top:1px}
.tile .num{font-size:22px;line-height:1}
.tile .tn{font-size:13px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .ts{font-size:10.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.tile:hover{transform:translateY(-3px);border-color:#d3bf96;box-shadow:0 14px 26px -16px rgba(60,42,14,.35)}

/* ---------- sections + cards ---------- */
.sec{padding-block:var(--sec-t) var(--sp-xl);border-top:1px solid var(--rule)}
.sop{max-width:760px}
.rom{font-size:clamp(64px,9vw,108px);line-height:.9}
.srule{width:56px;height:2px;background:var(--gold);margin-top:22px}
.sop h2{font-family:Disp,serif;font-weight:400;font-size:clamp(36px,5vw,62px);line-height:1.06;margin-top:20px;letter-spacing:-.005em}
.stag{font-family:Disp,serif;font-style:italic;font-size:clamp(18px,1.9vw,22px);color:#4a4134;margin-top:12px}
.srange{font-size:12px;color:var(--mu);margin-top:16px;letter-spacing:.04em}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,40px);margin-top:clamp(30px,4vw,54px)}
.card{position:relative;background:var(--paper2);border:1px solid #e6dbc6;border-radius:18px;padding:0 0 26px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 24px 48px -36px rgba(60,42,14,.45);transition:box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 34px 64px -34px rgba(60,42,14,.55)}
.shot{display:block;perspective:1100px;background:var(--paper);border-bottom:1px solid #ece3d2;overflow:hidden}
.tilt{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) scale(var(--ts,1))}
.shot img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.meta{display:flex;gap:clamp(14px,2vw,22px);padding:22px clamp(18px,2.4vw,30px) 0}
.bign{font-size:clamp(54px,6vw,76px);line-height:.84;letter-spacing:-.02em;flex:none;min-width:1.3em}
.mb{flex:1;min-width:0}
.kick{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;min-height:14px;line-height:14px}
.card h3{font-family:Disp,serif;font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.08;margin-top:5px;overflow-wrap:anywhere}
.dom{display:inline-block;margin-top:9px;font-size:13px;color:var(--dom);border-bottom:1px solid #d8c398;overflow-wrap:anywhere;transition:color .25s,border-color .25s}
.dom:hover{color:var(--tx);border-color:var(--gold)}
.desc{font-family:Disp,serif;font-style:italic;font-size:clamp(17px,1.5vw,19px);line-height:1.45;color:#3e362b;margin-top:13px}
.dets{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px clamp(18px,2.4vw,30px) 0}
.dets li{border-top:1.5px solid #cdb586;padding-top:9px;font-size:13px;line-height:1.5;color:#2a241c}
.dets li span{display:block;font-size:10.5px;color:var(--gold);letter-spacing:.1em;margin-bottom:4px}
.cf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px clamp(18px,2.4vw,30px) 0}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9ab6c;color:#7d6331;border-radius:30px;padding:7px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--tx);color:var(--paper);border-radius:30px;padding:11px 20px;font-size:13.5px;font-weight:600;letter-spacing:.04em;transition:background .3s,transform .3s}
.btn .ar{color:var(--gold3)}
.btn:hover{background:#2c2519;transform:translateY(-1px)}
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.js-off .rv{opacity:1;transform:none}
.hide{display:none!important}
.empty{display:none;padding:80px 0;text-align:center;font-family:Disp,serif;font-style:italic;font-size:22px;color:var(--mu2)}
.empty.on{display:block}
.empty button{display:block;margin:18px auto 0;font:600 13px In,sans-serif;background:var(--tx);color:var(--paper);border:0;border-radius:30px;padding:11px 20px;cursor:pointer}

/* ---------- lists ---------- */
.lists{padding-block:var(--sec-t) var(--sec-b);border-top:1px solid var(--rule)}
.lsub{font-size:14px;color:var(--mu2);margin-top:10px;max-width:640px}
.tl{position:relative;margin-top:30px;padding-left:28px;max-width:980px}
.tl:before{content:"";position:absolute;left:5px;top:20px;bottom:10px;width:1px;background:linear-gradient(#cdb586,#e6dccb)}
.day{position:relative;margin-bottom:8px}
.dh{position:relative;display:flex;align-items:baseline;gap:12px;padding:20px 0 9px;border-bottom:1.5px solid #cdb586}
.dot{position:absolute;left:-28px;top:27px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--gold);box-shadow:0 0 0 4px var(--paper)}
.dd{font-family:Disp,serif;font-size:clamp(20px,2vw,24px)}
.dw{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mu)}
.dc{margin-left:auto;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.lrow{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1.25fr) auto;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule2);transition:background .25s}
.lrow:hover{background:rgba(168,130,60,.06)}
.ln{font-size:18px}
.lt{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld{font-size:12.5px;color:var(--dom);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld .ar{color:#c4a46a}
.lr{font-size:12px;color:var(--mu);white-space:nowrap}
.alls{columns:2;column-gap:clamp(30px,5vw,64px);margin-top:20px}
.grp{break-inside:avoid;margin-bottom:12px;padding-top:6px}
.gh{display:flex;align-items:baseline;gap:10px;padding:16px 0 9px;border-bottom:1.5px solid #cdb586}
.gh .num{font-size:19px;min-width:34px}
.gt{font-family:Disp,serif;font-size:21px}
.gr{margin-left:auto;font-size:10.5px;letter-spacing:.12em;color:var(--gold);font-family:Mo,monospace}
.alls .lrow{grid-template-columns:40px minmax(0,1fr) minmax(0,1.3fr) auto}

/* ---------- footer ---------- */
.foot{background:radial-gradient(ellipse 80% 90% at 50% 0%,#221d16,#0b0a08 75%);color:#efe3c8;text-align:center;padding:var(--sec-t) var(--g) 40px}
.foot .hr{width:56px;height:1px;background:var(--gold2);margin:0 auto}
.foot .fn{font-family:Disp,serif;font-size:clamp(34px,5vw,58px);margin-top:26px;background:linear-gradient(180deg,#f6dfa6,#c9a252 60%,#9c7631);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot .fl{font-family:Disp,serif;font-style:italic;font-size:19px;color:#d9ccb0;margin-top:10px}
.foot .fc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.foot .fc a{border:1px solid #5a4a2c;border-radius:30px;padding:10px 18px;font-size:13px;color:#e6d6b2;transition:border-color .3s,background .3s}
.foot .fc a:hover{border-color:var(--gold2);background:rgba(201,168,95,.08)}
.foot .top{display:inline-block;margin-top:40px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2)}
.foot small{display:block;margin-top:26px;font-size:12px;color:#7f715a;line-height:1.7}

/* ---------- responsive ---------- */
@media (max-width:1100px){.chips{display:none}.menub{display:block}.bar .wrap{gap:10px}.search{flex:1;width:auto}.brand{display:none}}
@media (max-width:1000px){.cards{grid-template-columns:1fr}.ctwo{grid-template-columns:1fr}}
@media (min-width:1001px) and (max-width:1100px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
 .namewrap{width:min(84vw,62svh)}
 .fan{--w:min(22.5vw,15svh)}.dev{margin:0 calc(var(--w) * -.06)}
 .dev.d0,.dev.d4{z-index:0}.dev.d1,.dev.d3{z-index:1}.dev.d2{z-index:2}
 .lab{font-size:8.5px;letter-spacing:.16em}
 .eyebrow{font-size:10px}
 .stats{grid-template-columns:1fr 1fr}.stats div:nth-child(-n+2){border-bottom:1px solid var(--rule2)}
 .dets{grid-template-columns:1fr;gap:12px}
 .tiles{grid-template-columns:1fr 1fr;gap:8px}
 .tile{gap:8px;padding:7px}.tile img{width:44px;height:52px}.tile .num{font-size:18px}.tile .tn{font-size:12.5px;margin-top:4px}
 .lrow,.alls .lrow{grid-template-columns:34px minmax(0,1fr) auto;row-gap:2px}
 .lrow .ld{grid-column:2/4;grid-row:2}
 .alls{columns:1}
 .card{border-radius:14px}
 .meta{flex-direction:column;gap:8px}.bign{font-size:56px;line-height:.9}
 .covnav{gap:4px 16px;font-size:10px}
}
@media (max-width:380px){.tiles{grid-template-columns:1fr 1fr}.tile img{display:none}.bign{font-size:48px}}
@media (max-height:700px) and (max-width:720px){.tagline{margin-top:14px}}

/* ---------- pixel pass (25 Oct): one gutter, one rhythm, one hairline ---------- */
h1,h2,h3,.h1,.h2,.lede,.stag,.tagline,.desc,.foot .fl{text-wrap:balance}
p,.note,.lsub,.dets li{text-wrap:pretty}
.kicker{line-height:1.3}
.h1{margin-top:var(--sp-s)}
.lede{margin-top:var(--sp-l);max-width:36em}
/* stats: inset cells, column hairlines, numbers sized to sit with their labels */
.stats{margin-top:var(--sp-2xl);border-color:var(--rule)}
.stats div{padding:var(--sp-l) var(--sp-m) var(--sp-l) var(--sp-l);border-left:1px solid var(--rule2);min-width:0}
.stats div:first-child{border-left:0;padding-left:0}
.stats b{font-size:clamp(30px,3.4vw,42px);line-height:1;white-space:nowrap}
.stats span{margin-top:var(--sp-xs);line-height:1.35}
.ctwo{margin-top:var(--sp-2xl)}
/* contents rows: aligned numerals, 52px rows, hover shift only for mouse */
.crow{gap:var(--sp-s);padding:var(--sp-m) 0;min-height:56px;align-items:baseline}
.crow .ct{line-height:1.25;min-width:0}
.crow .ct{display:flex;align-items:baseline}
.crow .ct b{flex:none;width:2.2em;margin-right:0}
.crow .ct:not(:has(.num)){padding-left:2.2em}
.crow .cr{font-size:11.5px}
.crow:hover{padding-left:0}
@media (hover:hover) and (pointer:fine){.crow:hover{padding-left:6px}}
.note{padding-top:var(--sp-m)}
/* index */
.ihead{row-gap:var(--sp-xs)}
.tiles{margin-top:var(--sp-l);gap:var(--sp-s)}
.tile{padding:var(--sp-xs);border-color:#e4d8c2;border-radius:12px;align-items:center}
.tile img{border-radius:6px}
/* sections + cards: one inner padding on every edge */
.srule{margin-top:var(--sp-l)}
.sop h2{margin-top:var(--sp-l)}
.stag{margin-top:var(--sp-s)}
.srange{margin-top:var(--sp-m)}
.cards{margin-top:var(--sp-2xl);gap:clamp(24px,3vw,40px)}
.card{padding:0 0 var(--cp);border-color:#e6dbc6}
.meta{padding:var(--cp) var(--cp) 0;gap:var(--sp-m)}
.dets{margin:var(--sp-l) var(--cp) 0;gap:var(--sp-m)}
.cf{margin:var(--sp-l) var(--cp) 0}
.btn{min-height:44px;padding:0 22px}
.chip{min-height:32px}
.empty{padding:var(--sp-2xl) var(--g)}
.empty button{min-height:44px}
/* lists: whole row is the tap target, the domain stays its own link */
.lists .h2{margin-top:var(--sp-s)}
.lsub{margin-top:var(--sp-s)}
.tl{margin-top:var(--sp-xl)}
.lrow{position:relative;padding:var(--sp-s) 0;min-height:48px;align-items:baseline}
.lrow .lt:after{content:"";position:absolute;inset:0}
.lrow .ln,.lrow .ld{position:relative;z-index:1}
.lrow .ld{padding-block:6px;margin-block:-6px}
.dh{padding:var(--sp-l) 0 var(--sp-s)}
.dot{top:calc(var(--sp-l) + 7px)}
.alls{margin-top:var(--sp-l)}
.gh{padding:var(--sp-l) 0 var(--sp-s)}
/* bar + sheet on the same gutter, 44px targets */
.search input{height:44px}
.menub{height:44px;padding:0 16px}
.sheet .x{width:44px;height:44px}
.sheet .pan a{padding:var(--sp-s) 0;min-height:52px;align-items:center}
.sheet .pan a b{width:2.4em;flex:none}
/* footer */
.foot .fc a{min-height:44px;display:inline-flex;align-items:center}
.foot .top{padding:14px 10px;margin-top:var(--sp-xl)}
.foot small{max-width:34em;margin-inline:auto;text-wrap:balance}
@media (max-width:1100px){.bar .wrap{gap:var(--sp-s)}}
@media (max-width:960px){.alls{columns:1}}
@media (max-width:720px){
 .fan{--w:min(19vw,15svh)}
 .stats div{padding:var(--sp-m) var(--sp-s) var(--sp-m) var(--sp-m)}
 .stats div:nth-child(odd){border-left:0;padding-left:0}
 .stats div:nth-child(-n+2){border-bottom:1px solid var(--rule2)}
 .stats b{font-size:clamp(28px,8vw,34px)}
 .stats span{font-size:10px;letter-spacing:.16em}
 .crow .ct{font-size:19px}
 .tiles{gap:var(--sp-xs)}
 .tile{padding:7px;gap:9px}
 .card{border-radius:16px}
 .meta{gap:var(--sp-s)}
 .bign{font-size:56px}
 .dets{gap:var(--sp-s)}
 .cf{gap:var(--sp-s)}
 .lrow,.alls .lrow{column-gap:var(--sp-s);row-gap:4px}
 .dc{letter-spacing:.1em}
}
@media (max-width:380px){.tile{padding:10px 12px}.bign{font-size:50px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}