.social-icons{display:flex;align-items:center;gap:16px}.social-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--gray-light);transition:color .3s,transform .3s}.social-icon:hover{color:var(--white);transform:translateY(-2px)}.social-icon svg{width:100%;height:100%}.nav-socials .social-icon{width:15px;height:15px}.footer-socials{gap:20px}.footer-socials .social-icon{width:16px;height:16px}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(to bottom,rgba(10,10,10,.95),transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .4s}nav.scrolled{background:#0a0a0af2;padding:14px 40px;border-bottom:1px solid var(--gray-mid)}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:40px;width:auto;filter:invert(1);transition:opacity .3s}.nav-logo-img:hover{opacity:.8}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--gray-light);text-decoration:none;font-size:.75rem;letter-spacing:3px;text-transform:uppercase;transition:color .3s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--white);transition:width .3s}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.nav-social-item{display:flex;align-items:center;margin-left:8px;padding-left:24px;border-left:1px solid var(--gray-mid)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hamburger span{width:24px;height:2px;background:var(--white);transition:all .3s;display:block}@media(max-width:768px){nav{padding:16px 20px}.nav-links{display:none;position:fixed;inset:0;background:var(--black);flex-direction:column;align-items:center;justify-content:center;gap:40px;z-index:99}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem}.hamburger{display:flex;z-index:101}.nav-social-item{margin-left:0;padding-left:0;border-left:none;margin-top:16px}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--black) 80%);z-index:1}.hero-content{position:relative;z-index:2;animation:fadeUp 1.2s ease-out}.hero-tag{font-size:.7rem;letter-spacing:8px;text-transform:uppercase;color:var(--gray-light);margin-bottom:24px;animation:fadeUp 1s ease-out .2s both}.hero-title{font-family:Dela Gothic One,cursive;font-size:clamp(3rem,10vw,9rem);line-height:.95;letter-spacing:-2px;text-transform:uppercase;background:linear-gradient(180deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeUp 1s ease-out .4s both;margin-bottom:8px}.hero-title .line2{display:block;font-family:Bebas Neue,cursive;font-size:clamp(1.5rem,4vw,3.5rem);letter-spacing:16px;background:linear-gradient(180deg,#999,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px}.hero-subtitle{font-size:.75rem;letter-spacing:5px;color:var(--gray-light);margin-top:32px;text-transform:uppercase;animation:fadeUp 1s ease-out .6s both}.hero-cta{margin-top:48px;animation:fadeUp 1s ease-out .8s both}.hero-cta a{display:inline-block;padding:14px 48px;border:1px solid var(--gray-light);color:var(--white);text-decoration:none;font-size:.7rem;letter-spacing:4px;text-transform:uppercase;transition:all .4s;position:relative;overflow:hidden}.hero-cta a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--white);transition:left .4s;z-index:-1}.hero-cta a:hover{color:var(--black);border-color:var(--white)}.hero-cta a:hover:before{left:0}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;animation:bounce 2s infinite}.scroll-indicator span{display:block;width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--gray-light))}.marquee-strip{padding:16px 0;border-top:1px solid var(--gray-mid);border-bottom:1px solid var(--gray-mid);overflow:hidden;white-space:nowrap}.marquee-track{display:inline-flex;animation:marquee 20s linear infinite}.marquee-track span{font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:6px;color:var(--gray-mid);padding:0 40px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto}.about-text p{font-size:.9rem;line-height:1.9;color:var(--accent);margin-bottom:20px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.stat{border-left:1px solid var(--gray-mid);padding-left:20px}.stat-number{font-family:Dela Gothic One,cursive;font-size:2.5rem;background:linear-gradient(180deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--gray-light);margin-top:4px}.about-visual{position:relative;height:500px}.about-visual .frame{position:absolute;background:var(--gray-dark);border:1px solid var(--gray-mid);display:flex;align-items:center;justify-content:center;overflow:hidden}.frame-1{top:0;left:10%;width:65%;height:60%}.frame-2{bottom:0;right:0;width:55%;height:50%}.frame-inner{font-size:3rem;color:var(--gray-mid);text-align:center;line-height:1}.frame-tag{position:absolute;bottom:10px;left:12px;font-size:.55rem;letter-spacing:3px;color:var(--gray-light);text-transform:uppercase}@media(max-width:768px){.about{grid-template-columns:1fr;gap:40px}.about-visual{height:300px}}.products-section{max-width:1200px;margin:0 auto}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.filter-btn{padding:10px 20px;background:transparent;border:1px solid var(--gray-mid);color:var(--gray-light);font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:var(--gray-light);color:var(--white)}.filter-btn.active{background:var(--white);color:var(--black);border-color:var(--white)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card-featured:first-child .product-card{grid-row:span 2}.product-card-featured:first-child .product-card .product-img{aspect-ratio:auto;height:100%;min-height:400px}.product-card{position:relative;background:var(--gray-dark);border:1px solid var(--gray-mid);overflow:hidden;cursor:pointer;transition:all .4s;height:100%}.product-card:hover{border-color:var(--gray-light);transform:translateY(-4px)}.product-img{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--gray-dark),#222);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-img img{transform:scale(1.05)}.product-img-icon{font-size:4rem;opacity:.15;transition:all .5s}.product-card:hover .product-img-icon{opacity:.3;transform:scale(1.1) rotate(5deg)}.product-badge{position:absolute;top:12px;right:12px;padding:4px 10px;font-size:.55rem;letter-spacing:2px;text-transform:uppercase;font-family:Space Mono,monospace}.product-badge.sold-out{background:var(--black);color:var(--gray-light);border:1px solid var(--gray-mid)}.product-badge.low-stock{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.product-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(10,10,10,.95),transparent)}.product-category{font-size:.55rem;letter-spacing:4px;text-transform:uppercase;color:var(--gray-light);margin-bottom:6px}.product-name{font-family:Bebas Neue,cursive;font-size:1.4rem;letter-spacing:2px}.product-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.product-price{font-size:.85rem;color:var(--white)}.product-artist{font-size:.65rem;color:var(--gray-light);font-style:italic}.product-sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.size-tag{font-size:.5rem;letter-spacing:1px;padding:2px 6px;border:1px solid var(--gray-mid);color:var(--gray-light)}.shop-loading,.shop-error,.shop-empty{text-align:center;padding:60px 20px}.shop-loading p,.shop-error p,.shop-empty p{font-size:.8rem;color:var(--gray-light);letter-spacing:2px}@media(max-width:768px){.product-grid{grid-template-columns:1fr 1fr}.product-card-featured:first-child .product-card{grid-row:span 1}.category-filter{gap:6px}.filter-btn{padding:8px 14px;font-size:.6rem}}.gallery-section{max-width:1400px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.gallery-item{aspect-ratio:1;background:var(--gray-dark);position:relative;overflow:hidden;cursor:pointer}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff05,#ffffff0f);transition:all .4s}.gallery-item:hover:before{background:#ffffff14}.gallery-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.1}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.visit-section{max-width:1200px;margin:0 auto}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.visit-info h3{font-family:Bebas Neue,cursive;font-size:1.4rem;letter-spacing:4px;margin-bottom:16px;color:var(--white)}.visit-info p,.visit-info a{font-size:.85rem;line-height:2;color:var(--gray-light);text-decoration:none;transition:color .3s}.visit-info a:hover{color:var(--white)}.visit-map{height:350px;background:var(--gray-dark);border:1px solid var(--gray-mid);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.map-text{font-family:Dela Gothic One,cursive;font-size:1.5rem;color:var(--gray-mid);text-align:center;line-height:1.4}.map-link{position:absolute;bottom:16px;right:16px;font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--gray-light);text-decoration:none;border:1px solid var(--gray-mid);padding:8px 16px;transition:all .3s}.map-link:hover{color:var(--white);border-color:var(--white)}.hours-grid{display:grid;gap:8px;margin-top:12px}.hours-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray-light);padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.visit-grid{grid-template-columns:1fr}}.newsletter{text-align:center;padding:80px 40px;border-top:1px solid var(--gray-mid);max-width:600px;margin:0 auto}.newsletter-desc{font-size:.8rem;color:var(--gray-light);line-height:1.8}.newsletter-input{display:flex;margin-top:30px;border:1px solid var(--gray-mid)}.newsletter-input input{flex:1;padding:16px 20px;background:transparent;border:none;color:var(--white);font-family:Space Mono,monospace;font-size:.8rem;outline:none}.newsletter-input input::placeholder{color:var(--gray-mid);letter-spacing:2px;text-transform:uppercase;font-size:.65rem}.newsletter-input button{padding:16px 32px;background:var(--white);color:var(--black);border:none;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s}.newsletter-input button:hover{background:var(--gray-light)}.newsletter-input button:disabled{opacity:.5;cursor:not-allowed}.newsletter-status{margin-top:30px;padding:20px;border:1px solid var(--gray-mid)}.newsletter-status.success p{color:var(--white);font-size:.85rem;letter-spacing:1px}.newsletter-status.duplicate p{color:var(--gray-light);font-size:.85rem;letter-spacing:1px}.newsletter-error{width:100%;margin-top:10px;font-size:.7rem;color:#c66;letter-spacing:1px}footer{padding:40px;border-top:1px solid var(--gray-mid);display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:Dela Gothic One,cursive;font-size:.9rem;letter-spacing:3px}.footer-center{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--gray-light);text-decoration:none;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.footer-links a:hover{color:var(--white)}.footer-bottom{text-align:right;display:flex;flex-direction:column;gap:6px}.footer-copy{font-size:.6rem;color:var(--gray-mid);letter-spacing:2px}.footer-credit{font-size:.55rem;color:var(--gray-mid);letter-spacing:1px}.footer-credit a{color:var(--gray-light);text-decoration:none;transition:color .3s}.footer-credit a:hover{color:var(--white)}@media(max-width:768px){footer{flex-direction:column;gap:24px;text-align:center}.footer-bottom{text-align:center;align-items:center}}:root{--black: #0a0a0a;--white: #f0f0f0;--gray-dark: #1a1a1a;--gray-mid: #3a3a3a;--gray-light: #888;--accent: #d4d4d4}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Space Mono,monospace;overflow-x:hidden;cursor:crosshair}.grain{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");opacity:.3;animation:grainShift .5s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-2px,1px)}66%{transform:translate(1px,-1px)}to{transform:translate(0)}}.content{position:relative;z-index:2}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:100px 40px}.section-label{font-size:.65rem;letter-spacing:6px;text-transform:uppercase;color:var(--gray-light);margin-bottom:12px}.section-title{font-family:Dela Gothic One,cursive;font-size:clamp(2rem,5vw,4rem);text-transform:uppercase;background:linear-gradient(180deg,#fff,#555);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:40px;line-height:1.1}@media(max-width:768px){section{padding:60px 20px}}