@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050505;--panel:#0c0c0c;--line:#242424;--text:#f5f3ee;--muted:#9a9a96;--gold:#d99d26;--gold2:#f5c45b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.nav{height:82px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#050505f5,#050505c9,transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:9px;font:800 19px/17px 'Barlow Condensed';letter-spacing:1px}.brand img{width:70px;height:70px;object-fit:contain}.brand b{color:var(--gold)}nav{display:flex;gap:35px;font:600 12px 'Inter';letter-spacing:1.8px}nav a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:1.3px}.admin-link{border:1px solid #3a3a3a;padding:8px 11px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 7vw 70px;overflow:hidden;background:radial-gradient(circle at 75% 48%,#342309 0,#11100d 18%,#050505 45%)}.hero-copy{position:relative;z-index:3;max-width:690px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold2);font-weight:700;margin:0 0 22px}.hero h1,h2{font-family:'Barlow Condensed';font-weight:900;line-height:.83;letter-spacing:-2px;margin:0}.hero h1{font-size:clamp(90px,13vw,190px);text-shadow:0 8px 40px #000}.hero h1 span{color:transparent;-webkit-text-stroke:1px #e7e3d9}.hero-text{max-width:500px;color:#aaa;line-height:1.7;font-size:14px;margin:30px 0}.hero-buttons{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;padding:16px 23px;font-weight:800;font-size:11px;letter-spacing:1.5px}.gold{background:var(--gold);color:#0b0b0b;box-shadow:0 10px 30px #d99d2633}.gold:hover{background:var(--gold2);transform:translateY(-2px)}.text-btn{font-size:11px;letter-spacing:1.4px}.hero-orbit{position:absolute;right:4vw;top:16%;width:min(52vw,680px);height:680px;animation:float 7s ease-in-out infinite}.sphere{position:absolute;left:26%;top:20%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8,#7772 17%,#191919 48%,#050505 70%);box-shadow:inset -35px -30px 80px #000,0 0 120px #d99d2630;display:grid;place-items:center;transform:rotateX(16deg)}.sphere span{font:900 130px 'Barlow Condensed';color:#d7a23833;-webkit-text-stroke:1px #d7a23899}.ring{position:absolute;border:1px solid #d7a23844;border-radius:50%;left:5%;top:16%;width:90%;height:58%;transform:rotate(-19deg)}.r2{left:14%;top:7%;width:75%;height:78%;transform:rotate(63deg);border-color:#fff2}.floating-card{position:absolute;padding:12px 16px;border:1px solid #ffffff1a;background:#0a0a0acc;backdrop-filter:blur(12px);font:700 14px 'Barlow Condensed';letter-spacing:1px;z-index:2}.floating-card small{font:600 7px Inter;color:#888;letter-spacing:1.5px}.fc1{left:2%;top:42%}.fc2{right:2%;bottom:24%}.scroll{position:absolute;bottom:32px;left:7vw;font-size:9px;letter-spacing:3px;color:#777}.scroll span{color:var(--gold);margin-left:12px}.ticker{overflow:hidden;border-block:1px solid var(--line);white-space:nowrap;padding:12px 0;color:#555;font:800 17px 'Barlow Condensed';letter-spacing:4px}.ticker div{display:inline-block;animation:marquee 22s linear infinite}.section{padding:110px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head h2{font-size:76px}.section-head h2 i,.manifesto h2 i{color:var(--gold);font-style:normal}.filters{display:flex;gap:20px}.filters button{font-size:10px;letter-spacing:1.5px;color:#777;padding-bottom:7px;border-bottom:1px solid transparent}.filters .active,.filters button:hover{color:#fff;border-color:var(--gold)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:var(--panel);position:relative;min-width:0;overflow:hidden;transition:.35s;border:1px solid transparent}.product:hover{transform:translateY(-7px);border-color:#2b2b2b}.product-visual{height:420px;background:radial-gradient(circle at 50% 30%,#292929,#111 45%,#080808);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-visual:after{content:"";width:62%;height:75%;border-radius:35% 35% 25% 25%;background:linear-gradient(120deg,#222,#050505 70%);box-shadow:10px 20px 45px #000;transform:skew(-4deg);}.product:nth-child(even) .product-visual:after{background:linear-gradient(120deg,#d9d9d5,#8d8d89 48%,#222 90%)}.product:nth-child(3n) .product-visual:after{background:linear-gradient(120deg,#6d6d6d,#101010 65%)}.tag{position:absolute;top:14px;left:14px;background:var(--gold);color:#080808;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:1px;z-index:2}.product-info{padding:17px}.product-info h3{margin:0 0 7px;font:700 20px 'Barlow Condensed';letter-spacing:.3px}.meta{font-size:10px;color:#777;margin-bottom:15px}.price{font-weight:700}.old{color:#666;text-decoration:line-through;font-size:11px;margin-left:8px}.add{float:right;border:1px solid #333;padding:7px 10px;font-size:9px;letter-spacing:1px}.add:hover{background:#fff;color:#000}.drop-banner{min-height:570px;padding:90px 7vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#15120c,#070707 60%);border-block:1px solid var(--line);position:relative;overflow:hidden}.drop-banner:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:5%;background:radial-gradient(circle,#d99d2640,#0000 68%);filter:blur(15px)}.drop-banner h2{font-size:120px;position:relative;z-index:1}.drop-banner h2 span{color:var(--gold)}.drop-banner p:not(.eyebrow){color:#999;margin:25px 0}.drop-number{font:900 360px 'Barlow Condensed';color:#ffffff05;z-index:1}.manifesto{padding:150px 17vw}.manifesto h2{font-size:clamp(70px,10vw,145px)}.manifesto>p:last-child{max-width:600px;color:#8f8f8b;line-height:1.8;margin-left:20%;margin-top:45px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:0 7vw}.stats div{padding:50px 35px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font:900 60px 'Barlow Condensed';color:var(--gold);display:block}.stats span{font-size:10px;letter-spacing:2px;color:#777;line-height:1.5}footer{padding:90px 7vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:100px}footer>div:not(.copyright){display:flex;flex-direction:column;gap:13px;font-size:11px;color:#777}footer b{font-size:10px;color:#eee;letter-spacing:2px;margin-bottom:8px}.footer-brand img{width:70px;height:70px;object-fit:contain}.footer-brand h3{margin:0;color:#fff;font:800 27px 'Barlow Condensed'}.footer-brand p{color:var(--gold);font-size:9px;letter-spacing:3px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:8px;color:#555;letter-spacing:1.5px}.overlay{position:fixed;inset:0;background:#050505f7;z-index:100;display:none;padding:15vh 10vw}.overlay.open{display:block}.overlay input{width:100%;background:none;border:0;border-bottom:1px solid #444;color:white;font:700 clamp(40px,8vw,100px) 'Barlow Condensed';outline:0}.close{position:absolute;right:35px;top:25px;font-size:35px;color:#aaa}.side-panel{position:fixed;z-index:110;right:-500px;top:0;width:min(480px,100%);height:100vh;background:#0a0a0a;border-left:1px solid #333;padding:40px;transition:.4s;overflow:auto}.side-panel.open{right:0}.side-panel h2{font-size:55px;margin-bottom:30px}.cart-row{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #222}.cart-thumb{width:65px;height:75px;background:#222}.cart-row h4{margin:3px 0;font:700 17px 'Barlow Condensed'}.cart-row p{font-size:11px;color:#777}.cart-total{display:flex;justify-content:space-between;padding:25px 0;font-size:12px}.cart-total b{font-size:22px}.full{width:100%;justify-content:center}.wa-order{display:block;text-align:center;border:1px solid #285d39;color:#67c989;margin-top:10px;padding:15px;font-size:10px;letter-spacing:1px}.search-result{padding:18px 0;border-bottom:1px solid #222;font:700 24px 'Barlow Condensed'}.search-result span{float:right;color:var(--gold)}#toast{position:fixed;z-index:200;bottom:30px;left:50%;transform:translate(-50%,30px);background:#eee;color:#050505;padding:12px 18px;font-size:10px;letter-spacing:1px;opacity:0;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){nav{display:none}.hero{padding-left:6vw}.hero-orbit{opacity:.45;width:650px;right:-220px}.products{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.filters{margin-top:25px;flex-wrap:wrap}.drop-number{font-size:180px}.manifesto{padding:100px 8vw}.stats{margin:0 4vw}.stats div{padding:30px 15px}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav{padding:0 4vw}.brand span{display:none}.nav-actions{gap:10px}.admin-link{display:none}.hero{min-height:850px}.hero h1{font-size:88px}.hero-orbit{top:42%;right:-210px;opacity:.35}.hero-text{font-size:12px}.section{padding:80px 5vw}.section-head h2{font-size:58px}.products{grid-template-columns:1fr 1fr;gap:8px}.product-visual{height:270px}.product-info{padding:11px}.product-info h3{font-size:17px}.drop-banner{min-height:500px;padding:70px 7vw}.drop-banner h2{font-size:75px}.drop-number{display:none}.manifesto h2{font-size:70px}.manifesto>p:last-child{margin-left:0}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr;padding-inline:6vw}.footer-brand{grid-column:1/-1}}

