@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--red:#ef2529;--ink:#0a0a0a;--muted:#888;--line:#303030}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f5f4ef;font-family:'Space Grotesk',Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:6px}img{max-width:100%;display:block}.mono,.eyebrow,label,footer,.screen-meta,.object-label,.cart-link{font-family:'IBM Plex Mono',monospace}header{height:86px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand img{width:170px;height:62px;object-fit:contain}.home-link{width:64px;height:64px;padding:0}.home-link canvas{width:64px!important;height:64px!important}.cart-link{font-size:13px;display:flex;gap:10px;align-items:center}.cart-link svg{width:20px;height:22px}.cart-count{display:grid;place-items:center;border:1px solid #666;width:24px;height:24px;border-radius:50%}.home-screen{min-height:calc(100svh - 86px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#202320 0,#101210 40%,#060706 78%)}.home-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0005 3px,#0005 4px);opacity:.5;z-index:3}.screen-meta{position:absolute;top:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#a7aaa4;font-size:12px;letter-spacing:.08em}.rec{color:var(--red)}.rec:before{content:'●';margin-right:9px}.home-main{max-width:1100px;margin:auto;padding:52px 32px 44px}.issue-object{display:block;margin:0 auto;width:310px;text-align:center;position:relative;z-index:4}.issue-object canvas{width:270px;height:285px;image-rendering:pixelated}.object-label{font-size:14px;letter-spacing:.13em;text-transform:uppercase;display:block;margin-top:5px}.issue-caption{font-size:11px;color:#969b94;letter-spacing:.12em;display:block;margin-top:10px}.object-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:38px auto 0;position:relative;z-index:4}.object-button{display:flex;flex-direction:column;align-items:center;padding:8px 0 16px}.object-button canvas{width:160px;height:155px;image-rendering:pixelated;transition:filter .2s,transform .2s}.object-button:hover canvas{filter:brightness(1.25);transform:translateY(-6px)}.object-button:hover .object-label{color:var(--red)}.screen-bottom{display:flex;justify-content:space-between;margin:35px 0 0;color:#747a72;font-size:11px;letter-spacing:.08em}.view{max-width:1320px;margin:auto;padding:60px 5vw 90px;min-height:72svh}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.page-title{font-size:clamp(44px,7vw,100px);font-weight:700;line-height:.97;letter-spacing:-.065em;margin:0 0 40px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.subnav{display:flex;gap:24px;margin:0 0 36px;border-bottom:1px solid var(--line);padding-bottom:18px}.subnav a{font-size:14px}.subnav a:hover{color:var(--red)}.issue-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.cover-stage{background:#171717;padding:32px;display:flex;justify-content:center}.cover-stage img{width:360px;box-shadow:8px 14px 35px #0008}.issue-details h1{font-size:clamp(40px,5vw,74px);line-height:1;letter-spacing:-.05em;margin:14px 0 24px}.price{font-size:24px;margin:28px 0}.details-list{border-top:1px solid var(--line);margin:28px 0}.details-list div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;gap:16px}.details-list dt{color:#999}.details-list dd{margin:0}.primary,.secondary{padding:16px 22px;border:1px solid #777;display:inline-block;font-size:14px;text-align:center}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#cf161b}.secondary:hover{border-color:white}.wide{width:100%}.muted{color:#999;line-height:1.6}.section-title{font-size:30px;letter-spacing:-.04em;margin:60px 0 24px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.placeholder{background:#171717;position:relative;display:grid;place-items:center;min-height:220px;overflow:hidden;border:1px solid #292929;color:#646464}.placeholder:before,.placeholder:after{content:'';position:absolute;width:140%;height:1px;background:#ffffff08;transform:rotate(35deg)}.placeholder:after{transform:rotate(-35deg)}.placeholder span{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;position:relative;z-index:1}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 24px}.product-card .placeholder{aspect-ratio:4/5}.product-card img{height:360px;object-fit:contain;background:#171717;width:100%;padding:25px}.card-meta{display:flex;justify-content:space-between;gap:15px;margin:16px 0;font-size:15px}.card-meta small{color:#888}.product-card:hover .card-meta{color:var(--red)}.feature-card{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--line)}.feature-card .placeholder{min-height:360px}.feature-card h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.05em;line-height:1.04;margin:20px 0}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.stories h2{font-size:26px;line-height:1.1;letter-spacing:-.035em}.article{max-width:880px}.article h1{font-size:clamp(48px,7vw,90px);line-height:1;letter-spacing:-.055em}.article .placeholder{min-height:420px;margin:40px 0}.article p{font-size:18px;line-height:1.8}.text-slot{height:14px;background:#232323;margin:14px 0;width:100%}.text-slot:nth-child(3n){width:83%}.text-slot:last-child{width:58%}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 25px}.media-grid .placeholder{aspect-ratio:16/10}.media-grid h2{font-size:24px}.play{position:absolute;width:62px;height:62px;border:1px solid #888;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#eee;z-index:2}.layout-toggle{display:flex;gap:6px;margin-bottom:40px}.layout-toggle button{border:1px solid #333;padding:10px 16px;font-size:13px}.layout-toggle button.active{background:#eee;color:#111}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.album-grid .placeholder{aspect-ratio:4/5}.album-grid.freeform{grid-template-columns:repeat(12,1fr);gap:38px 20px;align-items:start}.freeform figure{grid-column:span 4;margin:0}.freeform figure:nth-child(3n+2){grid-column:span 5;margin-top:90px}.freeform figure:nth-child(3n){grid-column:span 3;margin-top:30px}.freeform figure:nth-child(even) .placeholder{aspect-ratio:5/4}figure{margin:0}figcaption{font-size:12px;color:#777;margin-top:10px}.profile-layout,.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.field{display:grid;gap:8px;margin:18px 0}.field label{font-size:12px;color:#aaa}input,select{width:100%;background:#161616;color:white;border:1px solid #444;padding:14px;border-radius:0}form .primary{margin-top:12px}.notice{font-size:13px;color:#999;border-left:2px solid var(--red);padding:10px 15px;margin:25px 0;line-height:1.6}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.cart-row img{height:95px;width:80px;object-fit:contain;background:#161616}.cart-row h2{font-size:18px;margin:0 0 8px}.qty{display:flex;align-items:center;gap:15px;margin-top:12px}.qty button{border:1px solid #555;width:30px;height:30px}.remove{font-size:12px;color:#999;text-decoration:underline;margin-left:15px}.total{display:flex;justify-content:space-between;font-size:24px;margin:30px 0}.empty-state{padding:55px 0}.empty-state h2{font-size:32px;letter-spacing:-.035em}.order-card{border:1px solid #333;padding:20px;margin:20px 0}.footer{border-top:1px solid var(--line);padding:28px 4vw;display:flex;justify-content:space-between;gap:25px;color:#777;font-size:11px;flex-wrap:wrap}.footer nav{display:flex;gap:20px}.footer a:hover{color:white}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#eee;color:#111;padding:16px 24px;font-size:14px;box-shadow:0 5px 30px #0008}.demo-modal{position:fixed;inset:0;background:#000d;z-index:30;display:grid;place-items:center;padding:24px}.modal-box{max-width:600px;width:100%;background:#111;border:1px solid #555;padding:35px}.modal-box .placeholder{aspect-ratio:16/9}.modal-close{float:right;font-size:24px}.active-link{color:var(--red)}
@media(min-width:1500px){.home-main{padding-top:80px}.issue-object canvas{width:320px;height:325px}.object-menu{margin-top:55px}.object-button canvas{width:190px;height:175px}}
@media(max-width:700px){header{height:70px;padding:6px 20px}.brand img{width:130px;height:52px}.home-screen{min-height:calc(100svh - 70px)}.home-main{padding:55px 18px 30px}.issue-object{width:240px}.issue-object canvas{width:210px;height:230px}.object-menu{grid-template-columns:repeat(3,1fr);gap:12px 0;margin-top:24px}.object-button canvas{width:110px;height:115px}.object-label{font-size:12px}.object-button{padding-bottom:16px}.screen-meta{font-size:10px;top:20px}.screen-bottom{font-size:9px;gap:15px;margin-top:25px}.view{padding:35px 22px 65px}.issue-layout,.feature-card,.profile-layout,.checkout-layout{grid-template-columns:1fr;gap:35px}.cover-stage{padding:22px}.cover-stage img{width:270px}.products,.stories,.media-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}.product-card img{height:235px;padding:15px}.product-card .placeholder{min-height:190px}.card-meta{font-size:13px;flex-direction:column;gap:5px}.stories h2{font-size:23px}.feature-card .placeholder{min-height:230px}.stories .placeholder{min-height:175px}.album-grid{grid-template-columns:repeat(2,1fr);gap:12px}.album-grid .placeholder{min-height:180px}.album-grid.freeform{grid-template-columns:repeat(2,1fr);gap:25px 12px}.freeform figure,.freeform figure:nth-child(3n+2),.freeform figure:nth-child(3n){grid-column:span 1;margin-top:0}.freeform figure:nth-child(even){margin-top:40px}.page-heading{align-items:start;flex-direction:column;gap:0}.layout-toggle{margin-bottom:25px}.article .placeholder{min-height:260px}.cart-row{grid-template-columns:60px 1fr;gap:15px}.cart-row>strong{grid-column:2}.footer{font-size:10px}.preview-grid{grid-template-columns:1fr}.media-grid .placeholder{min-height:140px}.media-grid h2{font-size:19px}}
header{position:sticky;top:0;background:#0a0a0af5;z-index:10}.cart-row .placeholder{min-height:90px;font-size:10px}.cart-row .placeholder span{font-size:9px;letter-spacing:0;padding:5px;text-align:center}.media-grid button img{width:100%;aspect-ratio:16/10;object-fit:cover}.album-grid img{width:100%;height:auto}.freeform figure:nth-child(3n+2) img{aspect-ratio:5/4;object-fit:cover}section[id]{scroll-margin-top:100px}
.issue-object canvas{image-rendering:auto}
.object-button canvas[data-model="shop"]{image-rendering:auto}
.issue-object canvas:not([data-book-ready]){background:url('assets/issue-front.png') center / auto 85% no-repeat}
@font-face{font-family:'Shifter OSD';font-style:normal;font-weight:400;font-display:swap;src:url('assets/vt323.ttf') format('truetype')}
.object-label{font-family:'Shifter OSD',monospace;font-size:26px;font-weight:400;letter-spacing:.04em;line-height:1.05;text-shadow:1px 1px 0 #8885}.issue-object .object-label{font-size:28px}.cart-link{min-width:44px;min-height:44px;justify-content:center}.cart-link svg{width:40px;height:40px}.cart-digit{font-family:'Shifter OSD',monospace;font-weight:400}.object-button:hover .object-label{text-shadow:1px 1px 0 #ed242944}
@media(max-width:700px){.object-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.object-button canvas{max-width:100%;height:auto;aspect-ratio:1}.object-label{font-size:23px}.issue-object .object-label{font-size:25px}.cart-link svg{width:36px;height:36px}}
@media(max-width:360px){.object-label{font-size:20px}.screen-meta{font-size:9px}.home-main{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.object-button canvas[data-model="articles"]{image-rendering:auto}

.object-button canvas[data-model="media"]{image-rendering:auto}

.object-button canvas[data-model="album"]{image-rendering:auto}

.object-button canvas[data-model="profile"]{image-rendering:auto}
/* Full desktop menu fits the viewport; larger canvases may overlap their labels. */
@media(min-width:701px){
 header{height:64px;padding-top:4px;padding-bottom:4px}.brand img{height:52px}
 .home-screen{height:calc(100svh - 118px);min-height:0;overflow:visible}
 .home-main{height:100%;max-width:1200px;padding:42px 38px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
 .issue-object{width:360px;max-width:100%;flex:none}
 .issue-object canvas{height:min(285px,36svh);width:auto;max-width:none;position:relative;z-index:2;transform:scale(1.15);transform-origin:center}
 .object-menu{width:100%;margin:0;gap:24px;flex:none;overflow:visible}
 .object-button{min-width:0;padding:0 0 4px;overflow:visible;position:relative}
 .object-button canvas{width:min(160px,20svh);height:min(155px,19.375svh);max-width:none;flex:none;position:relative;z-index:2;transform:scale(1.15);transform-origin:center}
 .object-button:hover canvas{transform:translateY(-6px) scale(1.15)}
 .object-label{position:relative;margin-top:8px;z-index:1}.issue-caption{margin-top:7px}
 .screen-meta{top:13px}.screen-bottom{margin:0;font-size:10px;flex:none}
 .home-screen + .footer{min-height:54px;padding:16px 4vw;font-size:10px;gap:15px;align-items:center}
}
@media(min-width:701px) and (max-height:650px){
 .home-main{padding-top:34px;padding-bottom:10px;gap:4px}.issue-object canvas{height:32svh}.issue-object .object-label{font-size:24px}.issue-caption{margin-top:4px}.object-button canvas{width:22svh;height:21svh}.screen-bottom{font-size:9px}.object-label{font-size:23px}
}
@media(max-width:700px){
 .home-screen{overflow:visible}.object-menu{gap:16px 0}.object-button{overflow:visible}.object-button canvas{transform:scale(1.15);position:relative;z-index:2}.object-button:hover canvas{transform:translateY(-6px) scale(1.15)}.issue-object canvas{transform:scale(1.15);position:relative;z-index:2}.object-label{position:relative;z-index:1}
}
/* Keep equal menu footprints and generous separation, even while lifted. */
@media(min-width:701px){
 .object-menu{gap:40px;max-width:1120px;align-self:center}
 .object-button canvas{width:min(145px,19svh);height:min(145px,19svh);transform:scale(1.05)}
 .object-button:hover canvas{transform:translateY(-6px) scale(1.05)}
 .issue-object canvas{transform:scale(1.08);transition:filter .2s,transform .2s}
 .issue-object:hover canvas{transform:translateY(-6px) scale(1.08);filter:brightness(1.25)}
 .issue-object:hover .object-label{color:var(--red)}
}
@media(min-width:701px) and (max-width:1050px){.object-menu{gap:24px}.home-main{padding-left:30px;padding-right:30px}}
@media(max-width:700px){
 .object-menu{gap:24px 12px}.object-button canvas{width:min(96px,25vw);height:min(96px,25vw);max-width:none;transform:scale(1.05)}
 .object-button:hover canvas{transform:translateY(-6px) scale(1.05)}
 .issue-object canvas{transform:scale(1.08);transition:filter .2s,transform .2s}.issue-object:hover canvas{transform:translateY(-6px) scale(1.08);filter:brightness(1.25)}
}
header{height:48px;padding:3px 2vw 3px 0}.brand{display:flex;align-items:center}.brand img{width:145px;height:40px}.cart-link{min-width:36px;min-height:36px}.cart-link svg{width:29px;height:29px}.home-link{width:42px;height:42px}.home-link canvas{width:42px!important;height:42px!important}
@media(min-width:701px){.home-screen{height:calc(100svh - 102px)}.home-main{justify-content:center;gap:24px;padding-top:38px;padding-bottom:20px}.footer{justify-content:space-between}.home-screen + .footer{min-height:54px}}
@media(max-width:700px){header{height:46px;padding:3px 12px 3px 0}.brand img{width:120px;height:38px}.cart-link svg{width:27px;height:27px}.home-screen{min-height:calc(100svh - 46px)}}
/* Compact chrome with equal-width logo and cart hit areas. */
header{height:38px;padding:0}.brand{width:160px;height:38px;flex:none}.brand img{width:160px;height:44px;max-width:none}.cart-link{width:160px;height:38px;min-height:0;min-width:0;flex:none;justify-content:center}.cart-link svg{width:23px;height:23px}.home-link{width:34px;height:34px}.home-link canvas{width:34px!important;height:34px!important}
.footer,.home-screen + .footer{min-height:34px;padding:8px 4vw;font-size:10px;gap:10px;align-items:center}
@media(min-width:701px){.home-screen{height:calc(100svh - 72px)}}
@media(max-width:700px){header{height:36px;padding:0}.brand{width:140px;height:36px}.brand img{width:140px;height:40px}.cart-link{width:140px;height:36px}.cart-link svg{width:21px;height:21px}.home-screen{min-height:calc(100svh - 36px)}.footer,.home-screen + .footer{padding:7px 18px;min-height:32px;font-size:9px;gap:8px}.footer nav{gap:12px}}
.issue-view{max-width:1200px;height:calc(100svh - 72px);min-height:0;padding:34px 5vw;display:flex;align-items:center}
.issue-purchase{width:100%}.issue-purchase .issue-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7vw;align-items:center}
.issue-purchase .cover-stage{background:#fff;height:min(530px,calc(100svh - 140px));padding:24px;align-items:center}
.issue-purchase .cover-stage img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:none;flex:none}
.issue-purchase .issue-details h1{font-family:'Shifter OSD',monospace;font-weight:400;font-size:clamp(38px,5vw,66px);letter-spacing:.01em;line-height:1.02;margin:0 0 20px;text-transform:uppercase}
.issue-purchase .eyebrow{margin-bottom:12px}.issue-purchase .price{font-family:'Shifter OSD',monospace;font-size:34px;margin:0 0 24px}
.issue-description h2{font-family:'Shifter OSD',monospace;font-size:25px;font-weight:400;margin:0 0 10px}.issue-description p{font-size:15px;color:#bbb;line-height:1.65;margin:0 0 16px}
.issue-purchase .primary{margin-top:12px}.issue-other{display:inline-block;font-family:'Shifter OSD',monospace;font-size:21px;margin-top:18px;color:#aaa}.issue-other:hover{color:var(--red)}
@media(min-width:701px) and (max-height:650px){.issue-view{padding:20px 5vw}.issue-purchase .cover-stage{height:calc(100svh - 112px);padding:16px}.issue-purchase .issue-details h1{font-size:40px;margin-bottom:12px}.issue-purchase .price{margin-bottom:12px}.issue-description p{margin-bottom:10px;font-size:14px}.issue-other{margin-top:10px}.issue-purchase .primary{padding:12px 20px}}
@media(max-width:700px){.issue-view{height:auto;padding:24px 22px;min-height:calc(100svh - 68px)}.issue-purchase .issue-layout{grid-template-columns:1fr;gap:24px}.issue-purchase .cover-stage{height:340px;padding:20px}.issue-purchase .issue-details h1{font-size:42px}.issue-purchase .price{margin-bottom:18px}}
.issue-view{position:relative;isolation:isolate;max-width:none;background:radial-gradient(ellipse at 50% 30%,#202320 0,#101210 40%,#060706 78%);padding-left:max(5vw,calc((100vw - 1120px)/2));padding-right:max(5vw,calc((100vw - 1120px)/2))}
.issue-view:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0005 3px,#0005 4px);opacity:.5;pointer-events:none;z-index:-1}
.issue-book-stage{height:min(530px,calc(100svh - 140px));display:flex;align-items:center;justify-content:center;overflow:visible}
.issue-book-stage canvas{display:block;width:auto;height:100%;max-width:100%;aspect-ratio:640/676;image-rendering:auto;transition:filter .2s;transform:none!important}
.issue-book-stage:hover canvas{filter:brightness(1.15);transform:none!important}
.issue-purchase .issue-details h1{font-family:'IBM Plex Mono',monospace;font-size:24px;line-height:1.3;text-transform:none;letter-spacing:0;margin:0 0 10px;font-weight:500}
.issue-description p{font-family:'IBM Plex Mono',monospace;font-size:16px;line-height:1.65;color:#eee;margin:0 0 18px}
.issue-description .issue-specs{font-size:14px;color:#aaa}
.issue-purchase .price{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:34px;line-height:1.2;margin:24px 0 12px}
.issue-other{font-family:'Space Grotesk',Arial,sans-serif;font-size:14px;margin-top:20px}
@media(min-width:701px) and (max-height:650px){.issue-book-stage{height:calc(100svh - 112px)}.issue-purchase .issue-details h1{font-size:23px}.issue-description p{font-size:14px;line-height:1.5;margin-bottom:12px}.issue-purchase .price{font-size:30px;margin:16px 0 8px}}
@media(max-width:700px){.issue-view{padding:24px 22px}.issue-book-stage{height:330px}.issue-purchase .issue-details h1{font-size:24px}.issue-description p{font-size:15px}.issue-other{font-size:14px}}
.issue-purchase .issue-details h1,.issue-purchase .issue-description p{font-size:12px}
.issue-purchase .issue-description .issue-specs{font-size:8px}
.issue-purchase .price{font-size:32px}
.issue-purchase .issue-details h1{margin-bottom:5px}.issue-purchase .issue-description p{line-height:1.35;margin-bottom:9px}.issue-purchase .price{margin:13px 0 8px}
.issue-back{position:absolute;top:12px;left:4vw;width:28px;height:25px;padding:0;color:#777;font-size:25px;line-height:1;overflow:hidden}
.issue-back:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0007 2px 3px)}
.issue-back:hover,.issue-back:focus-visible{animation:indicator-flash .72s steps(1,end) infinite}
@keyframes indicator-flash{0%,100%{color:#ed2729;filter:drop-shadow(0 0 4px #ee2626)}50%{color:#6c1618;filter:none}}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light{position:relative;height:66px;border:7px solid #202123;border-radius:19px;background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0002 2px 5px),repeating-linear-gradient(0deg,#ffffff0a 0 2px,#0003 2px 5px),linear-gradient(#792015,#46100c);box-shadow:0 0 0 2px #090909,inset 0 0 0 2px #b3441f55,inset 0 3px 10px #000b;color:#d3aba0;text-shadow:0 1px 2px #000;font-family:'IBM Plex Mono',monospace;font-size:13px;transition:background .16s,box-shadow .16s,color .16s}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:before,:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:after{content:'';position:absolute;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle,#8c7160 0 22%,#281611 30% 65%,#966047 70%);box-shadow:0 0 0 2px #251713}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:before{left:10px}:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:after{right:10px}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:hover,:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:focus-visible{color:#fff4d7;background:repeating-linear-gradient(90deg,#fff9 0 1px,#f52b0600 1px 5px),repeating-linear-gradient(0deg,#ffc96c99 0 1px,#ff390000 1px 5px),radial-gradient(ellipse at 40% 50%,#ffd48c,#ff5b19 55%,#981d08);box-shadow:0 0 0 2px #090909,inset 0 0 0 2px #ff7a29,inset 0 0 14px #ff6c24,0 0 18px #e344163d}
@media(prefers-reduced-motion:reduce){.issue-back:hover,.issue-back:focus-visible{animation:none;color:#ed2729}}
.issue-back{z-index:6;isolation:isolate;font-family:Arial,sans-serif;font-size:29px;overflow:visible;color:#92948f;transition:color .1s;text-shadow:none}
.issue-back:after{opacity:.2}.issue-back:hover,.issue-back:focus-visible{color:#ff3038;animation:back-indicator .7s ease-in-out infinite;text-shadow:0 0 6px #ff3038,0 0 12px #ee2428}
@keyframes back-indicator{0%,100%{color:#ff353b;text-shadow:0 0 6px #ff3038,0 0 12px #ee2428}50%{color:#b62b31;text-shadow:0 0 2px #ff3038}}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light{border:0;border-radius:5px;box-shadow:none;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 6px),linear-gradient(#65221c,#471612);color:#d8b5ac;text-shadow:none}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:before,:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:after{display:none}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:hover,:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light:focus-visible{border:0;background:repeating-linear-gradient(90deg,#ffc48455 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,#ffc48455 0 1px,transparent 1px 6px),radial-gradient(ellipse at 45% 50%,#ff9250,#f24b22 60%,#b92f19);box-shadow:0 0 18px #e3441640;color:#fff5e7}
@media(prefers-reduced-motion:reduce){.issue-back:hover,.issue-back:focus-visible{animation:none;color:#ff353b}}
:is(.issue-purchase,.cart-panel,.checkout-amount) .tail-light{height:56px;font-size:15px;padding:12px 22px}
.issue-purchase .price{font-size:28px}
.issue-purchase .price{font-size:14px}
.issue-back{width:26px;height:26px;display:grid;place-items:center}
.issue-back svg{width:23px;height:23px;display:block;filter:drop-shadow(0 0 1px currentColor)}
.issue-back:hover svg,.issue-back:focus-visible svg{filter:drop-shadow(0 0 4px #ff3038)}
.issue-purchase .issue-description{width:100%;max-width:none}
.issue-book-stage canvas,.issue-book-stage:hover canvas{transform:scale(.85)!important;transform-origin:center}
.issue-purchase .issue-other{font-size:12px}
header{padding:0 4vw;justify-content:space-between}
.brand{width:66px;height:38px;position:relative;perspective:220px;overflow:visible}
.brand-spin{display:block;width:66px;height:38px;position:relative;transform-style:preserve-3d}
.brand img{position:absolute;width:160px;height:44px;max-width:none;left:-47px;top:-3px;object-fit:contain}
.brand:hover .brand-spin,.brand:focus-visible .brand-spin{animation:nav-logo-spin 1.8s linear infinite}
@keyframes nav-logo-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
.cart-link{width:28px;height:38px;justify-content:flex-end}
.issue-purchase .issue-description .issue-specs{white-space:nowrap}
@media(max-width:700px){header{padding:0 4vw}.brand{width:66px;height:36px}.brand-spin{height:36px}.brand img{width:160px;height:42px;left:-47px;top:-3px}.cart-link{width:28px;height:36px}.issue-purchase .issue-description .issue-specs{white-space:normal}}
@media(prefers-reduced-motion:reduce){.brand:hover .brand-spin,.brand:focus-visible .brand-spin{animation:none}}
.issue-purchase .issue-description .issue-specs{font-size:9px}
.cart-view{max-width:none;min-height:calc(100svh - 72px);padding:54px max(6vw,calc((100vw - 1000px)/2));background:radial-gradient(ellipse at 50% 30%,#202320 0,#101210 40%,#060706 78%);position:relative;isolation:isolate}
.cart-view:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35;z-index:-1}
.cart-panel{width:100%}.cart-panel .cart-row{padding:18px 0;border-color:#ffffff16;grid-template-columns:80px minmax(0,1fr) auto;gap:26px}
.cart-panel .cart-row h2{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:400;margin:0}
.cart-panel .cart-row strong{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:400}
.cart-panel .cart-row img{background:none;object-fit:contain;height:100px;width:80px}
.cart-panel .qty{gap:14px;margin-top:8px;font-family:'IBM Plex Mono',monospace;font-size:12px}.cart-panel .qty button{border:0;background:none;width:24px;height:28px;font-size:19px;padding:0}.cart-panel .qty button:hover{color:var(--red)}
.cart-summary{max-width:400px;margin:32px 0 0 auto}.cart-panel .total{font-family:'IBM Plex Mono',monospace;font-size:14px;margin:0 0 20px}.cart-panel .tail-light{display:flex;align-items:center;justify-content:center}
.cart-link .cart-bag-fill{fill:none}.cart-link.is-active .cart-bag-fill{fill:#b92629;fill-opacity:.8}.cart-digit{fill:#fff}
.remove-confirm{background:#11130f;color:#eee;border:1px solid #51544b;padding:22px 26px;max-width:310px;font-family:'IBM Plex Mono',monospace;font-size:14px;box-shadow:0 10px 40px #0009}.remove-confirm::backdrop{background:#0009}.remove-confirm p{margin:0 0 22px}.remove-confirm>div{display:flex;gap:26px;justify-content:flex-end}.remove-confirm button{font-size:12px;padding:6px}.remove-confirm [data-confirm]{color:#ed3539}
@media(max-width:700px){.cart-view{padding:30px 22px}.cart-panel .cart-row{grid-template-columns:60px minmax(0,1fr) auto;gap:14px}.cart-panel .cart-row img{width:60px;height:80px}.cart-panel .cart-row>strong{grid-column:auto}.cart-panel .cart-row h2,.cart-panel .cart-row strong{font-size:12px}.cart-summary{max-width:none}}
/* Preserve the renderer's aspect ratio when the purchase column limits width. */
.issue-book-stage{--book-stage-height:min(530px,calc(100svh - 140px));height:var(--book-stage-height)}
.issue-book-stage canvas{width:min(100%,calc(var(--book-stage-height) * 640 / 676));height:auto;max-width:100%;aspect-ratio:640/676;flex:none}
@media(min-width:701px) and (max-height:650px){.issue-book-stage{--book-stage-height:calc(100svh - 112px)}}
@media(max-width:700px){.issue-book-stage{--book-stage-height:330px}}

/* Continuous, object-first shop catalog. */
.shop-view{max-width:none;position:relative;isolation:isolate;padding:54px 4vw 70px;background:radial-gradient(ellipse at 50% 10%,#202320 0,#101210 40%,#060706 78%)}
.shop-view:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35;z-index:-1}
.shop-categories{display:flex;justify-content:center;gap:32px;margin:0 0 36px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#aaa}
.shop-categories a:hover,.shop-categories a:focus-visible{color:var(--red)}
.shop-section{scroll-margin-top:24px;margin:0 auto 60px;max-width:1120px}
.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.shop-product{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.shop-product-object{height:290px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.shop-book-stage canvas{display:block;width:min(100%,274px);height:auto;aspect-ratio:640/676;flex:none;transition:filter .2s}
.shop-product:hover canvas{filter:brightness(1.15)}
.shop-product-object img{max-width:100%;max-height:100%;object-fit:contain}
.shop-object-slot{width:65%;height:72%;background:#ffffff02;border:1px dashed #ffffff12}
.shop-product-name{font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.4}
.shop-product-price{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#aaa;line-height:1.4;margin-top:7px}
@media(max-width:700px){.shop-view{padding:54px 22px 40px}.shop-categories{gap:20px;font-size:11px;margin-bottom:24px}.shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.shop-product-object{height:220px}.shop-section{margin-bottom:40px}}

.shop-product-object canvas[data-model="tee"]{display:block;width:min(100%,274px);height:auto;aspect-ratio:640/676;flex:none;transition:filter .2s}.tee-purchase .field{margin:14px 0 20px;max-width:140px}.tee-purchase .field label{font-size:11px}.tee-purchase select{padding:8px 10px;font-size:12px}

/* Transparent front/back product photographs. Magazine keeps its rotating model. */
.product-photos{position:relative;width:100%;height:100%;max-width:290px;aspect-ratio:1;outline-offset:5px}
.product-photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .18s ease}
.product-photo-front{opacity:1}.product-photo-back{opacity:0}
@media(hover:hover){.shop-product:hover .has-back .product-photo-front,.product-photos.has-back:hover .product-photo-front{opacity:0}.shop-product:hover .has-back .product-photo-back,.product-photos.has-back:hover .product-photo-back{opacity:1}}
.shop-product:focus-visible .has-back .product-photo-front,.product-photos.has-back:focus .product-photo-front{opacity:0}
.shop-product:focus-visible .has-back .product-photo-back,.product-photos.has-back:focus .product-photo-back{opacity:1}
.tee-purchase .product-photos{max-width:340px;width:min(100%,calc(var(--book-stage-height) * .65));height:auto;aspect-ratio:1}
@media(prefers-reduced-motion:reduce){.product-photos img{transition:none}}

.size-label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#888;margin-bottom:2px}
.size-options{display:flex;align-items:center;gap:18px}
.size-option{padding:4px 0;color:#888;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1;border:0;background:none}
.size-option.selected{color:#fff}

.product-photos.accessory-photos img{transform:scale(.8);transform-origin:center}

.product-photos img.mirrored-back{transform:scaleX(-1)}

.product-photos img.blank-back{filter:brightness(0) invert(1)}

.size-options{flex-wrap:wrap}.size-option{white-space:nowrap}.tee-purchase .field:has([data-size="15x7J"]){max-width:none}

.product-photos.accessory-photos img.mirrored-back{transform:scale(-.8,.8)}

.product-photos.accessory-photos.hat-photos img{transform:scale(.64)}

.feature-card>img{width:100%;height:auto;object-fit:contain}.article-credits{display:flex;flex-direction:column;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.5;color:#aaa;margin:16px 0 24px}.article-intro{font-size:20px;line-height:1.6;color:#bbb}.article>img{width:100%;height:auto}

.feature-card{grid-template-columns:1fr;gap:24px}.feature-card>img{width:100%;height:auto;object-fit:contain}.feature-card>div{width:100%}
/* Crop the source photo's white border and keep the feature compact. */
.feature-card{gap:16px;margin-bottom:28px}
.feature-card>img{width:100%;height:clamp(250px,42svh,440px);object-fit:cover;object-position:50% 55%;clip-path:inset(0)}
.feature-card h2{margin:0 0 10px}
.feature-card .muted{margin:0;max-width:780px}
.feature-card .article-credits{flex-direction:row;flex-wrap:wrap;gap:6px 20px;margin:12px 0 0}
@media(max-width:700px){.feature-card>img{height:32svh;min-height:210px}.feature-card h2{font-size:30px}.feature-card .muted{font-size:14px}}

.feature-card .feature-photo{height:clamp(250px,42svh,440px);overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.08)}
@media(max-width:700px){.feature-card .feature-photo{height:32svh;min-height:210px}}

.articles-view{position:relative;padding-top:64px}.articles-view .feature-card h2{font-size:clamp(25px,3vw,36px);line-height:1.1;letter-spacing:-.035em}.articles-view .feature-card .muted{font-size:14px;line-height:1.3}.articles-view .article-credits{font-size:10px}.articles-view .stories h2{font-size:22px;line-height:1.15}
@media(max-width:700px){.articles-view{padding-top:56px}.articles-view .feature-card h2{font-size:26px}.articles-view .stories h2{font-size:19px}}
/* Equal 12px gaps above and below the 26px back arrow. */
.articles-view{padding-top:50px;isolation:isolate;background:radial-gradient(ellipse at 50% 10%,#202320 0,#101210 40%,#060706 78%)}
.articles-view:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35;z-index:-1}
@media(max-width:700px){.articles-view{padding-top:50px}}

.articles-view .stories{grid-template-columns:1fr;gap:28px}.articles-view .stories>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:center}.articles-view .stories>a>img,.articles-view .stories>a>.placeholder{width:100%;height:220px;min-height:0;object-fit:cover}.story-copy h2{margin:0 0 10px}.story-copy .muted{font-size:14px;line-height:1.3;margin:0}.story-copy .article-credits{margin:12px 0 0}
@media(max-width:700px){.articles-view .stories>a{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.articles-view .stories>a>img,.articles-view .stories>a>.placeholder{height:150px}.articles-view .story-copy h2{font-size:18px}.story-copy .muted{font-size:12px}}
.articles-view .stories>a>img,.articles-view .stories>a>.placeholder{height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover}

.articles-view .story-photo{width:100%;aspect-ratio:16/9;overflow:hidden}
.story-photo>img{width:100%;height:100%;object-fit:cover}
.ccd-photo{position:relative;isolation:isolate;overflow:hidden}
.ccd-photo img{filter:saturate(.7) contrast(1.12) brightness(.88);transition:filter .25s ease}
.ccd-photo:before,.ccd-photo:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;transition:opacity .25s ease}
.ccd-photo:before{background:repeating-linear-gradient(0deg,#0003 0 1px,transparent 1px 4px);mix-blend-mode:multiply;animation:ccd-lines 1.5s linear infinite}
.ccd-photo:after{inset:-100% 0;background:linear-gradient(180deg,transparent 0 43%,#a4e8cf18 48%,#d8fff32b 50%,#0002 53%,transparent 58%);animation:ccd-sweep 5s linear infinite}
@keyframes ccd-lines{to{transform:translateY(4px)}}
@keyframes ccd-sweep{from{transform:translateY(-34%)}to{transform:translateY(34%)}}
.ccd-photo:hover img,a:focus-visible .ccd-photo img{filter:none}
.ccd-photo:hover:before,.ccd-photo:hover:after,a:focus-visible .ccd-photo:before,a:focus-visible .ccd-photo:after{opacity:0;animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ccd-photo:before,.ccd-photo:after{animation:none}.ccd-photo img{transition:none}}
/* Subtle moving scanlines without the broad light sweep. */
.ccd-photo:after{display:none}
.ccd-photo:before{background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px);animation-duration:2.5s}

.article-reading h1{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.035em;margin:0 0 14px}.article-reading .article-credits{flex-direction:row;flex-wrap:wrap;gap:6px 24px;margin:0 0 24px}

.article-view{position:relative;padding-top:50px}.article-view .article-reading{margin-top:0}
@media(max-width:700px){.article-view{padding-top:50px}}

.printed-spread{position:relative;width:100%;aspect-ratio:16/9;background:#fff;overflow:hidden}.printed-spread img{width:100%;height:100%;object-fit:contain}.printed-spread figcaption{position:absolute;right:14px;bottom:12px;margin:0;color:#555;font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.4;text-align:right;background:#ffffffd9;padding:3px 5px}

.printed-spread{aspect-ratio:auto;background:none;overflow:visible}.printed-spread-image{width:100%;aspect-ratio:16/9;background:#fff;overflow:hidden;position:relative}.printed-spread-image img{width:100%;height:100%;object-fit:contain;transform:scale(1.8);transform-origin:50% 52%}.printed-spread figcaption{position:static;background:none;padding:0;margin:9px 0 0;color:#999;text-align:right;font-size:10px}

.printed-spread-image img{transform:scale(1.65);filter:drop-shadow(0 6px 8px #0002)}.article-reading .printed-spread{margin-bottom:25px}

.feature-flipbook{max-width:1100px;margin:auto}.flipbook-stage{position:relative;aspect-ratio:16/9;background:#fff;overflow:hidden;perspective:1200px}.flipbook-image{width:100%;height:100%;object-fit:contain;transform:scale(1.65);transform-origin:50% 52%}.page-turn{position:absolute;top:0;bottom:0;width:12%;font-size:38px;color:#777;z-index:3}.page-prev{left:0}.page-next{right:0}.page-turn:disabled{opacity:.15;cursor:default}.page-turn:hover:not(:disabled){background:#00000005;color:#222}.flipbook-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#aaa}.flipbook-tools a:hover{color:#fff}.turn-forward .flipbook-image{animation:spread-forward .5s ease}.turn-backward .flipbook-image{animation:spread-backward .5s ease}@keyframes spread-forward{from{transform:scale(1.65) rotateY(-18deg);opacity:.5}to{transform:scale(1.65) rotateY(0);opacity:1}}@keyframes spread-backward{from{transform:scale(1.65) rotateY(18deg);opacity:.5}to{transform:scale(1.65) rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.turn-forward .flipbook-image,.turn-backward .flipbook-image{animation:none}}

.feature-flipbook{max-width:1200px}.flipbook-stage{aspect-ratio:1.5;background:transparent;overflow:hidden}.flipbook-image{position:absolute;width:175.5%;height:195%;max-width:none;left:-37.8%;top:-48.6%;object-fit:fill;transform:none;transform-origin:center}.page-turn{width:50%;color:transparent}.page-turn:hover:not(:disabled){background:transparent;color:transparent}.page-turn:focus-visible{outline-offset:-4px}.turn-forward .flipbook-image{animation:book-page-forward .45s ease}.turn-backward .flipbook-image{animation:book-page-backward .45s ease}@keyframes book-page-forward{from{transform:rotateY(-12deg);opacity:.6}to{transform:rotateY(0);opacity:1}}@keyframes book-page-backward{from{transform:rotateY(12deg);opacity:.6}to{transform:rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.turn-forward .flipbook-image,.turn-backward .flipbook-image{animation:none}}

.flipbook-title{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.035em;margin:0 0 20px}

.text-reading{max-width:860px;margin:0 auto}.text-reading .subnav{margin-top:50px}

.text-reading>p{font-size:16px;line-height:1.65;margin:0 0 22px}.text-reading>h2{font-size:26px;line-height:1.2;margin:38px 0 20px}
.text-reading{max-width:740px;padding-inline:24px}.text-reading>p{font-size:14px;line-height:1.65}
@media(max-width:700px){.text-reading{padding-inline:12px}.text-reading>p{font-size:13px}}
.text-reading{max-width:640px;padding-inline:32px}.text-reading>p{font-size:12px}
.article-view>.issue-back{position:fixed;top:80px;left:4vw;z-index:10}
@media(max-width:700px){.text-reading{padding-inline:20px}.text-reading>p{font-size:12px}.article-view>.issue-back{top:80px;left:22px}}
/* All back arrows share the original position beneath the navigation. */
.issue-back,.article-view>.issue-back{position:fixed;top:50px;left:4vw;z-index:11}
@media(max-width:700px){.issue-back,.article-view>.issue-back{top:48px;left:4vw}}
.article-reading>img{width:100%;height:auto;aspect-ratio:9/2;object-fit:cover;object-position:center}

.story-reading{max-width:640px;padding-inline:32px;margin:0 auto}.story-reading>p{font-size:12px;line-height:1.65}
@media(max-width:700px){.story-reading{padding-inline:20px}}

.story-reading>h2{font-size:26px;line-height:1.2;margin:38px 0 20px}.story-reading>p{margin:0 0 22px}
.story-reading>h1{text-align:left;margin:24px 0}
.story-reading>.article-credits:empty{display:none}
.story-reading>h1{margin:24px 0}

.media-view{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 10%,#202320 0,#101210 40%,#060706 78%)}.media-view:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35;z-index:-1}.media-view .media-grid{grid-template-columns:1fr}

.media-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.media-view .modal-box{max-width:1000px}

.media-menu-view{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 76px)}.media-choices{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%}.media-choices a{display:block;perspective:1000px;padding:16px;max-width:100%;text-align:center}.media-word{display:block;transform-style:preserve-3d;font-family:'Shifter OSD',monospace;font-size:clamp(48px,7vw,100px);line-height:1;letter-spacing:.02em;color:#f5f4ef;text-shadow:1px 1px #777,2px 2px #666,3px 3px #555,4px 4px #444,5px 5px #333,6px 6px #222}.media-choices a:hover .media-word{color:#fff}.media-view:not(.media-menu-view){padding-top:50px}@media(max-width:700px){.media-choices{gap:48px}.media-word{font-size:clamp(36px,9vw,64px)}}

.media-word{transform:none;color:#a8aba5;transition:color .15s,text-shadow .15s}.media-choices a:hover .media-word,.media-choices a:focus-visible .media-word{color:#fffde9;text-shadow:0 0 3px #fff,0 0 12px #fffbd8,0 0 30px #fff5ad99,0 0 55px #fff0a344;animation:headlight-flicker .75s ease-out both}@keyframes headlight-flicker{0%,18%,32%{color:#a8aba5;text-shadow:none}10%,25%,45%,100%{color:#fffde9;text-shadow:0 0 3px #fff,0 0 12px #fffbd8,0 0 30px #fff5ad99,0 0 55px #fff0a344}}@media(prefers-reduced-motion:reduce){.media-choices a:hover .media-word,.media-choices a:focus-visible .media-word{animation:none}}

.dvd-video{display:block;border:2px solid #ef2529;overflow:hidden}.dvd-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.fullscreen-video{position:fixed;inset:0;background:#000;z-index:50;display:flex;align-items:center;justify-content:center}.fullscreen-video video{width:100%;height:100%;object-fit:contain}.fullscreen-video .issue-back{z-index:51;color:#fff;background:#0008;border-radius:3px;box-shadow:0 0 0 5px #0008}

.media-word.object-label{font-family:'Shifter OSD',monospace;font-weight:400;letter-spacing:.04em;line-height:1.05;text-transform:uppercase;font-size:clamp(48px,7vw,100px);margin-top:0;text-shadow:1px 1px 0 #8885}@media(max-width:700px){.media-word.object-label{font-size:clamp(36px,9vw,64px)}}.media-choices a:hover .media-word.object-label,.media-choices a:focus-visible .media-word.object-label{text-shadow:0 0 3px #fff,0 0 12px #fffbd8,0 0 30px #fff5ad99,0 0 55px #fff0a344}

.dvd-video{position:relative}.video-logo{position:absolute;right:18px;bottom:18px;width:100px;perspective:500px;pointer-events:none;z-index:4}.video-logo img{width:100%;height:auto;transform-style:preserve-3d;animation:video-logo-spin 8s linear infinite;filter:drop-shadow(2px 3px 2px #0009)}@keyframes video-logo-spin{to{transform:rotateY(360deg)}}.fullscreen-video .video-logo{bottom:65px;right:25px;width:120px}@media(max-width:700px){.video-logo{width:70px;right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){.video-logo img{animation:none}}
.dvd-video video{object-fit:cover;object-position:center}
.fullscreen-video video{object-fit:cover;object-position:center}
.dvd-video .video-logo,.fullscreen-video .video-logo{width:21%;right:4%;bottom:7%;perspective:700px}

.video-logo-solid{display:grid;transform-style:preserve-3d;animation:video-logo-spin 8s linear infinite}.video-logo .video-logo-solid img{grid-area:1/1;width:100%;transform:translateZ(calc(var(--logo-depth) * .75px));animation:none;filter:brightness(.38)}.video-logo .video-logo-solid .video-logo-face{filter:none}.video-logo-solid>img:first-child{filter:none}@media(prefers-reduced-motion:reduce){.video-logo-solid{animation:none}}

.interview-page{width:100%;margin:0 auto}.interview-video video{aspect-ratio:16/9;object-fit:contain}.interview-video .video-logo{bottom:12%}.interview-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:16px}.interview-caption h1{font-size:clamp(20px,3vw,32px);line-height:1.2;margin:0}.interview-caption a{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.interview-caption{gap:12px}.interview-caption h1{font-size:20px}.interview-caption a{font-size:11px}}

.album-view{padding-top:50px}

.album-freestyle{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);row-gap:clamp(30px,5vw,72px);align-items:start}
.album-freestyle figure{min-width:0;margin:0;grid-column:span 5}
.album-freestyle figure:nth-child(6n+1){grid-column:1 / span 7}
.album-freestyle figure:nth-child(6n+2){grid-column:9 / span 4;margin-top:clamp(35px,8vw,110px)}
.album-freestyle figure:nth-child(6n+3){grid-column:2 / span 4}
.album-freestyle figure:nth-child(6n+4){grid-column:7 / span 6;margin-top:clamp(20px,4vw,60px)}
.album-freestyle figure:nth-child(6n+5){grid-column:1 / span 5;margin-top:clamp(25px,6vw,85px)}
.album-freestyle figure:nth-child(6n+6){grid-column:8 / span 5}
.album-freestyle img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:700px){.album-freestyle{column-gap:12px;row-gap:28px}.album-freestyle figure:nth-child(6n+1){grid-column:1 / span 7}.album-freestyle figure:nth-child(6n+2){grid-column:9 / span 4;margin-top:35px}.album-freestyle figure:nth-child(6n+3){grid-column:1 / span 5}.album-freestyle figure:nth-child(6n+4){grid-column:7 / span 6;margin-top:24px}.album-freestyle figure:nth-child(6n+5){grid-column:1 / span 6;margin-top:28px}.album-freestyle figure:nth-child(6n+6){grid-column:8 / span 5}}

/* Dense, uneven photo columns over a CCD scan texture. */
.album-view{position:relative;isolation:isolate;max-width:none;padding-inline:4vw;background:#262c2d}
.album-view:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#030a0d80 0 1px,#c4d6cc10 1px 2px,transparent 2px 4px),repeating-linear-gradient(90deg,#d8444710 0 1px,#58b3bc0a 1px 2px,transparent 2px 5px),radial-gradient(ellipse at 25% 20%,#83978a40,transparent 65%);}
.album-view:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");}
.album-freestyle{display:flex;align-items:flex-start;gap:10px;row-gap:0;column-gap:10px}
.album-photo-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.album-photo-column:nth-child(1){flex:1.12}.album-photo-column:nth-child(2){flex:.83}.album-photo-column:nth-child(3){flex:1.05}
.album-freestyle .album-photo-column figure:nth-child(n){grid-column:auto;margin:0;width:100%;position:relative}
.album-freestyle .album-photo-column figure:nth-child(5n+2){width:calc(100% + 12px);margin-left:-6px;z-index:1;transform:rotate(-1deg)}
.album-freestyle .album-photo-column figure:nth-child(5n+4){transform:rotate(.8deg);z-index:1}
.album-photo-column:nth-child(2) figure:nth-child(4n+1){transform:rotate(-.7deg)}
.album-freestyle img{width:100%;height:auto;aspect-ratio:auto}
@media(max-width:700px){.album-view{padding-inline:4vw}.album-freestyle{gap:7px}.album-photo-column{gap:7px}.album-photo-column:nth-child(1){flex:1.08}.album-photo-column:nth-child(2){flex:.92}.album-photo-column:nth-child(3){flex:1}.album-freestyle .album-photo-column figure:nth-child(5n+2){width:calc(100% + 6px);margin-left:-3px}}

.album-view{background:radial-gradient(ellipse at 50% 10%,#202320 0,#101210 40%,#060706 78%)}
.album-view:before{background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35}
.album-view:after{display:none}

.album-freestyle .album-photo-column figure:nth-child(5n+2){width:100%;margin-left:0}
.album-photo-column figure:last-child{transform:none!important}

.profile-entry{display:grid;place-items:center;min-height:50vh}.profile-auth{width:min(440px,calc(100% - 40px));padding:42px 32px 30px;background:#0c0e0c;color:#f5f4ef;border:1px solid #ef2529;box-shadow:0 20px 80px #0009}.profile-auth::backdrop{background:#000b;backdrop-filter:blur(5px)}.profile-auth h1{font-size:26px;line-height:1.15;margin:0 0 28px}.auth-close{position:absolute;right:12px;top:8px;font-size:26px;color:#999}.profile-auth label{display:block;font-size:12px;margin-bottom:9px}.profile-auth input{width:100%;background:#171917;border:1px solid #555;color:white;padding:13px;margin-bottom:20px}.auth-note{font-size:11px;line-height:1.6;color:#999;margin:20px 0 0}.auth-email{overflow-wrap:anywhere;color:#aaa}.auth-actions{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.auth-actions button{padding:0;color:#aaa;text-decoration:underline}#profile-auth-error{color:#ff7777;font-size:12px}.account-panel{max-width:900px;margin:auto}.account-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:35px}.account-label{font-size:10px;letter-spacing:.13em;color:#888}.account-header h1{font-size:clamp(20px,3vw,34px);overflow-wrap:anywhere;margin:10px 0}.account-link{font-size:12px;white-space:nowrap;padding:0;text-decoration:underline;text-underline-offset:4px}.account-section{border-top:1px solid #303030;padding:28px 0 35px}.account-section h2{font-size:20px;margin:0 0 22px}.account-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.account-empty{font-size:13px;color:#888}.account-section address{font-size:14px;line-height:1.8;font-style:normal}.account-address-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.account-address-form .field:first-child,.account-address-form .field:nth-child(2),.address-actions{grid-column:1/-1}.address-actions{display:flex;gap:12px}.account-order{padding:16px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #222}.account-order div{display:grid;gap:8px}.account-order>span{color:#999}@media(max-width:700px){.profile-auth{padding:38px 24px 26px}.account-address-form{grid-template-columns:1fr}.account-header{align-items:start}.account-header h1{font-size:20px}}

.account-header h1{font-family:'Shifter OSD',monospace;font-weight:400;letter-spacing:.02em}
.account-section{border-top:0;padding:20px 0 26px}
.account-section h2{font-size:15px;margin-bottom:16px}
.account-empty,.account-section address,.account-section .account-link{font-size:11px}
.account-address-form label{font-size:11px}.account-address-form input{font-size:12px}
.account-order{border-bottom:0;font-size:11px}

.account-header h1{font-size:clamp(28px,4vw,46px)}

.contact-view{display:flex;align-items:center;justify-content:center}.contact-details{font-family:'Shifter OSD',monospace;font-size:clamp(26px,5vw,64px);line-height:1.6;letter-spacing:.02em;overflow-wrap:anywhere}.contact-header{border-bottom:0}

.shipping-policy{max-width:760px;margin:20px auto;font-size:14px;line-height:1.9;color:#d2d2cf}.shipping-policy a{text-decoration:underline;text-underline-offset:3px}.policy-draft{font-size:11px;color:#888;margin-bottom:24px}

.shipping-view{padding-top:24px}.shipping-policy{margin-top:0}.shipping-policy>p:first-child{margin-top:0}

.brand-spin img{transform:translateZ(calc(var(--logo-depth) * .375px));filter:brightness(.38);backface-visibility:visible}.brand-spin img:first-child,.brand-spin .brand-logo-face{filter:none}
/* Keep the home navigation in two rows at every viewport size. */
.home-screen{--home-unit:min(1vw,1svh);height:calc(100svh - 72px);min-height:0;overflow:hidden}
.home-main{height:100%;width:100%;max-width:none;padding:calc(var(--home-unit)*2) 4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--home-unit)*3)}
.home-main .issue-object{width:auto;max-width:100%;flex:none}
.home-main .issue-object canvas{width:calc(var(--home-unit)*29);height:calc(var(--home-unit)*29);max-width:none;transform:none}
.home-main .issue-object:hover canvas{transform:translateY(-3px)}
.home-main .issue-object .object-label{font-size:calc(var(--home-unit)*3.4);margin-top:calc(var(--home-unit)*.6)}
.home-main .issue-caption{font-size:calc(var(--home-unit)*1.6);margin-top:calc(var(--home-unit)*.8)}
.home-main .object-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:calc(var(--home-unit)*78);max-width:100%;gap:calc(var(--home-unit)*2) calc(var(--home-unit)*2);margin:0;flex:none}
.home-main .object-button{grid-column:span 2;padding:0;min-width:0}
.home-main .object-button:nth-child(4){grid-column:2 / span 2}
.home-main .object-button:nth-child(5){grid-column:4 / span 2}
.home-main .object-button canvas{width:calc(var(--home-unit)*16);height:calc(var(--home-unit)*16);max-width:100%;aspect-ratio:1;transform:none}
.home-main .object-button:hover canvas{transform:translateY(-3px)}
.home-main .object-button .object-label{font-size:calc(var(--home-unit)*3);margin-top:calc(var(--home-unit)*.5)}
.home-screen + .footer{min-height:34px;padding:6px 4vw;gap:6px;font-size:clamp(7px,1.3vw,10px)}
.home-screen + .footer nav{gap:12px}
@media(max-width:700px){.home-screen{height:calc(100svh - 70px);min-height:0}}

.issue-object:hover .object-label,.issue-object:hover .issue-caption,.issue-object:focus-visible .object-label,.issue-object:focus-visible .issue-caption{color:var(--red)}

.issues-empty-message{font-family:'Shifter OSD',monospace;font-size:clamp(22px,3vw,36px);font-weight:400;letter-spacing:.02em;line-height:1.3}

.clothing-size-guide{margin:18px 0 24px;font-size:12px}.clothing-size-guide summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px}.size-guide-content{margin-top:18px;color:#aaa;line-height:1.6}.size-guide-table{overflow-x:auto}.size-guide-table table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.size-guide-table caption{text-align:left;margin-bottom:8px;color:#eee}.size-guide-table th,.size-guide-table td{padding:9px 10px;text-align:left;border-bottom:1px solid #303030}.size-guide-table th:first-child{padding-left:0}.size-guide-content a{text-decoration:underline}.size-guide-content p{font-size:11px!important;line-height:1.6!important}

.cart-product-image{display:block}.cart-product-name:hover{color:var(--red)}

.shipping-summary>div{display:flex;justify-content:space-between;gap:16px}.shipping-summary>p{font-size:12px;color:#999;margin:12px 0}.shipping-summary>.total{margin:24px 0}

.fullscreen-video video{object-fit:contain;object-position:center}

.fullscreen-video-frame{position:relative;width:100%;height:100%;max-width:100%;max-height:100%}.fullscreen-video-frame video{display:block;width:100%;height:100%;object-fit:contain}.fullscreen-video .fullscreen-video-frame .video-logo{right:4%;bottom:12%;width:21%}

.address-tools{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}

.product-photos.has-back{touch-action:pan-y pinch-zoom}.product-photos.has-back.touch-back .product-photo-front{opacity:0!important}.product-photos.has-back.touch-back .product-photo-back{opacity:1!important}@media(hover:none){.product-photos.has-back:not(.touch-back) .product-photo-front{opacity:1!important}.product-photos.has-back:not(.touch-back) .product-photo-back{opacity:0!important}}
@media(max-width:700px){
 .home-main{gap:min(4vw,2.5svh);padding:12px 4vw}
 .home-main .issue-object canvas{width:min(48vw,30svh);height:min(48vw,30svh)}
 .home-main .issue-object .object-label{font-size:min(5vw,3.2svh)}
 .home-main .issue-caption{font-size:min(2.8vw,1.8svh);margin-top:5px}
 .home-main .object-menu{width:100%;column-gap:0;row-gap:min(4vw,2.5svh)}
 .home-main .object-button canvas{width:min(28vw,19svh);height:min(28vw,19svh);max-width:none}
 .home-main .object-button .object-label{font-size:min(4.3vw,2.8svh);margin-top:4px}
}

.size-option{font-size:15px}
.issue-layout>*,.issue-details,.clothing-size-guide,.size-guide-content{min-width:0;max-width:100%}
.size-guide-table{width:100%;max-width:100%;overflow-x:hidden}
.size-guide-table table{table-layout:fixed;width:100%;white-space:normal}
.size-guide-table th:first-child{width:28%}
.size-guide-table th,.size-guide-table td{padding:8px 3px;vertical-align:middle;overflow-wrap:anywhere}
.size-guide-table td span{display:block}.size-guide-table .size-inches{color:#888;font-size:10px}
.size-guide-content p{font-size:9px!important;color:#777;line-height:1.5!important}

.checkout-review{max-width:720px;margin:24px auto 0}.checkout-contact-card{display:block;width:100%;text-align:left;padding:22px;border:1px solid #3b3b3b;background:#1113}.checkout-card-heading{display:flex;justify-content:space-between;gap:15px;font-size:14px}.checkout-card-heading>span{font-size:11px;color:#999}.checkout-contact-empty,.checkout-address{display:block;margin-top:16px;font-size:12px;line-height:1.7;color:#999}.checkout-address{color:#ddd;overflow-wrap:anywhere}.checkout-amount{margin-top:34px}.checkout-amount h1{font-size:20px;margin:0 0 24px}.checkout-order-line{display:flex;justify-content:space-between;gap:18px;font-size:12px;line-height:1.6;margin:18px 0}.checkout-order-line>span:first-child{min-width:0}.checkout-order-line>span:last-child{white-space:nowrap}.checkout-amount .total{font-size:17px}.checkout-amount>button{margin-top:18px}.checkout-amount>button:disabled{opacity:.4;cursor:default}.checkout-dialog{width:min(440px,calc(100% - 32px));max-height:85svh;overflow:auto;background:#0c0e0c;color:#eee;border:1px solid #ef2529;padding:38px 26px 28px}.checkout-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.checkout-dialog h2{font-size:22px;line-height:1.3;margin:0 22px 24px 0}.checkout-dialog .auth-close{position:absolute}.checkout-dialog input{font-size:16px}.checkout-guest-link{display:block;margin:24px auto 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}

.checkout-view{padding-top:40px;padding-bottom:24px;min-height:calc(100svh - 72px)}
.checkout-review{margin:0 auto;width:100%}
.checkout-contact-card{padding:16px 20px}
.checkout-address{font-size:11px;line-height:1.4;margin-top:10px}
.checkout-contact-empty{margin-top:10px}
.checkout-amount{margin-top:20px}
.checkout-amount h1{font-size:18px;margin-bottom:14px}
.checkout-order-line{margin:12px 0;font-size:11px}
.checkout-amount>.total{font-size:12px;margin:16px 0 12px}
.checkout-amount .shipping-summary>div:not(.total){font-size:12px}
.checkout-amount .shipping-summary>p{font-size:10px;margin:8px 0}
.checkout-amount .shipping-summary>.total{font-size:24px;margin:20px 0 14px;align-items:baseline}
.checkout-amount .shipping-summary>.total>span:first-child{font-size:14px}
.checkout-amount .shipping-summary>.total>span:last-child{font-size:28px;font-weight:700}
.checkout-amount>button{position:sticky;bottom:12px;z-index:12;margin-top:8px}
@media(min-width:701px){.checkout-review{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:36px;max-width:980px}.checkout-amount{margin-top:0}}
@media(max-height:700px) and (max-width:700px){.checkout-view{padding-top:38px}.checkout-contact-card{padding:12px 16px}.checkout-address{line-height:1.25;font-size:10px}.checkout-amount{margin-top:12px}.checkout-amount h1{margin-bottom:8px}.checkout-order-line{margin:8px 0}.checkout-amount .shipping-summary>.total{margin:12px 0 8px}}
/* Compact monospace checkout typography, inspired by Supreme storefront. */
.checkout-review{font-family:'Courier New',Courier,monospace;font-size:13px;line-height:1.4;max-width:800px}
.checkout-contact-card{font-family:inherit;padding:14px 16px}
.checkout-card-heading{font-size:13px;line-height:1.4;font-weight:400}
.checkout-card-heading>span{font-size:11px}
.checkout-contact-empty,.checkout-address{font-size:12px;line-height:1.4;margin-top:10px}
.checkout-amount{margin-top:22px}
.checkout-amount h1{font-family:inherit;font-size:14px;line-height:1.4;font-weight:400;margin:0 0 16px}
.checkout-order-line{font-size:12px;line-height:1.4;margin:12px 0;gap:14px}
.checkout-amount>.total{font-size:12px;line-height:1.4;margin:18px 0 8px}
.checkout-amount .shipping-summary>div:not(.total){font-size:12px;line-height:1.4}
.checkout-amount .shipping-summary>p{font-size:10px;line-height:1.4;margin:8px 0;color:#888}
.checkout-amount .shipping-summary>.total{font-size:18px;margin:20px 0 16px}
.checkout-amount .shipping-summary>.total>span:first-child{font-size:12px}
.checkout-amount .shipping-summary>.total>span:last-child{font-size:20px;line-height:1.2;font-weight:700}
.checkout-dialog{font-family:'Courier New',Courier,monospace}
.checkout-dialog h2{font-family:inherit;font-size:16px;line-height:1.4;margin-bottom:20px;font-weight:400}
.checkout-dialog .field{gap:6px;margin:14px 0}.checkout-dialog label{font-size:12px}
@media(min-width:701px){.checkout-review{gap:32px}.checkout-amount{margin-top:0}}
@media(max-width:700px) and (max-height:700px){.checkout-address{font-size:11px;line-height:1.3}.checkout-amount{margin-top:16px}.checkout-order-line{margin:8px 0}.checkout-amount>.total{margin-top:12px}.checkout-amount .shipping-summary>.total{margin:14px 0 12px}}
.checkout-view{padding-top:50px}
.checkout-review,.checkout-amount h1,.checkout-dialog,.checkout-dialog h2{font-family:'Space Grotesk',Arial,sans-serif}
.checkout-contact-card{border-color:var(--red)}

.home-main .object-button:nth-child(4),.home-main .object-button:nth-child(5),.home-main .object-button:nth-child(6){grid-column:span 2}.object-button canvas[data-model="popup"]{image-rendering:auto}

.popup-view{padding:50px 4vw 24px;max-width:1400px;min-height:calc(100svh - 72px);background:radial-gradient(ellipse at 50% 35%,#171c17,#060706 75%)}
.globe-stage{position:relative;width:100%;height:min(75svh,740px);margin:auto;isolation:isolate}
.globe-control{display:block;width:100%;height:100%;padding:0;cursor:pointer;touch-action:manipulation;background:transparent}
.globe-control canvas{display:block;width:100%;height:100%}
.globe-pin{position:absolute;width:20px;height:26px;transform:translate(-50%,-100%);pointer-events:none;z-index:2}.globe-pin svg{display:block;width:100%;height:100%}
.globe-city-card{position:absolute;min-width:126px;padding:9px 12px;border:1px solid #ef2529;background:#070a07e8;pointer-events:none;z-index:3;font-family:'IBM Plex Mono',monospace;line-height:1.4}
.globe-city-card strong{display:block;font-family:'Shifter OSD',monospace;font-size:17px;font-weight:400;letter-spacing:.02em}.globe-city-card time{display:block;color:#ddd;font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}
.globe-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.07em;color:#888;pointer-events:none}
@media(max-width:700px){.globe-stage{height:calc(100svh - 150px);min-height:300px}.globe-city-card{min-width:104px;padding:7px 8px}.globe-city-card strong{font-size:14px}.globe-city-card time{font-size:11px}.globe-pin{width:17px;height:22px}}
/* POP UP: the same dark CCD scan texture across the globe and LED panels. */
.popup-view{position:relative;isolation:isolate;max-width:none;background:radial-gradient(ellipse at 50% 10%,#202320 0,#101210 40%,#060706 78%)}
.popup-view:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 3px 4px);opacity:.35;z-index:-1}
.globe-stage::after{content:none}
.globe-city-card{min-width:0;width:182px;padding:7px;border-color:#ef2529;background:#030404;line-height:1;box-shadow:0 0 10px #ed20241a}
.globe-city-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0006 2px 3px)}
.globe-city-card canvas{display:block;width:100%;height:auto}
.globe-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.globe-city-card{width:144px;min-width:0;padding:5px}}

.globe-city-card{pointer-events:auto;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#030404}
.globe-city-card:hover,.globe-city-card:focus-visible{border-color:#ff8a78;box-shadow:0 0 5px #ff6257,0 0 20px #ef252970,inset 0 0 8px #ef252935}
.city-popup-content{min-height:65svh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Shifter OSD',monospace;text-align:center}
.city-popup-content h1{font-size:clamp(38px,8vw,90px);font-weight:400;margin:0 0 18px}.city-popup-content p{font-size:24px;margin:0 0 30px}.city-popup-content span{font-size:13px;color:#888}

/* A four-pixel slab, sized by the poster's unaltered 3:4 aspect ratio. */
.popup-poster-stage{display:grid;place-items:center;min-height:calc(100svh - 148px);padding:16px 0 28px;perspective:1800px}
.popup-poster-control{display:block;position:relative;width:min(66vw,calc((100svh - 184px)*.75),660px);aspect-ratio:3/4;padding:0;touch-action:manipulation;perspective:1800px}
.popup-poster-solid{display:block;position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.popup-poster-face{position:absolute;inset:0;display:block;backface-visibility:hidden;background:#fff}
.popup-poster-front{transform:translateZ(2.05px)}
.popup-poster-front img{width:100%;height:100%;object-fit:contain}
.popup-poster-back{transform:rotateY(180deg) translateZ(2.05px);color:#080808;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;font-family:'Shifter OSD',monospace;font-size:clamp(15px,2.45vw,30px);line-height:1.3;text-align:center;padding:5%;white-space:nowrap}
.popup-poster-back>span:first-child{font-size:1.25em}
.popup-poster-edge{position:absolute;display:block;background:#d9d8d3;backface-visibility:hidden}
.poster-edge-left,.poster-edge-right{top:0;width:4px;height:100%}.poster-edge-left{left:-2px;transform:rotateY(-90deg)}.poster-edge-right{right:-2px;transform:rotateY(90deg)}
.poster-edge-top,.poster-edge-bottom{left:0;width:100%;height:4px}.poster-edge-top{top:-2px;transform:rotateX(90deg)}.poster-edge-bottom{bottom:-2px;transform:rotateX(-90deg)}
@media(max-width:700px){.popup-poster-control{width:min(86vw,calc((100svh - 178px)*.75))}.popup-poster-back{font-size:clamp(14px,3.55vw,24px)}}

/* Keep the slab edges behind the printed face when viewed straight on. */
.popup-poster-front{background:transparent}.poster-edge-left{left:0;transform-origin:left center;transform:rotateY(90deg) translateX(-2px)}.poster-edge-right{right:0;transform-origin:right center;transform:rotateY(-90deg) translateX(2px)}
.popup-poster-front img{clip-path:inset(0 0 0 .65%)}
.poster-edge-left{background:#191919}

/* Fit the bilingual Hong Kong address within the same rotating poster. */
.popup-poster-control{container-type:inline-size}
.popup-poster-back-hk{font-size:clamp(8px,3.8cqw,25px)}
.popup-poster-back-hk [lang="zh-Hant"]{font-family:Arial,"PingFang HK","Microsoft JhengHei",sans-serif}

.popup-poster-back-tokyo{font-size:clamp(8px,3.8cqw,25px)}
.popup-poster-back-tokyo [lang="ja"]{font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}

.popup-poster-back-tokyo>span:first-child{font-size:1.5em}
.popup-poster-back-tokyo>span:nth-child(2){font-size:1.2em}

.popup-poster-back-hk>span:first-child{font-size:1.5em}
.popup-poster-back-hk>span:nth-child(2){font-size:1.2em}

/* Use the same date and English address scale for all three cities. */
.popup-poster-back{font-size:clamp(8px,3.8cqw,25px)}
.popup-poster-back>span:first-child{font-size:1.5em}
.popup-poster-back>span:nth-child(2){font-size:1.2em}