@font-face{font-family:mono;src:local('Courier New')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020202;color:#eee;font-family:mono,monospace;overflow-x:hidden;cursor:none}a,button{cursor:none}body:before{content:"";position:fixed;inset:0;background:url('assets/poster.webp') center/cover no-repeat;opacity:.13;filter:contrast(1.7) grayscale(.35);z-index:-5}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 22%,transparent 0 14%,#000a 44%,#000 100%),repeating-radial-gradient(circle at 50% 40%,#fff2 0 1px,transparent 1px 5px),linear-gradient(120deg,#050505,#111 48%,#030303);z-index:-4}.grain{pointer-events:none;position:fixed;inset:0;opacity:.12;background:repeating-radial-gradient(circle,#fff 0 1px,transparent 1px 4px);mix-blend-mode:screen;z-index:98;animation:noise .18s infinite}@keyframes noise{50%{transform:translate(2px,-2px)}}.loader{position:fixed;inset:0;background:#000;z-index:9999;display:grid;place-items:center;transition:opacity .45s,visibility .45s}.loader.hide{opacity:0;visibility:hidden}.note-loader{position:relative;width:320px;height:180px;display:grid;place-items:center}.note-loader img{width:300px;filter:drop-shadow(0 0 18px #fff);animation:flicker .9s steps(2,end) infinite}.note-loader .line{position:absolute;bottom:36px;width:250px;height:3px;background:#fff;box-shadow:0 0 15px #fff}.note-loader .dust{position:absolute;bottom:42px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:30px -7px 0 #fff8,70px -2px 0 #fff5,125px -10px 0 #fff6;animation:dust 1s infinite linear}.loader p{position:absolute;bottom:12vh;letter-spacing:8px;color:#fff8}@keyframes flicker{50%{opacity:.65;transform:skewX(-2deg)}}@keyframes dust{to{transform:translateX(80px);opacity:.2}}.nav-wrap{position:sticky;top:0;z-index:60;padding:24px 7vw 7px;background:linear-gradient(#000 78%,transparent);backdrop-filter:blur(2px)}.logo img{width:462px;max-width:67vw;filter:drop-shadow(0 0 10px #fff5)}.nav-strip{position:relative;width:min(1200px,86vw);margin-top:26px}.nav-strip img{width:100%;height:78px;object-fit:fill;display:block;filter:brightness(1.08)}.nav-strip a{position:absolute;top:0;height:100%;font-size:0;color:transparent}.nav-strip a:hover{background:#fff1;box-shadow:0 0 24px #fff5;animation:shake .14s infinite}@keyframes shake{50%{transform:translate(2px,1px) rotate(-.4deg)}}.chaos-marquee{height:78px;overflow:hidden;white-space:nowrap;border-top:1px solid #fff5;border-bottom:1px solid #fff5;background:#070707dd;display:flex;align-items:center;box-shadow:0 0 35px #fff1 inset}.chaos-marquee span{font-size:36px;letter-spacing:12px;animation:marquee 18s linear infinite;text-shadow:0 0 14px #fff;color:#fff}@keyframes marquee{to{transform:translateX(-100%)}}.hero{position:relative;min-height:820px;padding:38px 6vw 0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#fff1,transparent 20%),repeating-linear-gradient(55deg,#fff1 0 1px,transparent 1px 4px);opacity:.55;pointer-events:none}.hero-copy{position:absolute;left:10vw;top:150px;z-index:8}.hero h1,.shop-section h2,.wheel-section h2,.payment h2,.about h2,.lookbook h2,.contact h2{font-size:clamp(46px,7vw,100px);line-height:.9;margin:0 0 28px;text-shadow:3px 3px 0 #000,0 0 16px #fff4;letter-spacing:-4px}.hero p{font-size:22px;max-width:520px;line-height:1.6;background:#0007;padding:10px}.paper-btn{display:inline-block;background:url('assets/view-all-button.png') center/100% 100%;color:#fff;text-decoration:none;padding:24px 58px;text-shadow:0 0 8px #000;position:relative;font-weight:bold;letter-spacing:2px;border:0}.paper-btn:hover{transform:rotate(-1deg) translateY(-3px);filter:brightness(1.4) drop-shadow(0 0 14px #fff8)}.paper-btn span:after{content:'  →';font-size:28px}.new-card,.quote-card{position:absolute!important;opacity:1!important;mix-blend-mode:normal!important;pointer-events:auto;z-index:12;will-change:transform;transition:none;filter:drop-shadow(0 22px 28px #000)}.new-card{left:-1vw;bottom:0;width:min(660px,48vw);transform:translateY(var(--card-rise,92vh)) rotate(-2deg)}.quote-card{right:-1vw;bottom:0;width:min(760px,52vw);transform:translateY(var(--card-rise,92vh)) rotate(1deg)}.new-card-hit{position:absolute;left:9vw;bottom:42px;width:260px;height:88px;z-index:20;transform:translateY(var(--card-rise,92vh));display:block}.features{width:min(1200px,90vw);margin:80px auto 40px;border-top:2px solid #ffffff3d;border-bottom:2px solid #ffffff3d;display:grid;grid-template-columns:repeat(4,1fr);background:#0009}.features div{padding:28px;border-right:1px solid #ffffff55}.features span{color:#bbb}.shop-section,.wheel-section,.payment,.about,.lookbook,.contact{padding:80px 6vw}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:30px}.product-card{position:relative;background:#080808;border:1px solid #ffffff75;padding:18px 16px 18px;min-height:430px;text-decoration:none;color:#eee;box-shadow:0 0 0 1px #000,0 16px 40px #000;transition:.22s}.product-card:nth-child(2n){transform:rotate(.8deg)}.product-card:nth-child(3n){transform:rotate(-.8deg)}.product-card:before{content:"";position:absolute;top:-28px;left:50%;width:130px;height:58px;transform:translateX(-50%) rotate(-2deg);background:url('assets/tape-wide.png') center/contain no-repeat;z-index:2}.product-card:hover{transform:translateY(-14px) rotate(.5deg) scale(1.015);filter:brightness(1.18);box-shadow:0 0 32px #fff4}.product-card img{width:100%;height:320px;object-fit:contain;filter:drop-shadow(0 20px 18px #000)}.product-card h3,.product-card p{text-align:center;margin:10px 0 0}.cardboard-panel,.payment,.about,.lookbook,.contact{background:#080808cc;border:1px solid #ffffff47;box-shadow:inset 0 0 40px #000,0 0 40px #000;width:min(1000px,90vw);margin:0 auto}.cardboard-panel{padding:40px;position:relative}.cardboard-panel input{background:#050505;border:1px solid #fff8;color:#fff;padding:18px;width:min(360px,80vw);font:inherit;margin:12px 15px 20px 0}.small{padding:17px 48px}.wheel-wrap{position:relative;width:360px;height:360px;margin:35px auto}.pointer{position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:48px solid #fff;filter:drop-shadow(0 0 14px #fff);z-index:3}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;border:5px solid #fff;background:conic-gradient(from -30deg,#111 0 60deg,#251dff 60deg 120deg,#111 120deg 180deg,#00ffe7 180deg 240deg,#111 240deg 300deg,#fc42ff 300deg 360deg);box-shadow:0 0 35px #6ff;transition:transform 4s cubic-bezier(.12,.82,.18,1)}.wheel:after{content:"";position:absolute;inset:44%;border-radius:50%;background:#000;border:2px solid #fff}.wheel span{position:absolute;left:50%;top:50%;transform-origin:0 0;font-weight:bold;text-shadow:0 0 8px #000}.wheel span:nth-child(1){transform:rotate(0deg) translate(75px,-8px)}.wheel span:nth-child(2){transform:rotate(60deg) translate(75px,-8px)}.wheel span:nth-child(3){transform:rotate(120deg) translate(75px,-8px)}.wheel span:nth-child(4){transform:rotate(180deg) translate(75px,-8px)}.wheel span:nth-child(5){transform:rotate(240deg) translate(75px,-8px)}.wheel span:nth-child(6){transform:rotate(300deg) translate(75px,-8px)}.wheel.win{box-shadow:0 0 65px #fff,0 0 100px #00ffe7}.result{text-align:center;font-size:28px;min-height:42px}.prize-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prize-list div{border:1px solid #fff7;padding:12px;text-align:center}.prize-list .active{background:#fff;color:#000;box-shadow:0 0 35px #fff;animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.04)}}.pay-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.pay-cards div{border:1px solid #fff7;padding:24px;text-align:center;background:#000;box-shadow:0 0 18px #fff2}.product-page{padding:60px 7vw}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:74vh}.product-hero img{width:100%;background:#000b;border:1px solid #fff5;filter:drop-shadow(0 25px 30px #000)}.buy-box{background:#080808d9;border:1px solid #fff7;padding:35px}.buy-box h1{font-size:clamp(42px,6vw,90px);line-height:.9}.buy-box select,.buy-box input{background:#000;color:#fff;border:1px solid #fff8;padding:14px;margin:8px;font:inherit}.buy-box button{margin-top:15px}@media(max-width:800px){.logo img{width:300px}.nav-strip{width:92vw}.nav-strip img{height:62px}.hero{min-height:760px}.hero-copy{top:120px;left:6vw}.new-card{width:78vw;left:-8vw}.quote-card{width:78vw;right:-18vw;bottom:210px}.features{grid-template-columns:1fr}.product-hero{grid-template-columns:1fr}.chaos-marquee span{font-size:24px}.wheel-wrap{width:300px;height:300px}}

/* === BEAUXR requested wheel + sticky nav patch === */
.nav-wrap{
  position:relative!important;
  top:auto!important;
  z-index:60;
  padding:92px 7vw 14px!important;
  background:linear-gradient(#000 60%,transparent)!important;
  backdrop-filter:none!important;
}
.logo{display:block; width:max-content; margin:0 0 22px 0;}
.logo img{width:640px!important;max-width:72vw!important;filter:drop-shadow(0 0 14px #fff7)!important;}
.nav-strip{
  position:fixed!important;
  top:16px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1160px,88vw)!important;
  margin:0!important;
  z-index:90!important;
}
.nav-strip img{height:86px!important;filter:brightness(1.22) contrast(1.18) drop-shadow(0 0 14px #fff4)!important;}
.nav-strip a{font-size:0!important;color:transparent!important;}
.hero{padding-top:28px!important;}

.wheel-wrap{width:390px!important;height:390px!important;margin-top:42px!important;}
.pointer{
  left:50%!important;
  top:-22px!important;
  transform:translateX(-50%)!important;
  border-left:24px solid transparent!important;
  border-right:24px solid transparent!important;
  border-top:58px solid #fff!important;
  border-bottom:0!important;
  filter:drop-shadow(0 0 16px #fff) drop-shadow(0 0 24px #8fffff)!important;
}
.wheel{
  overflow:hidden!important;
  border:6px solid #fff!important;
  background:conic-gradient(from 0deg,
    #00f0ff 0deg 72deg,
    #7dff00 72deg 144deg,
    #ffcc00 144deg 216deg,
    #ff3d81 216deg 288deg,
    #8d55ff 288deg 360deg)!important;
  box-shadow:0 0 38px #00f0ff, inset 0 0 35px #000!important;
}
.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#0000 0 18px,#0004 19px 20px),repeating-conic-gradient(#0000 0 70deg,#0009 70deg 72deg);pointer-events:none;z-index:1;}
.wheel:after{inset:40%!important;z-index:3;background:#050505!important;box-shadow:0 0 24px #fff8!important;}
.wheel span{
  z-index:2;
  left:50%!important;
  top:50%!important;
  width:94px;
  text-align:center;
  font-size:15px;
  line-height:1.05;
  color:#fff;
  letter-spacing:1px;
  text-shadow:0 2px 0 #000,0 0 9px #000,0 0 12px #fff;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-122px) rotate(calc(-1 * var(--a)))!important;
  transform-origin:center!important;
}
.prize-list{grid-template-columns:repeat(5,1fr)!important;}
.prize-list div:nth-child(1){border-color:#00f0ff;box-shadow:inset 0 0 18px #00f0ff44;}
.prize-list div:nth-child(2){border-color:#7dff00;box-shadow:inset 0 0 18px #7dff0044;}
.prize-list div:nth-child(3){border-color:#ffcc00;box-shadow:inset 0 0 18px #ffcc0044;}
.prize-list div:nth-child(4){border-color:#ff3d81;box-shadow:inset 0 0 18px #ff3d8144;}
.prize-list div:nth-child(5){border-color:#8d55ff;box-shadow:inset 0 0 18px #8d55ff44;}
.prize-list .active{background:#fff!important;color:#000!important;box-shadow:0 0 34px #fff,0 0 80px currentColor!important;}

@media(max-width:800px){
  .nav-wrap{padding-top:76px!important;}
  .logo img{width:390px!important;max-width:82vw!important;}
  .nav-strip{width:96vw!important;top:10px!important;}
  .nav-strip img{height:62px!important;}
  .wheel-wrap{width:310px!important;height:310px!important;}
  .wheel span{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-98px) rotate(calc(-1 * var(--a)))!important;font-size:12px;width:76px;}
  .prize-list{grid-template-columns:1fr!important;}
}


/* === FINAL BEAUXR polish: proper logo/nav behaviour, new hero type, working wheel, surprise layers === */
.brand-head{position:relative;z-index:70;padding:34px 7vw 18px;background:#000;}
.brand-head .logo{display:block;width:max-content;margin:0 auto 8px;}
.brand-head .logo img{width:760px!important;max-width:78vw!important;filter:drop-shadow(0 0 18px #fff8)!important;}
.nav-wrap{display:contents!important;}
.nav-strip{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto!important;width:min(1180px,88vw)!important;z-index:95!important;display:block;}
.nav-strip.is-fixed{position:fixed!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;}
.nav-strip img{height:86px!important;filter:brightness(1.28) contrast(1.2) drop-shadow(0 0 16px #fff4)!important;}
.nav-strip.is-fixed img{height:72px!important;}
.nav-spacer{height:0;}
.nav-spacer.active{height:86px;}
.hero h1{font-family:Impact,'Arial Black',mono,monospace!important;letter-spacing:2px!important;line-height:.82!important;text-transform:uppercase;color:#f4f4f4;text-shadow:5px 5px 0 #000, -2px 0 0 #777, 0 0 18px #fff8, 0 0 2px #000!important;filter:url(#none);transform:skew(-4deg) rotate(-1deg);}
.hero h1:after{content:"";display:block;width:64%;height:10px;margin-top:16px;background:repeating-linear-gradient(90deg,#fff 0 20px,transparent 20px 34px);opacity:.55;box-shadow:0 0 18px #fff;}
.hero-copy:before{content:"DROP 01";position:absolute;top:-54px;left:0;font-size:22px;letter-spacing:10px;color:#fff8;text-shadow:0 0 12px #fff;}
.shop-section{background:radial-gradient(circle at 15% 20%,#ffffff16,transparent 28%),radial-gradient(circle at 80% 35%,#00f0ff14,transparent 30%),#020202;}
.product-card:after{content:"QUICK VIEW";position:absolute;right:10px;top:12px;border:1px solid #fff8;background:#000c;padding:8px 10px;font-size:12px;letter-spacing:2px;opacity:0;transform:translateY(-6px);transition:.2s;}
.product-card:hover:after{opacity:1;transform:translateY(0);}
.product-card img{transition:.25s ease;}
.product-card:hover img{transform:scale(1.05) rotate(-.8deg);}
body:before{opacity:.19!important;filter:contrast(2) grayscale(.25)!important;}
.bg-scrap-a{position:fixed;left:3vw;bottom:8vh;width:180px;height:220px;background:linear-gradient(45deg,#5b351d,#1a1009);clip-path:polygon(8% 5%,100% 0,91% 84%,42% 100%,0 74%);opacity:.2;z-index:-1;filter:contrast(1.5)}
.bg-scrap-b{position:fixed;right:5vw;top:26vh;width:230px;height:170px;background:repeating-linear-gradient(100deg,#fff3 0 2px,transparent 2px 8px);opacity:.16;z-index:-1;transform:rotate(9deg)}
/* wheel: five colour coded slices, pointer DOWN at the selected top slice */
.wheel-wrap{width:410px!important;height:410px!important;margin-top:42px!important;}
.pointer{left:50%!important;top:-28px!important;transform:translateX(-50%)!important;border-left:26px solid transparent!important;border-right:26px solid transparent!important;border-top:64px solid #fff!important;border-bottom:0!important;z-index:5!important;filter:drop-shadow(0 0 16px #fff) drop-shadow(0 0 26px #8fffff)!important;}
.wheel{transition:transform 4.2s cubic-bezier(.08,.72,.02,1)!important;overflow:hidden!important;border:7px solid #fff!important;background:conic-gradient(from -36deg,#00f0ff 0deg 72deg,#7dff00 72deg 144deg,#ffcc00 144deg 216deg,#ff3d81 216deg 288deg,#8d55ff 288deg 360deg)!important;box-shadow:0 0 42px #00f0ff, inset 0 0 40px #000!important;}
.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#0000 0 18px,#0004 19px 20px),repeating-conic-gradient(from -36deg,#0000 0 70deg,#0009 70deg 72deg);pointer-events:none;z-index:1;}
.wheel:after{content:"BEAUXR"!important;display:grid;place-items:center;color:#fff;font-size:16px;letter-spacing:2px;inset:39%!important;z-index:3;background:#050505!important;box-shadow:0 0 24px #fff8!important;}
.wheel span{position:absolute!important;z-index:2!important;left:50%!important;top:50%!important;width:92px!important;text-align:center!important;font-size:14px!important;line-height:1.05!important;color:#fff!important;letter-spacing:1px!important;text-shadow:0 2px 0 #000,0 0 9px #000,0 0 12px #fff!important;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-128px) rotate(calc(-1 * var(--a)))!important;transform-origin:center!important;}
.prize-list{grid-template-columns:repeat(5,1fr)!important;}
.prize-list .active{background:#fff!important;color:#000!important;box-shadow:0 0 34px #fff,0 0 80px #00f0ff!important;animation:pulse .45s infinite alternate!important;}
.cart-drawer{position:fixed;right:18px;bottom:18px;z-index:80;width:min(360px,90vw);background:#080808e8;border:1px solid #fff8;padding:18px;box-shadow:0 0 35px #fff2;transform:rotate(-1deg)}
.cart-drawer h3{margin:0 0 8px;letter-spacing:3px}.cart-drawer p{margin:0;color:#bbb}.cart-drawer button{margin-top:12px;background:#fff;color:#000;border:0;padding:12px 18px;font-family:inherit;font-weight:bold;}
@media(max-width:800px){.brand-head{padding-top:24px}.brand-head .logo img{width:430px!important}.nav-strip{width:96vw!important}.nav-strip img{height:66px!important}.nav-strip.is-fixed img{height:58px!important}.nav-spacer.active{height:66px}.hero h1{font-size:54px!important}.wheel-wrap{width:310px!important;height:310px!important}.wheel span{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-98px) rotate(calc(-1 * var(--a)))!important;font-size:11px!important;width:72px!important}}


/* === BEAUXR request: 48hr drop, electric logo, sick cursor, no item tape === */
.brand-head .logo img{
  animation:electricLogo 1.55s infinite steps(2,end), logoFloat 4s ease-in-out infinite!important;
  filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 24px #7df9ff) drop-shadow(0 0 42px #fff6)!important;
}
.brand-head .logo{position:relative;}
.brand-head .logo:before,.brand-head .logo:after{
  content:"";position:absolute;inset:-10px -20px;pointer-events:none;opacity:.0;
  background:linear-gradient(90deg,transparent,#fff,transparent),linear-gradient(135deg,transparent 30%,#7df9ff 31% 34%,transparent 35% 62%,#fff 63% 66%,transparent 67%);
  mix-blend-mode:screen;clip-path:polygon(0 40%,18% 42%,21% 8%,26% 64%,39% 21%,43% 80%,52% 31%,56% 57%,71% 15%,76% 61%,100% 48%,100% 100%,0 100%);
  animation:logoBolts 2.4s infinite linear;
}
.brand-head .logo:after{animation-delay:.55s;transform:scaleX(-1);}
@keyframes electricLogo{0%,100%{transform:skew(0)}20%{transform:skew(-1.5deg) translateX(-1px)}22%{transform:skew(1.5deg) translateX(2px)}45%{filter:drop-shadow(0 0 16px #fff) drop-shadow(0 0 34px #00f0ff) drop-shadow(0 0 64px #fff)!important}46%{filter:drop-shadow(0 0 5px #fff)!important}}
@keyframes logoFloat{50%{transform:translateY(-3px)}}
@keyframes logoBolts{0%,72%,100%{opacity:0}73%,77%{opacity:.9}78%,82%{opacity:.15}83%,86%{opacity:.8}}

.hero-copy{top:122px!important;}
.hero h1{display:none!important;}
.drop-kicker{font-size:clamp(18px,2.3vw,36px);letter-spacing:10px;color:#fff;text-shadow:0 0 18px #fff;margin-bottom:14px;transform:rotate(-1deg);}
.drop-countdown{display:flex;gap:14px;align-items:stretch;filter:drop-shadow(0 0 20px #fff4);}
.drop-countdown div{min-width:clamp(86px,12vw,150px);padding:14px 12px 10px;background:#050505;border:2px solid #fff;box-shadow:inset 0 0 22px #ffffff1f,0 0 24px #00f0ff38;position:relative;transform:skew(-5deg) rotate(-1deg);}
.drop-countdown div:nth-child(2){transform:skew(4deg) rotate(1deg)}.drop-countdown div:nth-child(3){transform:skew(-3deg) rotate(.5deg)}
.drop-countdown strong{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(58px,10vw,132px);line-height:.82;color:#fff;text-shadow:4px 4px 0 #000,0 0 18px #7df9ff,0 0 40px #fff;letter-spacing:1px;}
.drop-countdown span{font-size:18px;letter-spacing:6px;color:#c9fbff;text-shadow:0 0 12px #7df9ff;}
.drop-line{font-size:clamp(16px,2vw,26px)!important;letter-spacing:3px;text-transform:uppercase;background:#000c!important;border-left:4px solid #fff;box-shadow:0 0 20px #fff2;margin-top:20px;}

.product-card:before{display:none!important;content:none!important;background:none!important;}
.product-card{padding-top:22px!important;}
.product-card:after{top:10px!important;}

.brand-head .logo:before,
.brand-head .logo:after{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.brand-head .logo img{
  width:min(760px,78vw)!important;
  height:auto!important;
  display:block!important;
  animation:none!important;
  filter:drop-shadow(0 0 9px #ffffff8f) drop-shadow(0 0 18px #72e7ff55)!important;
  transform:none!important;
}
.text-logo{
  animation:none!important;
  text-shadow:2px 2px 0 #000,0 0 10px #fff6!important;
  font-family:Impact,'Arial Black',sans-serif!important;
}

/* cleaner typography using the supplied-font vibe without shipping the raw font files */
body{font-family:'Courier New',monospace!important;}
.page-hero h1,.shop-section h2,.wheel-section h2,.payment h2,.about h2,.lookbook h2,.contact h2,.builder-note h2,.vote-leader h2{
  font-family:Impact,'Arial Black',sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.paper-btn,.action-btn,.vote-btn,.fit-row h3,.random-panel h3,.save-panel h3{
  font-family:'Arial Black',Impact,sans-serif!important;
  letter-spacing:.08em!important;
}

.loader{
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 58%,#111 0,#000 54%,#000 100%)!important;
}
.note-loader{
  width:100vw!important;
  height:360px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.note-loader img.loader-logo{
  width:min(940px,88vw)!important;
  height:auto!important;
  filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 32px #72e7ff)!important;
  animation:beauxrSlideTipLand 1.55s cubic-bezier(.12,.82,.08,1) forwards!important;
  transform-origin:50% 90%!important;
}
.note-loader .line,.note-loader .dust{display:none!important;}
.landing-smoke{
  position:absolute;
  left:50%;
  bottom:36px;
  width:min(600px,72vw);
  height:18px;
  transform:translateX(-50%) scaleX(.15);
  opacity:0;
  border-radius:50%;
  background:radial-gradient(ellipse at center,#fff8,transparent 70%);
  filter:blur(8px);
  animation:landingSmoke 1.55s cubic-bezier(.12,.82,.08,1) forwards!important;
}
.loader p{
  font-family:'Arial Black',Impact,sans-serif!important;
  letter-spacing:.18em!important;
  animation:loaderTextPop 1.55s ease forwards!important;
}
@keyframes beauxrSlideTipLand{
  0%{transform:translateX(-135vw) translateY(-8px) rotate(-18deg) scale(.92);opacity:.2;}
  54%{transform:translateX(8vw) translateY(-4px) rotate(4deg) scale(1.02);opacity:1;}
  72%{transform:translateX(0) translateY(-30px) rotate(13deg) scale(1.02);}
  86%{transform:translateX(0) translateY(10px) rotate(-5deg) scale(1);}
  100%{transform:translateX(0) translateY(0) rotate(-1.5deg) scale(1);opacity:1;}
}
@keyframes landingSmoke{
  0%,68%{opacity:0;transform:translateX(-50%) scaleX(.08);}
  86%{opacity:.75;transform:translateX(-50%) scaleX(1);}
  100%{opacity:.18;transform:translateX(-50%) scaleX(1.25);}
}
@keyframes loaderTextPop{
  0%,62%{opacity:0;transform:translateY(12px);}
  100%{opacity:.72;transform:translateY(0);}
}

@media(max-width:800px){
  .brand-head .logo img{width:min(430px,86vw)!important;}
  .note-loader img.loader-logo{width:92vw!important;}
}


/* v7 polish: premium header nav + better outfit proportions */
.nav-strip,
.nav-strip.page-nav{
  width:min(1120px,92vw)!important;
  margin:18px auto 0!important;
  height:auto!important;
  min-height:68px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015)),
    radial-gradient(circle at 15% 10%,rgba(125,249,255,.25),transparent 28%),
    rgba(5,5,5,.82);
  box-shadow:0 0 0 1px #000, inset 0 0 34px rgba(255,255,255,.06), 0 18px 55px rgba(0,0,0,.7), 0 0 38px rgba(125,249,255,.14);
  backdrop-filter:blur(14px) saturate(1.5);
  overflow:hidden;
}
.nav-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-120%) skewX(-18deg);animation:navSheen 6s infinite;pointer-events:none}
@keyframes navSheen{0%,62%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(120%) skewX(-18deg)}}
.nav-strip img{display:none!important}
.nav-strip a,
.nav-strip.page-nav a{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  color:#f8ffff!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none;
  letter-spacing:2.8px;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  text-shadow:0 0 12px rgba(125,249,255,.55);
  font-family:'Arial Black',Impact,sans-serif;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  isolation:isolate;
}
.nav-strip a:after{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,#7df9ff,transparent);opacity:0;transition:.18s}
.nav-strip a:hover{
  animation:none!important;
  transform:translateY(-3px) scale(1.035)!important;
  color:#000!important;
  background:linear-gradient(180deg,#fff,#bffaff)!important;
  border-color:#fff!important;
  box-shadow:0 0 26px rgba(125,249,255,.65),0 0 55px rgba(255,255,255,.22)!important;
  text-shadow:none!important;
}
.nav-strip a:hover:after{opacity:1}
.nav-strip.is-fixed{left:50%!important;transform:translateX(-50%)!important;top:12px!important;width:min(980px,92vw)!important;margin:0!important;z-index:100!important}
.nav-spacer.active{height:92px!important}
@media(max-width:720px){.nav-strip,.nav-strip.page-nav{border-radius:28px;flex-wrap:wrap;gap:7px}.nav-strip a,.nav-strip.page-nav a{font-size:11px!important;padding:11px 13px;letter-spacing:1.7px}}

/* Outfit builder sizing: hoodies larger, tees 20% smaller, pants closer */
.fit-stage{min-height:735px!important;}
.top-layer{transition:opacity .22s,filter .22s,transform .22s,width .22s,top .22s!important;}
.top-layer.hoodie-fit{top:36px!important;width:min(555px,76%)!important;max-height:410px!important;z-index:4!important;}
.top-layer.shirt-fit{top:82px!important;width:min(344px,43%)!important;max-height:264px!important;z-index:4!important;}
.pants-layer{top:360px!important;width:min(398px,55%)!important;max-height:342px!important;z-index:3!important;}
.preview-orbit .next-preview.top img{max-height:92px!important;}
@media(max-width:900px){
  .fit-stage{min-height:620px!important;}
  .top-layer.hoodie-fit{top:34px!important;width:82%!important;max-height:330px!important;}
  .top-layer.shirt-fit{top:72px!important;width:51%!important;max-height:210px!important;}
  .pants-layer{top:300px!important;width:62%!important;max-height:268px!important;}
}


/* === v8 request: shorter top logo block, brighter neon logo, cleaner loader with bar === */
.brand-head{
  padding:16px 7vw 10px!important;
  min-height:0!important;
  background:linear-gradient(180deg,#000 0%,#050505 76%,rgba(0,0,0,.78) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.8), inset 0 -1px 0 rgba(125,249,255,.12)!important;
}
.brand-head .logo{margin:0 auto!important;line-height:0!important;}
.brand-head .logo img{
  width:min(830px,82vw)!important;
  opacity:1!important;
  filter:
    brightness(2.6) contrast(1.65)
    drop-shadow(0 0 2px #fff)
    drop-shadow(0 0 10px rgba(255,255,255,.98))
    drop-shadow(0 0 24px rgba(255,255,255,.78))
    drop-shadow(0 0 44px rgba(125,249,255,.58))!important;
}
.nav-strip,.nav-strip.page-nav{margin-top:10px!important;}

.loader{background:radial-gradient(circle at 50% 58%,#101010 0,#030303 52%,#000 100%)!important;}
.note-loader{height:410px!important;}
.note-loader img.loader-logo{
  filter:
    brightness(2.25) contrast(1.55)
    drop-shadow(0 0 3px #fff)
    drop-shadow(0 0 16px #fff)
    drop-shadow(0 0 38px #7df9ff)!important;
  animation:beauxrSlideTipLandV8 1.7s cubic-bezier(.12,.82,.08,1) forwards!important;
}
.loader-bar{
  position:absolute;
  left:50%;
  bottom:54px;
  width:min(560px,72vw);
  height:10px;
  transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.04);
  box-shadow:0 0 14px rgba(255,255,255,.45), inset 0 0 18px rgba(125,249,255,.14);
  overflow:hidden;
  border-radius:999px;
  opacity:0;
  animation:barAppearV8 1.7s ease forwards;
}
.loader-bar i{
  display:block;
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#fff,#dffcff,#7df9ff,#fff);
  box-shadow:0 0 18px #fff,0 0 36px #7df9ff;
  animation:loadFillV8 1.7s cubic-bezier(.15,.76,.12,1) forwards;
}
.loader p{bottom:8vh!important;}
@keyframes beauxrSlideTipLandV8{
  0%{transform:translateX(-140vw) translateY(-14px) rotate(-17deg) scale(.9);opacity:.12;}
  52%{transform:translateX(10vw) translateY(-6px) rotate(5deg) scale(1.03);opacity:1;}
  70%{transform:translateX(0) translateY(-34px) rotate(12deg) scale(1.03);}
  84%{transform:translateX(0) translateY(13px) rotate(-5deg) scale(1);}
  100%{transform:translateX(0) translateY(0) rotate(-1deg) scale(1);opacity:1;}
}
@keyframes barAppearV8{0%,48%{opacity:0;transform:translateX(-50%) translateY(10px)}60%,100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes loadFillV8{0%,50%{width:0%}72%{width:58%}90%{width:88%}100%{width:100%}}
@media(max-width:800px){
  .brand-head{padding:12px 5vw 8px!important;}
  .brand-head .logo img{width:min(500px,90vw)!important;}
  .note-loader{height:320px!important;}
  .loader-bar{bottom:46px;width:78vw;}
}


/* === v9 proportion pass + cardboard buttons + pixel sparkle cursor === */
:root{--cursor-color:#fff;}


.action-btn:hover,.paper-btn:hover,.arrow-pair button:hover{transform:translateY(-2px) rotate(-1deg)!important;filter:brightness(1.12) contrast(1.08)!important;}
.action-btn.ghost{background-image:linear-gradient(135deg,#a77a43,#422918 55%,#bf9560)!important;color:#fff4d8!important;text-shadow:0 1px 0 #000!important;}
.action-btn.share{background-image:linear-gradient(135deg,#f0ce7f,#ad783d 55%,#fff0a8)!important;color:#111!important;}
.nav-strip a:nth-of-type(2),.nav-strip a:nth-of-type(4){border-radius:10px!important;clip-path:polygon(5% 0,100% 7%,94% 100%,0 91%)!important;background:linear-gradient(135deg,rgba(194,150,91,.28),rgba(255,255,255,.04))!important;}

@media(max-width:900px){
 .fit-stage-wrap{grid-template-columns:1fr!important;gap:18px!important}.fit-stage{min-height:660px!important;}
 .top-layer.hoodie-fit{top:48px!important;width:88%!important;max-height:392px!important;}
 .top-layer.shirt-fit{top:96px!important;width:61%!important;max-height:260px!important;}
 .pants-layer.long-pants-fit{top:320px!important;width:57%!important;max-height:286px!important;}
 .pants-layer.jorts-fit{top:350px!important;width:51%!important;max-height:220px!important;}
 .fit-row{grid-template-columns:1fr!important}.fit-row .arrow-pair{grid-column:1!important;grid-row:auto!important;grid-template-columns:1fr 1fr!important}.arrow-pair button{min-width:0!important;}
}

/* === v10: typewriter, fingerprint background, proportional outfit tune, slower/nav loader === */
body:after{
  background:
    radial-gradient(circle at 50% 22%,transparent 0 14%,#000a 44%,#000 100%),
    repeating-radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.055) 0 1px,transparent 1px 8px),
    repeating-radial-gradient(ellipse at 82% 68%,rgba(125,249,255,.035) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(112deg,transparent 0 22px,rgba(255,255,255,.025) 23px,transparent 24px 44px),
    linear-gradient(120deg,#050505,#111 48%,#030303)!important;
  background-size:auto,360px 520px,420px 620px,100% 100%,100% 100%!important;
  background-position:center,5% 12%,92% 78%,center,center!important;
}
body:before{opacity:.16!important;filter:contrast(1.9) grayscale(.45) saturate(.7)!important;}
.grain:after{content:"";position:fixed;inset:0;pointer-events:none;background:
  radial-gradient(ellipse at 16% 18%,rgba(255,255,255,.045),transparent 22%),
  radial-gradient(ellipse at 86% 72%,rgba(125,249,255,.04),transparent 24%);
  mix-blend-mode:screen;}
.typewrite{display:inline-block;white-space:normal;}
.typewrite.typing:after{content:"_";margin-left:.08em;color:#7df9ff;text-shadow:0 0 10px #7df9ff;animation:blinkCaretV10 .7s steps(1,end) infinite;}
@keyframes blinkCaretV10{50%{opacity:0}}

.loader{transition:opacity .55s ease,visibility .55s ease!important;}
.note-loader img.loader-logo{animation-duration:1.955s!important;}
.landing-smoke{animation-duration:1.955s!important;}
.loader p{animation-duration:1.955s!important;}
.loader-bar{animation-duration:1.955s!important;}
.loader-bar i{animation:loadFillV10 1.955s cubic-bezier(.15,.76,.12,1) forwards!important;}
@keyframes loadFillV10{0%,44%{width:0%}68%{width:45%}84%{width:74%}100%{width:100%}}
.loader.page-transition{display:grid!important;opacity:1!important;visibility:visible!important;}
.loader.page-transition .note-loader img.loader-logo{animation:beauxrSlideTipLandV8 1.955s cubic-bezier(.12,.82,.08,1) forwards!important;}
.loader.page-transition .loader-bar{animation:barAppearV8 1.955s ease forwards!important;}
.loader.page-transition .loader-bar i{animation:loadFillV10 1.955s cubic-bezier(.15,.76,.12,1) forwards!important;}

/* shirts 15% smaller than v9, sit lower with more breathing room from pants/shorts */
.fit-stage-wrap{grid-template-columns:minmax(620px,1.22fr) minmax(300px,.78fr)!important;gap:24px!important;}
.fit-stage{min-height:810px!important;}
.top-layer.hoodie-fit{top:64px!important;width:min(640px,84%)!important;max-height:500px!important;}
.top-layer.shirt-fit{top:132px!important;width:min(360px,45%)!important;max-height:276px!important;}
.pants-layer{top:392px!important;width:min(350px,48%)!important;max-height:300px!important;}
.pants-layer.jorts-fit{top:430px!important;width:min(312px,42.5%)!important;max-height:226px!important;}
.pants-layer.long-pants-fit{top:386px!important;width:min(356px,49%)!important;max-height:315px!important;}
.model-shadow{bottom:54px!important;}
.fit-static{opacity:.34!important;filter:drop-shadow(0 0 12px rgba(125,249,255,.25));}
.fit-stage:before{content:"SCAN // STYLE LOCK";position:absolute;left:24px;top:24px;color:rgba(255,255,255,.36);letter-spacing:.18em;font-size:12px;z-index:1;}
.fit-stage:after{content:"";position:absolute;inset:18px;border:1px solid rgba(125,249,255,.08);box-shadow:inset 0 0 36px rgba(125,249,255,.045);pointer-events:none;}
.next-preview{backdrop-filter:blur(8px);border-color:rgba(125,249,255,.22)!important;}
@media(max-width:900px){
 .fit-stage{min-height:700px!important;}
 .top-layer.hoodie-fit{top:52px!important;width:88%!important;max-height:392px!important;}
 .top-layer.shirt-fit{top:114px!important;width:52%!important;max-height:221px!important;}
 .pants-layer.long-pants-fit{top:356px!important;width:54%!important;max-height:270px!important;}
 .pants-layer.jorts-fit{top:392px!important;width:48%!important;max-height:205px!important;}
}

/* === v11: proportion tune + smoother loader/nav behaviour === */
:root{--loader-dur-v11:2.8s;}
.note-loader img.loader-logo{
  animation-duration:var(--loader-dur-v11)!important;
  animation-timing-function:cubic-bezier(.16,.88,.18,1)!important;
}
.landing-smoke,.loader p,.loader-bar{animation-duration:var(--loader-dur-v11)!important;}
.loader-bar i{animation:loadFillV11 var(--loader-dur-v11) cubic-bezier(.18,.82,.16,1) forwards!important;}
@keyframes loadFillV11{0%{width:0%}18%{width:13%}36%{width:31%}55%{width:54%}73%{width:76%}88%{width:91%}100%{width:100%}}
.loader.page-transition .note-loader img.loader-logo{
  animation:none!important;
  transform:translateX(0) rotate(0deg)!important;
  filter:brightness(2.35) contrast(1.24) drop-shadow(0 0 16px #fff) drop-shadow(0 0 34px #fff)!important;
}
.loader.page-transition .loader-bar{animation:barAppearV8 var(--loader-dur-v11) ease forwards!important;}
.loader.page-transition .loader-bar i{animation:loadFillV11 var(--loader-dur-v11) cubic-bezier(.18,.82,.16,1) forwards!important;}
.loader.page-transition p:after{content:' // NEXT PAGE';opacity:.75;}

/* hoodies 8% smaller, jorts/pants 5% bigger, kept proportionate */
.top-layer.hoodie-fit{top:70px!important;width:min(589px,77.3%)!important;max-height:460px!important;}
.pants-layer{top:392px!important;width:min(368px,50.4%)!important;max-height:315px!important;}
.pants-layer.jorts-fit{top:430px!important;width:min(328px,44.6%)!important;max-height:237px!important;}
.pants-layer.long-pants-fit{top:386px!important;width:min(374px,51.5%)!important;max-height:331px!important;}
@media(max-width:900px){
 .top-layer.hoodie-fit{top:58px!important;width:81%!important;max-height:361px!important;}
 .pants-layer{width:56.7%!important;max-height:284px!important;}
 .pants-layer.long-pants-fit{top:356px!important;width:56.7%!important;max-height:284px!important;}
 .pants-layer.jorts-fit{top:392px!important;width:50.4%!important;max-height:215px!important;}
}

/* === v12: pearlescent normal cursor + COD-style hit marker === */
:root{--cursor-color:#ffffff;--cursor-rim:#91f7ff;--cursor-hot:#ff5dff;}
body, a, button, input, select, textarea{}
@keyframes pearlShiftV12{0%{filter:hue-rotate(0deg) saturate(1.2)}50%{filter:hue-rotate(105deg) saturate(1.55)}100%{filter:hue-rotate(360deg) saturate(1.2)}}








@keyframes hitPopV12{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-8deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65) rotate(4deg)}}



/* v14 outfit builder proportional fixes */
.pants-layer.is-shorts,
.pants-layer.is-jorts{top:455px !important;width:min(845px,118%) !important;}
.pants-layer.is-long,
.pants-layer.is-pants,
.pants-layer.is-jeans{top:500px !important;width:min(812px,116%) !important;}


/* v15 smoother/slower loading */
.loader-progress,
.loading-bar,
.load-bar,
#loaderBar,
#loadingBar{
  transition:width .12s linear !important;
  animation-timing-function:linear !important;
}
.loading-logo,
.loader-logo{
  animation-timing-function:cubic-bezier(.22,.8,.18,1) !important;
}

/* v16 smooth loader */
.loader-progress,.loading-bar,.load-bar,#loaderBar,#loadingBar{
  transition: width .05s linear !important;
  border-radius:999px;
  overflow:hidden;
}
.loader-progress::after,.loading-bar::after,.load-bar::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  animation:loaderSweep 1.2s linear infinite;
}
@keyframes loaderSweep{
  from{transform:translateX(-100%);}
  to{transform:translateX(100%);}
}

/* v17 restore default cursor */
*{cursor:auto !important;}