*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background:#fff;color:#000;-webkit-font-smoothing:antialiased}::selection{background:#000;color:#fff}:root{--pad-x:clamp(1.25rem,4.5vw,5rem);--header-pt:clamp(1.25rem,2.5vh,2.5rem);--gap-nav:clamp(1rem,2.2vw,2.25rem);--logo:clamp(1.35rem,1.2vw + .9rem,2.1rem);--nav:clamp(.65rem,.35vw + .5rem,.875rem);--headline:clamp(2.15rem,4.5vw + .75rem,5.25rem);--body:clamp(.7rem,.35vw + .55rem,.9rem)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible{outline:2px solid black;outline-offset:5px}.page{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.background>div{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.reveal{mask-size:100% 100%;-webkit-mask-size:100% 100%;-webkit-mask-image:radial-gradient(circle 240px at 50% 50%,#000,transparent);mask-image:radial-gradient(circle 240px at 50% 50%,#000,transparent)}.background .grid{opacity:.1;background-image:linear-gradient(#64748b .6px,transparent .6px),linear-gradient(90deg,#64748b .6px,transparent .6px);background-size:48px 48px}header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--header-pt) var(--pad-x) clamp(.75rem,1.5vh,1.5rem)}.logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:var(--logo);letter-spacing:.15em}nav{display:flex;align-items:center;gap:var(--gap-nav)}nav button{font-size:var(--nav);font-weight:500;letter-spacing:.16em}nav button:hover{opacity:.5}nav>span{color:#aaa}.bag{position:relative}.bag b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;border-radius:50%;width:16px;height:16px;background:#000;color:#fff;font-size:9px}main{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:space-between;padding:clamp(1.25rem,4vh,4rem) var(--pad-x);min-height:calc(100svh - 100px)}h1{font-family:Orbitron,sans-serif;font-weight:800;font-size:var(--headline);line-height:1.05;letter-spacing:.08em;margin:12px 0}h1 svg{width:clamp(2.75rem,4.5vw,6.5rem);height:clamp(1.35rem,2.2vw,3rem);display:inline-block}.corner{display:block;font-size:24px;line-height:1}.bottom{margin:0 0 32px}.shop{display:inline-flex;align-items:center;gap:20px;border:1px solid #9ca3af;border-radius:6px;padding:12px 24px;font-size:var(--body);letter-spacing:.18em;transition:all .2s}.shop:hover{background:#000;color:#fff;border-color:#000}.feature{align-self:flex-end;position:relative;min-width:clamp(13rem,18vw,20rem);padding:clamp(1rem,1.5vw,1.75rem);border:1px solid transparent;background:linear-gradient(#000,#000) left top/12px 1px no-repeat,linear-gradient(#000,#000) left top/1px 12px no-repeat,linear-gradient(#000,#000) right top/12px 1px no-repeat,linear-gradient(#000,#000) right top/1px 12px no-repeat,linear-gradient(#000,#000) left bottom/12px 1px no-repeat,linear-gradient(#000,#000) left bottom/1px 12px no-repeat,linear-gradient(#000,#000) right bottom/12px 1px no-repeat,linear-gradient(#000,#000) right bottom/1px 12px no-repeat}.feature>svg{width:clamp(2.25rem,2.5vw + 1rem,3.25rem);margin-bottom:16px}.feature p{font-size:var(--body);font-weight:600;letter-spacing:.18em;line-height:1.7}.mobileimage{display:none}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.backdrop aside{position:absolute;right:0;top:0;bottom:0;width:clamp(18rem,28vw,28rem);max-width:100%;background:#fff;border-left:1px solid #ddd;padding:clamp(1.25rem,2.5vw,2.25rem);overflow:auto;animation:slide .3s ease-out}.backdrop header{padding:0 0 32px;gap:12px}.backdrop h2{font:700 18px Orbitron,sans-serif}.backdrop small{font-size:10px;color:#777;letter-spacing:.12em}.backdrop article{padding:24px 0;border-bottom:1px solid #e5e7eb}.backdrop h3{font-size:14px;font-weight:600;line-height:1.5;margin:8px 0 14px}.backdrop article>div{display:flex;justify-content:space-between;font-size:13px}.backdrop article button{font-size:10px;text-decoration:underline}.backdrop article p{color:#666;font-size:13px;line-height:1.7}.backdrop footer{font-size:8px;color:#888;letter-spacing:.08em;text-align:center;margin-top:40px}.total{display:flex;justify-content:space-between;padding:24px 0;font-size:13px}.checkout{background:#000;color:#fff;padding:16px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.14em}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:300px;font-size:13px;color:#888}.toast{position:fixed;top:20px;right:20px;max-width:calc(100vw - 40px);z-index:60;background:#000;color:#fff;padding:18px 22px;display:flex;gap:12px;align-items:center;font-size:12px}.backdrop article button:hover{opacity:.5}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}@media(max-width:1023px){.background{display:none}main{min-height:auto;flex-direction:column;align-items:flex-start;gap:48px}.feature{align-self:flex-start}.mobileimage{display:block;border:1px solid #e5e7eb;margin:24px var(--pad-x);aspect-ratio:16/9}.mobileimage img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(2.15rem,7vw,5.25rem)}nav{gap:16px}nav button{font-size:10px;letter-spacing:.1em}}@media(max-width:639px){header{align-items:flex-start;gap:20px;flex-direction:column}nav{width:100%;justify-content:space-between;gap:10px}main{padding-top:35px}.mobileimage{aspect-ratio:4/5}.backdrop aside{width:min(100%,380px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.background>.parallax-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.1;pointer-events:none}.shop>svg{transition:transform .2s}.shop:hover>svg{transform:translate(2px,-2px)}