@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030406;color:white;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:3px 3%;gap:16px;border-bottom:1px solid #182b40;background:#000}.brand{width:258px;flex:none;display:flex;align-items:center}.brand img{height:66px;width:100%;object-fit:contain;mix-blend-mode:screen}.topbar nav{display:flex;align-items:center;gap:35px;font:700 15px Arial}.topbar nav .active,.topbar nav a:hover{color:#008cff;border-bottom:3px solid #008cff;padding-bottom:9px}.quick{display:flex;gap:25px;font-size:27px}.hero{line-height:0;background:#030a11}.hero img{width:100%;height:auto;display:block}.reels,.shop,.contact{border-top:1px solid #006bbb}.reels{background:radial-gradient(ellipse at 4% 90%,#004b8e 0%,transparent 23%),radial-gradient(ellipse at 98% 5%,#005bad85 0%,transparent 26%),linear-gradient(145deg,#080a0e,#030407);padding:20px 5% 30px}.section-title,.shop-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title h2,.shop-title h2,.contact h2{margin:0;transform:skew(-7deg);font:900 clamp(38px,5.5vw,62px)/1 'Barlow Condensed',Impact,Arial;text-shadow:3px 3px #064c93}.section-title h2 em,.shop-title h2 em{font-style:normal;color:#008eff}.ig{color:#008eff}.outline{border:2px solid #008eff;border-radius:40px;padding:12px 24px;font:800 15px 'Barlow Condensed',Arial;white-space:nowrap}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.reel-placeholder{min-height:235px;border-radius:10px;border:1px solid #516479;background:linear-gradient(35deg,#020608aa,#13243a99),repeating-linear-gradient(130deg,#102135 0 6px,#05090d 6px 16px);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.reel-placeholder strong{font:900 30px/1 'Barlow Condensed',Impact}.reel-placeholder span{color:#62b9ff;font-weight:700}.reel-placeholder p{color:#b4beca}.reel-placeholder a{color:#42aaff;font-weight:700;font-size:13px}.reel-card{background:#111;border-radius:10px;overflow:hidden}.reel-card iframe{width:100%;height:440px;border:0}.reel-card a{display:block;padding:10px}.note{font-size:12px;color:#9db1c6}.note a{color:#79bfff}.shop{background:#03070c}.shop-title{padding:20px 5% 0;margin-bottom:0}.shop-art{line-height:0}.shop-art img{width:100%;display:block}.contact{display:flex;background:#02070c;min-height:380px}.form-wrap{padding:15px 3% 20px 5%;width:50%;background:radial-gradient(circle at 10% 15%,#00487b40,transparent 45%)}.contact h2{color:#008fff;margin:0 0 13px}.contact form{display:flex;flex-direction:column;gap:9px}.two{display:flex;gap:10px}.two>*{width:50%}.contact input,.contact textarea{min-width:0;width:100%;background:#06090d;color:#fff;border:1px solid #52616e;padding:12px;border-radius:3px}.contact button{padding:12px;background:#008fff;border:0;font:900 20px 'Barlow Condensed',Arial;cursor:pointer}.contact-art{width:50%;min-height:330px;background:#02070c url('assets/warehouse-contact.jpg') center center / cover no-repeat}footer{background:#000;color:#a4b5c9;padding:19px;text-align:center;font-size:11px;letter-spacing:1px}@media(max-width:760px){.topbar{height:auto;flex-wrap:wrap;justify-content:space-between}.brand{width:195px}.brand img{height:50px}.topbar nav{order:3;justify-content:space-around;width:100%;gap:8px;font-size:12px;padding:5px 0}.quick{gap:14px}.section-title,.shop-title{flex-wrap:wrap}.reel-grid{grid-template-columns:1fr 1fr}.contact{flex-direction:column}.form-wrap,.contact-art{width:100%}.contact-art{min-height:230px}}@media(max-width:490px){.reel-grid{grid-template-columns:1fr}.outline{font-size:13px}.two{flex-direction:column}.two>*{width:100%}}
/* Version 10: only requested logo placement changes. */
.brand-empty{width:258px;flex:none}
.hero{position:relative;width:100%;aspect-ratio:1024 / 428;overflow:hidden;background:#000}
.hero-background{position:absolute;inset:0;background-image:linear-gradient(to right,#000 0%,#000 54%,rgba(0,0,0,.88) 60%,transparent 78%),url('assets/warehouse-hero.jpg');background-size:100% 100%;background-position:center}
.hero-original-logo{position:absolute;left:3%;top:15%;width:57%;height:72%;object-fit:contain;object-position:center;mix-blend-mode:normal}
@media(max-width:760px){.brand-empty{width:110px}.hero-original-logo{width:60%;left:2%}}
.hero img.hero-original-logo{position:absolute;display:block;left:3%;top:16%;width:57%;height:68%;object-fit:contain;object-position:center}

/* Version 11 faithful styling to user-approved graffiti reference */
.topbar{height:72px;border-bottom:1px solid #102337;background:#000}
.topbar nav{margin-left:auto;margin-right:5vw}
.hero{aspect-ratio:1024/467;}
.hero-background{background-image:linear-gradient(to right,rgba(0,0,0,.88) 0%,rgba(0,0,0,.64) 49%,transparent 75%),url('assets/warehouse-hero.jpg');}
.hero-original-logo{left:3%!important;top:18%!important;width:56%!important;height:64%!important;}
.reels{padding:17px 4.7% 24px;background:linear-gradient(90deg,#001d3b90,transparent 20%,transparent 83%,#00244b99),#030508 url('assets/reels-grunge.jpg') center/cover no-repeat;}
.section-title h2,.contact h2{font-family:Impact,'Arial Black',sans-serif;font-style:italic;transform:skew(-9deg) rotate(-1deg);font-weight:900;text-shadow:3px 4px 0 #0354a6,7px 5px 0 #001a3b;letter-spacing:-1px}
.section-title h2{font-size:clamp(35px,5.4vw,64px);white-space:nowrap}
.reel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reel-visual{position:relative;min-height:222px;border:1px solid #525967;border-radius:8px;background-position:center;background-size:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}
.reel-visual:after{content:'FEATURED REEL';position:absolute;left:0;right:0;bottom:0;padding:13px 5px;background:linear-gradient(transparent,#020408 35%);font:bold 11px Arial;color:white;text-align:center;letter-spacing:1px}
.reel-play{font-size:20px;width:47px;height:47px;border-radius:50%;border:2px solid white;background:#080c13c9;display:grid;place-items:center;z-index:1}
.reel-visual:hover .reel-play{background:#007df7}
.shop{border-color:#047fff}.contact{background:linear-gradient(90deg,#02060aca 0%,#02060a99 47%,transparent 72%),url('assets/warehouse-contact.jpg') center/cover no-repeat;min-height:355px}
.contact .form-wrap{background:transparent}
.contact h2{font-size:clamp(42px,6.4vw,75px);color:#058cff;text-shadow:3px 3px 0 #004586}
.contact-art{background:transparent}
.contact button{background:#048eff;font-family:Impact,'Arial Black',sans-serif;font-size:20px;clip-path:polygon(0 0,99% 0,100% 93%,92% 100%,0 96%)}
@media(max-width:760px){.brand-empty{width:0}.topbar nav{margin:0;gap:13px}.hero{aspect-ratio:1024/470}.reel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reel-visual{min-height:190px}.contact{background-position:65% center}.form-wrap{width:100%;background:#0009!important}}
@media(max-width:490px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title h2{white-space:normal}}

/* V12: restore true logo-free industrial background; no two logo layers. */
.hero-background{background-image:url('assets/hero-clean.jpg')!important;background-size:cover!important;background-position:center!important;}
.hero-original-logo{left:3%!important;top:17%!important;width:58%!important;height:72%!important;object-fit:contain!important;mix-blend-mode:normal!important;}
.graphic-title{transform:none!important;text-shadow:none!important;line-height:0!important;}
.graphic-title img{display:block;width:min(560px,100%);height:auto;max-height:90px;object-fit:contain;object-position:left center}
.contact .graphic-title img{width:min(310px,100%);max-height:85px}
.shop{background:linear-gradient(100deg,#000b18d9,#01070d7a),url('assets/hero-clean.jpg') center/cover!important;padding:15px 5% 30px!important;min-height:288px}
.shop-head img{width:min(450px,100%);max-height:88px;object-fit:contain;object-position:left;display:block}
.shop-inner{display:flex;align-items:center;justify-content:center;gap:55px;min-height:190px}
.la-logo{width:min(280px,34vw);max-height:200px;object-fit:contain;mix-blend-mode:screen}
.shop-link{align-self:center}
@media(max-width:650px){.hero-original-logo{left:2%!important;width:65%!important}.shop-inner{gap:15px;flex-wrap:wrap}.la-logo{width:50vw}.shop{min-height:210px}.graphic-title img{max-height:60px}.shop-head img{max-height:60px}}

/* Fresh reference: transparent original logo plus social channels. */
.hero-original-logo{mix-blend-mode:normal!important;object-fit:contain!important;}
.topbar nav{gap:clamp(12px,2.3vw,29px);margin-right:2vw;white-space:nowrap;}
.social-text{display:inline-flex;align-items:center;font-size:22px;font-weight:bold;line-height:1}
@media(max-width:850px){.topbar{height:auto;min-height:70px;flex-wrap:wrap}.topbar nav{order:2;width:100%;justify-content:center;overflow-x:auto;margin:0;padding:8px 0;gap:16px}.topbar .quick{margin-left:auto}.brand-empty{width:0}.hero{aspect-ratio:1024/467}}

/* Requested change only: center the existing transparent hero logo. */
.hero img.hero-original-logo {left:50%!important;transform:translateX(-50%);}
@media(max-width:650px){.hero img.hero-original-logo{left:50%!important;}}

/* Five user-provided Reel embeds */
.reel-card iframe{display:block;height:480px;background:#fff}.reel-card a{background:#08121d;color:#b9dcff;font-size:12px;font-weight:700;text-align:center}.reel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:900px){.reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:490px){.reel-grid{grid-template-columns:1fr}}

/* Only new visual adjustment: character over existing contact-side background */
.contact-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:355px}
.contact-character{display:block;width:min(85%,440px);max-height:340px;object-fit:contain;filter:drop-shadow(0 10px 22px #000b);position:relative;z-index:1}
@media(max-width:760px){.contact-art{min-height:255px;background:linear-gradient(#0003,#0003),url('assets/warehouse-contact.jpg') center/cover no-repeat}.contact-character{max-height:240px;width:min(80%,350px)}}


/* Mobile-only usability: navigation and swipeable Reel cards. Desktop artwork/layout preserved. */
.mobile-menu-toggle,.reels-arrow{display:none}
@media(max-width:850px){
  .topbar{position:relative;min-height:60px;height:60px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;z-index:30}
  .brand-empty{display:none}
  .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:45px;height:42px;padding:9px;border:1px solid #1378d3;background:#06111f;color:white;border-radius:7px;cursor:pointer;flex:none;order:0}
  .mobile-menu-toggle span{height:2px;background:#fff;display:block;width:100%;border-radius:2px}
  .topbar .quick{display:flex;align-items:center;gap:16px;margin-left:auto;order:1;font-size:23px;white-space:nowrap}
  .topbar nav{display:none;position:absolute;left:0;right:0;top:100%;order:3;width:100%;margin:0!important;padding:9px 16px 15px;overflow:visible;white-space:normal;background:#02060b;border-bottom:2px solid #087de0;box-shadow:0 15px 25px #000b;flex-direction:column;align-items:stretch;gap:0}
  .topbar nav.mobile-open{display:flex}
  .topbar nav a{display:block;padding:13px 10px;font-size:14px;border-bottom:1px solid #1c344d;color:#fff}
  .topbar nav a.active{border-bottom:1px solid #1c344d;color:#29a2ff}
  .section-title{align-items:flex-start;gap:14px}
  .reels-swipe-wrap{position:relative;min-width:0}
  .reel-grid{display:flex!important;grid-template-columns:none!important;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:4px 3px 14px;scrollbar-width:thin;scrollbar-color:#1689ed #07131f}
  .reel-card,.reel-visual{flex:0 0 min(78vw,345px);scroll-snap-align:center;min-width:0}
  .reel-card iframe{height:510px;width:100%;background:#fff}
  .reels-arrow{display:grid;place-items:center;position:absolute;top:46%;z-index:2;width:34px;height:44px;border-radius:22px;border:1px solid #248de0;background:#020b18e8;color:#fff;font-size:30px;cursor:pointer}
  .reels-prev{left:-12px}.reels-next{right:-12px}
}
@media(max-width:490px){
 .section-title .outline{white-space:normal;max-width:100%;font-size:12px}
 .reel-card,.reel-visual{flex-basis:82vw}
 .reels{padding-left:18px;padding-right:18px}
 .reels-prev{left:-12px}.reels-next{right:-12px}
 .reel-card iframe{height:500px}
}
@media(min-width:851px){.mobile-menu-toggle,.reels-arrow{display:none!important}}