.social-float{position:fixed;right:22px;bottom:22px;z-index:95;display:flex;flex-direction:column;gap:9px}
.social-float a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 11px 'Inter';letter-spacing:1px;box-shadow:0 8px 25px #0008;transition:.25s}
.float-wa{background:#25d366;color:#07140a}
.float-ig{background:#111;color:#fff;border:1px solid #555}
.social-float a:hover{transform:translateY(-4px) scale(1.04)}

.menu-toggle{display:none;font-size:25px;line-height:1;padding:8px}
@media(max-width:900px){
  .menu-toggle{display:block;order:2}
  .nav{gap:12px}
  .nav nav{display:none;position:absolute;top:75px;left:4vw;right:4vw;padding:20px;background:#0a0a0aee;border:1px solid #2a2a2a;flex-direction:column;gap:0;box-shadow:0 20px 50px #000}
  .nav nav.mobile-open{display:flex}
  .nav nav a{padding:14px 4px;border-bottom:1px solid #222}
  .nav-actions{order:3}
}
@media(max-width:600px){
  .nav{height:70px;padding:0 4vw}
  .brand{gap:5px;font-size:16px;line-height:14px}
  .brand img{width:55px;height:55px}
  .nav-actions{font-size:11px;gap:7px}
  .menu-toggle{margin-left:auto}
  .hero{padding-top:105px;min-height:780px}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(72px,22vw,105px)}
  .hero-buttons{flex-wrap:wrap;gap:14px}
  .btn{padding:14px 17px}
  .hero-orbit{width:520px;height:520px;right:-205px;top:47%}
  .sphere span{font-size:90px}
  .floating-card{font-size:11px;padding:9px}
  .scroll{display:none}
  .section-head h2{font-size:56px}
  .filters{gap:12px}
  .filters button{font-size:9px}
  .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-visual{height:250px}
  .product-info h3{font-size:16px;min-height:36px}
  .meta{font-size:8px;line-height:1.4}
  .price{font-size:12px}
  .old{font-size:9px;margin-left:3px}
  .add{padding:7px;font-size:8px;margin-top:5px}
  .drop-banner{padding:65px 5vw;min-height:450px}
  .drop-banner h2{font-size:70px}
  .manifesto{padding:85px 6vw}
  .manifesto h2{font-size:65px}
  footer{margin-top:70px}
  .side-panel{width:100%;padding:28px 20px}
  .overlay{padding:15vh 6vw}
  .overlay input{font-size:50px}
}
@media(max-width:390px){
  .brand span{display:none}
  .hero h1{font-size:70px}
  .product-visual{height:220px}
  .section-head h2{font-size:50px}
}

/* Custom T-shirt Lab */
.customize-banner{margin-top:35px;padding:30px 32px;border:1px solid #2b2b2b;background:linear-gradient(110deg,#12100c,#090909);display:flex;align-items:center;justify-content:space-between;gap:25px}
.customize-banner h3{font:800 42px 'Barlow Condensed';margin:5px 0 8px}.customize-banner h3 i,.customizer-box h2 i{color:var(--gold);font-style:normal}.customize-banner p:not(.eyebrow){max-width:620px;color:#888;font-size:11px;line-height:1.7;margin:0}
.customizer-overlay{position:fixed;inset:0;z-index:150;background:#050505f2;display:none;align-items:center;justify-content:center;padding:25px;overflow:auto}.customizer-overlay.open{display:flex}.customizer-box{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#101010;border:1px solid #333;padding:40px;color:#fff;box-shadow:0 25px 80px #000}.customizer-box h2{font:900 clamp(45px,7vw,75px) 'Barlow Condensed';margin:0 0 8px}.customizer-sub{color:#888;font-size:11px;line-height:1.7;max-width:650px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.custom-grid label{font-size:9px;letter-spacing:1.5px;color:#999}.custom-grid .wide{grid-column:1/-1}.custom-grid input,.custom-grid select,.custom-grid textarea{display:block;width:100%;margin-top:7px;padding:13px;background:#080808;border:1px solid #333;color:#fff;outline:0;font:11px Inter}.custom-grid textarea{min-height:90px;resize:vertical}.custom-grid input:focus,.custom-grid select:focus,.custom-grid textarea:focus{border-color:var(--gold)}.customizer-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.customizer-actions .btn{display:inline-block}
@media(max-width:700px){.customize-banner{flex-direction:column;align-items:flex-start;padding:24px}.customize-banner h3{font-size:35px}.customizer-overlay{padding:10px}.customizer-box{padding:25px 18px;max-height:94vh}.custom-grid{grid-template-columns:1fr}.custom-grid .wide{grid-column:auto}.customizer-actions{flex-direction:column;align-items:stretch}.customizer-actions .btn{width:100%;text-align:center}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filters button{white-space:nowrap}}

/* Custom T-shirt designer */
.custom-preview-wrap{margin-top:22px;background:#171717;border:1px solid #2d2d2d;padding:10px;text-align:center}
#customCanvas{display:block;width:100%;max-width:700px;height:auto;margin:auto;touch-action:none;cursor:grab}
#customCanvas:active{cursor:grabbing}
.drag-hint{margin:8px 0 2px;color:#777;font-size:8px;letter-spacing:1.5px}
.custom-grid input[type=file]{padding:10px}
.custom-grid input[type=range]{accent-color:var(--gold);padding:0}
@media(max-width:700px){
  .custom-preview-wrap{padding:6px}
  .customizer-box h2{font-size:46px}
}


/* Custom Lab controls */
#customCanvas{width:100%;max-width:700px;height:auto;display:block;touch-action:none;cursor:default;}
.custom-preview-wrap{position:relative;}
.custom-preview-wrap:has(#customCanvas){user-select:none;}
#cColor{background:#111;color:#fff;border:1px solid #333;padding:12px 14px;}
#cColor option{background:#111;color:#fff;}
@media(max-width:600px){
  .customizer-box{width:94vw!important;max-height:92vh;overflow:auto;padding:22px!important;}
  #customCanvas{width:100%;height:auto;}
}