:root{
  --ink:#171312;
  --paper:#f8f1e7;
  --paper2:#fffaf3;
  --rust:#c85f3f;
  --pumpkin:#e28a4b;
  --wine:#6f3138;
  --brown:#6d503f;
  --purple:#8e65b6;
  --muted:#8b7d72;
  --line:#d9c9b9;
  --shadow:0 18px 50px rgba(58,39,28,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:var(--ink);color:#fff;padding:8px 16px;text-align:center;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:20;background:rgba(248,241,231,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(109,80,63,.16)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:26px}
.brand-mark{width:42px;height:42px;border:2px solid var(--ink);border-radius:50% 42% 48% 45%;display:grid;place-items:center;transform:rotate(-4deg);font-size:15px;background:var(--paper2)}
.nav-links{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 7px 0 rgba(23,19,18,.12)}
.btn.alt{background:transparent;color:var(--ink)}
.btn.purple{background:var(--purple);border-color:var(--purple)}
.btn.small{padding:9px 14px;font-size:13px}
.hero{padding:72px 0 52px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--rust)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:.96;margin:0}
h1{font-size:clamp(54px,8vw,104px);letter-spacing:-.055em;max-width:880px}
h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.04em}
h3{font-size:28px;letter-spacing:-.03em}
.hero p{font-size:19px;max-width:650px;color:#554941;margin:24px 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.art-card{min-height:520px;border:2px solid var(--ink);border-radius:44px;background:linear-gradient(145deg,#f5dfbf 0 44%,#d2774b 44% 69%,#5f3230 69%);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.art-card:before{content:"MJ";position:absolute;right:-15px;top:10px;font:900 190px/1 Georgia,serif;color:rgba(255,255,255,.16);transform:rotate(7deg)}
.board-shape{position:absolute;width:118px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);border-radius:58px;background:#6f936c;border:3px solid var(--ink);box-shadow:14px 18px 0 rgba(23,19,18,.18)}
.board-shape:before,.board-shape:after{content:"";position:absolute;width:14px;height:14px;border:3px solid var(--ink);border-radius:50%;left:28px;background:var(--paper)}
.board-shape:before{top:40px;box-shadow:48px 0 0 -3px var(--paper),48px 0 0 0 var(--ink)}
.board-shape:after{bottom:40px;box-shadow:48px 0 0 -3px var(--paper),48px 0 0 0 var(--ink)}
.board-copy{position:absolute;inset:auto 28px 24px 28px;background:rgba(255,250,243,.92);border:2px solid var(--ink);border-radius:22px;padding:16px 18px;font-weight:900;transform:rotate(-2deg)}
.section{padding:72px 0}
.section.soft{background:var(--paper2);border-block:1px solid rgba(109,80,63,.14)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.section-head p{max-width:580px;color:#67584f;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--paper2);border:1.5px solid var(--ink);border-radius:var(--radius);padding:26px;box-shadow:5px 6px 0 rgba(23,19,18,.08)}
.card .num{font:900 12px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--rust);margin-bottom:38px}
.card p{color:#62544b;margin-bottom:0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{background:#fffaf3;border:1.5px solid var(--ink);border-radius:26px;overflow:hidden;display:flex;flex-direction:column}
.product-art{aspect-ratio:1/1;background:linear-gradient(135deg,#dcb88b,#f4e4c8);display:grid;place-items:center;position:relative;overflow:hidden}
.product-art span{font:900 34px/1 Georgia,serif;transform:rotate(-7deg);text-align:center;padding:18px}
.product-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.product-meta{display:flex;justify-content:space-between;gap:14px;align-items:start}
.price{font-weight:900;white-space:nowrap}
.badge{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#fff}
.note{color:var(--muted);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.panel{background:var(--paper2);border:1.5px solid var(--ink);border-radius:30px;padding:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
input,textarea,select{width:100%;border:1.5px solid #bfae9f;background:#fffdf8;border-radius:14px;padding:13px 14px;color:var(--ink);outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(142,101,182,.12)}
textarea{min-height:120px;resize:vertical}
.footer{background:var(--ink);color:#f8f1e7;padding:48px 0 28px;margin-top:72px}
.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:30px}
.footer a{color:#eadfd5}
.footer small{color:#b8aaa0}
.page-hero{padding:58px 0 34px}
.page-hero h1{font-size:clamp(48px,7vw,82px)}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{background:transparent;border:1px solid var(--ink);border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.filter.active{background:var(--ink);color:#fff}
.empty{padding:38px;text-align:center;border:1.5px dashed #aa998c;border-radius:22px;color:#76685f}
.toast{position:fixed;right:18px;bottom:18px;max-width:360px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;z-index:60;box-shadow:var(--shadow);display:none}
.toast.show{display:block}
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#eee5dc}
.sidebar{background:var(--ink);color:#fff;padding:24px;position:sticky;top:0;height:100vh}
.sidebar .brand{margin-bottom:38px}
.side-nav{display:grid;gap:7px}
.side-nav button{appearance:none;border:0;background:transparent;color:#cbbfb6;padding:12px 14px;text-align:left;border-radius:12px;font-weight:800;cursor:pointer}
.side-nav button.active,.side-nav button:hover{background:#2a2522;color:#fff}
.admin-main{padding:30px;min-width:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.stat{background:#fffaf3;border:1px solid #cbb8a7;border-radius:20px;padding:18px}
.stat strong{display:block;font-size:29px;line-height:1.15}
.table-wrap{overflow:auto;border:1px solid #cbb8a7;border-radius:20px;background:#fffaf3}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:13px 14px;border-bottom:1px solid #e2d3c5;text-align:left;font-size:13px;vertical-align:top}
th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#f0e5d9}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-weight:900;font-size:11px;background:#efe3d6}
.status-pill.late{background:#f3c6bf;color:#70291f}
.modal{position:fixed;inset:0;background:rgba(23,19,18,.5);display:none;place-items:center;padding:18px;z-index:80}
.modal.show{display:grid}
.modal-card{background:var(--paper2);border-radius:26px;border:1.5px solid var(--ink);padding:24px;width:min(720px,100%);max-height:90vh;overflow:auto}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#d7b7dc 0,transparent 28%),var(--paper)}
.login-card{width:min(460px,100%);background:var(--paper2);border:1.5px solid var(--ink);border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.mobile-menu{display:none}
@media (max-width:900px){
  .nav-links{display:none}.mobile-menu{display:inline-flex}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:45px}.art-card{min-height:430px}.cards{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{display:flex;overflow:auto}.admin-main{padding:18px}
}
@media (max-width:560px){.container{width:min(100% - 22px,1180px)}.nav{min-height:68px}.brand{font-size:22px}.nav-actions .btn.alt{display:none}.hero{padding-top:32px}h1{font-size:52px}.hero p{font-size:17px}.art-card{min-height:370px}.product-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.admin-main{padding:12px}}


/* ===== MJ VIILE MOBILE / SHOP REWORK 2026-08-26 ===== */
:root{
  --purple:#9b67c7;
  --purple-dark:#6f3e98;
  --lilac:#eadcf5;
  --black:#130f12;
}
body{background:#fbf5ec}
.topbar{background:#130f12;letter-spacing:.13em}
.site-header{background:rgba(251,245,236,.96)}
.brand-mark{background:#fffaf3}

/* real mobile navigation */
.mobile-nav-toggle{display:none;appearance:none;border:1.5px solid var(--ink);background:transparent;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}
.mobile-drawer{position:fixed;inset:0;z-index:100;background:rgba(19,15,18,.55);display:none}
.mobile-drawer.open{display:block}
.mobile-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(84vw,360px);background:#fffaf3;border-left:1.5px solid var(--ink);padding:24px;box-shadow:-20px 0 60px rgba(0,0,0,.15)}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.mobile-drawer-links{display:grid;gap:10px}
.mobile-drawer-links a{padding:15px 4px;border-bottom:1px solid #dfd2c7;font-size:21px;font-weight:900}
.mobile-drawer-links a:last-child{border-bottom:0}
.mobile-drawer-close{appearance:none;border:1.5px solid var(--ink);background:transparent;border-radius:999px;width:42px;height:42px;font-weight:900;cursor:pointer}

/* tighter, more visual shop cards */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card{border:1.5px solid var(--ink);border-radius:24px;box-shadow:5px 7px 0 rgba(19,15,18,.07);transition:.18s ease}
.product-card:hover{transform:translateY(-2px);box-shadow:7px 10px 0 rgba(19,15,18,.09)}
.product-art{aspect-ratio:4/3;min-height:0;background:linear-gradient(135deg,#e8d6ef 0%,#f6e8d7 58%,#d9b07c 100%)}
.product-art:before{content:"";position:absolute;inset:12px;border:1px solid rgba(19,15,18,.18);border-radius:17px;pointer-events:none}
.product-art span{font-size:clamp(26px,4vw,46px);letter-spacing:-.04em;max-width:85%}
.product-body{padding:16px 17px 17px;gap:12px}
.product-meta strong{font-size:18px;line-height:1.1}
.product-body .btn{width:100%}
.product-image{width:100%;height:100%;object-fit:cover}

/* compact hero art on smaller displays */
.art-card{min-height:430px}

/* admin image uploader */
.image-upload-box{border:1.5px dashed #a89484;border-radius:18px;padding:14px;background:#fffaf3}
.image-preview{margin-top:12px;border:1px solid #d1c2b5;border-radius:16px;overflow:hidden;background:#eee;display:none;aspect-ratio:16/10}
.image-preview.show{display:block}
.image-preview img{width:100%;height:100%;object-fit:cover}
.upload-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}

@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-nav-toggle{display:inline-flex}
  .nav-actions .btn.small:not(.mobile-nav-toggle){display:none}
  .nav{gap:10px}
}
@media(max-width:560px){
  .topbar{font-size:10px;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-header{position:sticky;top:0}
  .nav{min-height:64px}
  .brand{font-size:20px;gap:9px}
  .brand-mark{width:38px;height:38px}
  .mobile-nav-toggle{padding:8px 11px;font-size:12px}
  .hero{padding:35px 0 30px}
  h1{font-size:clamp(46px,14vw,62px)}
  .hero p{margin:18px 0 22px}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .art-card{min-height:300px;border-radius:28px}
  .board-shape{height:235px;width:72px;border-radius:38px}
  .board-copy{font-size:11px;inset:auto 15px 14px 15px;padding:11px 12px}
  .section{padding:46px 0}
  .page-hero{padding:36px 0 20px}
  .page-hero h1{font-size:49px}
  .product-grid{grid-template-columns:1fr;gap:18px}
  .product-art{aspect-ratio:16/10}
  .product-art span{font-size:36px}
  .product-card{border-radius:22px}
  .product-body{padding:14px 15px 15px}
  .product-meta strong{font-size:19px}
  .product-meta{align-items:center}
  .footer{margin-top:48px}
}

/* ===== MJ VIILE PURPLE / BLACK BRAND REWORK ===== */
:root{
  --ink:#f7f2ff;
  --paper:#09070d;
  --paper2:#120d18;
  --rust:#c67bff;
  --pumpkin:#8f4bba;
  --wine:#6d2b93;
  --brown:#b79cc8;
  --purple:#a855f7;
  --purple-dark:#6d28d9;
  --lilac:#e9d5ff;
  --muted:#b6a9c0;
  --line:#2b2035;
  --shadow:0 18px 55px rgba(0,0,0,.34);
}
body{background:radial-gradient(circle at 15% 0%,rgba(168,85,247,.12),transparent 34%),#09070d;color:#f7f2ff}
.topbar{background:#050307;color:#eadcff;border-bottom:1px solid #26182f}
.site-header{background:rgba(9,7,13,.88);border-bottom:1px solid #2c2036;backdrop-filter:blur(18px)}
.brand-mark{background:#17101f;border-color:#c084fc;color:#fff;box-shadow:0 0 0 3px rgba(168,85,247,.10)}
.nav-links a{color:#e9dcf3}.nav-links a:hover{color:#c084fc}
.btn{background:#f7f2ff;color:#120d18;border-color:#f7f2ff}.btn.alt{background:transparent;color:#f7f2ff;border-color:#6f5b7c}.btn.purple{background:linear-gradient(135deg,#7c3aed,#b455ff);border-color:#a855f7;color:#fff;box-shadow:0 8px 28px rgba(168,85,247,.22)}
.kicker{color:#c084fc}
h1,h2,h3{color:#fff}
.hero p,.section-head p,.card p,.note{color:#b9adc2}
.art-card{background:linear-gradient(145deg,#1a1021 0 42%,#4b1f67 42% 70%,#0a0710 70%);border-color:#6e4b83;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.art-card:before{color:rgba(226,202,255,.10)}
.board-shape{background:linear-gradient(180deg,#b96cf8,#6e2e9b);border-color:#09070d;box-shadow:14px 18px 0 rgba(0,0,0,.35)}
.board-copy{background:rgba(15,10,20,.92);border-color:#7d5b91;color:#fff}
.section.soft{background:#0f0a14;border-block-color:#251a2f}
.card,.panel,.product-card,.login-card,.modal-card,.stat,.table-wrap{background:#120d18;border-color:#342440;color:#f7f2ff;box-shadow:var(--shadow)}
.card{box-shadow:5px 6px 0 rgba(168,85,247,.10)}
.product-card{background:#100b15;border-color:#392748;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.product-card:hover{box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 1px rgba(168,85,247,.18)}
.product-art{background:radial-gradient(circle at 30% 20%,rgba(192,132,252,.22),transparent 30%),linear-gradient(135deg,#1b1025,#09070d 70%)}
.product-art:before{border-color:rgba(216,180,254,.18)}
.product-art span{color:#e9d5ff;text-shadow:0 0 25px rgba(168,85,247,.22)}
.product-body{background:linear-gradient(180deg,#120d18,#0d0912)}
.badge{background:#1b1223;border-color:#6b4b7d;color:#d8b4fe}
.price{color:#fff}
input,textarea,select{background:#0c0811;border-color:#49365a;color:#fff}
input:focus,textarea:focus,select:focus{border-color:#a855f7;box-shadow:0 0 0 4px rgba(168,85,247,.13)}
.footer{background:#050307;color:#f7f2ff;border-top:1px solid #25172e}
.footer a{color:#d8b4fe}.footer small{color:#8f8099}
.filter{color:#f7f2ff;border-color:#665273}.filter.active{background:#a855f7;border-color:#a855f7;color:#fff}
.empty{border-color:#5b4667;color:#ad9bb8}
.toast{background:#21132d;border:1px solid #67417f}
.admin-shell{background:#09070d}.sidebar{background:#060409;border-right:1px solid #25172e}.side-nav button.active,.side-nav button:hover{background:#23132e;color:#fff}.admin-main{background:radial-gradient(circle at 75% 0%,rgba(168,85,247,.08),transparent 30%),#0a0710}
.stat{border-color:#342440}.table-wrap{border-color:#342440}th{background:#1b1223;color:#d9c5e6}td{border-bottom-color:#281d31}.status-pill{background:#2b1838;color:#e1c7f4}.status-pill.late{background:#4a1e28;color:#ffc3cc}
.login-wrap{background:radial-gradient(circle at 20% 10%,rgba(168,85,247,.22),transparent 30%),#09070d}
.mobile-drawer{background:rgba(0,0,0,.72)}.mobile-drawer-panel{background:#100b15;border-left-color:#392748}.mobile-drawer-links a{border-bottom-color:#2a2032;color:#f6efff}.mobile-drawer-close,.mobile-nav-toggle{background:#120d18;color:#fff;border-color:#6d4b7e}
.image-upload-box{background:#0d0912;border-color:#5f456f}.image-preview{border-color:#49365a;background:#09070d}

/* brand accent blocks */
.purple-panel{background:linear-gradient(135deg,#1b1025,#130b1c 60%,#2a1138);border:1px solid #4d3260;border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.brand-glow{box-shadow:0 0 0 1px rgba(168,85,247,.16),0 24px 70px rgba(87,31,128,.24)}

@media(max-width:560px){
  .topbar{background:#050307;color:#d7b8ea}
  .product-card{border-color:#3d2b49}
}


/* Street Riot + Control Room additions */
.active-link{color:#c084fc!important}
.mobile-admin-link{margin-top:10px;border-top:1px solid #4b2d5a;padding-top:18px!important;color:#c084fc!important}
.riot-home{background:linear-gradient(180deg,#0b0710,#160b21)}
.riot-mini-card,.riot-badge-card{border:2px solid #6e437d;border-radius:34px;background:radial-gradient(circle at 80% 20%,#4f1f72 0,transparent 38%),#0b0710;padding:38px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}
.riot-logo-word{font-family:Georgia,serif;font-size:clamp(58px,10vw,112px);font-weight:900;line-height:.78;letter-spacing:-.06em;color:#fff;text-shadow:10px 10px 0 #5f2390}
.riot-tag{margin-top:24px;letter-spacing:.35em;font-weight:900;color:#d8b4fe}
.riot-hero{padding:80px 0;background:radial-gradient(circle at 85% 25%,#3b1458 0,transparent 30%),linear-gradient(180deg,#100817,#09060d)}
.riot-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.riot-hero h1{font-size:clamp(60px,8vw,122px);line-height:.82;letter-spacing:-.06em;margin:12px 0 26px}
.riot-hero p{font-size:22px;line-height:1.6;color:#c8b8cf;max-width:720px}
.app-showcase{display:grid;grid-template-columns:minmax(310px,.8fr) 1.2fr;gap:60px;align-items:center;margin-top:40px}
.phone-shell{width:min(360px,88vw);margin:auto;border:3px solid #7e4e91;border-radius:48px;background:#050407;padding:14px;box-shadow:0 30px 80px rgba(126,78,145,.25)}
.phone-top{width:110px;height:24px;border-radius:20px;background:#18121d;margin:0 auto 10px}
.phone-screen{border-radius:34px;overflow:hidden;background:#120a18;min-height:650px;padding:24px;position:relative}
.app-brand{font-weight:1000;letter-spacing:.08em;color:#fff;font-size:22px}.app-tabs{display:flex;gap:16px;margin:20px 0;font-size:11px;font-weight:900;color:#d8b4fe}.app-map{height:430px;border:1px solid #5c346c;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(35deg,#1f1227,#0b0810)}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(#5d397022 1px,transparent 1px),linear-gradient(90deg,#5d397022 1px,transparent 1px);background-size:40px 40px;transform:rotate(-8deg) scale(1.2)}
.pin{position:absolute;color:#c084fc;font-size:42px;text-shadow:0 0 18px #c084fc}.p1{top:80px;left:70px}.p2{top:210px;right:70px}.p3{bottom:90px;left:130px}.map-card{position:absolute;left:18px;right:18px;bottom:18px;background:#0a0710dd;border:1px solid #75458a;border-radius:18px;padding:16px}.map-card strong,.map-card small{display:block}.map-card small{color:#a893b2;margin-top:4px}.app-bottom{display:flex;justify-content:space-around;padding:22px 4px 0;color:#c084fc;font-size:26px}
.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{border:1px solid #4e2f5c;border-radius:26px;background:#100b14;padding:26px;min-height:220px}.feature-card span{color:#c084fc;font-weight:1000;letter-spacing:.16em}.feature-card h3{font-size:27px;margin:28px 0 10px}.feature-card p{color:#a99ab0;line-height:1.55}
.riot-hq{background:#0a070d}.hq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hq-card{border:1px solid #573365;border-radius:28px;background:linear-gradient(145deg,#110b16,#0a070d);padding:30px;min-height:260px}.hq-card.big{grid-column:span 2;min-height:320px;background:radial-gradient(circle at 85% 10%,#42165f,transparent 35%),#100a15}.hq-number{font-size:12px;color:#c084fc;letter-spacing:.22em;font-weight:1000}.hq-card h3{font-size:34px;margin:55px 0 12px}.hq-card p{color:#ad9db4;font-size:18px;max-width:760px}.soft-purple{background:linear-gradient(180deg,#160b20,#0d0812)}.riot-panel{border-color:#6d3d80!important}.admin-entry .panel{border-color:#6d3d80;background:radial-gradient(circle at 90% 10%,#35154e,transparent 38%),#100a15}
@media(max-width:800px){.riot-hero{padding:48px 0}.riot-hero-grid,.app-showcase{grid-template-columns:1fr}.riot-hero h1{font-size:64px}.riot-badge-card{min-height:320px}.feature-stack{grid-template-columns:1fr}.hq-grid{grid-template-columns:1fr}.hq-card.big{grid-column:auto}.phone-screen{min-height:560px}.app-map{height:350px}.riot-logo-word{font-size:74px}}

/* Control Room mobile interaction fix */
@media (max-width: 900px){
  .admin-shell{display:block;min-height:100vh;overflow-x:hidden}
  .sidebar{position:sticky;top:0;z-index:60;padding:14px 12px 10px;border-right:0;border-bottom:1px solid #25172e;background:rgba(6,4,9,.96);backdrop-filter:blur(18px)}
  .sidebar .brand{display:flex;margin-bottom:10px;font-size:20px}
  #adminEmail{display:none}
  .side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
  .side-nav button,.side-nav a{min-width:0;width:100%;min-height:48px;padding:10px 8px!important;border:1px solid #342440!important;border-radius:14px!important;background:#0d0912!important;color:#cdbfd5!important;font-size:12px!important;line-height:1.15;text-align:center!important;white-space:normal;display:flex!important;align-items:center;justify-content:center}
  .side-nav button.active{background:linear-gradient(135deg,#4f1f72,#291336)!important;border-color:#9256ad!important;color:#fff!important;box-shadow:0 0 0 1px rgba(192,132,252,.15) inset}
  .side-nav a[href="/"]{grid-column:1/3}
  #logout{grid-column:3/4}
  .admin-main{padding:22px 12px 90px!important;overflow-x:hidden}
  .admin-main .toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .admin-main h2{font-size:clamp(38px,10vw,58px);line-height:.92;overflow-wrap:anywhere}
  .stats{grid-template-columns:1fr 1fr;gap:10px}
  .stat{padding:16px;min-width:0}
  .stat strong{font-size:32px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-radius:18px}
  table{min-width:780px}
  .purple-panel{padding:18px;border-radius:20px}
  .modal{align-items:end;padding:0;z-index:120}
  .modal-card{width:100%;max-width:none;max-height:88vh;border-radius:26px 26px 0 0;padding:20px 14px calc(20px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
}
@media (max-width: 520px){
  .side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .side-nav a[href="/"]{grid-column:auto}
  #logout{grid-column:auto}
  .stats{grid-template-columns:1fr 1fr}
  .admin-main{padding-left:10px!important;padding-right:10px!important}
}

/* Custom board partners */
.partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.partner-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:250px}.partner-card h2{margin:16px 0 4px}.partner-location{color:#c084fc;font-weight:800;margin-bottom:14px}.partner-card .btn{align-self:flex-start}.partner-note{margin-top:18px}.admin-divider{border:0;border-top:1px solid #382543;margin:28px 0}.partner-admin-list{display:grid;gap:14px;margin-top:16px}.partner-admin-row{border:1px solid #392543;background:#09060d;border-radius:18px;padding:14px}
@media(max-width:700px){.partner-grid{grid-template-columns:1fr}.partner-card{min-height:0}.partner-card .btn{width:100%;text-align:center}}

/* Product purchase page */
.product-detail-section{padding-top:48px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:stretch;padding:24px}
.product-detail-art{min-height:520px;border:1px solid #3b2948;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(192,132,252,.22),transparent 30%),linear-gradient(135deg,#1b1025,#09070d 70%);display:grid;place-items:center}
.product-detail-art img{width:100%;height:100%;min-height:520px;object-fit:cover}
.product-detail-art.placeholder span{font:900 clamp(42px,7vw,82px)/.95 Georgia,serif;color:#ead6ff;transform:rotate(-5deg);text-align:center;padding:28px}
.product-detail-copy{padding:24px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.product-detail-copy h1{font-size:clamp(48px,7vw,84px);line-height:.92;margin:18px 0 12px}
.product-detail-price{font-size:34px;font-weight:1000;color:#d8b4fe;margin:4px 0 20px}
.product-detail-description{font-size:19px;line-height:1.65;color:#c4b5c9;max-width:650px}
.back-link{color:#c084fc;font-weight:850;margin-bottom:22px}
.purchase-box{width:100%;margin-top:24px;padding:20px;border:1px solid #4a3158;border-radius:22px;background:#0b0710}
.purchase-box label{display:block;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
.purchase-box select{width:100%;min-height:58px;border:1px solid #5c3b6c;border-radius:16px;background:#100b15;color:#fff;padding:0 16px;font-size:18px;margin-bottom:14px}
.purchase-btn{width:100%;min-height:58px;font-size:18px}
.form-error{margin-top:14px;padding:12px 14px;border:1px solid #7f1d1d;border-radius:14px;background:#2a0c12;color:#fecaca;font-weight:700}
@media(max-width:760px){.product-detail-section{padding-top:24px}.product-detail{grid-template-columns:1fr;padding:14px;gap:14px}.product-detail-art,.product-detail-art img{min-height:0;aspect-ratio:1/1}.product-detail-copy{padding:14px 4px 4px}.product-detail-copy h1{font-size:52px}.product-detail-price{font-size:29px}.purchase-box{padding:16px}}

/* Real Street Riot app screenshots */
.riot-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin:42px 0 54px}
.riot-screen-card{margin:0;border:1px solid #4e2f5c;border-radius:30px;background:linear-gradient(160deg,#130b19,#09070c);padding:14px;overflow:hidden;box-shadow:0 28px 70px rgba(79,24,111,.16)}
.riot-screen-frame{border-radius:22px;overflow:hidden;background:#0b0b0d;aspect-ratio:9/18.7}
.riot-screen-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.riot-screen-card figcaption{padding:22px 12px 14px}
.riot-screen-card figcaption span{color:#c084fc;font-size:12px;font-weight:1000;letter-spacing:.18em}
.riot-screen-card figcaption h3{font-size:25px;margin:9px 0 8px}
.riot-screen-card figcaption p{margin:0;color:#a99ab0;line-height:1.55}
.riot-features{margin-top:12px}
@media(max-width:900px){.riot-screens{grid-template-columns:repeat(3,minmax(250px,78vw));overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 4px 18px;margin-left:-4px;margin-right:-4px;-webkit-overflow-scrolling:touch}.riot-screen-card{scroll-snap-align:center}.riot-screens::-webkit-scrollbar{height:5px}.riot-screens::-webkit-scrollbar-thumb{background:#6e437d;border-radius:20px}}
@media(max-width:560px){.riot-screens{grid-template-columns:repeat(3,minmax(275px,84vw));gap:14px}.riot-screen-card{border-radius:25px;padding:10px}.riot-screen-frame{border-radius:18px}.riot-screen-card figcaption{padding:18px 10px 12px}}

/* MJ Viile social + IRL event add-on */
.social-street{background:radial-gradient(circle at 85% 15%,rgba(120,35,170,.18),transparent 30%),#09060d}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.social-card{min-height:210px;border:1px solid #5a3568;border-radius:26px;padding:25px;background:linear-gradient(145deg,#140b1b,#09060d);display:flex;flex-direction:column;justify-content:space-between;transition:.2s transform,.2s border-color;text-decoration:none}.social-card:hover{transform:translateY(-4px);border-color:#c084fc}.social-card span{font-size:12px;letter-spacing:.22em;font-weight:1000;color:#c084fc}.social-card strong{font:900 34px/1 Georgia,serif;color:#fff}.social-card em{font-style:normal;color:#ad9db4;font-weight:700}.event-strip{margin-top:22px;border:1px solid #74458a;border-radius:30px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:linear-gradient(120deg,#120a18,#271035)}.event-strip h3{font-size:clamp(28px,4vw,46px);margin:10px 0}.event-strip p,.social-intro{color:#b9a9c0;font-size:18px;line-height:1.55}.event-stamp{border:2px solid #c084fc;border-radius:50%;width:145px;height:145px;display:grid;place-items:center;text-align:center;font-weight:1000;letter-spacing:.08em;color:#e8d2ff;transform:rotate(7deg)}@media(max-width:760px){.social-grid{grid-template-columns:1fr}.social-card{min-height:155px}.event-strip{grid-template-columns:1fr}.event-stamp{width:115px;height:115px;font-size:13px}.social-card strong{font-size:30px}}

/* HOMEPAGE STREETWEAR EDITORIAL */
.editorial-home{--ed-black:#050506;--ed-ink:#0a0a0b;--ed-white:#f2efe9;--ed-purple:#a64dff;background:var(--ed-white);color:var(--ed-ink)}.editorial-home .editorial-topbar{background:var(--ed-purple);color:#09070b;font:950 11px/1.2 ui-monospace,monospace;letter-spacing:.16em}.editorial-home .editorial-header{background:rgba(5,5,6,.96);border-color:#2b2030;color:#fff}.editorial-home .editorial-header .brand-mark,.editorial-home .editorial-footer .brand-mark{background:transparent;border-color:var(--ed-purple);color:#fff}.editorial-home .editorial-header .btn{border-radius:0;border-color:var(--ed-purple);background:var(--ed-purple);color:#080609;text-transform:uppercase}.editorial-home .editorial-header .btn.alt{background:transparent;color:#fff;border-color:#4d3a56}.editorial-home .nav-links a{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.mag-hero{background:var(--ed-black);color:#fff;padding:42px 0 0;overflow:hidden}.mag-meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #403346;color:#bdaec4;font:800 10px ui-monospace,monospace;letter-spacing:.16em}.mag-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;padding:52px 0}.mag-kicker,.mag-section-label{font:950 11px/1.2 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.mag-kicker{color:var(--ed-purple);margin-bottom:18px}.mag-copy h1,.mag-section h2{font-family:Arial Black,Impact,Inter,sans-serif;font-weight:1000;letter-spacing:-.065em;text-transform:uppercase}.mag-copy h1{font-size:clamp(64px,10vw,136px);line-height:.78;max-width:none}.mag-copy h1 em,.mag-section h2 em{font-family:Georgia,serif;font-weight:500;text-transform:none;color:var(--ed-purple)}.mag-copy p{max-width:590px;color:#c8bdcb;font-size:18px;margin:30px 0}.mag-actions{display:flex;gap:22px;flex-wrap:wrap}.mag-actions a,.mag-link{font:950 12px ui-monospace,monospace;letter-spacing:.12em;border-bottom:2px solid var(--ed-purple);padding-bottom:8px}.mag-cover{min-height:600px;position:relative;border:1px solid #4a3653;background:radial-gradient(circle at 72% 22%,#54167c 0,transparent 34%),linear-gradient(145deg,#171119,#070708 70%);overflow:hidden}.mag-cover .board-shape{height:440px;width:132px;background:#141017;border-color:#b16bdb;box-shadow:22px 24px 0 #7a28a744}.mag-cover-index{position:absolute;top:22px;left:22px;color:var(--ed-purple);font:900 11px ui-monospace,monospace}.mag-cover-type{position:absolute;left:22px;bottom:25px;color:#b9aabd}.mag-cover-type strong{display:block;color:#fff;font-size:24px}.mag-cover-side{position:absolute;right:16px;bottom:22px;writing-mode:vertical-rl;color:#8d7b93;font:800 9px ui-monospace,monospace}.mag-ticker{border-top:1px solid #403346;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 0;color:#d9cedd;font:900 10px ui-monospace,monospace;letter-spacing:.13em}.mag-ticker span{text-align:center}.mag-section{padding:92px 0;border-top:1px solid #c9c2ba}.mag-section-label{display:flex;gap:12px;align-items:center;margin-bottom:36px;color:#5f5761}.mag-section-label span{color:var(--ed-purple);font-size:20px}.mag-section-label.light{color:#a99cad}.mag-editorial-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.mag-section h2{font-size:clamp(56px,8vw,112px);line-height:.82}.mag-sidecopy p{font-size:19px}.mag-sidecopy .mag-small{font-size:13px;color:#706871;text-transform:uppercase}.mag-process{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #111;margin-top:62px}.mag-process>div{padding:22px 18px 4px 0;display:grid;gap:8px}.mag-process b{color:var(--ed-purple)}.mag-process strong{font:1000 28px Arial Black,Impact,sans-serif}.mag-shop{background:#e9e5df}.mag-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.editorial-home .mag-products .product-card{border-radius:0}.editorial-home .mag-products .btn{border-radius:0;background:#09090a}.mag-riot{background:#070708;color:#fff}.mag-riot-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.riot-word{font:1000 clamp(86px,13vw,178px)/.68 Arial Black,Impact,sans-serif;letter-spacing:-.09em}.riot-word i{font-family:Georgia,serif;color:var(--ed-purple)}.mag-riot-copy p{font-size:19px;color:#bfb2c3}.dark-actions a{color:#fff}.road-card{display:grid;grid-template-columns:auto 1fr auto;gap:42px;align-items:center;border-block:3px solid #0a0a0b;padding:36px 0}.road-date{display:flex;align-items:center;gap:10px}.road-date>span{font:1000 108px/.8 Arial Black,Impact,sans-serif}.road-main p{color:#625b62}.road-stamp{width:132px;height:132px;border:3px solid var(--ed-purple);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--ed-purple);font-weight:1000;transform:rotate(8deg)}.mag-social{background:#0a0a0b;color:#fff}.social-editorial-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:45px}.social-editorial-head p{color:#a99dab}.social-lines{border-top:1px solid #4a3a4f}.social-lines a{display:grid;grid-template-columns:1fr 1.6fr auto;align-items:center;padding:24px 4px;border-bottom:1px solid #4a3a4f}.social-lines span{color:#a899ad;font:900 11px ui-monospace,monospace}.social-lines strong{font:1000 clamp(24px,4vw,48px) Arial Black,Impact,sans-serif}.social-lines b{font-size:30px;color:var(--ed-purple)}.editorial-footer{margin-top:0;background:#050506}.editorial-footer p{color:#a99dab}@media(max-width:850px){.mag-meta span:nth-child(2){display:none}.mag-hero-grid,.mag-editorial-grid,.mag-riot-grid,.social-editorial-head{grid-template-columns:1fr}.mag-copy h1{font-size:20vw}.mag-cover{min-height:480px}.mag-cover .board-shape{height:350px;width:106px}.mag-ticker{grid-template-columns:1fr 1fr}.mag-section{padding:66px 0}.mag-process{grid-template-columns:1fr}.mag-section-head{align-items:flex-start;flex-direction:column}.mag-products.product-grid{grid-template-columns:repeat(2,1fr)}.road-card{grid-template-columns:1fr}.road-date>span{font-size:84px}.social-lines a{grid-template-columns:1fr auto}.social-lines strong{grid-column:1}.social-lines b{grid-column:2;grid-row:1/3}}@media(max-width:520px){.mag-section h2,.road-main h2{font-size:15vw}.riot-word{font-size:24vw}.mag-products.product-grid{gap:8px}}

/* iPhone/mobile fit pass */
@media (max-width: 600px){
 html,body{max-width:100%;overflow-x:hidden}
 .editorial-home .container{width:auto;max-width:none;margin:0;padding-left:20px;padding-right:20px}
 .editorial-home .editorial-topbar{white-space:nowrap;overflow:hidden;font-size:9px;letter-spacing:.12em}
 .editorial-home .editorial-header .nav{min-height:74px;padding-top:10px;padding-bottom:10px}
 .editorial-home .brand{font-size:22px}.editorial-home .brand-mark{width:50px;height:50px}
 .mag-meta{font-size:9px;gap:8px}.mag-meta span:last-child{text-align:right}
 .mag-hero-grid{padding:34px 0 26px}.mag-copy{min-width:0}
 .mag-copy h1{font-size:clamp(58px,17.2vw,78px);line-height:.82;letter-spacing:-.075em;overflow-wrap:normal;word-break:normal}
 .mag-copy h1 em{font-size:.93em}.mag-copy p{font-size:16px;line-height:1.5;margin:25px 0}
 .mag-actions{gap:22px 30px}.mag-actions a,.mag-link{font-size:10px;letter-spacing:.1em}
 .mag-cover{min-height:360px;margin-top:10px}.mag-cover .board-shape{height:285px;width:88px}
 .mag-ticker{font-size:8px;letter-spacing:.1em;padding:8px 0}.mag-ticker span{padding:8px 4px}
 .mag-section{padding:58px 0}.mag-section-label{font-size:9px;letter-spacing:.13em;margin-bottom:28px;gap:9px}.mag-section-label span{font-size:18px}
 .mag-editorial-grid{display:block}.mag-section h2{font-size:clamp(48px,14.5vw,66px);line-height:.86;letter-spacing:-.065em;max-width:100%;overflow-wrap:normal;word-break:normal}
 .mag-section h2 em{font-size:.88em;display:block;max-width:100%}
 .mag-sidecopy{padding-top:30px}.mag-sidecopy p{font-size:16px;line-height:1.55}.mag-sidecopy .mag-small{font-size:10px;line-height:1.45}
 .mag-process{margin-top:42px}.mag-process strong{font-size:23px}
 .mag-section-head{gap:20px}.mag-products.product-grid{grid-template-columns:1fr 1fr}
 .mag-riot-grid{gap:32px}.riot-word{font-size:22vw;line-height:.7;max-width:100%}.mag-riot-copy p{font-size:16px;line-height:1.55}
 .road-card{padding:28px 0}.road-date>span{font-size:72px}.road-main h2{font-size:clamp(46px,13vw,62px);line-height:.87}.road-main p{font-size:15px;line-height:1.5}.road-stamp{width:92px;height:92px}
 .social-editorial-head{gap:20px}.social-editorial-head p{font-size:15px}.social-lines a{padding:20px 2px}.social-lines span{font-size:9px}.social-lines strong{font-size:26px}
 .editorial-footer .footer-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 390px){
 .editorial-home .container{padding-left:16px;padding-right:16px}
 .mag-copy h1{font-size:16.7vw}.mag-section h2{font-size:14vw}
 .mag-actions{gap:18px}.mag-actions a{font-size:9px}
 .mag-products.product-grid{grid-template-columns:1fr}
}

/* Editorial photography pass */
.mag-photo-cover{padding:0;margin:0;background:#0a0a0b}.mag-photo-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}.mag-photo-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 45%,rgba(0,0,0,.78))}.mag-photo-cover>*:not(img){z-index:2}.mag-photo-cover .mag-cover-index{background:#050506;color:#fff;padding:7px 9px}.mag-photo-cover .mag-cover-type{color:#fff}.editorial-photo-break{background:#050506;color:#fff;padding:28px 0 80px}.photo-spread{display:grid;grid-template-columns:1.15fr .7fr .8fr;gap:16px;align-items:end}.photo-spread figure{margin:0;position:relative}.photo-spread img{width:100%;display:block;object-fit:cover}.photo-tall img{height:610px}.photo-small img{height:390px}.photo-spread figcaption,.board-feature-photo figcaption,.riot-photo figcaption{font:900 9px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;margin-top:9px}.photo-spread-copy{align-self:center;display:grid;gap:18px;padding:20px 4px}.photo-spread-copy span,.photo-spread-copy small{font:900 9px ui-monospace,monospace;letter-spacing:.16em;color:#a64dff}.photo-spread-copy strong{font:1000 clamp(28px,3.5vw,52px)/.92 Arial Black,Impact,sans-serif;letter-spacing:-.045em}.board-feature-photo{margin:58px 0 0;position:relative}.board-feature-photo img{display:block;width:100%;height:520px;object-fit:cover}.board-feature-photo figcaption{display:flex;justify-content:space-between;align-items:center}.board-feature-photo figcaption span{color:#6c636d}.board-feature-photo figcaption strong{font-size:13px}.riot-photo{margin:42px 0 0;position:relative}.riot-photo img{display:block;width:100%;height:440px;object-fit:cover}.riot-photo figcaption{color:#a64dff}.editorial-wide-photo{height:min(78vw,820px);min-height:520px;position:relative;background:#050506;color:#fff;overflow:hidden}.editorial-wide-photo img{width:100%;height:100%;object-fit:cover}.editorial-wide-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.72),transparent 62%)}.editorial-wide-photo>div{position:absolute;z-index:2;left:max(20px,calc((100vw - 1200px)/2));bottom:9%;display:grid;gap:12px}.editorial-wide-photo span{font:950 10px ui-monospace,monospace;letter-spacing:.16em;color:#c684ff}.editorial-wide-photo strong{font:1000 clamp(48px,8vw,110px)/.8 Arial Black,Impact,sans-serif;letter-spacing:-.065em}
@media(max-width:600px){.mag-photo-cover{height:66vh;min-height:430px;max-height:620px}.mag-photo-cover img{object-position:center center}.editorial-photo-break{padding:16px 0 54px}.photo-spread{grid-template-columns:1.25fr .75fr;gap:10px}.photo-tall{grid-row:1/3}.photo-tall img{height:510px}.photo-small img{height:245px}.photo-spread-copy{padding:4px 0;gap:10px;align-self:end}.photo-spread-copy strong{font-size:21px;line-height:.94}.photo-spread-copy span,.photo-spread-copy small{font-size:7px}.photo-spread figcaption{font-size:7px;letter-spacing:.09em}.board-feature-photo{margin-top:38px}.board-feature-photo img{height:68vw;min-height:270px;max-height:390px}.board-feature-photo figcaption{font-size:7px}.board-feature-photo figcaption strong{font-size:9px}.riot-photo{margin-top:28px}.riot-photo img{height:118vw;max-height:560px;object-position:center}.editorial-wide-photo{height:128vw;min-height:500px;max-height:690px}.editorial-wide-photo img{object-position:center}.editorial-wide-photo:after{background:linear-gradient(180deg,transparent 30%,rgba(5,5,6,.78))}.editorial-wide-photo>div{left:20px;right:20px;bottom:7%}.editorial-wide-photo strong{font-size:13vw}}


/* =========================================================
   MJ VIILE SHOP — STREETWEAR / SKATE MAGAZINE EDITORIAL
   Scoped to .editorial-shop so admin + other pages stay intact.
   ========================================================= */
.editorial-shop{
  --shop-black:#050506;
  --shop-ink:#0a0a0b;
  --shop-paper:#f1eee9;
  --shop-purple:#a64dff;
  --shop-purple-soft:#d8b4fe;
  background:var(--shop-paper);
  color:var(--shop-ink);
}
.editorial-shop .shop-topbar{
  background:var(--shop-purple);
  color:#080609;
  font:950 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  padding:8px 12px;
}
.editorial-shop .shop-header{
  background:rgba(5,5,6,.96);
  color:#fff;
  border-color:#2c2331;
}
.editorial-shop .shop-header .brand-mark,
.editorial-shop .shop-footer .brand-mark{
  background:transparent;
  color:#fff;
  border-color:var(--shop-purple);
}
.editorial-shop .shop-header .btn{
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:.07em;
  background:var(--shop-purple);
  border-color:var(--shop-purple);
  color:#09070b;
}
.editorial-shop .shop-header .btn.alt{
  background:transparent;
  border-color:#54425d;
  color:#fff;
}
.editorial-shop .nav-links a{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.editorial-shop .active-link{color:var(--shop-purple)!important}

.shop-hero{
  background:var(--shop-black);
  color:#fff;
  padding:38px 0 0;
}
.shop-issue-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #413645;
  padding-bottom:18px;
  color:#b5a9bb;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.15em;
}
.shop-hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:46px;
  align-items:center;
  padding:48px 0;
}
.shop-kicker,.shop-section-label,.strip-label{
  font:950 11px/1.2 ui-monospace,monospace;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.shop-kicker{color:var(--shop-purple);margin-bottom:18px}
.shop-hero h1,.shop-drop h2,.shop-closing h2{
  font-family:Arial Black,Impact,Inter,sans-serif;
  font-weight:1000;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.shop-hero h1{
  font-size:clamp(68px,10vw,138px);
  line-height:.79;
  margin:0;
}
.shop-hero h1 em,.shop-drop h2 em,.shop-closing h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  text-transform:none;
  color:var(--shop-purple);
  letter-spacing:-.05em;
}
.shop-hero-copy p{
  color:#c7bccb;
  font-size:18px;
  max-width:620px;
  margin:30px 0;
}
.shop-hero-links{display:flex;gap:24px;flex-wrap:wrap}
.shop-hero-links a,.shop-closing-copy a{
  font:950 11px ui-monospace,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-bottom:2px solid var(--shop-purple);
  padding-bottom:8px;
}
.shop-cover-card{
  min-height:520px;
  border:1px solid #4c3a52;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(150deg,transparent 0 44%,rgba(166,77,255,.35) 44% 61%,transparent 61%),
    radial-gradient(circle at 74% 18%,rgba(166,77,255,.45),transparent 34%),
    #0b0a0d;
}
.shop-cover-meta{
  position:absolute;left:20px;top:18px;
  color:var(--shop-purple);
  font:900 10px ui-monospace,monospace;
  letter-spacing:.16em;
}
.shop-cover-big{
  position:absolute;left:16px;bottom:62px;
  font:1000 clamp(90px,12vw,160px)/.7 Arial Black,Impact,sans-serif;
  letter-spacing:-.09em;
  color:#fff;
}
.shop-cover-small{
  position:absolute;right:18px;bottom:20px;
  color:#b6a9bc;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.14em;
}
.shop-marquee{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #413645;
  color:#d7cddd;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.13em;
}
.shop-marquee span{padding:15px 10px;text-align:center}
.shop-marquee span:not(:last-child){border-right:1px solid #413645}

.shop-editorial-strip{
  padding:58px 0;
  border-bottom:1px solid #c8c1ba;
}
.strip-label{color:#655c66;margin-bottom:22px}
.strip-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:end;
}
.strip-grid strong{
  font:1000 clamp(46px,7vw,88px)/.83 Arial Black,Impact,sans-serif;
  letter-spacing:-.065em;
}
.strip-grid p{
  font-size:18px;
  max-width:520px;
  margin:0;
  color:#625b61;
}

.shop-drop{
  padding:84px 0;
  background:#e7e3de;
}
.shop-drop-head{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:end;
  margin-bottom:34px;
}
.shop-section-label{
  color:#615962;
  margin-bottom:24px;
}
.shop-section-label span{
  color:var(--shop-purple);
  font-size:20px;
  margin-right:10px;
}
.shop-drop h2,.shop-closing h2{
  font-size:clamp(56px,8vw,112px);
  line-height:.82;
}
.shop-side-note{
  font:900 10px ui-monospace,monospace;
  letter-spacing:.13em;
  color:#6c656c;
  padding-bottom:10px;
}
.shop-category-line{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  border-block:2px solid #111;
  padding:13px 0;
  margin-bottom:30px;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.13em;
}
.shop-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.editorial-shop .shop-product-grid .product-card{
  border-radius:0;
  border:1px solid #111;
  background:#f6f3ee;
  box-shadow:none;
  position:relative;
  overflow:hidden;
}
.editorial-shop .shop-product-grid .product-card:hover{
  transform:none;
  box-shadow:none;
}
.editorial-shop .shop-product-grid .product-card::before{
  counter-increment:shopitem;
  content:counter(shopitem,decimal-leading-zero);
  position:absolute;
  z-index:3;
  left:10px;
  top:10px;
  background:#080809;
  color:#fff;
  padding:5px 7px;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.12em;
}
.editorial-shop .shop-product-grid{
  counter-reset:shopitem;
}
.editorial-shop .shop-product-grid .product-art{
  aspect-ratio:4/5;
  background:
    radial-gradient(circle at 20% 20%,rgba(166,77,255,.13),transparent 26%),
    #d8d3cd;
}
.editorial-shop .shop-product-grid .product-art:before{
  inset:0;
  border:0;
  border-radius:0;
}
.editorial-shop .shop-product-grid .product-art span{
  font:1000 clamp(26px,4vw,44px)/.9 Arial Black,Impact,sans-serif;
  letter-spacing:-.055em;
  text-transform:uppercase;
  color:#0a0a0b;
  text-shadow:none;
  transform:rotate(-5deg);
}
.editorial-shop .shop-product-grid .product-body{
  background:#f6f3ee;
  color:#0a0a0b;
  padding:14px;
  gap:12px;
}
.editorial-shop .shop-product-grid .badge{
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  color:#655c66;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.12em;
}
.editorial-shop .shop-product-grid .product-meta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.editorial-shop .shop-product-grid .product-meta strong{
  font:1000 20px/1 Arial Black,Impact,sans-serif;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.editorial-shop .shop-product-grid .note{
  color:#6c646c;
  font-size:12px;
  margin-top:7px;
}
.editorial-shop .shop-product-grid .price{
  color:#0a0a0b;
  font:1000 18px/1 Arial Black,Impact,sans-serif;
}
.editorial-shop .shop-product-grid .btn{
  border-radius:0;
  background:#0a0a0b;
  color:#fff;
  border-color:#0a0a0b;
  text-transform:uppercase;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.11em;
  padding:11px 12px;
}
.editorial-shop .shop-product-grid .empty{
  grid-column:1/-1;
  border-radius:0;
  border:1px solid #777;
  color:#635c63;
  min-height:180px;
  display:grid;
  place-items:center;
  font:900 11px ui-monospace,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.shop-closing{
  padding:84px 0;
  background:var(--shop-black);
  color:#fff;
}
.shop-closing-grid{
  display:grid;
  grid-template-columns:auto 1.25fr .75fr;
  gap:34px;
  align-items:end;
}
.shop-closing-number{
  color:var(--shop-purple);
  font:1000 88px/.8 Arial Black,Impact,sans-serif;
  letter-spacing:-.08em;
}
.shop-closing .shop-section-label{color:#b8abbc;margin-bottom:18px}
.shop-closing-copy{
  color:#c0b5c3;
  font-size:17px;
  padding-bottom:6px;
}
.shop-closing-copy a{color:#fff;display:inline-block;margin-top:14px}
.shop-footer{
  margin-top:0;
  background:#050506;
  border-top:1px solid #2b2230;
  color:#fff;
}
.shop-footer p{color:#a99dab}

@media(max-width:850px){
  .shop-hero-grid,.strip-grid,.shop-closing-grid{grid-template-columns:1fr}
  .shop-cover-card{min-height:440px}
  .shop-marquee{grid-template-columns:1fr 1fr}
  .shop-marquee span{border-top:1px solid #413645}
  .shop-marquee span:not(:last-child){border-right:0}
  .shop-drop-head{align-items:flex-start;flex-direction:column}
  .shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-closing-number{font-size:64px}
}
@media(max-width:560px){
  .shop-hero{padding-top:26px}
  .shop-issue-row{font-size:8px}
  .shop-issue-row span:last-child{display:none}
  .shop-hero-grid{padding:34px 0}
  .shop-hero h1{
    font-size:17vw;
    line-height:.8;
    overflow-wrap:anywhere;
  }
  .shop-hero-copy p{font-size:16px}
  .shop-hero-links{display:grid;grid-template-columns:1fr;gap:14px}
  .shop-cover-card{min-height:350px}
  .shop-cover-big{font-size:27vw}
  .shop-marquee{font-size:8px}
  .shop-editorial-strip{padding:42px 0}
  .strip-grid{gap:22px}
  .strip-grid strong{font-size:15vw}
  .strip-grid p{font-size:16px}
  .shop-drop{padding:58px 0}
  .shop-drop h2,.shop-closing h2{font-size:14.5vw}
  .shop-category-line{
    gap:14px;
    white-space:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .shop-product-grid{grid-template-columns:1fr 1fr;gap:8px}
  .editorial-shop .shop-product-grid .product-art{aspect-ratio:1/1.25}
  .editorial-shop .shop-product-grid .product-body{padding:10px}
  .editorial-shop .shop-product-grid .product-meta{grid-template-columns:1fr}
  .editorial-shop .shop-product-grid .product-meta strong{font-size:15px}
  .editorial-shop .shop-product-grid .price{font-size:15px}
  .editorial-shop .shop-product-grid .note{font-size:10px}
  .editorial-shop .shop-product-grid .btn{font-size:9px;padding:10px 8px}
  .shop-closing{padding:58px 0}
  .shop-closing-grid{gap:20px}
  .shop-closing-number{font-size:52px}
}


/* =========================================================
   SHOP MOBILE FIT FIX — iPhone / narrow screens
   Prevents oversized editorial text from overflowing viewport.
   ========================================================= */
@media (max-width: 600px) {
  .editorial-shop,
  .editorial-shop main,
  .editorial-shop section,
  .editorial-shop .container {
    max-width: 100%;
    overflow-x: hidden;
  }

  .editorial-shop .container {
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .editorial-shop .shop-hero h1,
  .editorial-shop .shop-drop h2,
  .editorial-shop .shop-closing h2,
  .editorial-shop .strip-grid strong {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .editorial-shop .shop-hero h1 {
    font-size: clamp(58px, 16.5vw, 78px);
    line-height: .82;
  }

  .editorial-shop .shop-drop h2,
  .editorial-shop .shop-closing h2 {
    font-size: clamp(50px, 13.4vw, 66px);
    line-height: .84;
  }

  /* The long serif line was the element escaping the iPhone viewport */
  .editorial-shop .shop-closing h2 em {
    display: block;
    font-size: .82em;
    line-height: .92;
    max-width: 100%;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
  }

  .editorial-shop .shop-closing-grid {
    min-width: 0;
  }

  .editorial-shop .shop-closing-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  .editorial-shop .shop-closing-copy {
    width: 100%;
    max-width: 100%;
  }

  .editorial-shop .shop-closing-copy p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.55;
  }

  .editorial-shop .shop-category-line {
    width: 100%;
    max-width: 100%;
    scrollbar-width: none;
  }
  .editorial-shop .shop-category-line::-webkit-scrollbar { display:none; }

  .editorial-shop .shop-product-grid {
    width: 100%;
    max-width: 100%;
  }

  .editorial-shop .shop-product-grid .product-card {
    min-width: 0;
  }

  .editorial-shop .shop-product-grid .product-meta,
  .editorial-shop .shop-product-grid .product-meta > * {
    min-width: 0;
  }

  .editorial-shop .shop-product-grid .product-meta strong,
  .editorial-shop .shop-product-grid .note {
    overflow-wrap: anywhere;
  }

  .editorial-shop .shop-marquee {
    width: 100%;
  }

  .editorial-shop .shop-cover-card {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .editorial-shop .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .editorial-shop .shop-hero h1 {
    font-size: 15.6vw;
  }

  .editorial-shop .shop-drop h2,
  .editorial-shop .shop-closing h2 {
    font-size: 12.8vw;
  }

  .editorial-shop .shop-closing h2 em {
    font-size: .78em;
  }

  .editorial-shop .shop-product-grid {
    gap: 7px;
  }
}


/* =========================================================
   CUSTOM BOARDS — SKATE SHOP / SCENE EDITORIAL
   ========================================================= */
.editorial-board-page{
  --bp-black:#050506;
  --bp-paper:#f1eee9;
  --bp-purple:#a64dff;
  background:var(--bp-paper);
  color:#09090a;
  overflow-x:hidden;
}
.editorial-board-page .board-topbar{
  background:var(--bp-purple);
  color:#09070b;
  font:950 10px/1.2 ui-monospace,monospace;
  letter-spacing:.15em;
  padding:8px 12px;
}
.editorial-board-page .board-header{
  background:#050506;
  color:#fff;
  border-color:#332639;
}
.editorial-board-page .board-header .brand-mark,
.editorial-board-page .board-footer .brand-mark{
  background:transparent;
  color:#fff;
  border-color:var(--bp-purple);
}
.editorial-board-page .nav-links a{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.editorial-board-page .active-link{color:var(--bp-purple)!important}
.editorial-board-page .board-header .btn{
  border-radius:0;
  text-transform:uppercase;
  background:transparent;
  color:#fff;
  border-color:#514058;
}

.board-scene-hero{
  background:var(--bp-black);
  color:#fff;
  padding:38px 0 0;
}
.board-issue-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #403346;
  padding-bottom:17px;
  color:#b8acbd;
  font:900 10px ui-monospace,monospace;
  letter-spacing:.15em;
}
.board-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:56px;
  align-items:end;
  padding:50px 0;
}
.board-kicker,.board-section-label{
  font:950 11px/1.2 ui-monospace,monospace;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.board-kicker{color:var(--bp-purple);margin-bottom:18px}
.board-scene-hero h1,
.board-stockists h2,
.board-how h2,
.board-scene-note h2{
  font-family:Arial Black,Impact,Inter,sans-serif;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:-.065em;
}
.board-scene-hero h1{
  margin:0;
  font-size:clamp(68px,9.5vw,132px);
  line-height:.79;
}
.board-scene-hero h1 em,
.board-stockists h2 em,
.board-how-big em,
.board-scene-note h2 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  text-transform:none;
  color:var(--bp-purple);
  letter-spacing:-.05em;
}
.board-hero-copy p{
  color:#c5bac9;
  font-size:18px;
  line-height:1.55;
  margin:0 0 28px;
}
.board-side-line{
  border-top:1px solid #4c3a52;
  padding-top:14px;
  color:#a99eae;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.14em;
}
.board-marquee{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #403346;
  color:#dbd1df;
  font:900 9px ui-monospace,monospace;
  letter-spacing:.13em;
}
.board-marquee span{padding:15px 8px;text-align:center}
.board-marquee span:not(:last-child){border-right:1px solid #403346}

.board-stockists{padding:82px 0;background:#e8e4df}
.board-section-label{display:flex;align-items:center;gap:10px;color:#655d66;margin-bottom:28px}
.board-section-label span{font-size:20px;color:var(--bp-purple)}
.board-section-label.light{color:#aea2b1}
.board-stockist-head{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:50px;
  align-items:end;
  margin-bottom:40px;
}
.board-stockists h2,.board-scene-note h2{
  font-size:clamp(58px,8vw,112px);
  line-height:.81;
}
.board-stockist-head p{
  color:#625b62;
  font-size:18px;
  line-height:1.55;
  max-width:520px;
}
.board-partner-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.editorial-board-page .board-partner-grid .partner-card{
  border-radius:0;
  border:1px solid #111;
  background:#f6f3ee;
  color:#09090a;
  box-shadow:none;
  min-height:300px;
  padding:22px;
}
.editorial-board-page .board-partner-grid .partner-card .badge{
  border:0;
  border-radius:0;
  background:transparent;
  color:#6b626b;
  padding:0;
  font:950 9px ui-monospace,monospace;
  letter-spacing:.14em;
}
.editorial-board-page .board-partner-grid .partner-card h2{
  margin:18px 0 4px;
  font-size:clamp(38px,5vw,64px);
  line-height:.9;
  color:#09090a;
}
.editorial-board-page .board-partner-grid .partner-location{
  color:var(--bp-purple);
  font:950 12px ui-monospace,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:12px 0 18px;
}
.editorial-board-page .board-partner-grid .partner-card p{
  color:#5f585f;
  font-size:16px;
}
.editorial-board-page .board-partner-grid .partner-card .btn{
  align-self:stretch;
  border-radius:0;
  background:#080809;
  border-color:#080809;
  color:#fff;
  text-transform:uppercase;
  font:950 10px ui-monospace,monospace;
  letter-spacing:.12em;
  padding:14px;
}

.board-how{
  background:#070708;
  color:#fff;
  padding:84px 0;
}
.board-how-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:56px;
  align-items:start;
}
.board-how-big{
  font:1000 clamp(78px,11vw,150px)/.72 Arial Black,Impact,sans-serif;
  letter-spacing:-.08em;
}
.board-how h2{
  font-size:clamp(48px,6.5vw,86px);
  line-height:.84;
  margin:0 0 26px;
}
.board-how-copy>p{
  color:#bcb0c0;
  font-size:18px;
  line-height:1.6;
  max-width:650px;
}
.board-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #52415a;
  margin-top:38px;
}
.board-flow>div{
  display:grid;
  gap:7px;
  padding:18px 14px 0 0;
}
.board-flow>div:not(:last-child){border-right:1px solid #52415a}
.board-flow b{color:var(--bp-purple);font:900 10px ui-monospace,monospace}
.board-flow strong{font:1000 22px Arial Black,Impact,sans-serif}
.board-flow span{color:#9f93a3;font-size:12px}

.board-scene-note{
  background:var(--bp-paper);
  padding:82px 0;
}
.board-note-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:52px;
  align-items:end;
}
.board-note-grid p{
  color:#625b62;
  font-size:18px;
  line-height:1.6;
}
.board-footer{
  margin-top:0;
  background:#050506;
  color:#fff;
  border-top:1px solid #322638;
}
.board-footer p{color:#a99dab}

@media(max-width:760px){
  .editorial-board-page .container{
    width:100%;
    max-width:100%;
    padding-left:18px;
    padding-right:18px;
  }
  .board-issue-row span:last-child{display:none}
  .board-hero-grid,
  .board-stockist-head,
  .board-how-grid,
  .board-note-grid{
    grid-template-columns:1fr;
  }
  .board-hero-grid{gap:28px;padding:36px 0}
  .board-scene-hero h1{
    font-size:clamp(54px,14.6vw,72px);
    line-height:.82;
    max-width:100%;
  }
  .board-scene-hero h1 em{
    display:block;
    font-size:.78em;
    line-height:.92;
  }
  .board-hero-copy p{font-size:16px}
  .board-marquee{grid-template-columns:1fr 1fr}
  .board-marquee span{border-top:1px solid #403346}
  .board-marquee span:not(:last-child){border-right:0}
  .board-stockists,.board-how,.board-scene-note{padding:58px 0}
  .board-stockist-head{gap:20px}
  .board-stockists h2,.board-scene-note h2{
    font-size:clamp(50px,13.5vw,66px);
  }
  .board-partner-grid{grid-template-columns:1fr}
  .editorial-board-page .board-partner-grid .partner-card{
    min-height:0;
  }
  .board-how-grid{gap:30px}
  .board-how-big{font-size:21vw}
  .board-how h2{font-size:12.8vw}
  .board-flow{grid-template-columns:1fr}
  .board-flow>div{
    border-right:0!important;
    border-bottom:1px solid #52415a;
    padding:16px 0;
  }
  .board-note-grid{gap:22px}
}
@media(max-width:390px){
  .editorial-board-page .container{padding-left:16px;padding-right:16px}
  .board-scene-hero h1{font-size:14vw}
  .board-stockists h2,.board-scene-note h2{font-size:12.8vw}
}


/* =========================================================
   CUSTOM BOARD MOBILE OVERFLOW FIX v2
   ========================================================= */
@media (max-width: 760px) {
  .editorial-board-page,
  .editorial-board-page main,
  .editorial-board-page section,
  .editorial-board-page .container,
  .editorial-board-page .board-hero-grid,
  .editorial-board-page .board-hero-grid > *,
  .editorial-board-page .board-stockist-head,
  .editorial-board-page .board-stockist-head > *,
  .editorial-board-page .board-how-grid,
  .editorial-board-page .board-how-grid > *,
  .editorial-board-page .board-note-grid,
  .editorial-board-page .board-note-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .editorial-board-page {
    overflow-x: clip !important;
  }

  .editorial-board-page .board-scene-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(48px, 12.9vw, 64px) !important;
    line-height: .84 !important;
    letter-spacing: -.055em !important;
    overflow: hidden !important;
  }

  .editorial-board-page .board-scene-hero h1 em {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: .68em !important;
    line-height: .92 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .editorial-board-page .board-hero-copy,
  .editorial-board-page .board-hero-copy p,
  .editorial-board-page .board-side-line {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  .editorial-board-page .board-topbar {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .editorial-board-page .board-marquee {
    width: 100% !important;
    max-width: 100% !important;
  }

  .editorial-board-page .board-marquee span {
    min-width: 0 !important;
    white-space: normal !important;
  }
}

@media (max-width: 390px) {
  .editorial-board-page .board-scene-hero h1 {
    font-size: 12.2vw !important;
  }
  .editorial-board-page .board-scene-hero h1 em {
    font-size: .66em !important;
  }
}
/* Street Riot expansion — scoped additions */
.street-riot-page h2{font-size:clamp(44px,6vw,82px);line-height:.92;letter-spacing:-.045em}.riot-foundation{background:#08060a}.riot-difference{border-block:1px solid #4e2f5c;margin:70px 0 34px;padding:58px 0;max-width:980px}.riot-difference h2{margin:14px 0 22px}.riot-difference h2 em{color:#c084fc;font-family:Georgia,serif}.riot-difference p{font-size:20px;color:#b9adc2;max-width:800px}.stakeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stakeholder-grid article{border:1px solid #573365;border-radius:28px;padding:30px;background:#100b14;min-height:260px}.stakeholder-grid b{color:#c084fc;font-size:12px;letter-spacing:.18em}.stakeholder-grid h3{font-size:30px;margin:42px 0 12px}.stakeholder-grid p{color:#ad9db4;font-size:17px}.riot-future{background:#08060a}.launch-card{border:2px solid #75408b;border-radius:34px;padding:clamp(32px,6vw,72px);background:radial-gradient(circle at 85% 15%,#531a76,transparent 38%),#100a15}.launch-card>span{color:#d49aff;font-weight:1000;letter-spacing:.2em}.launch-card h2{margin:24px 0}.launch-card p{font-size:20px;color:#c3b5c7;max-width:700px}.beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.beta-grid>div>p{font-size:19px;color:#b9adc2;max-width:620px}.beta-form{display:grid;gap:18px}.beta-form .field{display:grid;gap:8px}.beta-form label{font-weight:900;letter-spacing:.08em;font-size:12px;text-transform:uppercase;color:#d8cce0}.beta-form input{width:100%;padding:16px;border-radius:12px;border:1px solid #5d3a69;background:#09070c;color:#fff;font:inherit}.beta-form .btn{width:100%;margin-top:4px}.beta-note{font-size:12px!important;color:#8f8295!important}.beta-status{min-height:22px;color:#d49aff;font-weight:800}.admin-beta-table{display:grid;gap:10px;margin-top:22px}.admin-beta-row{display:grid;grid-template-columns:1fr 1.25fr auto;gap:14px;align-items:center;padding:15px;border:1px solid #3f2b47;border-radius:14px;background:#0c0910}.admin-beta-row small{display:block;color:#9f91a6;margin-top:4px}.admin-beta-row button{padding:9px 12px}.admin-beta-empty{color:#9f91a6;padding:18px 0}@media(max-width:800px){.stakeholder-grid,.beta-grid{grid-template-columns:1fr}.beta-grid{gap:30px}.stakeholder-grid article{min-height:220px}.street-riot-page .section-head{display:grid;align-items:start}.street-riot-page .section-head p{font-size:17px}.launch-card{border-radius:26px}.admin-beta-row{grid-template-columns:1fr auto}.admin-beta-row>div:nth-child(2){grid-column:1/3;grid-row:2}}

/* ===== CONTACT / EDITORIAL REWORK 2026-08-26 ===== */
.contact-editorial{background:#050506;color:#fff}.contact-mag-hero{background:#050506;padding:48px 0 74px;border-bottom:1px solid #2d2232}.contact-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;padding-top:56px}.contact-hero-grid h1{font:1000 clamp(62px,9vw,128px)/.79 Arial Black,Impact,Inter,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:0}.contact-hero-grid h1 em{font-family:Georgia,serif;font-weight:500;text-transform:none;color:#a64dff}.contact-intro{padding-bottom:4px}.contact-intro p{color:#c1b5c5;font-size:19px;line-height:1.62;margin:0 0 20px}.contact-route{background:#eeeae4;color:#0a0a0b;padding:82px 0}.contact-route .mag-section-label{color:#615963}.contact-route-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.contact-mail-block{border-top:3px solid #0a0a0b;padding-top:24px}.contact-label{font:950 11px ui-monospace,monospace;letter-spacing:.18em;color:#6d6370}.contact-mail-block h2{color:#0a0a0b;font:1000 clamp(38px,6vw,78px)/.92 Arial Black,Impact,sans-serif;letter-spacing:-.055em;text-transform:none;margin:24px 0 18px;overflow-wrap:anywhere}.contact-mail-block p{max-width:720px;color:#5d575e;font-size:18px}.contact-note-block{border-left:1px solid #9e949f;padding:26px 0 26px 28px}.contact-note-block strong{font:1000 26px Arial Black,Impact,sans-serif}.contact-note-block p{color:#625b63;font-size:17px}.contact-board-strip{background:#09090a;color:#fff;padding:86px 0;border-block:1px solid #332638}.contact-board-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.contact-board-inner h2{font:1000 clamp(54px,8vw,108px)/.82 Arial Black,Impact,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:0}.contact-board-inner h2 em{font-family:Georgia,serif;color:#a64dff;font-weight:500;text-transform:none}.contact-board-inner p{font-size:19px;color:#bcaebf;line-height:1.6}.contact-light-link{color:#fff}.contact-social{padding-top:82px}.contact-admin-whisper{background:#050506;padding:18px 0 30px;border-top:1px solid #211826}.contact-admin-whisper p{margin:0;color:#5f5366;font:850 9px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-align:right}.contact-admin-whisper a{color:#77647f;border-bottom:1px solid #45334d;padding-bottom:2px}.contact-admin-whisper a:hover{color:#c084fc}.contact-admin-whisper span{margin-right:10px}
@media(max-width:850px){.contact-hero-grid,.contact-route-grid,.contact-board-inner{grid-template-columns:1fr;gap:34px}.contact-mag-hero{padding:34px 0 54px}.contact-hero-grid{padding-top:40px}.contact-hero-grid h1{font-size:15vw}.contact-intro p{font-size:17px}.contact-route{padding:58px 0}.contact-note-block{border-left:0;border-top:1px solid #9e949f;padding:24px 0 0}.contact-board-strip{padding:62px 0}.contact-board-inner h2{font-size:14.5vw}.contact-mail-block h2{font-size:10.8vw}.contact-admin-whisper p{text-align:center}}
@media(max-width:520px){.contact-editorial .container{padding-left:18px;padding-right:18px}.contact-hero-grid h1{font-size:14.2vw;line-height:.82}.contact-board-inner h2{font-size:13.8vw}.contact-mail-block h2{font-size:9.8vw}.contact-intro p,.contact-board-inner p,.contact-mail-block p{font-size:16px}.contact-social .social-editorial-head h2{font-size:14vw}.contact-admin-whisper span{display:none}}

/* === MJ VIILE CONTROL ROOM / EDITORIAL LOGIN === */
.admin-login-editorial{background:#050507;color:#f7f3fb;overflow-x:hidden}
.control-gate{min-height:100svh;background:radial-gradient(circle at 78% 12%,rgba(147,51,234,.20),transparent 30%),#050507;padding-bottom:48px}
.control-topline{background:#9b4dff;color:#060408;font:800 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-align:center;padding:9px 16px;white-space:nowrap;overflow:hidden}
.control-shell{width:min(1120px,100%);margin:0 auto;padding:20px}
.control-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 28px;border-bottom:1px solid #3c2d48}
.control-exit,.wrong-turn{color:#c9b6d1;text-decoration:none;font-weight:800}
.control-exit:hover,.wrong-turn:hover{color:#fff}
.control-file-row{display:flex;justify-content:space-between;gap:16px;padding:28px 0 18px;border-bottom:1px solid #3c2d48;color:#b9a9c1;font:800 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}
.control-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px;align-items:start;padding-top:44px}
.control-copy .kicker{color:#b36cff;font:900 14px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.control-copy h1{margin:14px 0 20px;font-size:clamp(72px,10vw,150px);line-height:.73;letter-spacing:-.065em;text-transform:uppercase}
.control-copy h1 .control-word{display:block;white-space:nowrap}
.control-copy h1 em{display:block;color:#a855f7;font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}
.control-intro{max-width:660px;color:#c5b8cb;font-size:clamp(20px,2.3vw,30px);line-height:1.45}
.intruder-note{margin-top:48px;border-top:1px solid #3c2d48;border-bottom:1px solid #3c2d48;padding:20px 0 22px;max-width:620px}
.intruder-note .intruder-num{display:block;color:#a855f7;font:900 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;margin-bottom:10px}
.intruder-note strong{display:block;font-size:24px;margin-bottom:8px}.intruder-note p{margin:0;color:#a99cad;line-height:1.55}
.control-login-card{position:relative;width:100%;margin:0;background:#100b14;border:1px solid #4c355a;border-radius:0;padding:34px;box-shadow:12px 12px 0 #1e0d2c}
.login-stamp{position:absolute;right:24px;top:-15px;transform:rotate(3deg);border:1px solid #a855f7;color:#d7b5ff;background:#09070d;padding:7px 12px;font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.control-login-card h2{font-size:clamp(48px,6vw,72px);line-height:.9;margin:6px 0 10px}
.login-sub{color:#b9a9c1;margin-bottom:26px}
.control-login-card .field label{font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.control-login-card input{background:#08060a;border:1px solid #60426f;border-radius:0;color:#fff;min-height:58px}
.control-login-btn{width:100%;border-radius:0;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
.login-error-fun{min-height:26px;color:#f29aff;font-weight:900;margin:12px 0}
.control-note{color:#8f8297;font-size:14px;line-height:1.5;margin-top:18px}
.wrong-turn{display:inline-block;margin-top:18px;border-bottom:2px solid #a855f7;padding-bottom:5px;font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:780px){
  .control-shell{padding:16px 18px 34px}
  .control-header{padding-bottom:20px}.control-exit{display:none}
  .control-file-row{padding-top:22px;font-size:10px}
  .control-grid{grid-template-columns:1fr;gap:34px;padding-top:30px}
  .control-copy h1{font-size:clamp(58px,18vw,82px);line-height:.78;overflow-wrap:normal}.control-copy h1 .control-word{white-space:nowrap}
  .control-intro{font-size:20px}
  .intruder-note{margin-top:28px}
  .control-login-card{padding:28px 22px;box-shadow:8px 8px 0 #1e0d2c}
  .control-login-card h2{font-size:54px}
}


/* ===== MJ VIILE / COMMUNITY EXPANSION ===== */
.mj-extra{background:#eeeae4;color:#09090a;overflow-x:hidden}
.mj-extra .xhero{background:#050506;color:#fff;padding:70px 0}
.mj-extra .xkicker{font:900 10px ui-monospace,monospace;letter-spacing:.18em;color:#ad62ff;text-transform:uppercase}
.mj-extra .xhero h1,.mj-extra .xsection h2{font:1000 clamp(54px,9vw,118px)/.82 Arial Black,Impact,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:18px 0}
.mj-extra .xhero h1 em,.mj-extra .xsection h2 em{font-family:Georgia,serif;font-weight:500;text-transform:none;color:#a64dff}
.mj-extra .xlead{max-width:760px;color:#c5bac9;font-size:18px;line-height:1.55}
.mj-extra .xsection{padding:72px 0;border-bottom:1px solid #bbb3ba}
.mj-extra .xgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mj-extra .xcard{border:1px solid #111;background:#f7f4ef;padding:22px;min-height:220px}
.mj-extra .xcard .num{font:900 10px ui-monospace,monospace;color:#8f38e8;letter-spacing:.12em}
.mj-extra .xcard h3{font:1000 28px/1 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
.mj-extra .xcard p{color:#615a61;line-height:1.5}
.mj-extra .xbtn{display:inline-block;background:#09090a;color:#fff!important;padding:13px 16px;text-decoration:none;font:900 10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid #09090a}
.mj-extra .xbtn.purple{background:#a64dff;color:#09090a!important;border-color:#a64dff}
.mj-extra .xform{display:grid;gap:10px;max-width:700px}
.mj-extra .xform input,.mj-extra .xform textarea,.mj-extra .xform select{width:100%;border:1px solid #111;border-radius:0;background:#fff;padding:14px;font:inherit}
.mj-extra .xform textarea{min-height:140px;resize:vertical}
.mj-extra details{border-top:1px solid #111;padding:18px 0}
.mj-extra details:last-child{border-bottom:1px solid #111}
.mj-extra summary{font:900 17px Arial,sans-serif;cursor:pointer;text-transform:uppercase}
.backroom-status{display:inline-flex;gap:8px;align-items:center;font:900 10px ui-monospace,monospace;letter-spacing:.12em}
.backroom-dot{width:9px;height:9px;border-radius:50%;background:#777}
.backroom-status.live .backroom-dot{background:#ff334f;box-shadow:0 0 0 5px rgba(255,51,79,.12)}
.wall-message{border-bottom:1px solid #bdb5bd;padding:16px 0}
.wall-message b{display:block;text-transform:uppercase;font-size:12px}
.wall-message small{color:#746c74}
.xlegal{max-width:820px}
.xlegal h2{font-size:34px!important;line-height:1!important;margin-top:38px!important}
@media(max-width:760px){
 .mj-extra .container{width:100%;max-width:100%;padding-left:18px;padding-right:18px}
 .mj-extra .xhero{padding:52px 0}
 .mj-extra .xhero h1,.mj-extra .xsection h2{font-size:13vw;max-width:100%;overflow-wrap:break-word}
 .mj-extra .xgrid{grid-template-columns:1fr}
 .mj-extra .xsection{padding:54px 0}
}

/* 2026-08 cleanup: simplify community expansion and fix mobile presentation */
.mj-extra .site-header{background:#070708;color:#fff;border-color:#2b2030}
.mj-extra .site-header .brand{color:#fff!important}
.mj-extra .site-header .brand-mark{background:#17101f;border-color:#a64dff;color:#fff}
.mj-extra .site-header .nav-links a{color:#fff}
.mj-world-teaser{background:#eeeae4}
.explore-stack{display:grid;gap:18px}
.explore-card{display:block;background:#09090a;color:#fff;border:1px solid #4b3656;padding:34px;text-decoration:none}
.explore-card span{font:900 11px ui-monospace,monospace;letter-spacing:.18em;color:#b66cff}
.explore-card h2{font:1000 clamp(38px,7vw,82px)/.9 Arial Black,Impact,sans-serif!important;margin:18px 0!important}
.explore-card p{max-width:680px;color:#c5bac9;font-size:18px}
.explore-card b{display:inline-block;margin-top:14px;color:#b66cff;font:900 11px ui-monospace,monospace;letter-spacing:.12em}
.backroom-grid{grid-template-columns:1fr 1fr!important;gap:34px!important}
@media(max-width:760px){
 .mj-extra .topbar{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mj-extra .site-header .brand{color:#fff!important}
 .backroom-grid{grid-template-columns:1fr!important;gap:44px!important}
 .explore-card{padding:25px 20px}
 .mj-world-teaser .mag-editorial-grid{gap:28px}
}

/* =========================================================
   MJ VIILE — PUBLIC EXPERIENCE CONTROLS
   Languages / promo bar / seasonal themes
   ========================================================= */
:root{--mj-season-accent:var(--purple);--mj-season-accent-2:#c084fc;--mj-season-glow:rgba(166,77,255,.12)}
.mj-language-switch{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:0 8px;min-height:36px;background:transparent;color:inherit}
.mj-language-switch select{appearance:none;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;width:auto;min-width:48px;padding:7px 14px 7px 3px;font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer;background-image:none!important}
.mj-language-switch:after{content:'⌄';font-size:12px;margin-left:-10px;pointer-events:none}.mj-language-switch option{color:#111;background:#fff}
.mobile-drawer .mj-language-switch{margin:14px 0 0;color:#fff;width:max-content}.mobile-drawer .mj-language-switch select{color:#fff!important}.mobile-drawer .mj-language-switch option{color:#111}
.mj-promo-bar{position:relative;z-index:45;background:var(--mj-season-accent);color:#09070b;border-bottom:1px solid rgba(0,0,0,.22);padding:9px 16px;text-align:center}
.mj-promo-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:900;letter-spacing:.045em}
.mj-promo-code{appearance:none;border:1px solid currentColor;background:rgba(255,255,255,.17);color:inherit;border-radius:999px;padding:5px 9px;font:950 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;cursor:pointer}.mj-promo-code:hover{background:rgba(255,255,255,.3)}
.mj-promo-link{border-bottom:1px solid currentColor;padding-bottom:2px;font:950 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.mj-promo-sep{opacity:.4}
html[data-mj-theme="halloween"]{--mj-season-accent:#ff7a00;--mj-season-accent-2:#ffad4d;--mj-season-glow:rgba(255,122,0,.14);--purple:#e86f00;--rust:#e86f00}
html[data-mj-theme="christmas"]{--mj-season-accent:#d9364e;--mj-season-accent-2:#f06578;--mj-season-glow:rgba(217,54,78,.14);--purple:#c7354b;--rust:#c7354b}
html[data-mj-theme="valentine"]{--mj-season-accent:#ff5ca8;--mj-season-accent-2:#ff9bca;--mj-season-glow:rgba(255,92,168,.15);--purple:#e94b96;--rust:#e94b96}
html[data-mj-theme="summer"]{--mj-season-accent:#ffb000;--mj-season-accent-2:#ffd05a;--mj-season-glow:rgba(255,176,0,.14);--purple:#e39d00;--rust:#e39d00}
html[data-mj-theme]:not([data-mj-theme="standard"]) .brand-mark{border-color:var(--mj-season-accent)!important;box-shadow:0 0 0 4px var(--mj-season-glow)}
html[data-mj-theme]:not([data-mj-theme="standard"]) :is(.active-link,.mag-kicker,.shop-kicker,.mag-link,.shop-section-label span,.mag-section-label span,.kicker,.riot-word i,.contact-file-no,.board-file-meta span){color:var(--mj-season-accent)!important}
html[data-mj-theme]:not([data-mj-theme="standard"]) :is(.mag-copy h1 em,.mag-editorial-grid h2 em,.mag-section h2 em,.shop-hero h1 em,.shop-drop h2 em,.shop-closing h2 em,.contact-editorial h1 em,.contact-board-inner h2 em,.street-riot-page h1 em,.street-riot-page h2 em){color:var(--mj-season-accent)!important}
html[data-mj-theme]:not([data-mj-theme="standard"]) :is(.btn.purple,.purple-btn){background:var(--mj-season-accent)!important;border-color:var(--mj-season-accent)!important}
html[data-mj-theme]:not([data-mj-theme="standard"]) .site-header{border-bottom-color:color-mix(in srgb,var(--mj-season-accent) 32%,transparent)}
html[data-mj-effects="true"][data-mj-theme]:not([data-mj-theme="standard"]) body:before{content:'';position:absolute;left:0;right:0;top:0;height:min(860px,100vh);z-index:17;pointer-events:none;background:radial-gradient(circle at 8% 5%,var(--mj-season-glow),transparent 20%),radial-gradient(circle at 94% 86%,var(--mj-season-glow),transparent 22%);mix-blend-mode:normal}
html[data-mj-effects="true"][data-mj-theme="halloween"] body:after{content:'HALLOWEEN / LIMITED SEASON';position:absolute;right:-58px;top:420px;z-index:18;pointer-events:none;transform:rotate(90deg);font:950 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#ff8a1f;opacity:.6}
html[data-mj-effects="true"][data-mj-theme="christmas"] body:after{content:'WINTER / LIMITED SEASON';position:absolute;right:-52px;top:420px;z-index:18;pointer-events:none;transform:rotate(90deg);font:950 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#ef5c70;opacity:.55}
html[data-mj-effects="true"][data-mj-theme="valentine"] body:after{content:'LOVE / LIMITED SEASON';position:absolute;right:-48px;top:420px;z-index:18;pointer-events:none;transform:rotate(90deg);font:950 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#ff78b8;opacity:.55}
html[data-mj-effects="true"][data-mj-theme="summer"] body:after{content:'SUMMER / LIMITED SEASON';position:absolute;right:-52px;top:420px;z-index:18;pointer-events:none;transform:rotate(90deg);font:950 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#f0a800;opacity:.55}
@media(max-width:760px){.nav-actions .mj-language-switch{display:none}.mj-promo-inner{gap:7px;font-size:10px}.mj-promo-sep{display:none}.mj-promo-bar{padding:8px 10px}html[data-mj-effects="true"] body:after{display:none}}

/* =========================================================
   MJ VIILE — SEASONAL VISUAL DECOR V6.3
   Decorations are anchored to the page top and scroll away naturally.
   ========================================================= */
.mj-seasonal-decor{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:690px;
  z-index:60;
  pointer-events:none;
  overflow:hidden;
  user-select:none;
}

/* HALLOWEEN */
.mj-seasonal-halloween{color:#ff7a00}
.mj-web-wrap{
  position:absolute;
  width:210px;
  height:210px;
  opacity:.52;
  filter:drop-shadow(0 0 12px rgba(255,122,0,.18));
}
.mj-web-wrap .mj-web{width:100%;height:100%;display:block}
.mj-web-wrap .mj-web path{
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.mj-web-left{left:-8px;top:116px}
.mj-web-right{right:-8px;top:116px;transform:scaleX(-1)}

.mj-spider{
  position:absolute;
  top:112px;
  right:8.5%;
  width:58px;
  height:205px;
  opacity:.96;
  transform-origin:50% 0;
  animation:mjSpiderSway 5.5s ease-in-out infinite;
}
.mj-spider-thread{
  position:absolute;
  left:28px;
  top:0;
  width:1px;
  height:125px;
  background:linear-gradient(to bottom,rgba(255,122,0,.18),rgba(255,122,0,.95));
  box-shadow:0 0 5px rgba(255,122,0,.25);
}
.mj-spider svg{
  position:absolute;
  left:0;
  top:114px;
  width:58px;
  height:74px;
  overflow:visible;
  fill:#09070b;
  stroke:#ff8a1f;
  stroke-width:1.5;
  filter:drop-shadow(0 0 9px rgba(255,122,0,.38));
}
.mj-spider svg .legs{fill:none;stroke:#ff8a1f;stroke-width:2.5;stroke-linecap:round}
.mj-spider svg circle{fill:#ffad4d;stroke:none}
@keyframes mjSpiderSway{
  0%,100%{transform:rotate(-1.2deg) translateY(0)}
  50%{transform:rotate(1.6deg) translateY(9px)}
}

.mj-bat-swarm{
  position:absolute;
  right:13%;
  top:355px;
  width:220px;
  height:110px;
  color:#ff8a1f;
  opacity:.66;
}
.mj-bat-swarm span{position:absolute;display:block;animation:mjBatFloat 4.8s ease-in-out infinite}
.mj-bat-swarm span:nth-child(1){left:0;top:18px;width:46px;transform:rotate(-12deg)}
.mj-bat-swarm span:nth-child(2){left:84px;top:0;width:31px;animation-delay:-1.4s;transform:rotate(9deg)}
.mj-bat-swarm span:nth-child(3){right:0;top:44px;width:38px;animation-delay:-2.6s;transform:rotate(-6deg)}
.mj-bat{display:block;width:100%;height:auto;fill:currentColor;filter:drop-shadow(0 0 7px rgba(255,122,0,.28))}
@keyframes mjBatFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}

/* CHRISTMAS */
.mj-snowflakes{position:absolute;inset:90px 0 auto 0;height:70vh;color:#fff;opacity:.52}
.mj-snowflakes i{position:absolute;font-style:normal;text-shadow:0 0 12px rgba(255,255,255,.35);animation:mjSeasonDrift 6s ease-in-out infinite}
.mj-snowflakes i:nth-child(1){left:6%;top:7%;font-size:16px}.mj-snowflakes i:nth-child(2){left:22%;top:38%;font-size:11px;animation-delay:-1s}.mj-snowflakes i:nth-child(3){left:41%;top:13%;font-size:18px;animation-delay:-2s}.mj-snowflakes i:nth-child(4){left:59%;top:47%;font-size:13px;animation-delay:-3s}.mj-snowflakes i:nth-child(5){left:76%;top:19%;font-size:20px;animation-delay:-4s}.mj-snowflakes i:nth-child(6){left:90%;top:54%;font-size:11px;animation-delay:-1.8s}.mj-snowflakes i:nth-child(7){left:68%;top:70%;font-size:15px;animation-delay:-4.5s}

/* VALENTINE */
.mj-hearts{position:absolute;inset:115px 0 auto 0;height:72vh;color:#ff78b8;opacity:.42}
.mj-hearts i{position:absolute;font-style:normal;animation:mjSeasonDrift 5.8s ease-in-out infinite}.mj-hearts i:nth-child(1){left:5%;top:10%;font-size:29px}.mj-hearts i:nth-child(2){left:27%;top:58%;font-size:15px;animation-delay:-2s}.mj-hearts i:nth-child(3){left:61%;top:15%;font-size:22px;animation-delay:-1s}.mj-hearts i:nth-child(4){left:83%;top:50%;font-size:18px;animation-delay:-3s}.mj-hearts i:nth-child(5){left:94%;top:8%;font-size:32px;animation-delay:-4s}

/* SUMMER */
.mj-summer-marks{position:absolute;inset:115px 0 auto 0;height:68vh;color:#ffc52b;opacity:.42}
.mj-summer-marks i{position:absolute;font-style:normal;animation:mjSeasonDrift 6.2s ease-in-out infinite}.mj-summer-marks i:nth-child(1){left:5%;top:9%;font-size:31px}.mj-summer-marks i:nth-child(2){left:38%;top:62%;font-size:14px;animation-delay:-1.4s}.mj-summer-marks i:nth-child(3){right:7%;top:20%;font-size:35px;animation-delay:-3s}.mj-summer-marks i:nth-child(4){right:31%;top:48%;font-size:13px;animation-delay:-4s}

@keyframes mjSeasonDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  50%{transform:translate3d(0,-10px,0) rotate(3deg)}
}

@media(max-width:760px){
  .mj-seasonal-decor{height:620px}
  .mj-web-wrap{width:150px;height:150px;opacity:.58}
  .mj-web-left{top:184px;left:-13px}
  .mj-web-right{top:184px;right:-13px}
  .mj-spider{top:176px;right:4px;width:48px;height:165px;opacity:1}
  .mj-spider-thread{left:23px;height:89px}
  .mj-spider svg{top:79px;width:48px;height:62px}
  .mj-bat-swarm{top:350px;right:4%;width:158px;height:86px;opacity:.72}
  .mj-bat-swarm span:nth-child(1){width:36px}
  .mj-bat-swarm span:nth-child(2){left:61px;width:25px}
  .mj-bat-swarm span:nth-child(3){width:30px}
  .mj-snowflakes,.mj-hearts,.mj-summer-marks{top:175px}
}

@media(prefers-reduced-motion:reduce){.mj-seasonal-decor *{animation:none!important}}

/* V6.6 — product VAT + shipping */
.product-cost-note{margin:10px 0 14px;color:#a99aae;font-size:12px;line-height:1.45;letter-spacing:.03em}
.product-cost-breakdown{width:100%;max-width:520px;margin:0 0 18px;border-top:1px solid #3e2a48;border-bottom:1px solid #3e2a48;padding:11px 0;display:grid;gap:8px}
.product-cost-breakdown>div{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#b9aabd;font-size:14px}
.product-cost-breakdown span{font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-cost-breakdown strong{color:#fff;text-align:right}
@media(max-width:620px){.product-cost-breakdown>div{align-items:flex-start}.product-cost-breakdown{margin-bottom:12px}}

/* V6.8 — Boards hub */
.boards-hub-page{background:#070609;color:#f7f3ee}
.boards-hub-hero{padding:72px 0 42px;background:
  radial-gradient(circle at 88% 14%,rgba(171,61,255,.17),transparent 32%),
  radial-gradient(circle at 8% 88%,rgba(255,110,18,.10),transparent 28%),#070609}
.boards-hub-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(206,159,255,.28);font:700 12px/1.2 var(--mono);letter-spacing:.2em;color:#c8b9cf}
.boards-hub-hero h1{font-family:var(--display);font-size:clamp(64px,12vw,154px);line-height:.75;letter-spacing:-.055em;margin:58px 0 30px;text-transform:uppercase}
.boards-hub-hero h1 em{display:block;font-family:var(--serif);font-weight:400;color:#a83cff}
.boards-hub-lead{max-width:760px;font-size:clamp(20px,2.8vw,30px);line-height:1.45;color:#c7beca;margin:0}
.boards-paths{padding:26px 0 90px;background:#eee9e1;color:#0a090b}
.boards-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.board-path-card{position:relative;min-height:540px;border:2px solid #0b090c;padding:34px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;background:#f5f0e9;transition:transform .2s ease,box-shadow .2s ease}
.board-path-card:hover{transform:translateY(-4px);box-shadow:10px 10px 0 #a83cff}
.board-path-card.dark{background:#0a090c;color:#f9f5ef;border-color:#0a090c}
.board-path-card .path-index{font:800 13px/1 var(--mono);letter-spacing:.18em;color:#a83cff}
.board-path-card .path-kicker{font:800 13px/1.2 var(--mono);letter-spacing:.18em;margin-top:auto;margin-bottom:18px}
.board-path-card h2{font-family:var(--display);font-size:clamp(58px,8vw,104px);line-height:.76;letter-spacing:-.05em;margin:0 0 24px;text-transform:uppercase}
.board-path-card h2 em{font-family:var(--serif);font-weight:400;color:#a83cff}
.board-path-card p{font-size:20px;line-height:1.45;max-width:540px;margin:0 0 28px;color:#615b62}
.board-path-card.dark p{color:#c8becb}
.board-path-cta{display:inline-flex;align-items:center;gap:10px;font:900 14px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:3px solid #a83cff;padding-bottom:8px;width:max-content}
.board-path-stamp{position:absolute;right:28px;top:28px;width:96px;height:96px;border:2px solid #a83cff;border-radius:50%;display:grid;place-items:center;text-align:center;font:900 12px/1.2 var(--mono);letter-spacing:.08em;color:#a83cff;transform:rotate(8deg)}
.boards-hub-note{padding:54px 0;background:#070609;color:#f5f0e9}
.boards-hub-note .container{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start}
.boards-hub-note strong{font:900 13px/1.2 var(--mono);letter-spacing:.2em;color:#a83cff}
.boards-hub-note p{font-size:22px;line-height:1.5;color:#c9c0cc;margin:0;max-width:740px}
@media(max-width:760px){
  .boards-hub-hero{padding:46px 0 34px}.boards-hub-meta{font-size:10px;letter-spacing:.12em}.boards-hub-meta span:last-child{text-align:right}
  .boards-hub-hero h1{margin-top:42px;font-size:clamp(64px,22vw,104px)}.boards-hub-lead{font-size:20px}
  .boards-paths{padding:20px 0 58px}.boards-path-grid{grid-template-columns:1fr}.board-path-card{min-height:470px;padding:26px}.board-path-card h2{font-size:clamp(58px,18vw,88px)}.board-path-card p{font-size:18px}.board-path-stamp{width:78px;height:78px;font-size:10px;right:20px;top:20px}
  .boards-hub-note{padding:42px 0}.boards-hub-note .container{grid-template-columns:1fr;gap:18px}.boards-hub-note p{font-size:19px}
}