body.shop-page{--ease-expo:cubic-bezier(.16, 1, .3, 1);--door-chamfer:clamp(12px, 1.4vw, 18px);background:radial-gradient(ellipse at 80% 8%, var(--room-hero-ember-wash) 0%, var(--room-transparent) 48%), radial-gradient(ellipse at 18% 92%, var(--room-hero-cyan-wash) 0%, var(--room-transparent) 48%), var(--room-black);height:auto;min-height:100svh;color:var(--ghost-cream);font-family:var(--font-ui);flex-direction:column;display:flex;overflow-x:hidden}body.shop-page .top-nav--room{z-index:100;max-width:none;margin-inline:0;position:relative}.shop-main{flex-direction:column;flex:1;gap:clamp(20px,3.4svh,40px);width:100%;max-width:1000px;min-height:0;margin-inline:auto;padding:clamp(20px,4svh,44px) 32px clamp(24px,4svh,48px);display:flex}.shop-doors{flex:1;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,26px);min-height:0;display:grid}.shop-door{--door-accent:var(--ember);color:inherit;min-height:0;text-decoration:none;display:block}.shop-door[aria-disabled=true]{cursor:default;pointer-events:none}.shop-door[data-door=merch]{--door-accent:var(--ember)}.shop-door[data-door=live]{--door-accent:var(--signal-cyan)}.door-frame{background:var(--room-black);height:100%;min-height:clamp(280px,42svh,640px);clip-path:polygon(var(--door-chamfer) 0%, calc(100% - var(--door-chamfer)) 0%, 100% var(--door-chamfer), 100% calc(100% - var(--door-chamfer)), calc(100% - var(--door-chamfer)) 100%, var(--door-chamfer) 100%, 0% calc(100% - var(--door-chamfer)), 0% var(--door-chamfer));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--door-accent) 22%, transparent));transition:filter .32s var(--ease-expo), transform .32s var(--ease-expo);position:relative;overflow:hidden}.door-frame:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 40%,#0006 66%,#000000db 100%);position:absolute;inset:0}.shop-door[aria-disabled=true] .door-frame{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--door-accent) 12%, transparent))}.door-bg{transition:transform .4s var(--ease-expo);background-position:50%;background-size:cover;position:absolute;inset:0}.shop-door[aria-disabled=true] .door-bg{filter:grayscale(.4)brightness(.62)}.door-rim{background:linear-gradient(135deg, color-mix(in srgb, var(--door-accent) 100%, transparent) 0%, color-mix(in srgb, var(--door-accent) 50%, transparent) 35%, color-mix(in srgb, var(--door-accent) 70%, transparent) 65%, color-mix(in srgb, var(--door-accent) 100%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:3;opacity:.86;transition:background .32s var(--ease-expo), opacity .32s var(--ease-expo);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.shop-door[aria-disabled=true] .door-rim{opacity:.5}.door-corners{pointer-events:none;z-index:4;position:absolute;inset:0}.dc-tl,.dc-tr,.dc-bl,.dc-br{opacity:.82;width:22px;height:22px;transition:opacity .25s;position:absolute}.shop-door[aria-disabled=true] .dc-tl,.shop-door[aria-disabled=true] .dc-tr,.shop-door[aria-disabled=true] .dc-bl,.shop-door[aria-disabled=true] .dc-br{opacity:.45}.dc-tl{border-top:2px solid var(--door-accent);border-left:2px solid var(--door-accent);top:7px;left:7px}.dc-tr{border-top:2px solid var(--door-accent);border-right:2px solid var(--door-accent);top:7px;right:7px}.dc-bl{border-bottom:2px solid var(--door-accent);border-left:2px solid var(--door-accent);bottom:7px;left:7px}.dc-br{border-bottom:2px solid var(--door-accent);border-right:2px solid var(--door-accent);bottom:7px;right:7px}.door-copy{z-index:5;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(20px,3vw,36px) clamp(20px,3vw,38px) clamp(22px,3vw,38px);display:flex;position:absolute;bottom:0;left:0;right:0}.door-label{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--door-accent);text-shadow:0 0 1px color-mix(in srgb, var(--door-accent) 90%, transparent), 0 0 18px color-mix(in srgb, var(--door-accent) 55%, transparent), 0 0 36px color-mix(in srgb, var(--door-accent) 25%, transparent);transition:text-shadow .32s var(--ease-expo);font-size:clamp(1.3rem,2.4vw,2.2rem);font-weight:300;line-height:1}.door-sub{color:color-mix(in srgb, var(--ghost-cream) 82%, transparent);text-wrap:pretty;max-width:34ch;font-size:clamp(.85rem,1.15vw,1rem);line-height:1.45}.door-cta{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--door-accent);border:1.5px solid color-mix(in srgb, var(--door-accent) 60%, transparent);background:color-mix(in srgb, var(--room-black) 55%, transparent);transition:background .28s var(--ease-expo), border-color .28s var(--ease-expo), color .28s var(--ease-expo);border-radius:2px;align-items:center;gap:8px;margin-top:4px;padding:9px 16px;font-size:.72rem;font-weight:600;display:inline-flex}.door-cta[data-state=soon]{color:color-mix(in srgb, var(--door-accent) 78%, var(--ghost-cream));border-style:dashed;border-color:color-mix(in srgb, var(--door-accent) 45%, transparent);letter-spacing:.26em}.door-cta-arrow{width:16px;height:16px;transition:transform .28s var(--ease-expo)}@media (hover:hover){.shop-door:not([aria-disabled=true]):hover .door-frame{filter:drop-shadow(0 0 34px color-mix(in srgb, var(--door-accent) 36%, transparent)) drop-shadow(0 18px 38px var(--room-dark-shadow));transform:translateY(-5px)}.shop-door:not([aria-disabled=true]):hover .door-bg{transform:scale(1.045)}.shop-door:not([aria-disabled=true]):hover .door-rim,.shop-door:not([aria-disabled=true]):hover .dc-tl,.shop-door:not([aria-disabled=true]):hover .dc-tr,.shop-door:not([aria-disabled=true]):hover .dc-bl,.shop-door:not([aria-disabled=true]):hover .dc-br{opacity:1}.shop-door:not([aria-disabled=true]):hover .door-cta{background:var(--door-accent);border-color:var(--door-accent);color:var(--room-black)}.shop-door:not([aria-disabled=true]):hover .door-cta-arrow{transform:translate(3px)}}.shop-door:focus-visible{outline:none}.shop-door:focus-visible .door-frame{outline:2px solid var(--room-focus-ring);outline-offset:4px}.shop-door:not([aria-disabled=true]):active .door-frame{transform:translateY(-1px)scale(.99)}@media (width<=860px){.shop-main{padding:clamp(20px,4svh,44px) 20px clamp(24px,4svh,48px)}.shop-doors{grid-template-columns:1fr;gap:16px}.door-frame{min-height:clamp(260px,40svh,380px)}.door-label{font-size:clamp(1.5rem,6.5vw,2rem)}}@media (prefers-reduced-motion:reduce){.door-frame,.door-bg,.door-rim,.door-label,.door-cta,.door-cta-arrow,.dc-tl,.dc-tr,.dc-bl,.dc-br{transition:none}.shop-door:hover .door-frame,.shop-door:active .door-frame,.shop-door:hover .door-bg{transform:none}}