@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#f4f2ed;background:#090a0a;--accent:#f8b438;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}#experience{height:100svh;min-height:680px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 57%,#353635,#171919 33%,#090a0a 70%)}.grain{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.ambient{position:absolute;inset:45% -20% -55%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 25%,transparent),transparent 60%);transition:background 1s;filter:blur(35px)}header{height:110px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;margin:0 3.6%;border-bottom:1px solid #ffffff18}.wordmark{position:absolute;left:50%;transform:translate(-50%) rotate(-5deg);font-family:Arial,sans-serif;font-size:30px;line-height:.76;font-weight:1000;letter-spacing:-2.8px}.wordmark span{position:absolute;font:10px Arial;right:-12px;bottom:0}.plain{background:none;padding:12px 0;font-size:10px;font-weight:600;letter-spacing:1px}.sound{display:flex;align-items:center;gap:12px}.equalizer{display:flex;align-items:center;gap:3px;height:15px}.equalizer i{width:2px;height:5px;background:var(--accent)}.equalizer i:nth-child(2){height:13px}.equalizer i:nth-child(3){height:9px}.sound[aria-pressed=true] i{animation:equalize .7s infinite alternate}.sound[aria-pressed=true] i:nth-child(2){animation-delay:.3s}@keyframes equalize{to{height:3px}}nav{display:flex;align-items:center;gap:30px}.menu-icon{font-size:19px;vertical-align:middle;margin-right:9px}.shop{font-size:10px;font-weight:800;letter-spacing:.6px;display:inline-flex;align-items:center;gap:22px;padding:16px 20px;border-radius:3px;color:#0b0b0b;background:#f4f2ed;transition:background .2s,box-shadow .2s}.shop:hover{background:var(--accent);box-shadow:0 0 25px #ffffff18}.topline{position:absolute;top:137px;left:3.6%;right:3.6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#b0b1ac;z-index:5}.lamp{position:absolute;left:50%;top:100px;width:270px;height:45px;transform:translate(-50%);border-radius:50%;background:linear-gradient(#070808,#282b2a 50%,#a9adaa 55%,#222524 63%,#080909 80%);box-shadow:0 20px 55px #ffffff0f;z-index:2}.lamp div{position:absolute;inset:22px 36px 4px;border-radius:50%;border:1px solid #dededeb0;box-shadow:0 0 20px #ffffff26,inset 0 0 9px #fff5}.beam{position:absolute;left:50%;top:133px;width:800px;height:68%;transform:translate(-50%);clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);background:linear-gradient(#ffffff08,transparent);filter:blur(20px);pointer-events:none}.backtype{position:absolute;top:24%;width:100%;text-align:center;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(100px,17vw,260px);font-weight:800;line-height:.8;letter-spacing:-.02em;color:#ffffff04;pointer-events:none}.backtype em{-webkit-text-stroke:1px #ffffff10;color:transparent}#stage{position:absolute;inset:14% 0 26%;touch-action:pan-y;cursor:grab;z-index:3}#stage:active{cursor:grabbing}#stage canvas{display:block;width:100%;height:100%}#fallback{position:absolute;height:94%;max-width:65%;object-fit:contain;left:50%;top:4%;transform:translate(-50%) rotate(-9deg);filter:drop-shadow(12px 22px 25px #0009)}.webgl #fallback{display:none}.side-note{position:absolute;top:49%;font-size:8px;letter-spacing:2px;z-index:5;writing-mode:vertical-rl;color:#a8aaa4}.side-note span{color:#60635e;margin-top:16px}.left-note{left:3.6%;transform:rotate(180deg)}.right-note{right:3.6%}.arrow{position:absolute;top:47%;z-index:6;background:#ffffff04;border:1px solid #ffffff27;border-radius:50%;width:48px;height:48px;font-size:23px;transition:background .2s,transform .2s}.arrow:hover{background:#ffffff18;transform:scale(1.08)}.prev{left:35%}.next{right:35%}.product-copy{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;width:90%;z-index:5;pointer-events:none}.product-copy button{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-family:Barlow Condensed,Impact,sans-serif;font-style:italic;font-size:clamp(48px,5vw,77px);font-weight:900;line-height:.95;margin:10px 0 9px;letter-spacing:-1px}.product-copy p{font-size:11px;color:#b6b7b2;margin:0 0 15px}.detail-button{background:none;font-size:8px;letter-spacing:1px;border-bottom:1px solid #ffffff40;padding:0 0 7px}.detail-button span{margin-left:10px;color:var(--accent)}footer{position:absolute;bottom:27px;left:3.6%;right:3.6%;display:flex;align-items:end;justify-content:space-between;z-index:6}.footer-note{font-size:8px;color:#92958e;line-height:1.8;letter-spacing:1px}.footer-note strong{font-weight:500;color:#dedfd6}.footer-note.right{text-align:right}.selector{position:absolute;left:50%;transform:translate(-50%);width:330px;text-align:center}#swatches{display:flex;gap:7px;align-items:center;justify-content:center}#swatches button{background:transparent;width:34px;height:30px;position:relative;padding:0}#swatches button:before{content:"";display:block;height:3px;background:var(--swatch);opacity:.45;transition:opacity .2s,transform .2s}#swatches button:hover:before,#swatches button[aria-pressed=true]:before{opacity:1;transform:scaleY(2)}#swatches button[aria-pressed=true]:after{content:"";position:absolute;left:14px;top:12px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--swatch)}.selector p{font-size:7px;letter-spacing:1.7px;color:#969b93;margin:7px 0 0}.selector p span{margin:0 12px}dialog{position:fixed;inset:0;width:min(900px,92vw);max-height:90svh;padding:35px;background:#151715;color:#eee;border:1px solid #ffffff26;border-radius:6px;z-index:20}dialog::backdrop{background:#020404ba;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#abb1a6}h2{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(48px,7vw,90px);line-height:.95;letter-spacing:-1px}h2 em{color:var(--accent)}#flavour-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px}#flavour-menu button{background:#ffffff06;border:1px solid #ffffff15;padding:18px 10px;font-size:11px;text-transform:uppercase}#flavour-menu button:hover{background:#ffffff18}#flavour-menu i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--swatch);margin-right:8px}.external{font-size:10px;letter-spacing:1px}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:30px 0}.detail-layout img{max-height:55svh;max-width:100%;justify-self:center;transform:rotate(-8deg)}.detail-layout h2{margin:18px 0}.detail-layout p{color:#bfc5ba;font-size:14px;line-height:1.9;margin:0 0 30px}@media(min-width:1600px){#stage{inset:14% 0 26%}}@media(max-width:700px){#experience{min-height:620px}header{height:90px;margin:0 6%}.wordmark{font-size:25px}.sound{font-size:8px;gap:7px}nav{gap:0}nav>.shop{display:none}nav .plain{font-size:9px}.topline{top:113px;left:6%;right:6%;font-size:6px;letter-spacing:1px}.lamp{top:90px;width:170px;height:33px}.lamp div{inset:16px 26px 3px}.beam{top:114px;width:450px}.backtype{top:32%;font-size:28vw}#stage{inset:18% 0 29%}.prev{left:10%}.next{right:10%}.arrow{width:39px;height:39px;top:45%}.side-note{font-size:6px;letter-spacing:1.4px}.left-note{left:5%}.right-note{right:5%}.product-copy{bottom:13%}h1{font-size:58px}.eyebrow{font-size:7px}.product-copy p{font-size:10px}.footer-note{display:none}footer{bottom:28px}.selector{width:290px}#swatches{gap:3px}#swatches button{width:30px}.selector p{font-size:6px}dialog{padding:23px}#flavour-menu{grid-template-columns:repeat(2,1fr)}.detail-layout{gap:20px}.detail-layout img{max-height:260px}.detail-layout h2{font-size:42px;overflow-wrap:anywhere}.detail-layout p{font-size:11px}.detail-layout .shop{font-size:8px;padding:12px;line-height:1.6}.detail-layout .eyebrow{font-size:6px}.dialog-top{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}