/* REKKO page themes */
.rtw{container-type:inline-size;width:100%}
.rt{--pad:clamp(18px,5.5cqi,48px);position:relative;min-height:100%;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:clip;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.45;text-align:left}
.rt *{box-sizing:border-box;margin:0;padding:0}
:where(.rt) :where(h1,h2,h3,h4,p){font:inherit;letter-spacing:normal;line-height:inherit;color:inherit;text-wrap:wrap}
.rt img{display:block;width:100%;height:100%;object-fit:cover}
.rt button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
.rt ol,.rt ul{list-style:none}
.rt .in{max-width:1040px;margin:0 auto;padding:0 var(--pad) 56px}
.rt.dense .in{max-width:1180px}

/* =========================== MAGAZINE =========================== */
.t-magazine{--bg:#F3EEE6;--ink:#1A1714;--mut:#6B6359;--acc:#8C2F22;--hair:rgba(26,23,20,.16);--disp:'Fraunces',Georgia,serif;--dw:700;--trk:-.045em;font-family:'Jost',sans-serif}
.t-magazine.cw-butter{--bg:#F2E6B8;--ink:#1B1A16;--mut:#5F5A47;--acc:#2340B8;--hair:rgba(27,26,22,.18)}
.t-magazine.cw-sage{--bg:#E3E6D9;--ink:#1E2A22;--mut:#5A6358;--acc:#2F5D46;--hair:rgba(30,42,34,.18)}
.t-magazine.cw-night{--bg:#121110;--ink:#EDE6D8;--mut:#9B9384;--acc:#D8B26A;--hair:rgba(237,230,216,.16)}
.t-magazine.f-instrument{--disp:'Instrument Serif',Georgia,serif;--dw:400;--trk:-.03em}
.t-magazine.f-tight{--disp:'Inter Tight',sans-serif;--dw:300;--trk:-.06em}
.t-magazine.fx::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.t-magazine.cw-night.fx::after{mix-blend-mode:screen;opacity:.08}
.mg-top{display:flex;justify-content:space-between;gap:10px;padding:20px 0 10px;border-bottom:1px solid var(--ink);font:500 10px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.mg-mast{font-family:var(--disp);font-weight:var(--dw);line-height:.8;letter-spacing:var(--trk);margin:3.5cqi 0 3cqi -.4cqi;font-variation-settings:"opsz" 144,"SOFT" 30;white-space:nowrap}
.mg-strap{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:9px 0;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.mg-by{display:flex;align-items:center;gap:14px;padding:18px 0 0}
.mg-av{flex:none;width:44px;height:44px;border-radius:50%;background:url(img/beach-run.webp) center/cover}
.mg-by p{flex:1;font-family:'Instrument Serif',serif;font-size:19px;line-height:1.25;font-style:italic}
.mg-btn{flex:none;background:var(--ink)!important;color:var(--bg)!important;font-size:11px!important;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:2px}
.mg-btn.done{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)}
.mg-fig{overflow:hidden;background:var(--hair)}
.mg-cover{display:grid;gap:18px;margin-top:30px}
.mg-cover .mg-fig{aspect-ratio:4/5}
.mg-cover figcaption{font:400 10px/1.5 'IBM Plex Mono',monospace;color:var(--mut);margin-top:8px;letter-spacing:.02em}
.mg-cl{display:grid;gap:12px;align-content:end}
.mg-kick{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.mg-cl h2,.mg-st h2{font-family:var(--disp);font-weight:var(--dw);font-size:clamp(32px,7.6cqi,62px);line-height:.94;letter-spacing:calc(var(--trk) * .7);font-variation-settings:"opsz" 144}
.mg-dek{font-family:'Instrument Serif',serif;font-size:clamp(19px,3cqi,24px);line-height:1.22;color:var(--ink)}
.mg-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border-top:1px solid var(--hair);padding-top:12px}
.mg-save{justify-self:start;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:500;border-bottom:1px solid currentColor!important;padding-bottom:3px}
.mg-save.done{color:var(--acc)}
.mg-sec{margin-top:52px}
.mg-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:2px solid var(--ink);padding-top:10px;margin-bottom:6px}
.mg-h h3{font-family:var(--disp);font-weight:var(--dw);font-size:clamp(26px,4.4cqi,38px);letter-spacing:calc(var(--trk) * .6);line-height:1}
.mg-h span{font:400 10px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.mg-toc li{display:grid;grid-template-columns:44px 1fr 56px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hair)}
.mg-pn{font-family:var(--disp);font-weight:var(--dw);font-size:26px;line-height:1;color:var(--acc)}
.mg-tt b{display:block;font-family:var(--disp);font-weight:calc(var(--dw) - 200);font-size:clamp(18px,2.6cqi,22px);line-height:1.1;letter-spacing:-.01em}
.f-instrument .mg-tt b,.f-tight .mg-tt b{font-weight:var(--dw)}
.mg-tt small{display:block;margin-top:4px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.mg-th{aspect-ratio:4/5;overflow:hidden}
.mg-spread{display:grid;gap:18px;margin-top:52px}
.mg-spread .mg-fig{aspect-ratio:4/5}
.mg-st{display:grid;gap:12px;align-content:center}
.mg-pg{font:400 10px/1 'IBM Plex Mono',monospace;color:var(--mut);letter-spacing:.1em}
.mg-body{font-size:15px;line-height:1.6;color:var(--mut);max-width:44ch}
.mg-dept{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:16px}
.mg-dept .mg-fig{aspect-ratio:3/4;margin-bottom:10px}
.mg-dept b{display:block;font-family:var(--disp);font-weight:var(--dw);font-size:19px;line-height:1.05;margin:6px 0 4px;letter-spacing:-.01em}
.mg-dept small{font-size:12px;color:var(--mut)}
.mg-idx{columns:1;column-gap:40px;margin-top:10px}
.mg-idx li{display:flex;align-items:baseline;gap:8px;padding:6px 0;break-inside:avoid;font-family:'Instrument Serif',serif;font-size:17px}
.mg-idx i{flex:1;border-bottom:1px dotted var(--mut);transform:translateY(-4px);min-width:20px}
.mg-idx em{font:400 11px 'IBM Plex Mono',monospace;color:var(--mut);font-style:normal}
.mg-col{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:56px;padding-top:12px;border-top:1px solid var(--ink);font:400 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
@container (max-width:520px){.mg-h1{display:none}.mg-strap span:last-child{display:none}}
@container (max-width:480px){.mx-list button em{display:none}}
@container (min-width:640px){
  .mg-cover{grid-template-columns:7fr 5fr;gap:32px}
  .mg-spread{grid-template-columns:1fr 1fr;gap:40px}
  .mg-spread.rev .mg-fig{order:2}
  .mg-dept{grid-template-columns:repeat(4,1fr)}
  .mg-idx{columns:2}
  .mg-toc{columns:2;column-gap:40px}
  .mg-toc li{break-inside:avoid}
}

/* =========================== POLAROID =========================== */
.t-polaroid{--bg:#B4885A;--ink:#2A2118;--mut:#4A3B2C;--pen:#1D2A6B;--hand:'Caveat',cursive;--paper:#FCFBF7;
  background-color:var(--bg);background-image:radial-gradient(rgba(70,40,10,.28) .8px,transparent 1.4px),radial-gradient(rgba(255,230,190,.22) .8px,transparent 1.4px),radial-gradient(rgba(60,30,5,.18) 1.2px,transparent 2px);background-size:7px 7px,11px 11px,17px 17px;background-position:0 0,3px 5px,8px 2px}
.t-polaroid.cw-wall{--bg:#ECE9E2;--ink:#2B2A28;--mut:#5E5B55;background-image:none}
.t-polaroid.cw-fridge{--bg:#DCE3E6;--ink:#22303A;--mut:#4E5D68;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),linear-gradient(90deg,rgba(0,0,0,.03),rgba(255,255,255,.12),rgba(0,0,0,.03))}
.t-polaroid.cw-darkroom{--bg:#1E1B19;--ink:#EDE7DC;--mut:#A79C8E;background-image:radial-gradient(80% 40% at 50% 0,rgba(179,38,30,.28),transparent 70%)}
.t-polaroid.f-reenie{--hand:'Reenie Beanie',cursive}
.t-polaroid.f-nanum{--hand:'Nanum Pen Script',cursive}
.pl-head{display:flex;align-items:flex-start;gap:6cqi;padding:44px 0 10px;flex-wrap:wrap}
.pl-me{position:relative;flex:none;width:clamp(96px,20cqi,150px);transform:rotate(-4deg);margin-top:12px}
.pl-mf{display:flex;flex-direction:column;aspect-ratio:88/107;background:var(--paper);padding:6.2% 6.2% 0;box-shadow:0 1px 1px rgba(0,0,0,.12),0 12px 20px -12px rgba(0,0,0,.6)}
.pl-mph{aspect-ratio:1;background:url(img/beach-run.webp) center/cover;filter:saturate(.9) sepia(.08)}
.pl-mc{flex:1;display:grid;place-items:center;font-family:var(--hand);font-size:22px;color:var(--pen)}
.pl-card{position:relative;flex:1;min-width:250px;max-width:460px;background:#FBFAF5;color:#2A2A2A;padding:16px 22px 18px;transform:rotate(1.2deg);box-shadow:0 1px 1px rgba(0,0,0,.1),0 16px 26px -16px rgba(0,0,0,.6);
  background-image:linear-gradient(transparent 46px,rgba(220,80,80,.55) 46px 47px,transparent 47px),repeating-linear-gradient(transparent 0 25px,rgba(70,120,190,.25) 25px 26px);background-position:0 0,0 47px}
.pl-card h1{font-family:var(--hand);font-weight:700;font-size:clamp(34px,6cqi,48px);line-height:1.05;color:var(--pen);height:46px;overflow:hidden;white-space:nowrap}
.f-reenie .pl-card h1,.f-nanum .pl-card h1{font-weight:400}
.pl-hand{font-family:var(--hand);font-size:24px;line-height:26px;color:var(--pen)}
.pl-bio{font-family:var(--hand);font-size:21px;line-height:26px;color:#3a3a3a}
.pl-meta{font-size:11px;line-height:26px;letter-spacing:.06em;color:#6b6b6b;text-transform:uppercase}
.pl-meta button{color:var(--pen);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pl-sec{margin-top:40px}
.pl-lab{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:18px}
.pl-hero{max-width:400px;margin:0 auto}
.pl-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 22px;padding-top:6px}
.pl-p{position:relative;transform:rotate(var(--r));container-type:inline-size;perspective:1400px}
.pl-in{position:relative;display:block;width:100%;aspect-ratio:88/107;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pl-in.on{transform:rotateY(180deg)}
.pl-face{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--paper);padding:6.2% 6.2% 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 1px rgba(0,0,0,.14),0 14px 22px -14px rgba(0,0,0,.65)}
.pl-ph{aspect-ratio:1;overflow:hidden;background:#222}
.pl-ph img{filter:saturate(.92) contrast(1.03) sepia(.07)}
.pl-cap{flex:1;display:flex;align-items:center;justify-content:center;padding:0 4%;font-family:var(--hand);font-size:9.5cqi;line-height:1;color:var(--pen);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-reenie .pl-cap{font-size:10.5cqi}.f-nanum .pl-cap{font-size:11cqi}
.pl-back{transform:rotateY(180deg);background:#F2EEE4;padding:11% 10%;justify-content:space-between;color:#333}
.pl-note{font-family:var(--hand);font-size:11cqi;line-height:1.1;color:var(--pen)}
.pl-sig{font-family:var(--hand);font-size:7.5cqi;color:#555}
.pl-lb{font-size:3.6cqi;letter-spacing:.14em;text-transform:uppercase;color:#888}
.pl-att{position:absolute;z-index:3;left:50%;top:-8px;pointer-events:none}
.pl-att.pin{width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8b80,#C0392B 55%,#7a1d14);box-shadow:2px 4px 4px rgba(0,0,0,.35)}
.pl-att.tape{width:76px;height:24px;margin-left:-38px;top:-12px;background:rgba(246,240,220,.62);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.12);border-left:1px dashed rgba(0,0,0,.06);border-right:1px dashed rgba(0,0,0,.06)}
.pl-att.mag{width:26px;height:26px;margin-left:-13px;top:-10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--mc);box-shadow:0 3px 5px rgba(0,0,0,.3)}
.pl-att.clip{width:14px;height:36px;margin-left:-7px;top:-22px;border-radius:2px;background:linear-gradient(90deg,#C8A06A,#E2C08F 50%,#B98D55);box-shadow:1px 2px 3px rgba(0,0,0,.4)}
.cw-darkroom .pl-wall,.cw-darkroom .pl-hero{background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)) 0 6px/100% 1px no-repeat}
.pl-best{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px}
.pl-bc{position:relative;background:var(--paper);padding:8px 8px 12px;box-shadow:0 12px 20px -12px rgba(0,0,0,.6);transform:rotate(-1deg)}
.pl-bc:nth-child(even){transform:rotate(1.4deg)}
.pl-bi{display:block;aspect-ratio:4/3;overflow:hidden}
.pl-bt{display:block;font-family:var(--hand);font-size:26px;line-height:1;color:#B3261E;margin-top:8px}
.pl-bn{display:block;font-size:12.5px;color:#444;margin-top:2px}
.pl-book{position:relative;background:#FBFAF5;color:#2a2a2a;padding:30px 24px 18px 48px;max-width:820px;box-shadow:0 16px 26px -16px rgba(0,0,0,.6);transform:rotate(-.6deg);background-image:linear-gradient(90deg,transparent 34px,rgba(220,80,80,.5) 34px 35px,transparent 35px),repeating-linear-gradient(transparent 0 29px,rgba(70,120,190,.22) 29px 30px)}
.pl-book ul{columns:1;column-gap:30px}
.pl-book li{font-family:var(--hand);font-size:22px;line-height:30px;color:var(--pen);break-inside:avoid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-book li span{display:inline-block;width:20px;color:#B3261E}
.pl-book li em{font-style:normal;color:#777}
.pl-more{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#888;line-height:30px}
.pl-foot{margin-top:48px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
@container (min-width:640px){.pl-wall{grid-template-columns:repeat(3,1fr);gap:46px 30px}.pl-best{grid-template-columns:repeat(4,1fr)}.pl-book ul{columns:2}}
@container (min-width:960px){.pl-wall{grid-template-columns:repeat(4,1fr)}}

/* =========================== NEON =========================== */
.t-neon{--bg:#060608;--ink:#F2F2F3;--mut:#8E8E93;--dim:#5E5E63;--card:#0B0B0E;--hair:rgba(255,255,255,.08);--acc:#FF3D2E;--core:#FFD9D2;--sign:'Tilt Neon',sans-serif}
.t-neon.cw-argon{--acc:#3D8BFF;--core:#DCEBFF}.t-neon.cw-pink{--acc:#FF4FB0;--core:#FFE0F1}.t-neon.cw-uranium{--acc:#A4FF3D;--core:#F0FFD9}
.t-neon.f-monoton{--sign:'Monoton',sans-serif}.t-neon.f-thin{--sign:'Inter Tight',sans-serif}
.ne-bar{display:flex;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--hair);font:400 11px 'IBM Plex Mono',monospace;color:var(--mut);letter-spacing:.02em}
.ne-bar span+span::before{content:"|";margin-right:18px;color:#2f3031}
.ne-bar button{margin-left:auto;background:#E6E6E6;color:#1a1a1a;font:500 12.5px Inter;padding:7px 12px;border-radius:8px}
.ne-bar button.done{background:#1b1c1e;color:#fff}
.ne-wall{position:relative;display:grid;justify-items:center;padding:9cqi 0 5cqi}
.ne-wall::before{content:"";position:absolute;left:10%;right:10%;top:0;bottom:10%;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 22%,transparent),transparent);filter:blur(10px);pointer-events:none}
.ne-panel{position:relative;padding:3.2cqi 6.5cqi 3.8cqi;border-radius:18px;background:linear-gradient(#0F0F13,#09090C);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.07),0 40px 80px -40px #000}
.ne-panel i{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a8a90,#2a2a2e);box-shadow:0 0 0 1px rgba(0,0,0,.6)}
.ne-panel i:nth-child(1){left:12px;top:12px}.ne-panel i:nth-child(2){right:12px;top:12px}.ne-panel i:nth-child(3){left:12px;bottom:12px}.ne-panel i:nth-child(4){right:12px;bottom:12px}
.ne-sign{font-family:var(--sign);font-weight:400;line-height:1.05;color:var(--core);white-space:nowrap;
  text-shadow:0 0 1px var(--core),0 0 4px var(--acc),0 0 10px var(--acc),0 0 24px var(--acc),0 0 56px color-mix(in srgb,var(--acc) 70%,transparent)}
.f-thin .ne-sign{font-weight:200;letter-spacing:-.02em}
.fx .ne-sign{animation:ne-on 2.4s ease-out 1 both}
@keyframes ne-on{0%{opacity:.08}6%{opacity:1}9%{opacity:.25}12%{opacity:1}26%{opacity:.6}29%{opacity:1}100%{opacity:1}}
.ne-bio{position:relative;margin-top:22px;max-width:46ch;text-align:center;color:var(--mut);font-size:15px}
.ne-sec{margin-top:56px}
.ne-eb{display:block;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.ne-h{font-size:clamp(24px,4cqi,32px);font-weight:400;letter-spacing:-.01em;margin:-4px 0 18px}
.ne-key{border-radius:18px;background:var(--card);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.5)}
.ne-hero{display:grid;overflow:hidden}
.ne-img{overflow:hidden;aspect-ratio:4/3}
.ne-img img{filter:brightness(.86) contrast(1.08) saturate(1.05)}
.ne-tx{padding:24px;display:grid;gap:12px;align-content:center}
.ne-meta{display:flex;align-items:center;gap:8px;font:400 11px 'IBM Plex Mono',monospace;color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.ne-meta i{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}
.ne-tx h2{font-size:clamp(26px,4.4cqi,40px);font-weight:500;letter-spacing:-.02em;line-height:1.05}
.ne-tx p{color:#9C9C9D;font-size:16px}
.ne-acts{display:flex;gap:8px;margin-top:6px}
.ne-b1{background:#E6E6E6!important;color:#1b1b1b!important;font-weight:500!important;font-size:13.5px!important;padding:9px 14px;border-radius:8px}
.ne-b1.done{background:#1b1c1e!important;color:#fff!important}
.ne-b2{font-size:13.5px!important;padding:9px 14px;border-radius:8px;box-shadow:inset 0 0 0 1px #2f3031;color:#9C9C9D!important}
.ne-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}
.ne-card{display:grid;gap:7px;border-radius:14px;transition:transform .3s}
.ne-card .ne-img{border-radius:14px;box-shadow:0 0 0 1px var(--hair);transition:box-shadow .3s}
.ne-card:hover .ne-img{box-shadow:0 0 0 1px var(--acc),0 0 26px -6px var(--acc)}
.ne-card b{font-weight:500;font-size:15.5px;letter-spacing:-.01em;line-height:1.2}
.ne-card small{font-size:13px;color:var(--mut)}
.ne-card .ne-meta{margin-top:4px}
.ne-cmd{padding:8px;max-width:640px}
.ne-q{display:flex;align-items:center;gap:10px;padding:10px 10px 14px;border-bottom:1px solid var(--hair);margin-bottom:6px;color:var(--mut);font-size:15px}
.ne-q .ne-ph{flex:1}
.t-neon kbd{font:500 11px 'IBM Plex Mono',monospace;color:#bdbdbd;background:#1b1c1e;border-radius:6px;padding:3px 7px}
.ne-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;font-size:14.5px}
.ne-row.on{background:rgba(255,255,255,.055);box-shadow:inset 2px 0 0 var(--acc)}
.ne-ri{width:34px;height:34px;border-radius:8px;overflow:hidden}
.ne-rc{font-size:13px;color:var(--mut)}
.ne-tbl{border-top:1px solid var(--hair)}
.ne-tbl div{display:grid;grid-template-columns:34px 1fr 70px;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14px}
.ne-tbl span:first-child,.ne-tbl span:nth-child(3),.ne-tbl span:nth-child(4){font:400 11.5px 'IBM Plex Mono',monospace;color:var(--mut);padding-top:2px}
.ne-tbl span:nth-child(4){display:none}
.ne-foot{display:flex;gap:18px;margin-top:56px;font:400 11px 'IBM Plex Mono',monospace;color:var(--dim)}
.ne-foot span+span::before{content:"|";margin-right:18px;color:#2f3031}
@container (max-width:480px){.ne-h1{display:none}.ne-rc{display:none}}
@container (min-width:640px){.ne-hero{grid-template-columns:1.15fr 1fr}.ne-hero .ne-img{aspect-ratio:5/4}.ne-tx{padding:36px}.ne-grid{grid-template-columns:repeat(4,1fr)}.ne-tbl div{grid-template-columns:40px 1fr 120px 140px}.ne-tbl span:nth-child(4){display:block}}

/* =========================== VINYL =========================== */
.t-vinyl{--bg:#F2F0EB;--ink:#111;--mut:#8A8780;--hair:#DEDBD4;--tint:#1E4FD8;--paper:#F4F1EA;--disp:'Archivo',sans-serif;--dstr:62%;--dwt:800;--dtt:uppercase}
.t-vinyl.cw-orange{--tint:#E4572E}.t-vinyl.cw-green{--tint:#1F7A4D}
.t-vinyl.cw-black{--bg:#0E0E0E;--ink:#EDEDED;--mut:#8C8C8C;--hair:#262626;--tint:#C9A227;--paper:#E9E4D6}
.t-vinyl.f-bodoni{--disp:'Bodoni Moda',serif;--dstr:100%;--dwt:700;--dtt:none}
.t-vinyl.f-grotesk{--disp:'Space Grotesk',sans-serif;--dstr:100%;--dwt:700;--dtt:lowercase}
.vn-bar{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--hair);font-size:13px;font-weight:300;color:var(--mut)}
.vn-wm{font-size:19px;font-weight:300;color:var(--ink);letter-spacing:-.01em;margin-right:auto}
.vn-bar button{font-weight:400;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.vn-head{padding:44px 0 34px;border-bottom:1px solid var(--hair)}
.vn-head h1{font-size:clamp(42px,10cqi,96px);font-weight:200;letter-spacing:-.045em;line-height:.95}
.vn-head p{margin-top:14px;font-size:14px;font-weight:300;color:var(--mut);max-width:48ch}
.vn-hero{display:grid;gap:30px;padding:44px 0;border-bottom:1px solid var(--hair)}
.vn-info{display:grid;gap:14px;align-content:center}
.vn-mono{font:400 11px 'IBM Plex Mono',monospace;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.vn-info h2{font-size:clamp(30px,5cqi,46px);font-weight:300;letter-spacing:-.03em;line-height:1.02}
.vn-info p{font-size:15px;font-weight:300;line-height:1.55;max-width:42ch}
.vn-info dl{border-top:1px solid var(--hair)}
.vn-info dl div{display:grid;grid-template-columns:90px 1fr;padding:9px 0;border-bottom:1px solid var(--hair);font-size:13px}
.vn-info dt{color:var(--mut);font-weight:300}
.vn-links{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--mut)}
.vn-lk{color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px;font-size:13px!important}
.vn-lk.done{color:var(--tint)!important}
.vn-rec{position:relative;display:block;width:78%;aspect-ratio:1;cursor:pointer}
.vn-rec.big{width:min(78%,440px)}
.vn-sl{position:absolute;inset:0;z-index:2;overflow:hidden;container-type:inline-size;background:var(--tint);box-shadow:0 1px 0 rgba(0,0,0,.06),0 18px 30px -20px rgba(0,0,0,.55)}
.vn-disc{position:absolute;z-index:1;top:3%;left:3%;width:94%;height:94%;border-radius:50%;background:radial-gradient(circle,transparent 31%,#0d0d0d 31.5%),repeating-radial-gradient(circle,#121212 0 1px,#1d1d1d 1px 2.6px);box-shadow:0 8px 18px -8px rgba(0,0,0,.7);transition:transform .7s cubic-bezier(.2,.8,.2,1);display:grid;place-items:center}
.vn-disc::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 18%,rgba(255,255,255,.12) 24%,transparent 30% 68%,rgba(255,255,255,.08) 74%,transparent 80%)}
.vn-lab{position:relative;z-index:1;width:34%;aspect-ratio:1;border-radius:50%;background:var(--tint);display:grid;place-content:center;text-align:center;color:#fff;box-shadow:0 0 0 2px #0d0d0d}
.vn-lab b{font-size:9px;letter-spacing:.2em;font-weight:700}.vn-lab small{font:400 7px 'IBM Plex Mono',monospace;opacity:.85}
.fx .vn-rec:hover .vn-disc{transform:translateX(16%)}
.vn-rec.out .vn-disc{transform:translateX(48%)}
.vn-rec.out .vn-lab{animation:vn-spin 1.8s linear infinite}
@keyframes vn-spin{to{transform:rotate(360deg)}}
.vn-ph{position:absolute;inset:0;overflow:hidden}
.vn-ph img{filter:grayscale(1) contrast(1.18) brightness(1.04)}
.vn-tn{position:absolute;inset:0;background:var(--tint);mix-blend-mode:multiply}
.vn-no{position:absolute;right:5cqi;bottom:4.5cqi;font:500 3.3cqi 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#fff;text-transform:uppercase}
.vn-t0{position:absolute;left:6cqi;top:6cqi;right:6cqi;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);text-transform:var(--dtt);font-size:15cqi;line-height:.84;letter-spacing:-.01em;color:#fff}
.f-bodoni .vn-t0{font-style:italic;letter-spacing:-.03em}
.vn-p1{bottom:36%}
.vn-band{position:absolute;left:0;right:0;bottom:0;height:36%;background:var(--paper);padding:5cqi 6cqi;display:flex;align-items:flex-end}
.vn-t1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);text-transform:var(--dtt);font-size:10.5cqi;line-height:.86;color:var(--tint);max-width:80%}
.vn-band .vn-no{color:#111;right:5cqi;top:4.5cqi;bottom:auto}
.c2{background:#111}
.vn-p2{left:7%;right:7%;top:7%;bottom:40%}
.vn-t2{position:absolute;left:7cqi;right:7cqi;bottom:12cqi;font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);text-transform:var(--dtt);font-size:9.5cqi;line-height:.88;color:var(--tint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vn-rule{position:absolute;left:7cqi;right:7cqi;bottom:7.5cqi;height:.5cqi;background:var(--tint)}
.cw-black .c2 .vn-t2,.cw-black .vn-t1{color:var(--tint)}
.vn-nl{right:7cqi;bottom:2.4cqi;color:#9a9a9a}
.c3{background:var(--paper)}
.vn-p3 img{filter:grayscale(1) contrast(1.25)}
.vn-t3n{position:absolute;left:4cqi;top:-6cqi;font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);font-size:52cqi;line-height:1;color:var(--tint);mix-blend-mode:multiply}
.vn-t3{position:absolute;left:6cqi;right:6cqi;bottom:5.5cqi;font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);text-transform:var(--dtt);font-size:8cqi;line-height:.9;color:#fff}
.vn-sec{padding:40px 0 0}
.vn-sh{display:flex;justify-content:space-between;gap:12px;font:400 11px 'IBM Plex Mono',monospace;color:var(--mut);letter-spacing:.06em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.vn-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.vn-cell{display:grid;gap:6px;align-content:start;padding:22px 18px 26px 0;border-bottom:1px solid var(--hair)}
.vn-cell:nth-child(odd){padding-right:18px;border-right:1px solid var(--hair)}
.vn-cell:nth-child(even){padding-left:18px}
.vn-cell .vn-rec{width:86%;margin-bottom:10px}
.vn-cell b{font-weight:400;font-size:15px;letter-spacing:-.01em;line-height:1.25}
.vn-cell small{font-size:13px;font-weight:300;color:var(--mut)}
.vn-cell .vn-lk{justify-self:start;margin-top:4px}
.vn-bins{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px;padding-top:26px}
.vn-bin{position:relative;display:grid;gap:6px;padding-top:22px}
.vn-tab{position:absolute;top:0;left:0;background:var(--ink);color:var(--bg);font-family:var(--disp);font-stretch:var(--dstr);font-weight:var(--dwt);text-transform:uppercase;font-size:14px;letter-spacing:.04em;padding:5px 12px 4px;border-radius:4px 4px 0 0}
.vn-bi{display:block;aspect-ratio:1;overflow:hidden;border-top:3px solid var(--ink)}
.vn-bi img{filter:grayscale(1) contrast(1.1)}
.vn-bin b{font-weight:400;font-size:14.5px;margin-top:6px}
.vn-bin small{font-size:12.5px;color:var(--mut);font-weight:300}
.vn-cat div{display:grid;grid-template-columns:76px 1fr 64px;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14px;font-weight:300}
.vn-cat span:first-child,.vn-cat span:nth-child(3),.vn-cat span:nth-child(4){font:400 11.5px 'IBM Plex Mono',monospace;color:var(--mut);padding-top:2px}
.vn-cat span:nth-child(4){display:none}
.vn-cat div:hover{background:rgba(127,127,127,.06)}
.vn-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:16px;border-top:1px solid var(--hair);font-size:13px;font-weight:300;color:var(--mut)}
@container (min-width:640px){.vn-hero{grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.vn-grid{grid-template-columns:repeat(4,1fr)}.vn-cell,.vn-cell:nth-child(odd),.vn-cell:nth-child(even){padding:24px 20px 28px;border-right:1px solid var(--hair)}.vn-cell:nth-child(4n){border-right:0}.vn-cell:nth-child(4n+1){padding-left:0}.vn-bins{grid-template-columns:repeat(4,1fr)}.vn-cat div{grid-template-columns:90px 1fr 120px 140px}.vn-cat span:nth-child(4){display:block}}

/* =========================== PASSPORT =========================== */
.t-passport{--bg:#141519;--ink:#EDEBE5;--mut:#8E8D88;--cover:#9E1B22;--gold1:#B48A3E;--gold2:#F1DCA0;--paper:#F3F1EA;--pink:#1E1F24;--pmut:#6E6C66;--disp:'Instrument Sans',sans-serif;--dw:600;
  background:radial-gradient(120% 60% at 50% 0,#1d1f26,#121317 60%)}
.t-passport.cw-teal{--cover:#16676E}.t-passport.cw-navy{--cover:#1B2440}
.t-passport.cw-white{--cover:#E7E5DE;--gold1:#7A5A20;--gold2:#B8923F}
.t-passport.f-serif{--disp:'DM Serif Display',serif;--dw:400}
.ps-desk{padding:54px 0 34px;display:grid;justify-items:center}
.ps-cover{width:min(300px,64cqi);aspect-ratio:88/125;border-radius:5px 14px 14px 5px;background:var(--cover);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13% 8% 11%;
  box-shadow:inset 7px 0 10px -4px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.04),0 40px 70px -30px #000,0 2px 0 rgba(255,255,255,.04);
  background-image:linear-gradient(115deg,rgba(255,255,255,.06),transparent 40%),radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.2px);background-size:auto,4px 4px}
.ps-g{background:linear-gradient(100deg,var(--gold1),var(--gold2) 45%,var(--gold1) 62%,var(--gold2) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--disp);font-weight:600;text-align:center}
.ps-g1{font-size:13px;letter-spacing:.42em}
.ps-g2{font-size:10.5px;letter-spacing:.3em;line-height:1.6}
.ps-crest{color:var(--gold2);width:30%;opacity:.9;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.ps-crest svg{width:100%;height:auto}
.ps-crest path{fill:none;stroke:var(--gold2);stroke-width:.7}
.ps-chip{width:30px;height:20px;border:1.5px solid var(--gold2);border-radius:3px;display:grid;place-items:center;opacity:.85}
.ps-chip i{width:10px;height:10px;border:1.5px solid var(--gold2);border-radius:50%}
.ps-spread{position:relative;display:grid;background:var(--paper);color:var(--pink);border-radius:8px;overflow:hidden;margin-top:24px;box-shadow:0 30px 60px -36px #000;transition:background .6s,color .6s;
  background-image:repeating-radial-gradient(circle at 20% 120%,transparent 0 9px,color-mix(in srgb,var(--cover) 7%,transparent) 9px 10px),repeating-radial-gradient(circle at 90% -20%,transparent 0 13px,color-mix(in srgb,var(--cover) 5%,transparent) 13px 14px)}
.ps-pg{position:relative;z-index:1;padding:26px 24px}
.ps-land{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%;z-index:0;pointer-events:none}
.ps-land path,.ps-land circle{fill:none;stroke:color-mix(in srgb,var(--cover) 26%,transparent);stroke-width:.35;vector-effect:non-scaling-stroke;transition:stroke .6s,opacity .6s,filter .6s}
.cw-white .ps-land path{stroke:rgba(140,106,42,.3)}
.ps-land .ps-aur,.ps-land .ps-moon{opacity:0}
.ps-photo{position:relative;width:62%;max-width:180px}
.ps-ph{display:block;aspect-ratio:3/4;background:url(img/beach-run.webp) 60% center/cover;filter:grayscale(.85) contrast(1.05);border-radius:2px}
.ps-ghost{position:absolute;right:-34%;bottom:6%;width:30%;aspect-ratio:3/4;background:url(img/beach-run.webp) 60% center/cover;filter:grayscale(1);opacity:.28;border-radius:2px}
.ps-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
.ps-fields .w{grid-column:1/-1}
.ps-fields small{display:block;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pmut);margin-bottom:2px}
.ps-fields b{font-family:var(--disp);font-weight:var(--dw);font-size:15px;letter-spacing:.02em}
.ps-fields .ps-bio{font-family:'Space Mono',monospace;font-weight:400;font-size:12px;letter-spacing:0;text-transform:none;line-height:1.5}
.ps-sig{font-family:'Caveat',cursive;font-size:30px;line-height:1;color:#1D2A6B}
.ps-fol{margin-top:16px;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:9px 14px;border-radius:4px;background:var(--cover)!important;color:#fff!important}
.cw-white .ps-fol{background:#1E1F24!important}
.ps-fol.done{background:transparent!important;color:var(--pink)!important;box-shadow:inset 0 0 0 1px var(--pink)}
.ps-mrz{grid-column:1/-1;position:relative;z-index:1;display:grid;gap:2px;padding:14px 24px 18px;font:400 clamp(9px,1.9cqi,14px)/1.3 'Space Mono',monospace;letter-spacing:.14em;color:#2a2b30;white-space:nowrap;overflow:hidden;border-top:1px dashed rgba(0,0,0,.12)}
.ps-pn{position:absolute;top:14px;left:24px;font:400 10px 'Space Mono',monospace;color:var(--pmut)}
.ps-pn.r{left:auto;right:24px}
.ps-img{aspect-ratio:4/3;overflow:hidden;border-radius:3px;margin-top:14px}
.ps-img img{filter:saturate(.9) sepia(.08);transition:filter .6s}
.ps-eb{display:block;font:400 10.5px 'Space Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--pmut);margin:20px 0 8px}
.ps-pg h2,.ps-page h3{font-family:var(--disp);font-weight:var(--dw);letter-spacing:-.015em;line-height:1.02}
.ps-pg h2{font-size:clamp(28px,4.6cqi,42px)}
.ps-tw{font:400 13px/1.65 'Space Mono',monospace;margin-top:12px;max-width:40ch}
.ps-uvn{font-family:'Caveat',cursive;font-size:24px;line-height:1.1;margin-top:10px;color:#C6FF4D;opacity:0;max-height:0;transition:opacity .6s,max-height .6s;text-shadow:0 0 8px rgba(198,255,77,.6)}
.ps-stamp{display:inline-grid;justify-items:center;margin:18px 0 10px 20%;padding:8px 14px;border:3px double currentColor;border-radius:8px;color:#24684C;font-family:'Space Mono',monospace;transform:rotate(var(--r));mix-blend-mode:multiply;opacity:.86;line-height:1.25;text-align:center}
.ps-stamp b{font-size:16px;letter-spacing:.12em}
.ps-stamp small{font-size:8.5px;letter-spacing:.12em}
.ps-stamp.want{color:#A3262D;border-radius:50%;aspect-ratio:1;align-content:center;padding:14px}
.ps-stamp.pre{opacity:0;transform:rotate(var(--r)) scale(1.9)}
.ps-stamp.thunk{animation:ps-thunk .42s cubic-bezier(.3,1.6,.5,1) both}
@keyframes ps-thunk{0%{opacity:0;transform:rotate(var(--r)) scale(1.9)}70%{opacity:.95;transform:rotate(var(--r)) scale(.94)}100%{opacity:.86;transform:rotate(var(--r)) scale(1)}}
.ps-sv{display:block;margin-top:10px;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.ps-sec{margin-top:44px}
.ps-sh{display:flex;justify-content:space-between;font:400 11px 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.ps-pages{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
.ps-page{position:relative;flex:none;width:min(290px,78cqi);scroll-snap-align:start;background:var(--paper);color:var(--pink);border-radius:6px;padding:34px 20px 22px;overflow:hidden;transition:background .6s,color .6s;
  background-image:repeating-radial-gradient(circle at 50% 130%,transparent 0 10px,color-mix(in srgb,var(--cover) 7%,transparent) 10px 11px)}
.ps-page>*{position:relative;z-index:1}
.ps-page .ps-land{z-index:0;position:absolute}
.ps-page h3{font-size:22px}
.ps-page .ps-tw{font-size:12px}
.ps-page .ps-stamp{margin-left:30%}
.ps-visas{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ps-visa{position:relative;display:grid;gap:6px;padding:12px;border-radius:6px;color:#1E1F24;overflow:hidden;background:#EFE6D2;background-image:repeating-conic-gradient(from 0deg at 120% 50%,rgba(158,27,34,.07) 0 2deg,transparent 2deg 4deg)}
.ps-visa.v1{background-color:#DDE8E4}.ps-visa.v2{background-color:#E6E1EE}.ps-visa.v3{background-color:#EDE3D9}
.ps-vh{font:700 9.5px 'Space Mono',monospace;letter-spacing:.14em}
.ps-vi{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:2px}
.ps-vi img{filter:saturate(.85) sepia(.1)}
.ps-visa b{font-family:var(--disp);font-weight:var(--dw);font-size:16px;line-height:1.1}
.ps-visa small{font:400 9.5px 'Space Mono',monospace;color:#6b6b6b;letter-spacing:.06em}
.ps-hist{background:var(--paper);color:var(--pink);border-radius:6px;padding:8px 20px;transition:background .6s,color .6s}
.ps-hist div{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(0,0,0,.14);font:400 12px 'Space Mono',monospace}
.ps-hist span:nth-child(3){display:none}
.ps-hist div:last-child{border-bottom:0}
.ps-uv{position:sticky;bottom:18px;left:100%;z-index:5;display:flex!important;align-items:center;gap:8px;margin:34px 0 0 auto;width:max-content;padding:10px 16px 10px 12px;border-radius:999px;background:#0D0E12!important;color:#EDEBE5!important;font-size:13px!important;font-weight:600;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.5)}
.ps-uv i{width:14px;height:14px;border-radius:50%;background:#7a5cff;box-shadow:0 0 0 3px rgba(122,92,255,.25)}
.ps-foot{margin-top:30px;font:400 10px 'Space Mono',monospace;letter-spacing:.14em;color:var(--mut);text-align:center}
.t-passport.uv .ps-spread,.t-passport.uv .ps-page,.t-passport.uv .ps-hist{background-color:#0D1236;color:#C9CBE8}
.t-passport.uv .ps-spread,.t-passport.uv .ps-page{background-image:none}
.t-passport.uv .ps-land path,.t-passport.uv .ps-land circle{stroke:#6FFFE9;filter:drop-shadow(0 0 2px #6FFFE9)}
.t-passport.uv .ps-land .ps-aur{opacity:1;stroke:#7CFF9B;stroke-width:3;filter:drop-shadow(0 0 6px #7CFF9B)}
.t-passport.uv .ps-land .ps-aur.a2{stroke:#58E1FF;filter:drop-shadow(0 0 6px #58E1FF)}
.t-passport.uv .ps-land .ps-moon{opacity:0}
.t-passport.uv .ps-img img,.t-passport.uv .ps-ph{filter:grayscale(1) brightness(.45) contrast(1.2)}
.t-passport.uv .ps-uvn{opacity:1;max-height:120px}
.t-passport.uv .ps-mrz,.t-passport.uv .ps-fields small,.t-passport.uv .ps-pn,.t-passport.uv .ps-eb{color:#7d80b0}
.t-passport.uv .ps-stamp{mix-blend-mode:normal;color:#FF5BD1;text-shadow:0 0 6px #FF5BD1;border-color:#FF5BD1}
.t-passport.uv .ps-sig{color:#9EA6FF}
.t-passport.uv .ps-uv{background:#7a5cff!important;color:#fff!important}
@container (min-width:640px){
  .ps-spread{grid-template-columns:1fr 1fr;background-image:linear-gradient(90deg,transparent 49.6%,rgba(0,0,0,.08) 50%,transparent 50.4%),repeating-radial-gradient(circle at 20% 120%,transparent 0 9px,color-mix(in srgb,var(--cover) 7%,transparent) 9px 10px)}
  .ps-pg{padding:38px 36px}
  .ps-visas{grid-template-columns:repeat(4,1fr)}
  .ps-hist div{grid-template-columns:110px 1fr 160px}.ps-hist span:nth-child(3){display:block;color:var(--pmut)}
}

/* =========================== DESKTOP =========================== */
.t-desktop{--bg:#fff;--ink:#000;--win:#fff;--line:#000;--sel:#000;--sfg:#fff;--desk:#fff;--disp:'Pixelify Sans',monospace;--tbar:repeating-linear-gradient(#000 0 1px,transparent 1px 3px);font-family:'Space Mono',monospace;font-size:12.5px}
.t-desktop .dk-desk{background-color:#fff;background-image:conic-gradient(#000 25%,transparent 0 50%,#000 0 75%,transparent 0);background-size:2px 2px}
.t-desktop.cw-platinum .dk-desk{background:#8E93A8;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:4px 4px}
.t-desktop.cw-platinum{--win:#EEEEEE;--line:#3d3d3d;--tbar:repeating-linear-gradient(#bdbdbd 0 1px,#f2f2f2 1px 2px)}
.t-desktop.cw-color .dk-desk{background:#4E7A8C;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px);background-size:4px 4px}
.t-desktop.cw-color{--win:#F4F1EA;--line:#2a2a2a;--sel:#D9822B;--sfg:#fff;--tbar:repeating-linear-gradient(#c7c2b6 0 1px,#f8f6f0 1px 2px)}
.t-desktop.f-silk{--disp:'Silkscreen',monospace}.t-desktop.f-vt{--disp:'VT323',monospace}
.t-desktop.f-vt .dk-menu,.t-desktop.f-vt .dk-tb span{font-size:17px}
.dk-menu{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;height:28px;padding:0 14px;background:#fff;border-bottom:1px solid #000;font-family:var(--disp);font-size:14px;color:#000}
.dk-ap{display:grid;place-items:center}
.dk-clk{margin-left:auto}
.dk-desk{position:relative;padding:16px}
.dk-icons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.dk-ic{display:grid;justify-items:center;gap:3px;width:76px;padding:4px 0}
.dk-svg{width:36px;height:36px}
.dk-ic span{font-family:var(--disp);font-size:12px;line-height:1.2;background:#fff;color:#000;padding:0 3px;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-ic.sel .dk-svg{filter:invert(1)}
.dk-ic.sel span{background:var(--sel);color:var(--sfg)}
.dk-wins{display:grid;gap:16px}
.dk-win{position:relative;background:var(--win);border:1px solid var(--line);box-shadow:1px 1px 0 var(--line);color:#000;min-width:0}
.cw-platinum .dk-win{box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #a7a7a7,1px 1px 0 #3d3d3d}
.dk-win.closed{display:none}
.dk-tb{position:relative;display:flex;justify-content:center;align-items:center;height:22px;border-bottom:1px solid var(--line);user-select:none;touch-action:none;cursor:grab}
.dk-tb::before{content:"";position:absolute;left:3px;right:3px;top:4px;bottom:4px;background:var(--tbar)}
.dk-tb span{position:relative;background:var(--win);padding:0 8px;font-family:var(--disp);font-size:13px;line-height:22px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-close{position:absolute!important;left:9px;top:5px;width:12px;height:12px;background:var(--win)!important;border:1px solid var(--line)!important;z-index:1}
.dk-close:active{background:#000!important}
.dk-bd{padding:12px}
.dk-about{display:flex;gap:16px;align-items:flex-start}
.dk-av{flex:none;width:72px;height:72px;border:1px solid #000;background:url(img/beach-run.webp) center/cover}
.fx .dk-av,.fx .dk-photo img,.fx .dk-tp img{filter:grayscale(1) contrast(1.6) brightness(1.08)}
.dk-about h1{font-family:var(--disp);font-weight:500;font-size:30px;line-height:1}
.dk-about p{margin:6px 0 10px;line-height:1.5}
.dk-about table{border-collapse:collapse;margin-bottom:12px}
.dk-about td{padding:1px 10px 1px 0;font-size:11.5px}
.dk-about td:first-child{text-align:right;color:#555}
.dk-btn{display:inline-block;font-family:var(--disp)!important;font-size:13px!important;padding:3px 16px;background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:7px}
.dk-btn.def{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.dk-btn:active,.dk-btn.done{background:#000!important;color:#fff!important}
.dk-btns{display:flex;gap:14px;margin-top:12px;padding-left:4px}
.dk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}
.dk-th{display:grid;justify-items:center;gap:4px}
.dk-tp{width:64px;height:64px;border:1px solid #000;overflow:hidden;background:#fff}
.dk-th span:last-child{font-size:10.5px;text-align:center;line-height:1.25;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dk-th:focus .dk-tp,.dk-th:active .dk-tp{outline:2px solid var(--sel)}
.dk-status{border-top:1px solid #000;margin:12px -12px -12px;padding:3px 10px;font-size:10.5px;background:var(--win)}
.dk-item{display:grid;gap:12px}
.dk-photo{aspect-ratio:4/3;border:1px solid #000;overflow:hidden}
.dk-k{font-size:10.5px;color:#555;text-transform:uppercase;letter-spacing:.06em}
.dk-it h2{font-family:var(--disp);font-weight:500;font-size:24px;line-height:1.05;margin:4px 0 6px}
.dk-it p{line-height:1.5}
.dk-list{max-height:300px;overflow:auto;margin:-12px;padding:0}
.dk-lh,.dk-lr{display:grid;grid-template-columns:1fr 64px;gap:8px;padding:3px 12px}
.dk-lh span:nth-child(3),.dk-lr span:nth-child(3){display:none}
.dk-lh{position:sticky;top:0;background:var(--win);border-bottom:1px solid #000;font-family:var(--disp);font-size:12px}
.dk-lr{font-size:11.5px}
.dk-lr:nth-child(even){background:rgba(0,0,0,.04)}
.dk-lr:hover{background:var(--sel);color:var(--sfg)}
.dk-empty{padding:10px 0;line-height:1.5}
@container (min-width:700px){
  .dk-desk{height:980px;overflow:hidden;padding:0}
  .dk-icons{position:absolute;right:18px;top:18px;flex-direction:column;align-items:center;gap:10px;margin:0;z-index:1}
  .dk-wins{display:block}
  .dk-win{position:absolute;left:var(--x);top:var(--y);width:var(--w)}
  .dk-win.drag{cursor:grabbing;box-shadow:2px 2px 0 var(--line)}
  .dk-item{grid-template-columns:1.1fr 1fr;align-items:start}
  .dk-grid{grid-template-columns:repeat(5,1fr)}
  .dk-lh,.dk-lr{grid-template-columns:1fr 70px 110px}.dk-lh span:nth-child(3),.dk-lr span:nth-child(3){display:block}
}

/* =========================== MIXTAPE =========================== */
.t-mixtape{--bg:#EFE9DE;--ink:#222;--mut:#77706A;--hand:'Caveat',cursive;--pen:#1F3B9C;--lab:#1D1C20;--labink:#E9E9EC;--s1:#B9BCC4;--s2:#7E828C;--s3:#4A4D55;--card:#FBF8F1}
.t-mixtape.cw-sunset{--lab:#F4ECDC;--labink:#2A1F15;--s1:#F2B134;--s2:#E4572E;--s3:#B3261E;--pen:#1F2B6B}
.t-mixtape.cw-ocean{--lab:#F7F5EF;--labink:#1B2E5A;--s1:#7CC6C2;--s2:#1E7F86;--s3:#1B2E5A;--pen:#1B2E5A}
.t-mixtape.cw-plain{--lab:#FFFFFF;--labink:#1F3B9C;--s1:#fff;--s2:#fff;--s3:#fff;--pen:#1F3B9C}
.t-mixtape.f-reenie{--hand:'Reenie Beanie',cursive}.t-mixtape.f-nanum{--hand:'Nanum Pen Script',cursive}
.cw-plain .mx-str{background:repeating-linear-gradient(transparent 0 7px,#9DB4D6 7px 8px)!important}
.mx-head{padding:46px 0 10px;display:grid;justify-items:start;gap:6px}
.mx-by{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.mx-head h1{font-family:var(--hand);font-weight:700;font-size:clamp(60px,15cqi,128px);line-height:.85;color:var(--pen)}
.f-reenie .mx-head h1,.f-nanum .mx-head h1{font-weight:400}
.mx-head p{font-size:15px;color:#4a4540;max-width:46ch}
.mx-fol{margin-top:6px;font-size:13px!important;font-weight:600;padding:8px 14px;border-radius:999px;background:var(--ink)!important;color:var(--bg)!important}
.mx-fol.done{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)}
.mx-play{display:grid;gap:26px;margin-top:34px}
.mx-cas{position:relative;width:100%;max-width:540px;aspect-ratio:100/63;margin:0 auto;background:linear-gradient(#2a292e,#1b1a1e);border-radius:3.4%/5.4%;padding:4.6% 5.4% 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 2px 0 rgba(255,255,255,.05),0 30px 50px -26px rgba(0,0,0,.65);container-type:inline-size}
.mx-sc{position:absolute;width:2.2%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8d8d93,#36353a);z-index:2}
.mx-sc.s1{left:2%;top:3%}.mx-sc.s2{right:2%;top:3%}.mx-sc.s3{left:2%;bottom:3%}.mx-sc.s4{right:2%;bottom:3%}
.mx-lab{position:relative;height:64%;background:var(--lab);border-radius:1.6cqi;overflow:hidden;color:var(--labink)}
.mx-lt{position:absolute;left:5%;top:7%;right:16%;font-family:var(--hand);font-size:8.4cqi;line-height:1;color:var(--pen);white-space:nowrap;overflow:hidden}
.cw-chrome .mx-lt{color:#E9E9EC}
.f-reenie .mx-lt{font-size:9cqi}.f-nanum .mx-lt{font-size:9.6cqi}
.mx-side{position:absolute;right:5%;top:7%;width:7cqi;height:7cqi;display:grid;place-items:center;border:.35cqi solid currentColor;border-radius:1cqi;font:800 4.6cqi 'Inter Tight',sans-serif}
.mx-str{position:absolute;left:0;right:0;top:40%;height:20%;background:linear-gradient(var(--s1) 0 33.3%,var(--s2) 33.3% 66.6%,var(--s3) 66.6%)}
.mx-br{position:absolute;right:5%;bottom:6%;font:italic 600 3cqi 'Inter Tight',sans-serif;letter-spacing:.06em}
.mx-br b{font-weight:900}
.mx-win{position:absolute;left:22%;right:22%;top:33%;height:34%;background:#121114;border-radius:99px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 .5cqi rgba(255,255,255,.08);overflow:hidden}
.mx-rw{position:relative;height:84%;aspect-ratio:1;display:grid;place-items:center}
.mx-rw::before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 90% * var(--pk,1));aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#6B4630 0 62%,#4E321F 63%);transition:width .8s}
.mx-rw.r::before{width:calc(100% + 90% * (1 - var(--pk,1)))}
.mx-reel{position:relative;z-index:2;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#121114 0 18%,transparent 19%),repeating-conic-gradient(#F2F2F2 0 14deg,transparent 14deg 60deg),radial-gradient(circle,#F2F2F2 0 44%,transparent 45%)}
.mx-cas.play .mx-reel{animation:mx-spin 2.2s linear infinite}
@keyframes mx-spin{to{transform:rotate(-360deg)}}
.mx-bot{position:absolute;left:20%;right:20%;bottom:0;height:22%;background:linear-gradient(#232226,#18171b);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);display:flex;justify-content:center;align-items:center;gap:12%}
.mx-bot i{width:3.4cqi;aspect-ratio:1;border-radius:50%;background:#0c0c0e;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}
.mx-keys{display:flex;justify-content:center;gap:3px;margin-top:20px}
.mx-keys button{text-align:center!important;min-width:58px;height:42px;font-size:12px!important;color:#333!important;background:linear-gradient(#FAFAFA,#D6D6D6)!important;border:1px solid #A9A9A9!important;border-radius:3px;box-shadow:0 3px 0 #9f9f9f,inset 0 1px 0 #fff;transition:transform .08s,box-shadow .08s}
.mx-keys button:active,.mx-keys .mx-pk.on{transform:translateY(2px);box-shadow:0 1px 0 #9f9f9f,inset 0 1px 0 #fff}
.mx-keys .mx-pk{min-width:84px}
.mx-now{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;background:var(--card);border-radius:4px;padding:14px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 18px 30px -24px rgba(0,0,0,.5)}
.mx-np{aspect-ratio:1;overflow:hidden;border-radius:2px}
.mx-nt{display:grid;gap:4px;align-content:start}
.mx-k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.mx-nt b{font-family:var(--hand);font-weight:700;font-size:30px;line-height:1;color:var(--pen)}
.f-reenie .mx-nt b,.f-nanum .mx-nt b{font-weight:400;font-size:34px}
.mx-nt p{font-size:14px;color:#4a4540}
.mx-pl{font-size:12px;color:var(--mut)}
.mx-bar{height:3px;background:rgba(0,0,0,.08);margin-top:6px;border-radius:2px;overflow:hidden}
.mx-bar i{display:block;height:100%;background:var(--pen);transition:width .5s}
.mx-sv{justify-self:start;margin-top:6px;font-size:12.5px!important;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.mx-sec{margin-top:48px}
.mx-jc{display:grid;gap:0;background:var(--card);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 22px 40px -28px rgba(0,0,0,.55);overflow:hidden}
.mx-front{position:relative;min-height:220px;background:var(--lab);color:var(--labink);overflow:hidden;container-type:inline-size}
.mx-front .mx-str{top:52%;height:16%}
.mx-ft{position:absolute;left:7%;top:9%;font-family:var(--hand);font-weight:700;font-size:15cqi;line-height:.9;color:var(--pen)}
.cw-chrome .mx-ft{color:#E9E9EC}
.f-reenie .mx-ft,.f-nanum .mx-ft{font-weight:400;font-size:17cqi}
.mx-fd{position:absolute;left:7%;bottom:8%;font-family:var(--hand);font-size:7cqi;color:var(--pen)}
.cw-chrome .mx-fd{color:#B9BCC4}
.mx-front .mx-br{font-size:4.4cqi;white-space:nowrap}
.mx-spine{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--lab);border-top:1px dashed rgba(127,127,127,.4);border-bottom:1px dashed rgba(127,127,127,.4)}
.mx-spine span{font-family:var(--hand);font-size:22px;color:var(--pen);white-space:nowrap}
.cw-chrome .mx-spine span{color:#E9E9EC}
.mx-list{padding:18px 22px 22px;background:#FDFCF7;background-image:repeating-linear-gradient(transparent 0 33px,rgba(70,120,190,.2) 33px 34px);background-position:0 38px}
.mx-sd{display:block;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#B3261E;line-height:34px}
.mx-list button{display:flex;align-items:baseline;gap:10px;width:100%;font-family:var(--hand);font-size:25px;line-height:34px;color:var(--pen);white-space:nowrap;overflow:hidden}
.f-reenie .mx-list button,.f-nanum .mx-list button{font-size:28px}
.mx-list button span{flex:none;width:30px;font-size:.8em;color:#888}
.mx-list button em{margin-left:auto;font-style:normal;font-size:.75em;color:#999;padding-left:10px}
.mx-list button.cur{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.mx-list button.cur span{color:#B3261E}
.mx-h{font-family:var(--hand);font-weight:700;font-size:34px;color:var(--pen);margin-bottom:14px}
.f-reenie .mx-h,.f-nanum .mx-h{font-weight:400;font-size:38px}
.mx-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mx-nc{position:relative;display:grid;gap:6px;background:var(--card);padding:16px 10px 12px;border-radius:2px;box-shadow:0 14px 26px -22px rgba(0,0,0,.6);overflow:hidden}
.mx-nc .mx-str{top:0;height:6px}
.mx-ni{display:block;aspect-ratio:4/3;overflow:hidden}
.mx-nh{font-family:var(--hand);font-size:22px;line-height:1;color:#B3261E;margin-top:4px}
.mx-nc b{font-weight:500;font-size:13.5px}
.mx-bs{background:#FDFCF7;padding:14px 22px 14px 44px;border-radius:2px;background-image:linear-gradient(90deg,transparent 30px,rgba(220,80,80,.45) 30px 31px,transparent 31px),repeating-linear-gradient(transparent 0 31px,rgba(70,120,190,.2) 31px 32px);box-shadow:0 14px 26px -22px rgba(0,0,0,.6)}
.mx-bs li{font-family:var(--hand);font-size:23px;line-height:32px;color:var(--pen)}
.mx-bs em{font-style:normal;color:#999;font-size:.8em}
.mx-bs p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#999;line-height:32px}
.mx-foot{margin-top:46px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
@container (min-width:640px){
  .mx-play{grid-template-columns:1.25fr 1fr;align-items:center}
  .mx-now{grid-template-columns:1fr;max-width:320px}
  .mx-jc{grid-template-columns:1fr 56px 1.35fr}
  .mx-spine span{writing-mode:vertical-rl;transform:rotate(180deg)}
  .mx-spine{border:0;border-left:1px dashed rgba(127,127,127,.4);border-right:1px dashed rgba(127,127,127,.4)}
  .mx-notes{grid-template-columns:repeat(4,1fr)}
  .mx-bs ol{columns:2;column-gap:30px}
}
@media (prefers-reduced-motion:reduce){.rt *{animation:none!important;transition:none!important}.ps-stamp.pre{opacity:.86;transform:rotate(var(--r))}}