:root{--bg-black:#050505;--cream:#F4F2E7;--gold:#E0C399;--stone:#f5f2ef;--muted-gold:rgba(224, 195, 153, .4);--font-display:"Prata", serif;--font-heading:"Prata", serif;--font-ui:"Montserrat", sans-serif;--card-width:380px;--card-height:550px}body{background-color:var(--bg-black);color:var(--cream);overflow-x:hidden;line-height:1.4;transition:background-color .8s ease}.shop-header{position:absolute;top:clamp(1.5rem,4vw,2.5rem);left:clamp(1.5rem,4vw,3rem);z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;transition:all .8s cubic-bezier(.16,1,.3,1)}.custom-brand{display:flex;align-items:center;gap:.8rem;pointer-events:none}.section-title{font-family:var(--font-heading);font-size:clamp(3rem,12vw,8.5rem);font-weight:400;text-align:center;letter-spacing:-.02em;margin-bottom:2rem;color:var(--stone);line-height:1}.statement-title{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;font-weight:600}.statement-content{font-family:var(--font-display);font-size:2.2rem;line-height:1.3;color:var(--stone);font-weight:400}:global(.shop-logo-svg){height:28px!important;width:auto!important;color:var(--stone)!important;fill:var(--stone)!important}:global(.shop-logo-svg path),:global(.shop-logo-svg polygon){fill:var(--stone)!important}.brand-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.brand-market{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.8;font-weight:500}#flashlight{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;background:radial-gradient(circle 300px at var(--mouse-x, -50%) var(--mouse-y, -50%),transparent 0%,rgba(0,0,0,.95) 100%);transition:opacity .8s cubic-bezier(.16,1,.3,1);opacity:0}body.midnight-mode #flashlight{opacity:1}body.footer-active #flashlight{opacity:0!important}body.footer-active .editorial-statement,body.footer-active .shop-header,body.footer-active .master-toggle{opacity:0!important;visibility:hidden;pointer-events:none}.flashlight-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2001;background:#0009;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);padding:2.5rem 3.5rem;border-radius:40px;pointer-events:none;opacity:0;visibility:hidden;transition:all .8s cubic-bezier(.16,1,.3,1);color:var(--stone);box-shadow:0 40px 100px #0009;max-width:90vw;width:500px;text-align:center}.hint-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hint-main{font-family:var(--font-heading);font-size:1.6rem;line-height:1.4;font-weight:400;margin:0}.hint-icon{width:32px;height:32px;opacity:.8;color:var(--gold)}body.midnight-mode:not(.hint-hidden) .flashlight-hint{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{box-shadow:0 0#e0c39966}70%{box-shadow:0 0 0 15px #e0c39900}to{box-shadow:0 0#e0c39900}}.editorial-statement{position:absolute;top:18vh;right:4vw;z-index:5;max-width:600px;pointer-events:none;transition:all 1.8s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(30px)}body.midnight-mode .editorial-statement{opacity:1!important;transform:translateY(0)}.statement-inner{display:flex;gap:3rem;align-items:flex-start;text-align:right}.statement-accent{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.vertical-text{writing-mode:vertical-rl;font-family:var(--font-ui);font-size:.5rem;letter-spacing:.4em;color:var(--gold);opacity:.4}.accent-line{width:1px;height:100px;background:linear-gradient(to bottom,var(--gold),transparent);opacity:.3}.statement-header{display:flex;justify-content:flex-end;align-items:center;gap:1.2rem;margin-bottom:2rem}.h-line{flex:1;height:1px;background:var(--muted-gold);max-width:40px}.edition-no{font-family:var(--font-ui);font-size:.6rem;color:var(--gold);border:1px solid var(--muted-gold);padding:3px 10px;border-radius:100px;letter-spacing:.15em;text-transform:uppercase}.kicker{font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.5em;color:var(--gold);opacity:.6}.main-claim{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(3rem,6vw,5.2rem);line-height:.95;color:var(--stone);letter-spacing:-.03em;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.5)}.statement-footer{margin-top:3.5rem;display:flex;flex-direction:column;align-items:flex-end}.sub-wrap{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.sub-quote{font-family:var(--font-ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);opacity:.5}.pacco-val{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:400;color:var(--stone);letter-spacing:-.02em;line-height:1;margin:0;position:relative}.pacco-val:after{content:"";position:absolute;bottom:-10px;right:0;width:60px;height:2px;background:var(--gold)}.master-toggle{position:fixed;top:2.1rem;right:clamp(1.5rem,4vw,3rem);z-index:200;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:.5rem 1.1rem .5rem .8rem;color:var(--stone);font-family:var(--font-ui);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;display:flex!important;align-items:center;gap:1rem;opacity:1;transition:opacity .3s ease,background .3s ease}body.midnight-mode .toggle-switch{animation:pulse-glow 2s infinite}.master-toggle:hover{opacity:1}.toggle-switch{width:32px;height:14px;background:#ffffff1a;border-radius:100px;position:relative;transition:background .4s ease}.toggle-knob{position:absolute;left:2px;top:2px;width:10px;height:10px;background:var(--stone);border-radius:50%;transition:transform .4s cubic-bezier(.16,1,.3,1)}body:not(.midnight-mode) .toggle-switch{background:var(--gold)}body:not(.midnight-mode) .toggle-knob{transform:translate(18px);background:#000}.main-wrapper{position:relative}.gallery-wrap{position:relative;height:100vh;z-index:1}.gallery-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg-black);z-index:1}.marquee-viewport{width:100%;display:flex;align-items:center;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}.marquee-track{display:flex;width:max-content;padding-left:15vw;align-items:center;will-change:transform}@keyframes scroll-fast{0%{transform:translate(0)}to{transform:translate(calc(-1*(var(--card-width) + 7rem)*9))}}.card{width:var(--card-width);height:var(--card-height);margin:0 3.5rem;perspective:2500px;cursor:pointer;position:relative}.card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform}.card.is-hovering .card-inner{transition:transform .1s ease-out}.product-frame{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateZ(60px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.visual-target{width:200px;height:200px;padding:1.5rem;position:relative;opacity:1;filter:blur(0) brightness(1);transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.visual-target img{width:100%;height:100%;object-fit:contain;transition:inherit}body.midnight-mode .visual-target{opacity:.5;filter:blur(15px) brightness(.25)}.info-panel{position:absolute;bottom:8%;left:0;width:100%;padding:0 2rem;opacity:0;transform:translateY(40px) translateZ(100px);transition:all .9s cubic-bezier(.16,1,.3,1);text-align:center;pointer-events:none;z-index:20}.card.active .info-panel{opacity:1;transform:translateY(0) translateZ(100px);pointer-events:auto}.title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3.8rem);font-weight:400;line-height:.85;margin-bottom:1.5rem;color:var(--stone);letter-spacing:-.03em;text-wrap:balance;word-break:keep-all;overflow-wrap:normal;hyphens:none;white-space:normal}.desc{font-family:var(--font-ui);font-size:.85rem;line-height:1.6;opacity:.9;color:var(--stone);font-weight:300;max-width:300px;margin:0 auto;letter-spacing:.01em;transform:translateZ(300px)}.card:hover .visual-target,.card.active .visual-target{filter:blur(0) brightness(1.2) drop-shadow(0 40px 100px #000);opacity:1}.card:hover .product-frame,.card.active .product-frame{transform:translateY(-10%) translateZ(250px) scale(1.1)}.card.active.suppressed .info-panel{opacity:0!important;transform:translateY(40px) translateZ(100px)!important;pointer-events:none!important}.card.active.suppressed .product-frame{transform:translateY(0) translateZ(60px) scale(1)!important}body.midnight-mode .card.active.suppressed .visual-target{filter:blur(15px) brightness(.25)!important;opacity:.5!important}body.light-on .card.active.suppressed .visual-target{filter:blur(0) brightness(1) drop-shadow(none)!important}.offline-badge{pointer-events:auto;cursor:pointer}.offline-badge h2{display:flex;align-items:center;gap:.8rem;font-family:var(--font-ui);font-size:.6rem;color:var(--stone);letter-spacing:.5em;text-transform:uppercase;line-height:1;padding:.8rem 1.8rem;border:1px solid rgba(255,255,255,.1);background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;font-weight:500;transition:all .6s var(--sbk-ease-expo);will-change:transform,border-color,box-shadow}.status-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block;position:relative}.status-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gold);border-radius:50%;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}@media (hover:hover){.offline-badge:hover h2{transform:scale(1.05) translateY(-2px);border-color:var(--gold);background:#0009;box-shadow:0 10px 40px oklch(var(--sbk-gold-rgb)/.15);color:var(--gold)}body.light-on .card:hover .info-panel{opacity:1;transform:translateY(0) translateZ(100px);pointer-events:auto}body.light-on .card:hover .visual-target,body.light-on .card.active .visual-target{filter:blur(0) brightness(1.1) drop-shadow(0 30px 60px rgba(224,195,153,.15))}body.light-on .marquee-track:has(.card:hover) .card.active:not(:hover) .info-panel{opacity:0!important;transform:translateY(40px) translateZ(100px)!important;pointer-events:none!important}body.light-on .marquee-track:has(.card:hover) .card.active:not(:hover) .product-frame{transform:translateY(0) translateZ(60px) scale(1)!important}body.light-on .marquee-track:has(.card:hover) .card.active:not(:hover) .visual-target{filter:blur(0) brightness(1) drop-shadow(none)!important}}body.midnight-mode .offline-badge{opacity:0;pointer-events:none}@media (max-width:1024px){.master-toggle,#flashlight,.flashlight-hint{display:none!important}.visual-target{opacity:1!important;filter:blur(0) brightness(1)!important}.editorial-statement{display:none!important}.shop-header{top:1.5rem;left:1.5rem;gap:.8rem}.offline-badge h2{font-size:.55rem;letter-spacing:.2em;padding:.6rem 1.2rem;background:#0009}.card .info-panel,.card .product-frame,.card .visual-target{transition:none!important}.card.active .info-panel{transform:translateY(0) translateZ(80px);bottom:5%}.card{width:340px;height:580px;margin:0 2rem}.title{font-size:clamp(2rem,10vw,3.2rem)}.card:hover .product-frame,.card.active .product-frame{transform:translateY(-12%) translateZ(180px) scale(1.1)}.marquee-viewport{position:relative;width:100%;display:flex;align-items:center;overflow:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.marquee-viewport:before,.marquee-viewport:after{content:"";position:absolute;top:0;bottom:0;width:20%;z-index:10;pointer-events:none}.marquee-viewport:before{left:0;background:linear-gradient(to right,var(--bg-black) 0%,transparent 100%)}.marquee-viewport:after{right:0;background:linear-gradient(to left,var(--bg-black) 0%,transparent 100%)}.marquee-track{display:flex;width:max-content;animation:none!important;padding-left:15vw;align-items:center;will-change:transform}.card{width:300px;height:480px;margin:0 1.5rem}.marquee-viewport:before,.marquee-viewport:after{width:22%}.visual-target{width:160px;height:160px;padding:1rem}}