/* Side Eye Series polished shared style. Local, no CDN. */
@font-face{font-family:'Archivo Black';src:url('fonts/ArchivoBlack-Regular.woff2') format('woff2'),url('fonts/archivo-black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:'Space Grotesk';src:url('fonts/SpaceGrotesk-Medium.woff2') format('woff2'),url('fonts/space-grotesk.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Space Grotesk';src:url('fonts/space-grotesk.woff2') format('woff2'),url('fonts/SpaceGrotesk-Medium.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Space Grotesk',sans-serif;background:#FAF9F6;margin:0;color:#000;}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}table{border-collapse:collapse}.heading-font{font-family:'Archivo Black',sans-serif;text-transform:uppercase;line-height:.9;letter-spacing:-.02em}.border-thick{border:4px solid #000}.shadow-black{box-shadow:8px 8px 0 #000}.page-container{max-width:1200px;margin:0 auto;border-left:4px solid #000;border-right:4px solid #000;background:#fff;min-height:100vh}.title-size{font-size:clamp(2.5rem,6vw,4.2rem)}.hero-title,.giant-title{font-size:clamp(3.5rem,12vw,8rem)}.section-title{font-size:clamp(2.5rem,6vw,4rem)}.hero-split{display:grid;grid-template-columns:1.2fr 1fr;min-height:600px}.nav-btn{background:#000;color:#fff;padding:12px 24px;font-size:10px;font-weight:900;text-transform:uppercase;border:2px solid #000;cursor:pointer;transition:all .2s;display:inline-block}.nav-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #000}.bg-lime-pop,.bg-primary-accent{background:#CCFF00}.bg-pop-pink{background:#FF69B4}.bg-xmas-red{background:#D90429}.bg-val-red{background:#B3003C}.bg-val-blush{background:#F7C6D9}.bg-val-pink{background:#FF4F79}.bg-walls-cyan{background:#00F5FF}.bg-walls-pink{background:#FF69B4}.bg-walls-yellow{background:#FFD700}#mobile-menu{transition:transform .4s cubic-bezier(.4,0,.2,1);transform:translateX(-100%)}#mobile-menu.menu-open{transform:translateX(0)}.drawer-open{overflow:hidden}.input-field{width:100%;border:4px solid #000;background:#fff;padding:1rem;font-weight:900;text-transform:uppercase;outline:none}.input-field:focus{box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.product-card{display:block;transition:transform .2s ease}.product-card:hover{transform:translate(-4px,-4px)}.product-image-frame{min-height:420px}.product-image-frame img{padding:.5rem}.variant-picker{border:4px solid #000;background:#fff;color:#000;padding:1rem;box-shadow:8px 8px 0 #000;max-width:420px;margin-bottom:1.5rem}.variant-picker label,.variant-label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-bottom:.5rem}.product-variant-select{width:100%;border:3px solid #000;background:#FAF9F6;padding:.85rem 1rem;font-weight:900;text-transform:uppercase;cursor:pointer}.variant-meta{margin-top:.75rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-sku{background:#000;color:#fff;padding:.15rem .4rem}.cart-page-shell{padding:3rem}.cart-item-card{border:4px solid #000;background:#fff;padding:1rem;box-shadow:8px 8px 0 #000;margin-bottom:1rem}.cart-item-row{display:flex;gap:1rem;align-items:flex-start}.cart-item-thumb{width:84px;height:112px;object-fit:contain;border:3px solid #000;background:#FAF9F6}.cart-item-title{font-family:'Archivo Black',sans-serif;text-transform:uppercase;line-height:.95;font-size:1.25rem;margin:0 0 .35rem}.cart-item-price,.cart-item-meta{font-weight:900;text-transform:uppercase;font-size:.8rem;margin:.15rem 0}.cart-item-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;align-items:center}.cart-qty-controls{display:flex;align-items:center;border:3px solid #000}.cart-qty-btn,.cart-remove-btn,.cart-checkout-btn,.cart-clear-btn{border:3px solid #000;background:#000;color:#fff;font-weight:900;text-transform:uppercase;padding:.65rem .9rem;cursor:pointer}.cart-qty-btn{min-width:42px}.cart-qty-value{min-width:44px;text-align:center;font-weight:900}.cart-remove-btn,.cart-clear-btn{background:#fff;color:#000}.cart-total{display:flex;justify-content:space-between;align-items:center;font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:1.5rem;gap:1rem}.cart-empty-card{border:4px dashed #000;padding:2rem;background:#FAF9F6}.cart-empty-title{font-family:'Archivo Black',sans-serif;font-size:2rem;text-transform:uppercase;margin:0 0 .5rem}.response-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#FAF9F6;padding:2rem}.response-card{border:4px solid #000;background:#fff;padding:2rem;box-shadow:8px 8px 0 #000;max-width:560px}.response-title{font-size:2rem;margin:0 0 1rem}.response-copy{font-weight:800;line-height:1.5}.response-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.response-button{border:3px solid #000;background:#000;color:#fff;font-weight:900;text-transform:uppercase;padding:.8rem 1rem}.response-button--secondary{background:#fff;color:#000}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:999;background:#000;color:#fff;padding:.75rem;font-weight:900}@media(max-width:1024px){.hero-split{display:flex;flex-direction:column-reverse;min-height:auto}.page-container{border:none}.product-image-frame{min-height:360px}}@media(max-width:700px){.cart-page-shell{padding:1.25rem}.cart-item-row{flex-direction:column}.nav-btn{padding:10px 14px;font-size:9px}.page-container header{gap:.75rem}.product-image-frame{min-height:300px}}

/* Local utility layer replacing Tailwind CDN for the classes used in this package. */
.-rotate-1{--tw-rotate:-1deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.-rotate-2{--tw-rotate:-2deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.appearance-none{appearance:none;}
.aspect-\[3\/4\]{aspect-ratio:3/4;}
.aspect-\[4\/5\]{aspect-ratio:4/5;}
.backdrop-blur-sm{backdrop-filter:blur(4px);}
.bg-\[\#00F5FF\]{background-color:#00F5FF;}
.bg-\[\#0B3D2E\]{background-color:#0B3D2E;}
.bg-\[\#CCFF00\]{background-color:#CCFF00;}
.bg-\[\#FAF9F6\]{background-color:#FAF9F6;}
.bg-\[\#FF69B4\]{background-color:#FF69B4;}
.bg-\[\#FFD700\]{background-color:#FFD700;}
.bg-black{background-color:#000;}
.bg-black\/60{background-color:rgba(0,0,0,.6);}
.bg-transparent{background-color:transparent;}
.bg-white{background-color:#fff;}
.block{display:block;}
.border-2{border-width:2px;border-style:solid;}
.border-4{border-width:4px;border-style:solid;}
.border-b{border-bottom-width:1px;border-bottom-style:solid;}
.border-b-2{border-bottom-width:2px;border-bottom-style:solid;}
.border-b-4{border-bottom-width:4px;border-bottom-style:solid;}
.border-black{border-color:#000;}
.border-r-4{border-right-width:4px;border-right-style:solid;}
.border-t{border-top-width:1px;border-top-style:solid;}
.border-white{border-color:#fff;}
.border-white\/10{border-color:rgba(255,255,255,.10);}
.border-white\/20{border-color:rgba(255,255,255,.20);}
.cursor-pointer{cursor:pointer;}
.decoration-4{text-decoration-thickness:4px;}
.decoration-\[\#00F5FF\]{text-decoration-color:#00F5FF;}
.decoration-\[\#CCFF00\]{text-decoration-color:#CCFF00;}
.decoration-\[\#FF69B4\]{text-decoration-color:#FF69B4;}
.drop-shadow-\[4px_4px_0_\#000\]{filter:drop-shadow(4px 4px 0 #000);}
.drop-shadow-\[6px_6px_0_\#000\]{filter:drop-shadow(6px 6px 0 #000);}
.drop-shadow-\[8px_8px_0_\#000\]{filter:drop-shadow(8px 8px 0 #000);}
.fixed{position:fixed;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.focus\:outline-none{outline:2px solid transparent;outline-offset:2px;}
.font-black{font-weight:900;}
.font-bold{font-weight:700;}
.gap-10{gap:2.5rem;}
.gap-12{gap:3rem;}
.gap-16{gap:4rem;}
.gap-2{gap:0.5rem;}
.gap-4{gap:1rem;}
.gap-5{gap:1.25rem;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.group:hover .group-hover\:shadow-\[12px_12px_0px_\#000\]{box-shadow:12px 12px 0px #000;}
.h-1{height:.25rem;}
.h-fit{height:fit-content;}
.h-full{height:100%;}
.hidden{display:none;}
.hover\:bg-white:hover{background-color:#fff;}
.hover\:shadow-none:hover{box-shadow:none;}
.hover\:text-\[\#00F5FF\]:hover{color:#00F5FF;}
.hover\:text-\[\#FF69B4\]:hover{color:#FF69B4;}
.hover\:text-\[\#FFD700\]:hover{color:#FFD700;}
.hover\:text-black:hover{color:#000;}
.hover\:text-white:hover{color:#fff;}
.hover\:translate-x-1:hover{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.hover\:translate-x-2:hover{--tw-translate-x:.5rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.hover\:translate-y-1:hover{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.hover\:underline:hover{text-decoration-line:underline;}
.inline-block{display:inline-block;}
.inset-0{inset:0;}
.inset-y-0{top:0;bottom:0;}
.italic{font-style:italic;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.leading-none{line-height:1;}
.leading-relaxed{line-height:1.625;}
.leading-snug{line-height:1.375;}
.leading-tight{line-height:1.15;}
.left-0{left:0;}
@media (min-width:1024px){.lg\:border-b-0{border-bottom-width:0;}}
@media (min-width:1024px){.lg\:border-r-4{border-right-width:4px;border-right-style:solid;}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px;}}
@media (min-width:1024px){.lg\:p-16{padding:4rem;}}
@media (min-width:1024px){.lg\:p-20{padding:5rem;}}
@media (min-width:1024px){.lg\:p-24{padding:6rem;}}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-7xl{max-width:80rem;}
.max-w-\[520px\]{max-width:520px;}
.max-w-sm{max-width:24rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-12{margin-bottom:3rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-20{margin-bottom:5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
@media (min-width:768px){.md\:border-b-0{border-bottom-width:0;}}
@media (min-width:768px){.md\:border-r-4{border-right-width:4px;border-right-style:solid;}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:768px){.md\:p-12{padding:3rem;}}
@media (min-width:768px){.md\:p-16{padding:4rem;}}
@media (min-width:768px){.md\:p-20{padding:5rem;}}
@media (min-width:768px){.md\:p-24{padding:6rem;}}
@media (min-width:768px){.md\:p-6{padding:1.5rem;}}
@media (min-width:768px){.md\:p-8{padding:2rem;}}
@media (min-width:768px){.md\:px-10{padding-left:2.5rem;padding-right:2.5rem;}}
@media (min-width:768px){.md\:px-12{padding-left:3rem;padding-right:3rem;}}
@media (min-width:768px){.md\:py-4{padding-top:1rem;padding-bottom:1rem;}}
@media (min-width:768px){.md\:text-2xl{font-size:1.5rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-3xl{font-size:1.875rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-4xl{font-size:2.25rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-5xl{font-size:3rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-7xl{font-size:4.5rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-8xl{font-size:6rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-\[10px\]{font-size:10px;}}
@media (min-width:768px){.md\:text-\[10rem\]{font-size:10rem;}}
@media (min-width:768px){.md\:text-left{text-align:left;}}
@media (min-width:768px){.md\:text-xl{font-size:1.25rem;line-height:1.1;}}
@media (min-width:768px){.md\:text-xs{font-size:0.75rem;line-height:1.1;}}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-4{margin-top:1rem;}
.mt-6{margin-top:1.5rem;}
.mt-8{margin-top:2rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem;}
.object-contain{object-fit:contain;}
.opacity-20{opacity:.2;}
.opacity-60{opacity:.6;}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.overflow-hidden{overflow:hidden;}
.overflow-y-auto{overflow-y:auto;}
.p-10{padding:2.5rem;}
.p-12{padding:3rem;}
.p-16{padding:4rem;}
.p-2{padding:0.5rem;}
.p-20{padding:5rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.pb-10{padding-bottom:2.5rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-8{padding-bottom:2rem;}
.pt-10{padding-top:2.5rem;}
.pt-20{padding-top:5rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.px-12{padding-left:3rem;padding-right:3rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.relative{position:relative;}
.rotate-1{--tw-rotate:1deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.rotate-2{--tw-rotate:2deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.rotate-3{--tw-rotate:3deg;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.scale-125{--tw-scale-x:1.25;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));--tw-scale-y:1.25;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.self-end{align-self:flex-end;}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
.shadow-\[4px_4px_0px_\#000\]{box-shadow:4px 4px 0px #000;}
.shadow-\[4px_4px_0px_\#00F5FF\]{box-shadow:4px 4px 0px #00F5FF;}
.shadow-\[4px_4px_0px_\#B3003C\]{box-shadow:4px 4px 0px #B3003C;}
.shadow-\[4px_4px_0px_\#CCFF00\]{box-shadow:4px 4px 0px #CCFF00;}
.shadow-\[4px_4px_0px_\#FF4F79\]{box-shadow:4px 4px 0px #FF4F79;}
.shadow-\[4px_4px_0px_\#FF69B4\]{box-shadow:4px 4px 0px #FF69B4;}
.shadow-\[4px_4px_0px_\#FFD700\]{box-shadow:4px 4px 0px #FFD700;}
.shadow-\[5px_5px_0px_\#00F5FF\]{box-shadow:5px 5px 0px #00F5FF;}
.shadow-\[5px_5px_0px_\#FF69B4\]{box-shadow:5px 5px 0px #FF69B4;}
.shadow-\[5px_5px_0px_\#FFD700\]{box-shadow:5px 5px 0px #FFD700;}
.shadow-\[6px_6px_0px_\#FF69B4\]{box-shadow:6px 6px 0px #FF69B4;}
.shadow-\[8px_8px_0px_\#FFD700\]{box-shadow:8px 8px 0px #FFD700;}
.space-y-12> :not([hidden]) ~ :not([hidden]){margin-top:3rem;}
.space-y-16> :not([hidden]) ~ :not([hidden]){margin-top:4rem;}
.space-y-2> :not([hidden]) ~ :not([hidden]){margin-top:0.5rem;}
.space-y-4> :not([hidden]) ~ :not([hidden]){margin-top:1rem;}
.space-y-6> :not([hidden]) ~ :not([hidden]){margin-top:1.5rem;}
.space-y-8> :not([hidden]) ~ :not([hidden]){margin-top:2rem;}
.sticky{position:sticky;}
.text-2xl{font-size:1.5rem;line-height:1.1;}
.text-3xl{font-size:1.875rem;line-height:1.1;}
.text-4xl{font-size:2.25rem;line-height:1.1;}
.text-5xl{font-size:3rem;line-height:1.1;}
.text-6xl{font-size:3.75rem;line-height:1.1;}
.text-7xl{font-size:4.5rem;line-height:1.1;}
.text-\[\#00F5FF\]{color:#00F5FF;}
.text-\[\#FF69B4\]{color:#FF69B4;}
.text-\[10px\]{font-size:10px;}
.text-\[9px\]{font-size:9px;}
.text-black{color:#000;}
.text-center{text-align:center;}
.text-gray-400{color:#9ca3af;}
.text-left{text-align:left;}
.text-lg{font-size:1.125rem;line-height:1.1;}
.text-right{text-align:right;}
.text-sm{font-size:0.875rem;line-height:1.1;}
.text-white{color:#fff;}
.text-xl{font-size:1.25rem;line-height:1.1;}
.text-xs{font-size:0.75rem;line-height:1.1;}
.top-0{top:0;}
.tracking-\[0\.2em\]{letter-spacing:.2em;}
.tracking-\[0\.3em\]{letter-spacing:.3em;}
.tracking-\[0\.5em\]{letter-spacing:.5em;}
.tracking-tighter{letter-spacing:-.05em;}
.tracking-widest{letter-spacing:.1em;}
.transition-all{transition:all .2s;}
.transition-colors{transition:color .2s, background-color .2s, border-color .2s;}
.transition-transform{transition:transform .2s;}
.underline{text-decoration-line:underline;}
.underline-offset-4{text-underline-offset:4px;}
.underline-offset-8{text-underline-offset:8px;}
.uppercase{text-transform:uppercase;}
.w-80{width:20rem;}
.w-fit{width:fit-content;}
.w-full{width:100%;}
.z-10{z-index:10;}
.z-50{z-index:50;}
.z-\[100\]{z-index:100;}
.z-\[90\]{z-index:90;}

/* --- brand lockup: cleaner, scales down on mobile --- */
.brand-lockup{border:4px solid #000;background:#fff;padding:.55rem 1.1rem;box-shadow:5px 5px 0 #000;display:block}
.brand-lockup .heading-font{font-size:1.25rem;letter-spacing:0;white-space:nowrap}
@media(min-width:768px){.brand-lockup{padding:.7rem 1.4rem}.brand-lockup .heading-font{font-size:1.6rem}}
@media(max-width:420px){.brand-lockup{padding:.4rem .7rem;box-shadow:3px 3px 0 #000}.brand-lockup .heading-font{font-size:1rem}}

/* --- mobile rhythm: rein in the stretch --- */
@media(max-width:760px){
  header.sticky{padding:.75rem 1rem}
  .hero-title,.giant-title{font-size:clamp(2.4rem,10vw,4rem)}
  .section-title{font-size:clamp(1.9rem,7.5vw,2.6rem)}
  .title-size{font-size:clamp(1.9rem,7vw,2.8rem)}
  section,.hero-split>*{padding-top:clamp(1.8rem,6vw,3rem)!important;padding-bottom:clamp(1.8rem,6vw,3rem)!important}
  .hero-split{min-height:0}
  .shadow-black{box-shadow:5px 5px 0 #000}
}