:root{
--uscale: 2.5;
    --u: calc(1px * var(--uscale));   
--tilt: 55deg;          
    --persp: calc(1500 * var(--u));        
    --zoom: 1;              
--read-ease: 0s;
--stage-w: 1100px;
    --stage-h: 900px;
    --fit: 1;
    --rise: 0px;
    --dur: .72s;            
--ease: cubic-bezier(.22,.68,.26,1);   
--rec: calc(300 * var(--u));           
    --thick: calc(7 * var(--u));           
    --ln-pad: calc(20 * var(--u));         
    --ln-top-y: calc(38 * var(--u));       
    --stand: -83deg;        
    --lean-active: -83deg;  
    --land: -180deg;        
--crate-front-y: calc(60 * var(--u));  
    --slot-gap: calc(13 * var(--u));       
    --pile-front-y: calc(250 * var(--u));  
    --pile-gap: calc(17 * var(--u));       
    --lift: calc(5 * var(--u));            
--grey1:#1b1b1e; --grey2:#26262b; --grey3:#33333a; --grey4:#42424b;
    --line:#5a5a66; --ink:#c9c7cf; --ink-dim:#7c7b86; --accent:#e07a2f;
--oak1:#e0c690; --oak2:#cdac71; --oak3:#b08a52; --oak4:#7d6035; --oak-rim:#efdcae;
    --wallthick: calc(16 * var(--u));      
--wood-img: url("/static/tex/oak_planks.1f47759f.jpg");
    --texscale: calc(900 * var(--u));      
--paper: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='170' height='170' fill='%23808080'/><rect width='170' height='170' filter='url(%23p)' opacity='.30'/></svg>");
    --grain: calc(170 * var(--u));         
--grunge: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='190' height='190'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.055' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2.0 0 0 0 .15'/></filter><rect width='190' height='190' filter='url(%23g)'/></svg>");
--paperveil: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='v'><feTurbulence type='fractalNoise' baseFrequency='1.0' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 1 0 0 0 -.38'/></filter><rect width='170' height='170' filter='url(%23v)'/></svg>");
--cover-hidden: 10%;    
    --ct-a: #e8368f;        
    --ct-b: #3fb54a;        
--ct-h-gap: calc(3 * var(--u));        
    --ct-sig-gap: calc(5 * var(--u));      
    --ct-v-top: calc(13 * var(--u));       
--np-w: calc(250 * var(--u));   
    --np-h: calc(194 * var(--u));   
    --np-t: calc(5 * var(--u));     
    --np-x: calc(350 * var(--u));
    --np-y: calc(230 * var(--u));
    --np-yaw: -9deg;                
--np-lift: -4deg;
--np-dim: 1.02;
    --pool2: 1;                     
--cw: calc(var(--rec) + calc(42 * var(--u)));   
    --cd: calc(330 * var(--u));                     
    --ch: calc(195 * var(--u));                     
    --lip: calc(58 * var(--u));                     
    --cy: calc(var(--crate-front-y) + var(--rec) + calc(14 * var(--u)) - var(--cd)/2); 
    --mono:ui-monospace,"Cascadia Code",Consolas,monospace;
  }
body.lowgfx{ --dur: .30s; }
.guide{position:absolute; left:50%; top:50%;
    width:calc(300 * var(--u)); height:calc(336 * var(--u));   
    transform-style:flat;
transform-origin:50% 50%;
transform:translate(-50%,-50%)
              translate3d(calc(-372 * var(--u)), calc(268 * var(--u)), calc(16 * var(--u)))
              rotateX(-4deg) rotate(6deg);
    background:url("/static/tex/props/flyer.6e73ac62.webp") center/contain no-repeat;
    opacity:0; transition:opacity .6s ease, transform .25s ease;
    cursor:pointer; pointer-events:none;           
--guide-cast:drop-shadow(calc(-6 * var(--u)) calc(10 * var(--u))
                             calc(10 * var(--u)) rgba(0,0,0,.65));
    filter:brightness(calc(var(--lamp, 1) * .70)) saturate(.92) var(--guide-cast)
           drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,0));}
  body.crate-ready .guide{opacity:1; pointer-events:auto;}
body.crate-ready:not(.guide-seen) .guide{
    animation:guidebreath 3.2s ease-in-out infinite;}
  @keyframes guidebreath{
    0%,100%{filter:brightness(calc(var(--lamp,1) * .70)) saturate(.92) var(--guide-cast)
                   drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,0));}
    50%    {filter:brightness(calc(var(--lamp,1) * .94)) saturate(.92) var(--guide-cast)
                   drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.55));}}
@media (prefers-reduced-motion:reduce){
    body.crate-ready:not(.guide-seen) .guide{animation:none;
      filter:brightness(calc(var(--lamp,1) * .88)) saturate(.92) var(--guide-cast)
             drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.35));}}
.guide:hover, .guide:focus-visible{outline:none; animation:none;
    transform:translate(-50%,-50%)
              translate3d(calc(-372 * var(--u)), calc(268 * var(--u)), calc(36 * var(--u)))
              rotateX(-4deg) rotate(6deg) scale(1.05);
    filter:brightness(calc(var(--lamp, 1) * .96)) saturate(.92)
           drop-shadow(calc(-6 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.7))
           drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.5));}
  .guide:focus-visible{box-shadow:0 0 0 calc(3 * var(--u)) #d98b3a;}
body.guide-open .guide{opacity:0; pointer-events:none;}
.loupe{position:absolute; left:50%; top:50%;
width:calc(159 * var(--u)); height:calc(91 * var(--u));
    margin-left:calc(-79.5 * var(--u)); margin-top:calc(-45.5 * var(--u));
    transform-style:flat;
transform:translate3d(calc(271 * var(--u)), calc(484 * var(--u)), calc(46 * var(--u)))
              rotateX(-55deg);
    background:url("/static/tex/props/loupe.d45891f5.webp") center/contain no-repeat;
    cursor:pointer; opacity:0; pointer-events:none;
    transition:opacity .45s ease, transform .25s ease;
filter:brightness(calc(var(--lamp, 1) * .80));}
.loupe::before{content:""; position:absolute; inset:-30% -12%;
    pointer-events:auto;}
.lshadow{position:absolute; left:50%; top:50%; display:none; pointer-events:none;
    width:calc(151 * var(--u)); height:calc(58 * var(--u));
    margin-left:calc(-75.5 * var(--u)); margin-top:calc(-29 * var(--u));
    border-radius:50%; opacity:.55;
    background:radial-gradient(closest-side, rgba(0,0,0,.72), rgba(0,0,0,0) 76%);
    filter:blur(calc(9 * var(--u)));
    transform:translate3d(calc(271 * var(--u)), calc(484 * var(--u)), calc(1 * var(--u)));}
  body.crate-ready .lshadow{display:block;}
  body.crate-ready:not(.has-landed) .lshadow{opacity:.24;}
.wrecord{position:absolute; left:50%; top:50%;
width:calc(288 * var(--u)); height:calc(288 * var(--u));
    margin-left:calc(-144 * var(--u)); margin-top:calc(-144 * var(--u));
    transform-style:flat;
    transform:translate3d(calc(-12 * var(--u)), calc(536 * var(--u)), calc(2 * var(--u)));
    background:url("/static/tex/props/record-prop.36328b16.webp") center/100% 100% no-repeat;
    pointer-events:none; opacity:0;
    transition:opacity .6s ease;
    filter:brightness(calc(var(--lamp, 1) * .82));}
  body.crate-ready .wrecord{opacity:1;}
body.crate-ready .loupe{opacity:.42; pointer-events:auto;}
  body.crate-ready.has-landed .loupe{opacity:1;}
  body.can-read .loupe{animation:loupebreath 2.4s ease-in-out infinite;}
.loupe:hover, .loupe:focus-visible{animation:none; outline:none;
    transform:translate3d(calc(271 * var(--u)), calc(484 * var(--u)), calc(64 * var(--u)))
              rotateX(-55deg) scale(1.08);
    filter:brightness(calc(var(--lamp, 1) * 1.00));}
  .loupe:focus-visible{box-shadow:0 0 0 calc(3 * var(--u)) #d98b3a;}
  .loupe:hover ~ .lshadow, .loupe:focus-visible ~ .lshadow{
    opacity:.34; filter:blur(calc(16 * var(--u)));}
@keyframes loupebreath{
    0%,100%{filter:brightness(calc(var(--lamp,1) * .80));}
    50%    {filter:brightness(calc(var(--lamp,1) * .96));}}
  @media (prefers-reduced-motion:reduce){
    body.can-read .loupe{animation:none;}
    .guide,.loupe{transition:none;} }
.rec:focus-visible{outline:calc(3 * var(--u)) solid #d98b3a; outline-offset:calc(3 * var(--u));}
@font-face{
    font-family:"London Presley";
    src:url("/static/fonts/london-presley.e5cc2ad4.woff2") format("woff2");
    font-weight:normal; font-style:normal; font-display:block;}
@font-face{
    font-family:"Niconne";
    src:url("/static/fonts/niconne.59ef3666.woff2") format("woff2");
    font-weight:normal; font-style:normal; font-display:block;}
@font-face{
    font-family:"Bebas Neue";
    src:url("/static/fonts/bebas-neue.6b3badec.woff2") format("woff2");
    font-weight:normal; font-style:normal; font-display:block;}
@font-face{
    font-family:"Bodoni Moda";
    src:url("/static/fonts/bodoni-moda.e9311c58.woff2") format("woff2");
    font-weight:400 900; font-style:normal; font-display:block;}
  @font-face{
    font-family:"Prata";
    src:url("/static/fonts/prata.40568388.woff2") format("woff2");
    font-weight:normal; font-style:normal; font-display:block;}
@font-face{
    font-family:"Floydian";
    src:url("/static/fonts/floydian.3567efe0.woff2") format("woff2");
    font-weight:normal; font-style:normal; font-display:block;}
*{box-sizing:border-box;}
html{overflow:hidden;}
  body{margin:0; min-height:100vh; background:#0c0c0e; color:var(--ink);
    font-family:var(--mono); display:flex; flex-direction:column; align-items:center;
    justify-content:center;   
    -webkit-font-smoothing:antialiased; overflow:hidden;}
html[data-crate-embedded] .hud{display:none;}
  .hud{position:fixed; top:0; left:0; right:0; z-index:50; display:flex; gap:.8rem;
    align-items:center; justify-content:center; padding:.7rem; font-size:.7rem;
    letter-spacing:.12em; text-transform:uppercase; color:var(--ink-dim);
    background:linear-gradient(#0c0c0e,transparent);}
  .hud b{color:var(--accent);}
  .hud .btn{cursor:pointer; border:1px solid var(--line); background:transparent;
    color:var(--ink); font:inherit; text-transform:uppercase; letter-spacing:.12em;
    padding:.5em .9em; border-radius:6px;}
  .hud .btn:hover{border-color:var(--accent); color:#fff;}
  .wearctl{display:flex; align-items:center; gap:.45rem;}
  .wearctl input[type=range]{width:90px; accent-color:var(--accent);}
  .wearctl b{min-width:2.6em;}   
.diag{position:fixed; left:0; bottom:0; z-index:70;
    font-family:var(--mono); font-size:11px; line-height:1.5; padding:.6rem .8rem;
    background:rgba(8,7,10,.88); color:#cfcbd6; border-top-right-radius:8px;
    border:1px solid rgba(244,241,234,.14); white-space:pre; pointer-events:none;
    max-width:min(60ch,92vw);}
  .diag b{color:var(--accent); font-weight:400;}
  .diag .bad{color:#ff6a5c; font-weight:700;}
@property --readzoom{syntax:"<number>"; inherits:true; initial-value:1;}
  @property --read-x{syntax:"<length>"; inherits:true; initial-value:0px;}
  @property --read-y{syntax:"<length>"; inherits:true; initial-value:0px;}
.stagewrap{width:var(--stage-w); height:var(--stage-h); flex:none;
transform:translate(var(--centre-x,0px),
                        calc(var(--centre-y,0px) + var(--rise)))
              scale(calc(var(--fit) * var(--zoom)));
    transform-origin:center center;}
.stagewrap{
    transform:translate(calc(var(--centre-x,0px) + var(--read-x)),
                        calc(var(--centre-y,0px) + var(--rise) + var(--read-y)))
              scale(calc(var(--fit) * var(--zoom) * var(--readzoom)));
    transition:--readzoom var(--read-ease) cubic-bezier(.22,.61,.36,1),
               --read-x var(--read-ease) cubic-bezier(.22,.61,.36,1),
               --read-y var(--read-ease) cubic-bezier(.22,.61,.36,1);}
@media (prefers-reduced-motion:reduce){ .stagewrap{transition:none;} }
  .stage{width:100%; height:100%;
    display:flex; align-items:center;
    justify-content:center; perspective:var(--persp);
    perspective-origin:calc(var(--stage-w) * 0.5) calc(var(--stage-h) * 0.34);}
.world{position:relative; flex:none; width:var(--rec); height:var(--rec);
    transform-style:preserve-3d;
    transform:scale(calc(1 / var(--uscale)))
              translateY(calc(-110 * var(--u))) rotateX(var(--tilt));}
.floor{position:absolute; left:50%; top:50%; width:calc(1600 * var(--u)); height:calc(1600 * var(--u));
    transform:translate(-50%,-50%);
    background:
radial-gradient(13% 10% at 72% 55%,
        rgba(146,112,68,calc(.46 * var(--pool2,0))),
        rgba(146,112,68,0) 72%),
      radial-gradient(46% 34% at 50% 33%, rgba(120,92,58,.5), rgba(60,46,28,0) 60%),
radial-gradient(130% 100% at 50% 40%, #17130d, #000 68%);
    box-shadow:inset 0 0 calc(300 * var(--u)) rgba(0,0,0,.9);}
.crate{position:absolute; left:50%; top:0; transform-style:preserve-3d;
    transform:translateX(-50%) translateY(var(--cy)) translateZ(calc(var(--ch)/2));}
.panel{position:absolute; left:0; top:0; transform-style:preserve-3d; border:calc(1 * var(--u)) solid var(--oak4);
    background:
radial-gradient(150% 95% at 50% -10%, rgba(255,244,214,.12), transparent 55%),
repeating-linear-gradient(90deg, rgba(120,88,46,.055) 0 calc(1 * var(--u)), transparent calc(1 * var(--u)) calc(3 * var(--u)), rgba(255,246,222,.035) calc(3 * var(--u)) calc(4 * var(--u)), transparent calc(4 * var(--u)) calc(6 * var(--u))),
radial-gradient(120% 55% at 44% 34%, rgba(150,112,62,.12), transparent 46%),
      radial-gradient(95% 48% at 60% 72%, rgba(150,112,62,.10), transparent 50%),
linear-gradient(96deg, var(--oak1), var(--oak2) 55%, var(--oak3));
    background-blend-mode:screen, normal, overlay, overlay, normal;}
body.tex .panel{
    background-image:
      radial-gradient(150% 95% at 50% -10%, rgba(255,246,222,.10), transparent 55%),
      var(--wood-img);
    background-size:auto, var(--texscale) auto;
    background-position:0 0, var(--bgx,0) var(--bgy,0);
    background-blend-mode:screen, normal;}
.sboard .panel{--shade:0deg;}
  body.tex .panel::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      linear-gradient(var(--shade,180deg),
        rgba(255,247,230,.26) 0%,
        rgba(255,247,230,.07) 14%,
        rgba(0,0,0,0) 46%,
        rgba(32,18,4,.38) 100%),
      radial-gradient(125% 135% at 50% 50%, transparent 50%, rgba(24,13,3,.32) 100%);}
body.tex .sb-edge, body.tex .cx-rim{
    background-image:var(--wood-img);
    background-size:var(--texscale) auto;}
.cx-floor{--bgx:calc(-120 * var(--u)); --bgy:calc(-40 * var(--u));}   
.panel::after{content:""; position:absolute; inset:calc(6 * var(--u)); border-radius:calc(3 * var(--u)); pointer-events:none;
    border:calc(2 * var(--u)) solid; border-color:rgba(70,48,22,.28) rgba(255,244,214,.16) rgba(255,244,214,.20) rgba(70,48,22,.24);
    box-shadow:inset 0 0 calc(14 * var(--u)) rgba(90,64,30,.14);}
.cx-floor{width:var(--cw); height:var(--cd);
    filter:brightness(calc(.5 * var(--lamp,1))) saturate(.9);
    box-shadow:inset 0 0 calc(55 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.6);
    transform:translate(-50%,-50%) translateZ(calc(var(--ch)/-2));}
.sboard{position:absolute; left:0; top:0; transform-style:preserve-3d; pointer-events:none;}
  .sboard .panel{left:0; top:0;}
  .noframe::after{display:none;}
  .sb-edge{position:absolute; transform-style:preserve-3d;
    background:linear-gradient(180deg,var(--oak-rim),var(--oak2));
    box-shadow:inset 0 calc(1 * var(--u)) 0 rgba(255,248,226,.5), inset 0 0 calc(8 * var(--u)) rgba(90,64,30,.25);}
.rec{position:absolute; left:50%; top:0; width:var(--rec); height:var(--rec);
    margin-left:calc(var(--rec) / -2);
    transform-origin:50% 100%;      
    transition:transform var(--dur) var(--ease);
    transform-style:preserve-3d; cursor:pointer;}
.slab{position:absolute; left:50%; top:50%; width:0; height:0; transform-style:preserve-3d;}
  .fc{position:absolute; left:0; top:0; backface-visibility:hidden; border-radius:calc(2 * var(--u));}
.fc.front,.fc.back{width:var(--rec); height:var(--rec); border:calc(1 * var(--u)) solid var(--line);
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;}
  .fc.front{transform:translate(-50%,-50%) translateZ(calc(var(--thick)/2));
    background:linear-gradient(150deg,#d9cbac,#c3b189 55%,#a99a76);
    box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) rgba(0,0,0,.45);}
.fc.back{transform:translate(-50%,-50%) rotateX(180deg) translateZ(calc(var(--thick)/2));
    background:linear-gradient(150deg,#cabb99,#b3a37e);}
.fc.e-top{width:var(--rec); height:var(--thick);
    transform:translate(-50%,-50%) rotateX(90deg)  translateZ(calc(var(--rec)/2));
    background:linear-gradient(180deg,#c3b48d,#9c8c66);}
  .fc.e-bot{width:var(--rec); height:var(--thick);
    transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--rec)/2));
    background:#5f5238;}
  .fc.e-left{width:var(--thick); height:var(--rec);
    transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--rec)/2));
    background:linear-gradient(90deg,#a99972,#7d6e4e);}
  .fc.e-right{width:var(--thick); height:var(--rec);
    transform:translate(-50%,-50%) rotateY(90deg)  translateZ(calc(var(--rec)/2));
    background:linear-gradient(90deg,#7d6e4e,#a99972);}
  .rec .num{font-size:2.6rem; color:var(--sl-ink,#2c2415); position:relative;}
  .rec .tag{font-size:.62rem; letter-spacing:.22em; text-transform:uppercase;
    color:var(--sl-ink-dim,#6b5c3f); position:relative;}
  .rec.active .fc.front{border-color:var(--accent);
    box-shadow:0 0 0 calc(1 * var(--u)) var(--accent), 0 calc(12 * var(--u)) calc(32 * var(--u)) rgba(224,122,47,.28);}
  .rec.active .tag{color:var(--accent);}
body.sleeve .rec.active .fc.front{
    border-color:rgba(224,122,47,.5);
    box-shadow:0 calc(16 * var(--u)) calc(44 * var(--u)) rgba(224,122,47,.20),
               inset 0 calc(1 * var(--u)) 0 rgba(255,208,152,.34);}
body.sleeve .fc{filter:brightness(calc(var(--dim,1) * var(--lamp,1)));}
  .floor{filter:brightness(var(--lamp,1));}
body.sleeve .fc.front{
background-image:
linear-gradient(158deg, rgba(255,250,236,.34) 0%, rgba(255,250,236,.08) 26%,
        rgba(255,250,236,0) 52%, rgba(18,10,2,.20) 100%),
radial-gradient(118% 118% at 50% 44%, rgba(22,12,2,0) 52%, rgba(22,12,2,.34) 100%),
      var(--paper),                                   
radial-gradient(circle closest-side at 50% 50%,
        rgba(255,252,244,0) 0 94.5%,
        rgba(255,252,244,var(--ringA,0)) 96%,
        rgba(255,252,244,0) 97.5%),
var(--art, none),
      linear-gradient(155deg, var(--sl1) 0%, var(--sl2) 100%);   
    background-size:auto,auto,var(--grain) var(--grain),auto,cover,auto;
    background-position:0 0,0 0,var(--gx,0) var(--gy,0),0 0,50% 42%,0 0;
    background-blend-mode:soft-light,multiply,overlay,screen,normal,normal;
    border-color:rgba(0,0,0,.34);}
.cover-type{position:absolute; inset:0; pointer-events:none; overflow:hidden;
    font-family:"London Presley",Impact,Haettenschweiler,sans-serif;
    text-transform:uppercase; line-height:.82; font-weight:400;
    backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.cover-type *{backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.ct-v,.ct-h{
    color:transparent;
    -webkit-background-clip:text; background-clip:text;
    background-size:var(--grain) var(--grain), auto;
    background-position:var(--gx,0) var(--gy,0), 0 0;
    background-blend-mode:overlay, normal;}
  .ct-v{background-image:var(--paper), linear-gradient(var(--ct-a),var(--ct-a));}
  .ct-h{background-image:var(--paper), linear-gradient(var(--ct-b),var(--ct-b));}
.ct-brand{position:absolute; top:var(--ct-v-top);
    left:var(--ct-brand-left,calc(58 * var(--u)));
    font-family:Impact,Haettenschweiler,sans-serif;
    text-transform:none; font-size:calc(14 * var(--u)); letter-spacing:.03em;
    color:#fff; -webkit-font-smoothing:antialiased;
transform:skewX(-10deg); transform-origin:left bottom;}
.ct-sig{position:absolute; right:calc(13 * var(--u));
    bottom:calc(var(--cover-hidden) + var(--ct-sig-gap));
    font-family:"Niconne","Segoe Script","Brush Script MT",cursive;
    text-transform:none; font-size:calc(30 * var(--u)); line-height:.92;
    text-align:center;   
    color:#16120c; -webkit-font-smoothing:antialiased;}
.ct-sticker{position:absolute;
    border-radius:calc(2 * var(--u));
    background:
      linear-gradient(118deg, rgba(255,255,255,.20) 0%,
        rgba(255,255,255,.05) 34%, rgba(255,255,255,0) 55%,
        rgba(255,255,255,.10) 100%);
    box-shadow:
      inset 0 0 0 calc(1 * var(--u)) rgba(255,255,255,.34),   
      inset 0 calc(1 * var(--u)) 0 rgba(255,255,255,.45),
      0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.20);               
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;}
  .ct-sticker span{display:block; text-align:center;
    font-family:"Floydian",Impact,sans-serif; text-transform:none;
line-height:1.06; color:#14100c; padding:0 3%;}
  .ct-sticker em{display:block; font-style:normal; white-space:nowrap;}
  .ct-sticker i{display:inline-block; font-style:normal;}
.rec.gloss{
    --paper:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'/>");
    --paperveil:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'/>");
    --agewash:.02;}
.ct-grunge{position:absolute; left:2.5%; right:60.6%; top:61.4%; bottom:3%;
    color:#12161c;
display:flex; flex-direction:column; justify-content:flex-end;
align-items:flex-start;}
  .gr-line{display:block; white-space:nowrap; transform-origin:left bottom;}
.gr-brand{font-family:"Bodoni Moda",Georgia,serif; font-weight:900;
    text-transform:uppercase; letter-spacing:.07em; line-height:.9;
    --sx:.74; transform:scaleX(var(--sx));
-webkit-text-stroke:calc(.75 * var(--u)) currentColor; paint-order:stroke fill;}
  .gr-title{font-family:"Bebas Neue",Impact,sans-serif;
    text-transform:uppercase; letter-spacing:.005em; line-height:1;
    --sx:.92; transform:scaleX(var(--sx)); line-height:1.02;
filter:url(#waterwarp);}
  .gr-title{letter-spacing:-.022em;}
.gr-rule{height:calc(2 * var(--u)); background:currentColor; margin:calc(5.8 * var(--u)) 0 calc(6.1 * var(--u));
    align-self:stretch;}
.ct-grunge{
    -webkit-mask-image:var(--grunge); mask-image:var(--grunge);
    -webkit-mask-size:calc(55 * var(--u)) calc(55 * var(--u)); mask-size:calc(55 * var(--u)) calc(55 * var(--u));
    -webkit-mask-position:var(--gx,0) var(--gy,0);
    mask-position:var(--gx,0) var(--gy,0);}
.ct-star{position:absolute; left:3%; right:66.5%; top:3%;
    color:#17171d; display:flex; flex-direction:column;
    align-items:flex-start;}
  .st-line{display:block; white-space:nowrap;}
  .st-first{font-family:"Niconne",cursive; text-transform:none;
    line-height:1; margin-left:.04em; position:relative; z-index:1;
    margin-bottom:-.34em;
    -webkit-text-stroke:calc(1.5 * var(--u)) #eceaf0; paint-order:stroke fill;}
  .st-last{font-family:"Bebas Neue",Impact,sans-serif; text-transform:uppercase;
    line-height:.92; letter-spacing:.005em;}
.st-rule{height:calc(1.5 * var(--u)); background:currentColor; margin:.22em 0 .20em;}
  .st-title{font-family:"Bebas Neue",Impact,sans-serif;
    text-transform:uppercase; line-height:1; letter-spacing:.10em;}
.st-hype{position:absolute; right:4%; top:9.5%; width:27%; aspect-ratio:1;
    border-radius:50%; background:#352550; color:#f2eef7;
    display:flex; flex-direction:column; align-items:center;
    justify-content:center; text-align:center;
    font-family:Arial,Helvetica,sans-serif; font-style:normal;
    font-weight:400; text-transform:uppercase; line-height:1.30;
    letter-spacing:.01em;
    box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.28);}
  .st-hype span{display:block; white-space:nowrap;}
.ct-label{position:absolute; inset:0; color:#141414;}
.lb-trim{position:absolute; inset:0.5%; border:calc(1 * var(--u)) solid rgba(0,0,0,.35);}
.lb-head{position:absolute; left:3.5%; right:3.5%; top:3.5%; height:24%;
    border:calc(1 * var(--u)) solid rgba(0,0,0,.55); display:flex; flex-direction:column;}
  .lb-row{flex:1; display:flex; align-items:center; overflow:hidden;}
  .lb-bar{background:#5b7c96; color:#fff; justify-content:center;}
  .lb-white{background:#fbfaf6;}
  .lb-bar span,.lb-white .lb-txt span{white-space:nowrap; display:inline-block;
    font-family:"Arial Black",Impact,sans-serif; text-transform:uppercase;
    letter-spacing:.02em; line-height:1;}
.lb-white .lb-txt{color:#c0261f; margin:0 3.5% 0 2%;
    flex:1; min-width:0; overflow:hidden;}
  .lb-logo{flex:none;}
.lb-logo{height:100%; width:14%; background:#17161a; color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:inset 0 0 0 calc(1 * var(--u)) rgba(255,255,255,.7);}
  .lb-logo span{font-family:"Bodoni Moda",Georgia,serif; font-weight:700;
    text-transform:uppercase; letter-spacing:.02em; white-space:nowrap;}
.lb-code{position:absolute; left:1%; top:0.6%; width:22%;
    display:flex; align-items:flex-start;
    font-family:"Arial Black",Impact,sans-serif;
    letter-spacing:.04em; color:#3a3a3a;}
  .lb-code span{white-space:nowrap; display:inline-block; line-height:1;}
.lb-photo{position:absolute; left:3.5%; right:3.5%; top:27.5%; bottom:3.5%;
    border:calc(1 * var(--u)) solid rgba(0,0,0,.5);
    background-image:var(--lb-photo,none),
      linear-gradient(#8d8479,#5f584f);
    background-size:cover; background-position:50% 45%;}
.ct-punk{position:absolute; inset:0; color:#1b1206;}
  .f-bebas {font-family:"Bebas Neue",Impact,sans-serif; letter-spacing:.005em;}
  .f-prata {font-family:"Prata",Georgia,serif;}
.f-bodoni{font-family:"Bodoni Moda",Georgia,serif; font-weight:900;}
  .pk-head{position:absolute; left:5%; right:5%; top:5%;
    text-align:center; line-height:.98; font-size:calc(34 * var(--u));}
.pk-head span{display:block; width:max-content; max-width:none;
    margin:0 auto; white-space:nowrap;}
.pk-mid{position:absolute; left:0; right:0; width:max-content; max-width:90%;
    margin:0 auto; text-align:center; white-space:nowrap; font-size:calc(34 * var(--u));}
  .pk-sub{position:absolute; left:6%; right:6%; top:44%;
    text-align:center; font-size:calc(12 * var(--u)); letter-spacing:.06em; white-space:nowrap;}
.pk-band{position:absolute; left:-15%; right:-15%; top:60%;
    background:var(--pk-band,#ec1d7c); transform:rotate(-13deg);
    text-align:center; white-space:nowrap; padding:.06em 0;
clip-path:var(--pk-clip,none);
    box-shadow:0 calc(1 * var(--u)) 0 rgba(0,0,0,.18);}
.pk-in{display:inline-block; white-space:nowrap;}
.pk-band b{display:inline-block; font-weight:400; text-transform:none;
    font-family:Impact,Haettenschweiler,sans-serif;
    color:var(--pk-ink,#f7e400); font-size:calc(44 * var(--u)); line-height:1.04;
    margin:0 .012em; vertical-align:middle;}
.ct-v{position:absolute; left:calc(8 * var(--u)); top:var(--ct-v-top);
    bottom:var(--ct-v-bottom,calc(110 * var(--u)));
    text-align:center; overflow:hidden;
    line-height:.78; font-size:calc(32 * var(--u));}
.ct-h{position:absolute; left:calc(6 * var(--u)); right:calc(6 * var(--u));
    bottom:calc(var(--cover-hidden) + var(--ct-h-gap));
    white-space:nowrap; overflow:hidden;
    font-size:calc(42 * var(--u)); letter-spacing:-.018em;}
body.sleeve .fc.front::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    border-radius:calc(2 * var(--u));
    background-image:
radial-gradient(124% 124% at 50% 42%, rgba(24,13,3,0) 54%, rgba(24,13,3,var(--vign,.22)) 100%),
linear-gradient(rgba(216,188,140,var(--agewash,.09)), rgba(216,188,140,var(--agewash,.09))),
var(--wearart,none),
var(--paperveil);
    background-size:auto,auto,100% 100%,var(--grain) var(--grain);
    background-position:0 0,0 0,0 0,var(--gx,0) var(--gy,0);}
body.sleeve .fc.back{
    background-image:
      linear-gradient(22deg, rgba(255,250,236,.20) 0%, rgba(255,250,236,0) 46%, rgba(18,10,2,.22) 100%),
      radial-gradient(118% 118% at 50% 56%, rgba(22,12,2,0) 52%, rgba(22,12,2,.30) 100%),
      var(--paper),
      linear-gradient(155deg, var(--sl2) 0%, var(--sl1) 100%);
    background-size:auto,auto,var(--grain) var(--grain),auto;
    background-position:0 0,0 0,var(--gy,0) var(--gx,0),0 0;
    background-blend-mode:soft-light,multiply,overlay,normal;
    border-color:rgba(0,0,0,.34);}
body.sleeve .fc.back::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    border-radius:calc(2 * var(--u));
    background-image:
      radial-gradient(122% 122% at 50% 56%, rgba(24,13,3,0) 58%, rgba(24,13,3,.17) 100%),
      linear-gradient(22deg, rgba(255,250,236,.09) 0%, rgba(255,250,236,0) 48%, rgba(18,10,2,.13) 100%),
      var(--paperveil);
    background-size:auto,auto,var(--grain) var(--grain);
    background-position:0 0,0 0,var(--gy,0) var(--gx,0);}
.liner{position:absolute; inset:0; pointer-events:none; overflow:hidden;
    color:var(--sl-ink,#2c2415);
    font-family:Arial,Helvetica,sans-serif;
    text-transform:none; font-weight:400;
    -webkit-font-smoothing:antialiased;
    backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.liner *{backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.ln-top,.ln-foot{position:absolute;
    left:var(--ln-pad); right:var(--ln-pad);
    display:flex; justify-content:space-between; align-items:baseline;
font-size:calc(clamp(8.6, 10 / var(--fit), 13) * var(--u)); line-height:1;
    letter-spacing:.17em; text-transform:uppercase;
    color:var(--sl-ink-dim,#6b5c3f);}
  .ln-top{top:var(--ln-pad); padding-bottom:calc(5 * var(--u));
    border-bottom:calc(1 * var(--u)) solid currentColor;}
  .ln-foot{bottom:var(--ln-pad); padding-top:calc(5 * var(--u));
    border-top:calc(1 * var(--u)) solid currentColor;}
.ln-body{position:absolute;
    left:var(--ln-pad); right:var(--ln-pad);
    top:var(--ln-top-y); bottom:var(--ln-top-y);
    font-size:calc(11 * var(--u));}
.ln-head{font-family:"Prata",Georgia,serif;
    font-size:2.05em; line-height:1.02; letter-spacing:-.004em;
    margin:0 0 .6em; text-wrap:balance;}
  .ln-note{font-size:1em; line-height:1.44; letter-spacing:.004em; margin:0;
    text-wrap:pretty;}
.ln-pull{font-family:"Prata",Georgia,serif;
    font-size:1.2em; line-height:1.28; margin:.95em 0 0;
    padding-left:.62em; border-left:calc(2 * var(--u)) solid var(--ln-spot, var(--accent));}
.ln-steps{margin:.85em 0 0;}
  .ln-step{display:grid; grid-template-columns:1.9em 1fr; column-gap:.5em;
    margin-top:.74em;}
  .ln-step:first-child{margin-top:0;}
.ln-num{font-family:"Prata",Georgia,serif; font-size:1.08em; line-height:1.16;
    font-variant-numeric:tabular-nums; color:var(--ln-spot, var(--accent));}
  .ln-st,.ln-gt{font-family:"Prata",Georgia,serif; font-size:1.08em; line-height:1.16;}
.ln-sd{grid-column:2; font-size:1em; line-height:1.38; margin:.18em 0 0;
    text-wrap:pretty;}
.ln-guides{margin:.8em 0 0;}
  .ln-guide{display:grid; grid-template-columns:1fr auto; column-gap:.7em;
    align-items:baseline; margin-top:.66em;}
  .ln-guide:first-child{margin-top:0;}
  .ln-gs{font-size:.82em; letter-spacing:.14em; text-transform:uppercase;
    color:var(--ln-spot, var(--accent));}
.ln-gd{grid-column:1 / -1; font-size:1em; line-height:1.36; margin:.14em 0 0;
    text-wrap:pretty;}
.ln-body.has-list .ln-head{font-size:1.62em; margin-bottom:.42em;}
.liner.lp .ln-body{bottom:calc(88 * var(--u));}
  .liner.lp .ln-top{align-items:center;}
.liner.lp.no-rule .ln-top{border-bottom:none;}
  .lp-hl,.lp-hr{display:inline-flex; align-items:center; gap:.7em;}
  .liner.lp .ln-head{font-size:1.62em; margin:0;}
  .lp-hd{display:flex; align-items:baseline; justify-content:space-between; gap:.6em;
    margin-bottom:.5em;}
  .lp-side{flex:0 0 auto; font-family:"Prata",Georgia,serif; font-size:1em;
    letter-spacing:.02em; color:var(--ln-spot, var(--accent));}
.lp-badge{display:inline-block; font-family:"Arial Narrow",Arial,sans-serif;
    font-weight:700; font-size:calc(9 * var(--u)); letter-spacing:.14em; line-height:1;
    padding:calc(2.2 * var(--u)) calc(4.6 * var(--u));
    border:calc(1.4 * var(--u)) solid var(--sl-ink, #2c2415); color:var(--sl-ink, #2c2415);}
html.lofi .lp-badge{display:none;}
html.lofi .lp-logo{display:none;}                 
  html.lofi .liner.lp .ln-top{border-bottom:none;}  
  html.lofi .lp-legal{border-top:none; padding-top:0; margin-top:0;}  
.lp-logo{display:inline-flex; align-items:center; gap:.5em;
    font-family:"Prata",Georgia,serif; font-size:calc(clamp(8.8, 10 / var(--fit), 13) * var(--u));
    letter-spacing:.02em; color:var(--sl-ink-dim, #6b5c3f); white-space:nowrap;}
  .lp-logo i{flex:0 0 auto; width:calc(13 * var(--u)); height:calc(13 * var(--u));
    border-radius:50%; border:calc(1.4 * var(--u)) solid currentColor;
    position:relative;}
  .lp-logo i::after{content:""; position:absolute; inset:calc(3.4 * var(--u));
    border-radius:50%; border:calc(1 * var(--u)) solid currentColor;}
  .lp-tracks{margin:0;}
.lp-track{display:grid; grid-template-columns:auto 1fr auto; column-gap:.6em;
    align-items:baseline; margin-top:.74em;}
  .lp-track:first-child{margin-top:0;}
  .lp-tn{font-family:"Prata",Georgia,serif; font-variant-numeric:tabular-nums;
    color:var(--ln-spot, var(--accent));}
  .lp-tt{font-size:1em; line-height:1.26; text-wrap:pretty;}
  .lp-time{font-variant-numeric:tabular-nums; color:var(--sl-ink-dim, #6b5c3f);}
.lp-foot{position:absolute; left:var(--ln-pad); right:var(--ln-pad);
    bottom:var(--ln-pad);}
  .lp-foot-main{display:flex; align-items:flex-end; gap:calc(8 * var(--u));
    min-height:calc(26 * var(--u));}
  .liner.lp.bar-br .lp-foot-main{flex-direction:row-reverse;}
  .lp-foot-sp{flex:1 1 auto;}
  .lp-barcode{flex:0 0 auto; width:calc(88 * var(--u)); height:calc(26 * var(--u));
    opacity:.92; background-image:repeating-linear-gradient(90deg,
      var(--sl-ink, #2c2415) 0 calc(1.6 * var(--u)),
      transparent calc(1.6 * var(--u)) calc(4 * var(--u)),
      var(--sl-ink, #2c2415) calc(4 * var(--u)) calc(5.4 * var(--u)),
      transparent calc(5.4 * var(--u)) calc(7.2 * var(--u)),
      var(--sl-ink, #2c2415) calc(7.2 * var(--u)) calc(10.4 * var(--u)),
      transparent calc(10.4 * var(--u)) calc(12.4 * var(--u)));}
  .lp-legal{margin:calc(6 * var(--u)) 0 0; padding-top:calc(5 * var(--u));
    border-top:calc(1 * var(--u)) solid var(--sl-ink-dim, #6b5c3f);
font-size:calc(7.4 * var(--u)); line-height:1.5; letter-spacing:.015em;
    color:var(--sl-ink-dim, #6b5c3f);}
body.sleeve .fc.e-top{
    background-image:
      linear-gradient(90deg, rgba(20,12,4,.38), rgba(20,12,4,0) 15%,
        rgba(20,12,4,0) 85%, rgba(20,12,4,.38)),
      var(--paper),
      linear-gradient(180deg, rgba(24,14,4,.40) 0%, var(--sl2) 22%,
        var(--sl1) 50%, var(--sl2) 78%, rgba(24,14,4,.40) 100%);
    background-size:auto,var(--grain) var(--grain),auto;
    background-position:0 0,var(--gx,0) 0,0 0;
    background-blend-mode:multiply,overlay,normal;}
body.sleeve .fc.e-left,
  body.sleeve .fc.e-right{
    background-image:
      linear-gradient(90deg, rgba(24,14,4,.42) 0%, var(--sl2) 26%,
        var(--sl1) 52%, var(--sl2) 78%, rgba(24,14,4,.42) 100%);}
  body.sleeve .fc.e-left{
    background-image:
      linear-gradient(180deg, rgba(20,12,4,.30), rgba(20,12,4,0) 12%,
        rgba(20,12,4,0) 88%, rgba(20,12,4,.30)),
      linear-gradient(90deg, rgba(24,14,4,.42) 0%, var(--sl2) 26%,
        var(--sl1) 52%, var(--sl2) 78%, rgba(24,14,4,.42) 100%);
    background-blend-mode:multiply,normal;}
  body.sleeve .fc.e-bot{background:#3a3225;}
.fc.inner{
    width:calc(var(--rec) - calc(22 * var(--u)));
    height:calc(var(--rec) + var(--poke,0));
    backface-visibility:visible; border-radius:calc(1 * var(--u));
    transform:translate(-50%,-50%) translateY(calc(var(--poke,0) / -2)) translateZ(0);
    background-image:
linear-gradient(180deg, rgba(60,48,30,.42) 0%, rgba(60,48,30,.10) 3%,
        rgba(60,48,30,0) 8%),
      var(--paper),
      linear-gradient(180deg,#ded4bd,#c8bda3);
    background-size:auto,var(--grain) var(--grain),auto;
    background-position:0 0,var(--gy,0) var(--gx,0),0 0;
    background-blend-mode:multiply,overlay,normal;}
  body:not(.sleeve) .fc.inner{display:none;}
body:not(.sleeve) .rec .num{color:#2c2415;}
  body:not(.sleeve) .rec .tag{color:#6b5c3f;}
.gshadow,.cshadow{position:absolute; left:50%; top:0; pointer-events:none;
    border-radius:50%; background:radial-gradient(closest-side, rgba(0,0,0,.62), rgba(0,0,0,0) 72%);
    filter:blur(calc(15 * var(--u)));}
.gshadow{width:var(--rec); height:var(--rec); margin-left:calc(var(--rec)/-2);
    opacity:0; transition:transform var(--dur) var(--ease), opacity var(--dur) ease;}
.cshadow{width:calc(var(--rec) + calc(80 * var(--u))); height:calc(var(--rec) + calc(30 * var(--u)));
    margin-left:calc((var(--rec) + calc(80 * var(--u)))/-2); opacity:.75;
    transform:translate3d(0, calc(var(--crate-front-y) + var(--rec)/2 - calc(10 * var(--u))), calc(1 * var(--u)));}
.newsprop{position:absolute; left:50%; top:0; width:0; height:0;
    transform-style:preserve-3d; pointer-events:none; display:none;
    transform:translate3d(var(--np-x), var(--np-y),
                          calc(2 * var(--u) + var(--np-h) * 0.0349))
              rotate(var(--np-yaw))
              rotateX(var(--np-lift));}
  body.floorprop .newsprop{display:block;}
  body.floorprop .pshadow{display:block;}
body.floorprop .newsprop .pf.top{pointer-events:auto; cursor:pointer;}
  .newsprop .pf.top:focus-visible{outline:calc(3 * var(--u)) solid #d98b3a;
    outline-offset:calc(3 * var(--u));}
.newsprop .pf.top:hover, .newsprop .pf.top:focus-visible{animation:none;
    filter:brightness(calc(min(1, var(--np-dim,.34) * 1.9) * var(--lamp,1)))
           drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.5));}
body.crate-done .newsprop .pf.top{
    animation:paperbreath 3.2s ease-in-out infinite;}
  @keyframes paperbreath{
    0%,100%{filter:brightness(calc(var(--np-dim,.34) * var(--lamp,1)))
                   drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,0));}
    50%    {filter:brightness(calc(var(--np-dim,.34) * var(--lamp,1) * 1.16))
                   drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.55));}}
  @media (prefers-reduced-motion:reduce){
    body.crate-done .newsprop .pf.top{animation:none;
      filter:brightness(calc(var(--np-dim,.34) * var(--lamp,1) * 1.10))
             drop-shadow(0 0 calc(16 * var(--u)) rgba(217,139,58,.35));}}
.newsprop .pf{position:absolute; left:0; top:0; backface-visibility:hidden;
    filter:brightness(calc(var(--np-dim,.34) * var(--lamp,1)));}
.newsprop .pf.top,.newsprop .pf.bot{width:var(--np-w); height:var(--np-h);}
  .newsprop .pf.top{
    transform:translate(-50%,-50%) translateZ(calc(var(--np-t)/2));
background:#ece2cf url("/static/tex/mag/half_paper.daade553.jpg") no-repeat center/cover;
box-shadow:calc(8 * var(--u)) calc(13 * var(--u)) calc(26 * var(--u)) rgba(0,0,0,.55);}
.newsprop .pf.top::after{content:""; position:absolute; inset:0;
    border-radius:inherit; pointer-events:none;
    backface-visibility:hidden; -webkit-backface-visibility:hidden;
    background:
linear-gradient(180deg,
        rgba(255,250,238,.14) 0%,
        rgba(255,250,238,.02) 40%,
        rgba(44,34,18,.11) 100%);}
.newsprop .pf.bot{
    transform:translate(-50%,-50%) rotateX(180deg) translateZ(calc(var(--np-t)/2));
    background:#c9bda6;}
.newsprop .pf.leaf{width:var(--np-w); height:var(--np-h);
    transform:translate(-50%,-50%)
              rotateX(calc(var(--np-lift) * -0.74))
              translate3d(calc(-2 * var(--u)), calc(-9 * var(--u)),
                          calc(var(--np-t) / -2));
    background:linear-gradient(196deg,#e8dec6,#d2c6ac 62%,#bfb298);
    border-radius:calc(2 * var(--u));}
.newsprop .pf.e-fold,.newsprop .pf.e-open{width:var(--np-w); height:var(--np-t);}
.newsprop .pf.e-fold{
    transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--np-h)/2));
    background:linear-gradient(180deg,#eee3cb,#dbd0b5 55%,#bcb096);}
.newsprop .pf.e-open{
    transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--np-h)/2));
    background:linear-gradient(180deg,#efe5cd,#b9ac91 52%,#d6cab0);}
  .newsprop .pf.e-l,.newsprop .pf.e-r{width:var(--np-t); height:var(--np-h);}
  .newsprop .pf.e-l{
    transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--np-w)/2));
    background:linear-gradient(90deg,#ece2c9,#c6ba9f);}
  .newsprop .pf.e-r{
    transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--np-w)/2));
    background:linear-gradient(90deg,#b3a68e,#ddd2b8);}
.newsprop .pf.top,.newsprop .pf.bot{border-radius:calc(2 * var(--u));}
.pshadow{position:absolute; left:50%; top:0; display:none; pointer-events:none;
    width:calc(var(--np-w) + calc(40 * var(--u)));
    height:calc(var(--np-h) + calc(30 * var(--u)));
    margin-left:calc((var(--np-w) + calc(40 * var(--u)))/-2);
    border-radius:50%; opacity:.5;
    background:radial-gradient(closest-side, rgba(0,0,0,.6), rgba(0,0,0,0) 74%);
    filter:blur(calc(14 * var(--u)));
    transform:translate3d(var(--np-x), var(--np-y), calc(1 * var(--u)));}
@media (max-width:820px){
    :root{ --np-x: calc(250 * var(--u)); --np-w: calc(210 * var(--u));
           --np-h: calc(163 * var(--u)); }   
:root{ --uscale: 1; }
  }
body.no-anim .rec{transition:none !important;}
  @media (prefers-reduced-motion:reduce){ .rec{transition:none;} }
@font-face{
    font-family:"Shrikhand";
    src:url("/static/fonts/shrikhand-subset.woff2") format("woff2");
    font-weight:400; font-style:normal; font-display:swap;}
@font-face{
    font-family:"Oswald";
    src:url("/static/fonts/oswald.aa15e7e7.woff2") format("woff2");
    font-weight:200 700; font-style:normal; font-display:block;}
:root{
    --m-ink:#f4f1ea; --m-ink-dim:#b8b1a6; --m-ink-faint:#867f73;
    --m-ember:#e07a2f; --m-ember-hi:#f5983f;
    --m-wax:#0a0a0b; --m-wax2:#121215;
--m-paper:#ece2cf; --m-paper2:#e4d8c0; --m-paperink:#241f16; --m-paperink-dim:#5c5140;
    --m-mono:ui-monospace,"Cascadia Code","SFMono-Regular",Menlo,Consolas,monospace;
    --m-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --m-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
    --m-display:"Shrikhand","Cooper Black","Cooper Std",Georgia,"Times New Roman",serif;
    --m-edge:clamp(1.2rem,5vw,4rem);
    --m-maxw:1120px;
--arr-hero-rise: calc(100vh - 2 * var(--bar));
    --arr-hero-push: 0;      
--bar: clamp(70px, 16vh, 200px);
  }
@media (max-aspect-ratio: 1/1){ :root{ --bar: clamp(24px, 5.5vh, 60px); } }
body.fx-thinbar{ --bar: clamp(46px, 10.5vh, 132px); }
html{overflow:visible; scroll-behavior:smooth;}
  body{margin:0; min-height:0; display:block; overflow:visible; overflow-x:clip;
    background:var(--m-wax); color:var(--m-ink); font-family:var(--m-sans);
    line-height:1.6; -webkit-font-smoothing:antialiased;}
.hud{display:none;}
  body.dev .hud{display:flex;}
a{color:inherit;}
  .wrap{max-width:var(--m-maxw); margin:0 auto; padding-inline:var(--m-edge);}
  .eyebrow{font-family:var(--m-mono); font-size:.72rem; letter-spacing:.32em; text-transform:uppercase;
    color:var(--m-ember-hi); margin:0 0 1.1rem; display:inline-flex; align-items:center; gap:.75em;}
  .eyebrow::before{content:""; width:2em; height:1px; background:var(--m-ember);}
  .eyebrow.dark{color:var(--m-ember);}
.btn{display:inline-flex; align-items:center; gap:.55em; cursor:pointer; text-decoration:none;
    font-family:var(--m-mono); font-size:.72rem; letter-spacing:.13em; text-transform:uppercase;
    border-radius:999px; padding:.85em 1.55em; border:1px solid transparent; white-space:nowrap;
    transition:filter .15s, border-color .2s, color .2s, background .2s, transform .05s;}
  .btn:active{transform:translateY(1px);}
  .btn.primary{background:linear-gradient(180deg,var(--m-ember-hi),var(--m-ember)); color:#1a0f06; font-weight:700;}
  .btn.primary:hover{filter:brightness(1.07);}
  .btn.ghost{border-color:rgba(244,241,234,.24); color:var(--m-ink-dim);}
  .btn.ghost:hover{border-color:var(--m-ember); color:var(--m-ink);}
.nav{position:fixed; inset:0 0 auto 0; z-index:60; display:flex; align-items:center;
    justify-content:space-between; padding:.9rem var(--m-edge);
    transition:background .3s ease, backdrop-filter .3s ease, border-color .3s ease;
    border-bottom:1px solid transparent;}
.nav.stuck{background:none; backdrop-filter:none; border-bottom-color:transparent;}
  .mark{font-weight:700; letter-spacing:-.01em; font-size:1.15rem; text-decoration:none;}
  .mark span{color:var(--m-ink-faint); font-weight:400;}
  .nav-right{display:flex; align-items:center; gap:.9rem;}
  .nav-right .sign{font-family:var(--m-mono); font-size:.72rem; letter-spacing:.13em; text-transform:uppercase;
    color:var(--m-ink-dim); text-decoration:none;}
  .nav-right .sign:hover{color:var(--m-ink);}
.opening{position:relative; min-height:300svh;}
.pin{position:fixed; top:var(--bar); bottom:var(--bar); left:0; right:0;
    height:auto; overflow:hidden; z-index:1;
    display:grid; grid-template:100% / 100%; place-items:center;
background:#000;}
  body.past .pin{display:none;}
  body.fx-stickypin .pin{position:sticky; inset:auto; top:0;}
  body.fx-stickypin.past .pin{display:block;}
.pin .stagewrap{grid-area:1/1; z-index:1; will-change:transform;}
.overlay{position:fixed; inset:0; z-index:15; pointer-events:none;}
  .overlay > *{position:absolute; inset:0; width:auto; height:auto;}
body.arrived .heroimg,
  body.arrived .heroshade,
  body.arrived .cue{display:none;}
body.arrived .overlay{z-index:45;}
.heroimg{grid-area:1/1; z-index:3; align-self:stretch; justify-self:stretch;
    top:var(--bar); bottom:var(--bar); height:auto;
    width:100%; pointer-events:none;
    will-change:transform;
    background:#000 url("/static/deadwax_clean.ee9005ab.jpg") center 46% / cover no-repeat;
    opacity:var(--hero-o,1);
    transform:translateY(calc(var(--hero-p,0) * var(--arr-hero-rise) * -1))
              scale(calc(1 + var(--hero-p,0) * var(--arr-hero-push)));}
@media (max-aspect-ratio:1/1){ .heroimg{background-size:contain; background-position:center 47%;} }
.heroshade{grid-area:1/1; z-index:3; align-self:stretch; justify-self:stretch;
    top:var(--bar); bottom:var(--bar); height:auto;
    width:100%; pointer-events:none; will-change:transform;
    background:linear-gradient(180deg, rgba(6,6,7,.55) 0%, rgba(6,6,7,.10) 16%, rgba(6,6,7,0) 38%);
    opacity:var(--hero-o,1);
    transform:translateY(calc(var(--hero-p,0) * var(--arr-hero-rise) * -1));}
.guidecard{position:fixed; left:0; right:0; top:var(--bar); bottom:var(--bar);
    z-index:46; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:2.2vh;
    pointer-events:none; opacity:0; transition:opacity .28s ease;}
  body.guide-open .guidecard{opacity:1; pointer-events:auto;}
.gc-card{appearance:none; border:0; padding:0; cursor:pointer;
    aspect-ratio:900/1007;
    height:min(92%, 720px, 96vw); max-height:calc(100% - 5.2vh);
    background:url("/static/tex/props/flyer.6e73ac62.webp") center/contain no-repeat;
filter:drop-shadow(0 2.2vh 3.2vh rgba(0,0,0,.78));
    transform:translateY(2.4%) scale(.972);
    transition:transform .3s cubic-bezier(.2,.7,.3,1), filter .2s ease;}
  body.guide-open .gc-card{transform:none;}
  .gc-card:hover{filter:brightness(1.05) drop-shadow(0 2.6vh 3.6vh rgba(0,0,0,.82));}
  .gc-card:focus-visible{outline:3px solid #d98b3a; outline-offset:8px;}
.gc-hint,
  .readhint{margin:0; padding-inline:1.4rem;  
    font:500 clamp(.62rem,.85vw,.78rem)/1.4 system-ui,sans-serif;
    letter-spacing:.16em; text-transform:uppercase; color:var(--m-ink-faint);
    text-align:center; text-wrap:balance; pointer-events:none;}
.readhint{position:fixed; left:0; right:0; bottom:0; height:var(--bar);
    display:flex; align-items:center; justify-content:center;
    z-index:51; opacity:0; transition:opacity .3s ease; pointer-events:none;
    color:var(--m-ink-dim); text-shadow:0 1px 3px rgba(0,0,0,.9);}
  body.reading .readhint{opacity:1;}
body.past .readhint{opacity:0;}
  @media (prefers-reduced-motion:reduce){ .readhint{transition:none;} }
.gc-sr{position:absolute; width:1px; height:1px; overflow:hidden;
    clip-path:inset(50%); white-space:nowrap;}
.bar{position:fixed; left:0; right:0; height:var(--bar); z-index:30;
    background:#000; pointer-events:none;}
.bar.t{top:0; z-index:50;} .bar.b{bottom:0;}
.beam{position:fixed; inset:0; z-index:2; pointer-events:none;
    opacity:var(--beam-o,0);
    background:
      radial-gradient(44% 66% at 50% -12%, rgba(255,246,226,.40),
                                           rgba(255,246,226,.10) 52%,
                                           rgba(255,246,226,0)   79%),
      radial-gradient(30% 24% at 50% 54%,  rgba(255,246,226,.20),
                                           rgba(255,246,226,0)   74%);}
.cue{z-index:4; inset:auto 0 calc(var(--bar) + 1.9rem) 0; display:flex; flex-direction:column; align-items:center; gap:.75rem;
    font-family:var(--m-mono); font-size:.81rem; letter-spacing:.28em; text-transform:uppercase;
    color:var(--m-ink-dim); pointer-events:none;
text-shadow:0 1px 10px rgba(4,4,5,.92), 0 0 26px rgba(4,4,5,.72);
    opacity:calc(1 - var(--t,1) * 3.4);}
.strap{position:fixed; z-index:16; inset:auto 0 calc(var(--bar) + 7.1rem) 0;
    display:flex; flex-direction:column; align-items:center; gap:.72rem;
    padding-inline:clamp(1.1rem,5vw,2rem); text-align:center; pointer-events:none;
    text-shadow:0 1px 10px rgba(4,4,5,.92), 0 0 26px rgba(4,4,5,.72);
    opacity:calc(1 - var(--t,1) * 3.4);}
.strap-h{margin:0; font-family:var(--m-display); font-weight:400;
    font-size:clamp(1.34rem,3.1vw,2.25rem); line-height:1.16; letter-spacing:.002em;
    color:var(--m-ink); text-wrap:balance;}
  .strap-s{margin:0; font-family:var(--m-sans); max-width:56ch;
    font-size:clamp(.9rem,1.55vw,1.03rem); line-height:1.46; color:var(--m-ink-dim);}
  body.arrived .strap{display:none;}
@media (max-height:560px) and (min-aspect-ratio:1/1){
    .strap{inset:calc(var(--bar) + .7rem) 0 auto 0;}
    .strap-s{display:none;}
  }
.cue .chev{width:19px; height:19px; border-right:2.5px solid var(--m-ember);
    border-bottom:2.5px solid var(--m-ember); animation:cue 2s ease-in-out infinite;
    filter:drop-shadow(0 1px 6px rgba(4,4,5,.9));}
@media (max-height:560px) and (min-aspect-ratio:1/1){
    .cue{align-items:flex-end; padding-right:clamp(1rem,4vw,2.5rem);}
  }
  @keyframes cue{
    0%,100%{transform:rotate(45deg) translate(-3px,-3px); opacity:.35;}
    50%    {transform:rotate(45deg) translate(2px,2px);  opacity:1;}}
.magveil{position:absolute; inset:0; z-index:-1; opacity:1;
    will-change:opacity; pointer-events:none;
    background:
linear-gradient(180deg, var(--m-wax) 0, rgba(10,10,11,0) 240px),
      linear-gradient(0deg,   var(--m-wax) 0, rgba(10,10,11,0) 240px),
      radial-gradient(118% 80% at 50% 34%,
        #1b1713 0%, #141110 40%, #0e0d0d 70%, var(--m-wax) 100%),
      var(--m-wax);}
  .mag{color:var(--m-ink);}
.band.mag{padding-top:calc(var(--bar) + clamp(1.5rem,4vh,3.5rem));}
body:not(.mag-open) #reviews{display:none;}
  body.mag-open #reviews{position:fixed; inset:0; z-index:80; overflow-y:auto;
    -webkit-overflow-scrolling:touch;}
body.mag-open .magveil{position:fixed;}
.stack{position:relative;
    width:min(100% - (2 * var(--m-edge)), 1100px); margin:0 auto;
--tear-front:polygon(0.00% 0.00%,4.83% 0.11%,8.59% 0.20%,9.41% 0.03%,21.47% 0.02%,24.07% 0.02%,39.48% 0.11%,41.82% 0.11%,58.28% 0.03%,82.13% 0.09%,90.97% 0.07%,94.79% 0.03%,100.00% 0.11%,99.96% 24.41%,99.99% 29.98%,99.94% 31.41%,99.91% 42.76%,99.99% 45.32%,99.45% 52.52%,99.96% 57.44%,99.89% 58.56%,99.88% 68.04%,99.82% 69.90%,99.87% 72.94%,99.95% 79.44%,99.85% 87.51%,99.93% 100.00%,83.36% 99.90%,78.18% 99.95%,72.22% 99.83%,71.26% 99.92%,65.30% 99.92%,64.45% 99.89%,60.21% 99.86%,59.84% 99.93%,50.63% 99.94%,50.35% 99.95%,38.91% 99.42%,26.16% 99.96%,8.32% 99.85%,5.94% 99.84%,0.00% 100.00%,0.00% 0.00%);
    --tear-p2:polygon(0.00% 0.00%,18.36% 0.09%,28.13% 0.04%,41.80% 0.12%,41.80% 0.07%,47.46% 0.06%,52.75% 0.09%,78.84% 0.63%,84.33% 0.03%,96.32% 0.68%,98.97% 0.02%,100.00% 0.25%,99.99% 3.71%,99.71% 12.25%,99.09% 18.69%,99.93% 20.86%,99.93% 23.49%,99.93% 34.29%,99.99% 48.47%,99.89% 58.08%,100.00% 72.98%,100.00% 75.48%,99.94% 76.28%,99.96% 78.03%,99.96% 86.59%,99.93% 89.40%,99.96% 96.88%,99.97% 100.00%,62.51% 99.91%,59.30% 99.95%,40.95% 99.78%,32.41% 99.85%,31.66% 99.93%,22.30% 99.98%,10.13% 99.97%,4.17% 99.95%,3.86% 99.97%,1.09% 99.79%,0.00% 100.00%,0.00% 0.00%);
    --tear-p3:polygon(0.00% 0.00%,16.73% 0.02%,23.32% 0.03%,32.10% 0.12%,47.90% 0.41%,48.10% 0.03%,52.74% 0.07%,53.27% 0.00%,68.70% 0.18%,84.08% 1.28%,88.03% 0.01%,90.52% 0.09%,94.35% 0.13%,97.92% 0.08%,100.00% 0.10%,99.94% 3.29%,99.92% 5.76%,99.85% 11.01%,99.96% 11.97%,99.91% 12.38%,99.95% 14.89%,99.99% 18.54%,99.99% 20.29%,99.92% 27.54%,99.83% 31.66%,99.88% 55.97%,100.00% 74.74%,99.88% 87.28%,99.91% 100.00%,83.23% 99.81%,68.24% 99.94%,61.22% 99.94%,59.36% 99.65%,52.75% 99.95%,37.78% 99.68%,24.24% 99.85%,24.10% 99.85%,8.50% 99.84%,5.32% 99.91%,4.30% 99.87%,4.19% 99.88%,0.00% 100.00%,0.00% 0.00%);
filter:drop-shadow(0 4px 10px rgba(24,16,6,.40))
           drop-shadow(0 20px 40px rgba(24,16,6,.60));
transform:rotate(-.3deg);}
  .stack::before, .stack::after{content:""; position:absolute; inset:0;
    background:var(--m-paper) url("/static/tex/mag/newsprint.89e66556.jpg") repeat-y top center;
    background-size:100% auto; pointer-events:none;}
.stack::before{transform:translate(2px,2px) rotate(.07deg);
    clip-path:var(--tear-p2);}
.stack::after{transform:translate(4px,4px) rotate(-.11deg);
    clip-path:var(--tear-p3);
filter:brightness(.93);}
.sheet{position:relative; z-index:1;}
.light{position:absolute; inset:0; z-index:2; pointer-events:none;
    clip-path:var(--tear-front);
    background:
linear-gradient(180deg, transparent calc(50% + 1px),
        rgba(255,246,222,.12) calc(50% + 7px), transparent calc(50% + 20px)),
      radial-gradient(62% 52% at 30% 16%, rgba(255,244,214,.30), rgba(255,244,214,0) 74%);
    mix-blend-mode:screen;}
.light::after{content:""; position:absolute; inset:0;
    background:
linear-gradient(180deg, transparent calc(50% - 34px),
        rgba(58,42,20,.10) calc(50% - 12px), rgba(58,42,20,.20) 50%,
        rgba(58,42,20,.07) calc(50% + 8px), transparent calc(50% + 26px)),
      radial-gradient(84% 74% at 26% 12%, rgba(255,255,255,0) 46%, rgba(58,42,20,.30) 100%);
    mix-blend-mode:multiply;}
.sheet{--sheet-ratio:.66;
    width:100%; margin:0;
    aspect-ratio:var(--sheet-ratio);
    background:var(--m-paper); color:var(--m-paperink);
padding:clamp(2.2rem,4.2vw,3.8rem) clamp(1.4rem,3vw,2.8rem) clamp(1.6rem,3.4vw,3.2rem);
box-shadow:
      inset 12px 0 18px -6px rgba(28,20,8,.40),
      inset 0 8px 12px -4px rgba(28,20,8,.30);
border-left:1px solid rgba(255,248,232,.15);
text-shadow:0 0 .4px rgba(20,15,10,.4);
    clip-path:var(--tear-front);}
.sheet{background-image:url("/static/tex/mag/newsprint.89e66556.jpg");
    background-repeat:repeat-y; background-position:top center;
    background-size:100% auto;}
.sheet::before{content:""; position:absolute; inset:0 auto 0 0; width:46px;
    pointer-events:none; mix-blend-mode:multiply;
    background:linear-gradient(90deg,
      rgba(96,70,34,.15) 0, rgba(96,70,34,.10) 30%,
      rgba(96,70,34,.05) 62%, transparent 100%);}
.mast-block{mix-blend-mode:multiply;}
.spread, .more{mix-blend-mode:multiply;}
  .spread .rev.invert, .tag-blk{mix-blend-mode:normal;}
body.fx-cleanpaper .sheet{background-image:none;}
  body.fx-cleanpaper .stack::before,
  body.fx-cleanpaper .stack::after,
  body.fx-cleanpaper .sheet::before{display:none;}
  body.fx-cleanpaper .stack{filter:none; transform:none;}
  body.fx-cleanpaper .light{display:none;}
body.fx-cleanpaper .sheet{clip-path:none; border-left:0; text-shadow:none;
    box-shadow:0 2px 6px rgba(0,0,0,.5), 0 18px 60px rgba(0,0,0,.55);}
body.fx-cleanpaper .mag{background:var(--m-wax);}
  body.fx-cleanpaper .mast-block,
  body.fx-cleanpaper .spread,
  body.fx-cleanpaper .more,
  body.fx-cleanpaper .rev.invert,
  body.fx-cleanpaper .tag-blk{mix-blend-mode:normal;}
.mag{--m-rule:rgba(36,31,22,.25); --rtw-red:#c84730;
    --m-cond:"Bebas Neue",Impact,"Haettenschweiler","Franklin Gothic Bold",sans-serif;}
.mast{margin-bottom:clamp(1rem,2vw,1.6rem);
    display:flex; align-items:flex-end; gap:clamp(1rem,3vw,2.5rem);}
.mast-main{width:min(100%, clamp(240px,58vw,640px)); flex:none;}
.mast-plate{flex:1; min-width:0; text-align:right; align-self:flex-start;}
  .mast-plate b{display:block; font-family:var(--m-cond); font-weight:400;
    font-size:clamp(.92rem,1.5vw,1.22rem); line-height:1.12;
    text-transform:uppercase; letter-spacing:.02em; color:var(--m-paperink);}
.mast-plate .price{color:var(--rtw-red); margin-top:.18rem;}
  @media (max-width:620px){
    .mast{flex-direction:column; align-items:stretch; gap:.4rem;}
    .mast-plate{text-align:left;}
  }
.mast-block{padding:0;}
  .mast-logo{display:block; width:100%; aspect-ratio:1800/640;
    background:url("/static/tex/mag/nme.a70ff5a4.png") no-repeat center/contain;}
.mast-strap, .mast-ed{display:none;}
.mast-foot{display:flex; align-items:stretch; flex-wrap:wrap; margin-top:.3rem;
    border-top:2px solid var(--m-paperink);
    border-bottom:2px solid var(--m-paperink);}
.mast-url{font-family:var(--m-cond); font-size:1.3rem; line-height:1;
    letter-spacing:.02em; color:var(--rtw-red);
    padding:.3rem .6rem .22rem 0; align-self:center;}
.mast-strap{flex:1; border-left:2px solid var(--m-paperink);
min-width:min(100%, 26ch);
    align-self:center; text-align:right;
padding:.32rem 5ch .28rem .6rem;
    font-family:var(--m-mono); font-size:.56rem; line-height:1.3;
letter-spacing:.04em;
    color:var(--m-paperink);}
.mast-ed{margin-left:auto; align-self:center; white-space:nowrap;
    font-family:"Oswald","Archivo Narrow",Impact,"Franklin Gothic Bold",sans-serif;
font-weight:500; font-size:1.123rem; line-height:1;
    letter-spacing:.01em; color:var(--m-paperink);
padding:.3rem 0 .22rem 0;}
  .mast-ed .nme{color:var(--rtw-red);}
.spread{display:grid; gap:0;
    grid-template-columns:1fr;
    border-top:4px solid var(--m-paperink);}
  @media (min-width:760px){ .spread{grid-template-columns:1.5fr .9fr;} }
  @media (min-width:1080px){ .spread{grid-template-columns:14rem 1.5fr .9fr;} }
.col{padding:clamp(1rem,1.8vw,1.5rem) 0 0; min-width:0;}
  .spread > *{min-width:0;}
  .rev-title, .rev.short .rev-h, .also b, .pull{overflow-wrap:break-word;}
@media (min-width:760px){
    .col + .col{border-left:2px solid var(--m-paperink);
      padding-left:clamp(1rem,1.8vw,1.5rem); margin-left:clamp(1rem,1.8vw,1.5rem);}
  }
.tag-blk{display:inline-block; background:var(--m-paperink); color:var(--m-paper);
    font-family:var(--m-cond); font-size:.9rem; line-height:1; letter-spacing:.1em;
    padding:.3em .5em .22em; margin-bottom:.7rem;}
  .tag-blk.red{background:var(--rtw-red);}
.also{display:grid; gap:.85rem; align-content:start;}
  .also li{list-style:none; border-bottom:1px solid var(--m-rule);
    padding-bottom:.7rem;}
  .also ul{margin:0; padding:0; display:grid; gap:.85rem;}
  .also b{display:block; font-family:var(--m-cond); font-size:1.22rem;
    line-height:.97; text-transform:uppercase; color:var(--m-paperink);}
  .also span{font-family:var(--m-mono); font-size:.6rem; letter-spacing:.16em;
    text-transform:uppercase; color:var(--rtw-red);}
.spread .col{container-type:inline-size;}
  .recruit{margin-top:1rem; text-align:center; padding:.85rem .7rem .8rem;
    border:3px double var(--m-paperink); background:transparent;}
.recruit .r-fig{display:block; width:100%; height:auto; margin:0 0 .5rem;
    filter:grayscale(1) contrast(1.06); mix-blend-mode:multiply;}
  .recruit .r-top{display:block; font-family:var(--m-cond); font-weight:400;
    font-size:clamp(.85rem,1.35vw,1.02rem); line-height:1.05;
    letter-spacing:.06em; text-transform:uppercase; color:var(--m-paperink);}
.recruit .r-you{display:block; font-family:var(--m-cond); font-weight:400;
    font-size:clamp(3rem,13cqw,5.2rem); line-height:.82; margin:.02em 0 .1em;
    letter-spacing:.01em; color:var(--rtw-red);
    -webkit-text-stroke:2px var(--m-paper); paint-order:stroke fill;}
  .recruit hr{border:0; border-top:1px solid var(--m-paperink);
    margin:.55rem auto; width:70%;}
  .recruit p{font-family:var(--m-serif); font-size:.74rem; line-height:1.36;
    margin:0 0 .45rem; color:var(--m-paperink); text-align:center;}
  .recruit p:last-of-type{margin-bottom:0;}
.recruit .r-cta{font-size:clamp(.95rem,2.3cqw,1.15rem); line-height:1.24;
    margin-top:.1rem;}
  .recruit .r-cta b{font-size:1em; letter-spacing:.03em;}
.recruit .r-hand{display:flex; justify-content:center; align-items:flex-end;
    gap:.26em; font-size:clamp(2rem,7.5cqw,2.4rem); line-height:.9;
    margin:.5rem 0 -.1rem; color:var(--rtw-red);}
@container (max-width:360px){
    .recruit .r-hand i:nth-child(-n+2),
    .recruit .r-hand i:nth-last-child(-n+2){display:none;}
  }
  .recruit .r-hand i{font-style:normal; display:block;}
  .recruit b{font-family:var(--m-cond); font-weight:400; letter-spacing:.04em;
    text-transform:uppercase; font-size:.86rem;}
.ads ul{margin:.5rem 0 0; padding:0; list-style:none; display:grid; gap:.5rem;}
  .ads li{font-family:var(--m-serif); font-size:.75rem; line-height:1.34;
    color:var(--m-paperink); padding-bottom:.5rem;
    border-bottom:1px solid var(--m-rule);}
  .ads li:last-child{border-bottom:0; padding-bottom:0;}
  .ads b{font-family:var(--m-cond); font-weight:400; font-size:.9rem;
    text-transform:uppercase; letter-spacing:.03em; margin-right:.3em;}
  .ads i{font-style:normal; font-family:var(--m-mono); font-size:.6rem;
    letter-spacing:.1em; color:var(--rtw-red); white-space:nowrap;}
.chart ol{margin:0; padding:0; list-style:none; display:grid; gap:.42rem;}
  .chart li{display:grid; grid-template-columns:1.9em 1fr; gap:.05rem .5rem;
    border-bottom:1px solid var(--m-rule); padding-bottom:.42rem;}
.chart li i{grid-row:1 / span 2; font-style:normal;
    font-family:var(--m-cond); font-size:1.55rem; line-height:.82;
    font-variant-numeric:tabular-nums; color:var(--rtw-red);
    text-align:right; align-self:start;}
.chart li b{font-family:"Oswald",var(--m-cond); font-weight:500;
    font-size:1.06rem; line-height:1.12; letter-spacing:.002em;
    text-transform:none; color:var(--m-paperink);}
  .chart li span{font-family:var(--m-serif); font-style:italic;
    font-size:.76rem; letter-spacing:0; text-transform:none;
    color:var(--m-paperink-dim);}
.chart li:first-child{padding-bottom:.6rem; margin-bottom:.12rem;
    border-bottom:2px solid var(--m-paperink);}
  .chart li:first-child i{font-size:2.5rem;}
  .chart li:first-child b{font-size:1.4rem;}
  .chart li em{grid-column:2; font-style:normal; font-family:var(--m-serif);
    font-size:.74rem; line-height:1.34; color:var(--m-paperink);
    margin-top:.28rem;}
  .chart-sub{margin:-.35rem 0 .1rem; font-family:var(--m-mono);
    font-size:.56rem; letter-spacing:.16em; text-transform:uppercase;
    color:var(--m-paperink-dim);}
.rev-kicker{font-family:var(--m-mono); font-size:.62rem; letter-spacing:.26em;
    text-transform:uppercase; color:var(--rtw-red); margin:0 0 .5rem;}
.lead{container-type:inline-size;}
  .rev-title{font-family:var(--m-cond); font-weight:400; margin:0 0 .55rem;
    font-size:clamp(1.5rem,11cqw,3.2rem); line-height:.9;
    letter-spacing:.005em; text-transform:uppercase; color:var(--m-paperink);}
.rev-sub{font-family:var(--m-serif); font-weight:700;
    font-size:clamp(1rem,1.4vw,1.14rem); line-height:1.32; margin:0 0 .5rem;
color:var(--m-paperink); max-width:52ch;}
  .rev-byline{font-family:var(--m-mono); font-size:.6rem; letter-spacing:.2em;
    text-transform:uppercase; color:var(--m-paperink-dim); margin:0 0 .9rem;
    padding-bottom:.6rem; border-bottom:1px solid var(--m-rule);}
.rev-art{margin:0 0 .9rem; position:relative; align-self:start;
    border:1px solid var(--m-paperink);
    background:var(--m-paper2);}
  .rev-art img{display:block; width:100%; height:auto;
    filter:grayscale(1) contrast(1.18) brightness(.98);
    mix-blend-mode:multiply;}
.rev-art.wide{margin:0 0 .8rem;}
  .rev-art.wide img{aspect-ratio:16/9; object-fit:cover; object-position:50% 42%;}
  .rev-art figcaption{display:block; padding:.3rem .1rem 0;
    font-family:var(--m-mono); font-size:.54rem; letter-spacing:.14em;
    text-transform:uppercase; color:var(--m-paperink-dim);}
.lead{display:block;}
.rev-copy{font-family:var(--m-serif); margin:0 0 .8rem; font-size:.93rem;
    line-height:1.46; color:var(--m-paperink);}
  .rev-copy::first-letter{font-family:var(--m-cond); float:left;
    font-size:3.4em; line-height:.7; padding:.04em .12em 0 0; color:var(--rtw-red);}
  .rev-copy b{font-family:var(--m-mono); font-size:.85em; letter-spacing:.03em;}
.pull{margin:.9rem 0; padding:.7rem 0; border-top:2px solid var(--m-paperink);
    border-bottom:2px solid var(--m-paperink);
    font-family:var(--m-cond); font-size:clamp(1.25rem,2.2vw,1.7rem);
    line-height:.98; text-transform:uppercase; color:var(--m-paperink);}
  .pull i{font-style:normal; color:var(--rtw-red);}
.rev-col{display:grid; gap:1rem; align-content:start;}
  .rev.short{border-top:2px solid var(--m-paperink); padding-top:.7rem;}
  .rev.short:first-child{border-top:0; padding-top:0;}
  .rev.short .rev-h{font-family:var(--m-cond); font-weight:400; margin:0 0 .35rem;
    font-size:clamp(1.35rem,2.1vw,1.65rem); line-height:.95;
    text-transform:uppercase; color:var(--m-paperink);}
.rev.short .rev-h.teaser{font-size:clamp(1.1rem,1.7vw,1.35rem); line-height:1.02;
    letter-spacing:.005em; margin:0 0 .45rem;}
  .rev.short .rev-h.teaser u{text-decoration:none; padding-bottom:.02em;
    border-bottom:.09em solid var(--m-paperink);}
  .rev.short p{font-family:var(--m-serif); margin:0 0 .4rem; font-size:.86rem;
    line-height:1.42; color:var(--m-paperink);}
.rev.invert{background:var(--m-paperink); color:var(--m-paper);
    padding:.9rem .9rem .8rem; border-top:0;}
  .rev.invert .rev-h, .rev.invert p{color:var(--m-paper);}
  .rev.invert .rev-verdict{color:rgba(236,226,207,.72);}
.rev-verdict{font-family:var(--m-mono)!important; font-size:.64rem!important;
    letter-spacing:.12em; text-transform:uppercase; color:var(--m-paperink-dim);
    display:flex; align-items:center; gap:.55rem; flex-wrap:wrap;
    margin:.55rem 0 0!important;}
.mag-close{position:absolute; top:.55rem; right:.7rem; z-index:5;
    width:2.1rem; height:2.1rem; line-height:1; padding:0;
    font-family:var(--m-serif); font-size:1.5rem; font-weight:700;
    color:var(--m-paperink); background:none; border:1.5px solid var(--m-paperink);
    border-radius:50%; cursor:pointer; opacity:.75;}
  .mag-close:hover,.mag-close:focus-visible{color:var(--rtw-red);
    border-color:var(--rtw-red); opacity:1;}
.more{margin-top:clamp(1rem,1.8vw,1.6rem);
    border-top:4px solid var(--m-paperink); padding-top:clamp(.9rem,1.6vw,1.3rem);}
  .more-grid{display:grid; gap:0 clamp(1rem,2vw,1.8rem);
    grid-template-columns:1fr;}
  @media (min-width:620px){ .more-grid{grid-template-columns:1fr 1fr;} }
  @media (min-width:960px){ .more-grid{grid-template-columns:1fr 1fr 1fr;} }
  .more-grid a{display:block; text-decoration:none; color:inherit;
    border-bottom:1px solid var(--m-rule); padding:.7rem 0;}
  .more-grid a:hover b{color:var(--rtw-red);}
  .more-grid b{display:block; font-family:var(--m-cond); font-weight:400;
    font-size:clamp(1.15rem,1.7vw,1.35rem); line-height:.98;
    text-transform:uppercase; color:var(--m-paperink);}
  .more-grid span{display:block; font-family:var(--m-serif); font-size:.82rem;
    line-height:1.35; color:var(--m-paperink-dim); margin-top:.15rem;}
.more-all{display:inline-block; margin-top:clamp(.7rem,1.2vw,1rem);
    font-family:var(--m-cond); font-weight:400; text-transform:uppercase;
    font-size:.92rem; letter-spacing:.04em; text-decoration:none;
    color:var(--rtw-red); border-bottom:1px solid currentColor;
    padding-bottom:.08rem;}
  .more-all:hover{color:var(--m-paperink);}
.stars{color:var(--rtw-red); letter-spacing:.06em; font-size:1.05rem;}
  .stars i{color:rgba(36,31,22,.22); font-style:normal;}
  .rev.invert .stars i{color:rgba(236,226,207,.28);}
.seam, .band, footer{position:relative; z-index:40;}
.seam + .band{min-height:100svh;}
.seam{height:clamp(1.5rem,4vh,3rem);}
.band{padding-block:clamp(4.5rem,11vh,8.5rem); position:relative;}
  .kicker-h{font-family:var(--m-display); font-weight:400; line-height:1.02;
    font-size:clamp(2rem,5vw,3.4rem); margin:0; letter-spacing:.005em;}
  .lede{font-size:clamp(1.05rem,2vw,1.28rem); max-width:52ch;}
  .paper{background:var(--m-paper); color:var(--m-paperink);}
  .paper .lede{color:var(--m-paperink-dim);}
  .paper .kicker-h{color:var(--m-paperink);}
.todo{border:2px dashed rgba(36,31,22,.30); border-radius:16px;
    padding:clamp(2rem,6vw,4.5rem); text-align:center;}
  .todo .tag{font-family:var(--m-mono); font-size:.62rem; letter-spacing:.24em;
    text-transform:uppercase; color:var(--m-ember); display:block; margin-bottom:1rem;}
  .todo p{margin:1rem auto 0; max-width:48ch; color:var(--m-paperink-dim);}
.waitlist{background:var(--m-wax2); text-align:center; scroll-margin-top:70px;}
  .waitlist .kicker-h{max-width:18ch; margin-inline:auto;}
  .waitlist .lede{margin:1.2rem auto 0; color:var(--m-ink-dim);}
  form.join{margin:2.4rem auto 0; max-width:32rem; display:flex; gap:.6rem;}
  @media (max-width:520px){ form.join{flex-direction:column;} }
  form.join input{flex:1 1 auto; min-width:0; padding:.95em 1.1em; border-radius:999px;
    border:1px solid rgba(244,241,234,.2); background:rgba(255,255,255,.05); color:var(--m-ink);
    font-size:1rem; font-family:var(--m-sans);}
  form.join input::placeholder{color:var(--m-ink-faint);}
  form.join input:focus{outline:none; border-color:var(--m-ember);}
  form.join .btn{justify-content:center;}
  .join-msg{margin:1.1rem 0 0; min-height:1.2em; font-size:.92rem; color:var(--m-ember-hi);}
  .fineprint{margin:1rem auto 0; font-size:.8rem; color:var(--m-ink-faint);}
  .fineprint a{color:var(--m-ink-dim);}
  .fineprint a:hover{color:var(--m-ink);}
footer{background:var(--m-wax); border-top:1px solid rgba(244,241,234,.08); padding-block:2.6rem;}
  .foot{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;}
  .foot .fmark{font-weight:700; letter-spacing:-.01em;}
  .foot .fmark span{color:var(--m-ink-faint); font-weight:400;}
  .foot small{color:var(--m-ink-faint); font-family:var(--m-mono); font-size:.66rem;
    letter-spacing:.12em; text-transform:uppercase;}
  .foot a{color:var(--m-ink-dim); text-decoration:none;}
  .foot a:hover{color:var(--m-ink); text-decoration:underline;}
.foot-legal{margin-top:1.5rem; padding-top:1.2rem;
    border-top:1px solid rgba(244,241,234,.06);}
  .foot-legal small{display:block; max-width:78ch; font-family:var(--m-sans);
    font-size:.72rem; line-height:1.65; color:var(--m-ink-faint);
    letter-spacing:0; text-transform:none;}
  .foot-legal a{color:var(--m-ink-dim);}
  .foot-legal a:hover{color:var(--m-ink);}
@media (prefers-reduced-motion:reduce), (min-width:0px){
    html{scroll-behavior:auto;}
    .cue .chev{animation:none;}
.bar.t, .bar.b{display:none;}
.overlay{display:none;}
.opening{height:auto !important; min-height:0 !important;
      padding-block:0;}
.pin{position:fixed; top:var(--hero-band, 210px); left:0; right:0; bottom:0;
background:#0a0a0b;}
.strap{position:fixed; inset:0 0 auto 0; opacity:1;
      padding:4.6rem clamp(1.1rem,5vw,2rem) 1rem;
      text-shadow:0 2px 22px rgba(0,0,0,.6);}
    body.arrived .strap{display:flex;}
    .heroimg,.heroshade,.cue{transition:none;}
.guidecard,.gc-card{transition:none;}
.guide{translate:6% -42%;}
#waitlist{margin-top:100svh;}
.nav.stuck{background:rgba(10,10,11,.86); backdrop-filter:blur(10px);
      border-bottom-color:rgba(244,241,234,.08);}
  }
.fxphone{position:absolute; left:18%; bottom:18.5%;
    width:calc(480px * var(--fit, 0.65));
    transform:translate(-50%, 0) rotate(-2deg); transform-origin:bottom center;
    z-index:20; border:0; padding:0; background:none; cursor:pointer;
    filter:brightness(.95) saturate(.97) drop-shadow(0 16px 15px rgba(0,0,0,.6));
    transition:filter .18s ease, opacity .3s ease;}
  .fxphone img{display:block; width:100%; height:auto;}
body.reading .fxphone{opacity:0; pointer-events:none;}
.fx-hand{position:absolute; left:0; top:0; width:100%; height:auto;
    transform-origin:50% 42%; will-change:transform;
    animation:fxring 4.6s ease-in-out infinite;}
  .fxphone:hover{filter:brightness(1.03) saturate(1)
    drop-shadow(0 20px 18px rgba(0,0,0,.66));}
  .fxphone:focus-visible{outline:2px solid var(--m-flag, #f0564a); outline-offset:6px;}
@keyframes fxring{
    0%,66%,100%{transform:translate(0,0) rotate(0);}
    68%{transform:translate(-1.5px,-1px) rotate(-1.6deg);}
    70%{transform:translate(1.5px,0) rotate(1.6deg);}
    72%{transform:translate(-1.5px,-1px) rotate(-1.6deg);}
    74%{transform:translate(1.5px,0) rotate(1.6deg);}
    76%{transform:translate(-1px,0) rotate(-1deg);}
    78%{transform:translate(0,0) rotate(0);}}
  body.fx-features-open .fx-hand{animation-play-state:paused;}
  @media (prefers-reduced-motion:reduce){ .fx-hand{animation:none;} }
.fxpanel{position:fixed; inset:0; z-index:80; display:none;
    align-items:center; justify-content:center; padding:clamp(1rem,4vw,2.5rem);
    background:rgba(6,6,7,.82);}
  body.fx-features-open .fxpanel{display:flex;}
  .fxpanel-inner{width:min(1500px,96vw); max-height:92vh; overflow:auto;}
  .fxpanel-head{display:flex; align-items:baseline; justify-content:space-between;
    gap:1rem; margin-bottom:1.1rem;}
  .fxpanel-head .k{font-family:var(--m-mono,ui-monospace,monospace);
    font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;
    color:#f0564a;}
  .fxpanel-head h2{margin:.15rem 0 0; font-family:var(--m-display,Georgia,serif);
    font-weight:400; font-size:clamp(1.4rem,3.4vw,2rem); color:var(--m-ink,#f4f1ea);}
  .fxclose{border:1px solid rgba(255,255,255,.16); background:transparent;
    color:var(--m-ink,#f4f1ea); border-radius:999px; width:2.2rem; height:2.2rem;
    font-size:1.1rem; cursor:pointer; line-height:1; flex:0 0 auto;}
  .fxclose:hover{background:rgba(255,255,255,.08);}
  .fxgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem;}
  @media (max-width:1040px){ .fxgrid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:640px){ .fxgrid{grid-template-columns:1fr;} }
.fxcard{position:relative; display:flex; flex-direction:column;
    background:#141310; border:1px solid rgba(255,255,255,.08);
    border-radius:14px; overflow:hidden; text-align:left; margin:0; cursor:zoom-in;
    transition:transform .15s ease, border-color .15s ease;}
  .fxcard:hover{transform:translateY(-3px); border-color:rgba(255,255,255,.2);}
  .fxcard img{display:block; width:100%; aspect-ratio:16/10; object-fit:cover;
    object-position:top center; border-bottom:1px solid rgba(255,255,255,.06);}
  .fxcard figcaption{padding:.9rem 1.05rem 1.1rem; display:flex; flex-direction:column;}
  .fxcard figcaption b{display:block; font-family:var(--m-display,Georgia,serif);
    font-weight:400; font-size:1.16rem; color:var(--m-ink,#f4f1ea); margin-bottom:.3rem;}
.fxcard figcaption span{font-size:.9rem; color:#a49a8b; line-height:1.42;
    min-height:2.84em;}
.fxviews{position:absolute; top:.6rem; left:.6rem; z-index:2;
    display:flex; gap:.35rem;}
  .fxviews button{font:inherit; font-size:.72rem; letter-spacing:.04em; color:#f4f1ea;
    background:rgba(10,10,11,.72); border:1px solid rgba(255,255,255,.22);
    border-radius:999px; padding:.2rem .72rem; cursor:pointer;
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
  .fxviews button.on{color:#0c0c0d; background:var(--m-ink,#f4f1ea); border-color:transparent;}
.fxbox{position:fixed; inset:0; z-index:90; display:none; align-items:center;
    justify-content:center; gap:clamp(.4rem,1.8vw,1.4rem);
    padding:clamp(1rem,3vw,2.5rem); background:rgba(6,6,7,.94);}
  body.fx-box-open .fxbox{display:flex;}
  .fxboxfig{margin:0; display:flex; flex-direction:column; align-items:center;
    max-width:min(1400px,88vw); cursor:default;}
  .fxbox img{display:block; max-width:100%; max-height:78vh; border-radius:10px;
    box-shadow:0 30px 80px rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.1);}
  .fxboxcap{margin:1rem 0 0; text-align:center; max-width:62ch;}
  .fxboxcap b{display:block; font-family:var(--m-display,Georgia,serif);
    font-weight:400; font-size:1.35rem; color:var(--m-ink,#f4f1ea); margin-bottom:.28rem;}
  .fxboxcap span{font-size:.96rem; color:#b3a99b; line-height:1.5;}
  .fxnav{flex:0 0 auto; width:3rem; height:3rem; border-radius:999px;
    border:1px solid rgba(255,255,255,.2); background:rgba(20,19,16,.72);
    color:#f4f1ea; font-size:1.5rem; line-height:1; cursor:pointer;
    display:flex; align-items:center; justify-content:center;}
  .fxnav:hover{background:rgba(255,255,255,.14);}
  .fxboxclose{position:absolute; top:1.1rem; right:1.3rem; z-index:2;
    width:2.4rem; height:2.4rem; border-radius:999px;
    border:1px solid rgba(255,255,255,.2); background:rgba(20,19,16,.72);
    color:#f4f1ea; font-size:1.05rem; line-height:1; cursor:pointer;}
  .fxboxclose:hover{background:rgba(255,255,255,.14);}
  @media (max-width:640px){ .fxnav{width:2.4rem; height:2.4rem; font-size:1.2rem;}
    .fxboxcap b{font-size:1.1rem;} .fxbox img{max-height:64vh;} }
.mobile-splash, .ms-actions, .m-about{display:none;}
  @media (max-width:820px){
    .nav, .opening, .seam, .band, #reviews, #waitlist, footer,
    .fxpanel, .fxbox, .bar, .overlay, .guidecard, .readhint{ display:none !important; }
    html, body{ overflow:auto !important; height:auto; background:var(--m-wax); }
body{ display:flex !important; flex-direction:column; }
    .mobile-splash{ order:1;
      display:flex; flex-direction:column; align-items:center; justify-content:center;
      text-align:center; padding:2.6rem 1.4rem .4rem; box-sizing:border-box;}
.strap{ order:2; position:static !important; inset:auto !important;
      opacity:1 !important; display:flex !important; pointer-events:auto;
      text-shadow:none; padding:.9rem 1.4rem .4rem !important;}
    .strap-h{ font-size:clamp(1.45rem,7vw,2.1rem); line-height:1.14;}
    .strap .strap-s{ display:none;}
    .ms-actions{ order:3; display:flex; flex-direction:column; align-items:center;
      text-align:center; gap:.8rem; padding:.6rem 1.4rem 1.8rem; box-sizing:border-box;}
    .m-about{ order:4; display:block; max-width:36rem; margin:0 auto;
      padding:1.4rem 1.4rem 3rem; box-sizing:border-box; color:var(--m-ink-dim);
      font-family:var(--m-sans); font-size:1rem; line-height:1.55;
      border-top:1px solid rgba(244,241,234,.12);}
    .m-about p{ margin:0 0 1rem;}
    .m-about .m-lede{ color:var(--m-ink); font-size:1.08rem;}
    .m-about h2{ margin:1.8rem 0 .6rem; font-family:var(--m-display); font-weight:400;
      font-size:1.35rem; line-height:1.2; color:var(--m-ink);}
    .m-about a{ color:var(--m-ink);}
    .m-guides{ margin:0 0 1rem; padding-left:1.1rem;}
    .m-guides li{ margin:.35rem 0;}
    .mobile-splash .ms-mark{ height:22px; width:auto; opacity:.96;}
    .ms-actions .ms-label{ margin:0; font-size:1rem; font-weight:600;
      letter-spacing:.02em; color:var(--m-ink-dim);}
    .mobile-splash .ms-sub{ margin:0; font-size:1.05rem; font-weight:600;
      color:var(--m-ink);}
    .ms-actions .ms-login{ margin-top:.2rem; display:inline-block;
      background:linear-gradient(180deg,var(--m-ember-hi),var(--m-ember));
      color:#1a0f06; font-weight:700; text-decoration:none; letter-spacing:.02em;
      padding:.9em 2.4em; border-radius:999px; font-size:1rem;}
    .ms-actions .ms-note{ margin:.3rem 0 0; max-width:34ch; font-size:.85rem;
      line-height:1.5; color:var(--m-ink-faint);}
  }
