@font-face{font-family:Wanted Sans;src:url(/fonts/WantedSansVariable.woff2) format("woff2"),url(/fonts/WantedSansVariable.woff) format("woff");font-weight:400 900;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #ffffff;--bg-soft: #ffffff;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .92);--text: #111111;--muted: #666666;--line: rgba(17, 17, 17, .14);--accent: #1f1f1f;--accent-strong: #000000;--cyan: #707070;--lime: #3f3f3f;--violet: #555555;--shadow: 0 34px 94px rgba(0, 0, 0, .28);--control-shadow: 0 16px 38px rgba(0, 0, 0, .15);--keyring-shadow: drop-shadow(0 30px 58px rgba(0, 0, 0, .25)) drop-shadow(0 12px 24px rgba(0, 0, 0, .14));--page-width: 430px;--page-gutter: 14px}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0c0c;--bg-soft: #171717;--surface: rgba(30, 30, 30, .68);--surface-strong: rgba(24, 24, 24, .92);--text: #f2f2f2;--muted: #b5b5b5;--line: rgba(242, 242, 242, .16);--accent: #dedede;--accent-strong: #ffffff;--cyan: #a5a5a5;--lime: #d8d8d8;--violet: #c4c4c4;--shadow: 0 28px 80px rgba(0, 0, 0, .46);--control-shadow: 0 12px 30px rgba(0, 0, 0, .08);--keyring-shadow: drop-shadow( 0 24px 42px color-mix(in srgb, var(--text) 18%, transparent) ) drop-shadow(0 8px 16px color-mix(in srgb, var(--text) 10%, transparent))}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:auto}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Wanted Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}main{width:min(100%,var(--page-width));margin-inline:auto}.hero-gallery{position:relative;display:grid;grid-template-columns:1fr;gap:12px;align-items:center;min-height:94vh;padding:64px var(--page-gutter) 74px;text-align:center}.hero-copy{z-index:2;justify-self:center;max-width:100%}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin:0 0 16px;color:var(--accent-strong);font-weight:800;font-size:.95rem}.hero-copy h1{margin:0;font-size:6.4rem;font-weight:900;line-height:.82}.hero-email{display:inline-block;margin-top:14px;color:var(--muted);font-size:.86rem;font-weight:700;line-height:1.2;text-decoration:none}.hero-email:hover,.hero-email:focus-visible{color:var(--text);text-decoration:underline;text-underline-offset:4px}.gallery-shell{position:relative;min-width:0}.gallery-stage{position:relative;width:min(100%,420px);height:clamp(430px,58vh,560px);min-height:0;max-height:560px;margin:0 auto;perspective:1000px}.art-slide{position:absolute;inset:0;display:grid;place-items:center;margin:0;opacity:0;transform:translate3d(0,12px,-120px) rotateY(0) scale(.86);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .6s ease;pointer-events:none;filter:none}.art-slide img{max-width:86%;max-height:100%;object-fit:contain;border-radius:6px;filter:drop-shadow(var(--shadow))}.art-slide.is-active{z-index:3;opacity:1;transform:translateZ(0) rotateY(0) scale(1);pointer-events:auto;filter:none}.art-slide.is-prev{z-index:1;opacity:.22;transform:translate3d(-16%,-4px,-180px) rotateY(8deg) scale(.68)}.art-slide.is-next{z-index:1;opacity:.22;transform:translate3d(16%,-4px,-180px) rotateY(-8deg) scale(.68)}.gallery-controls{display:grid;grid-template-columns:42px minmax(150px,280px) 42px;gap:12px;align-items:center;justify-content:center;margin-top:8px}.gallery-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:var(--control-shadow);transition:transform .18s ease,border-color .18s ease}.gallery-arrow:hover,.gallery-arrow:focus-visible{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));transform:translateY(-2px)}.gallery-progress{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:var(--muted);font-weight:800;font-size:.86rem}.gallery-bar{position:relative;height:3px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--text) 14%,transparent)}.gallery-bar span{position:absolute;inset:0;width:33.333%;border-radius:inherit;background:linear-gradient(90deg,var(--text),var(--muted));transform-origin:left center;transition:width .42s ease}.scroll-cue{position:fixed;bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));left:50%;z-index:20;display:inline-flex;flex-direction:column;gap:6px;align-items:center;width:min(calc(100% - 32px),240px);color:color-mix(in srgb,var(--text) 72%,transparent);font-size:.74rem;font-weight:400;line-height:1.2;text-align:center;text-decoration:none;text-shadow:0 1px 18px var(--bg);translate:-50% 0;opacity:1;transition:color .18s ease,opacity .18s ease,translate .18s ease}.scroll-cue:hover,.scroll-cue:focus-visible{color:var(--text)}.scroll-cue:focus-visible{outline:2px solid color-mix(in srgb,var(--text) 72%,transparent);outline-offset:6px;border-radius:8px}.scroll-cue.is-hidden{pointer-events:none;translate:-50% 8px;opacity:0}.scroll-cue-icon{animation:scroll-cue-bob 1.5s ease-in-out infinite}.goods-story{position:relative;min-height:100svh;padding:0 var(--page-gutter);background:transparent}.goods-sticky{position:sticky;top:0;min-height:100svh;padding:0}.goods-copy{position:absolute;top:clamp(72px,14vh,132px);left:0;right:0;z-index:3;width:100%;max-width:100%;text-align:center}.goods-copy h2{max-width:13ch;margin:0 auto;font-size:2.5rem;font-weight:850;line-height:1.15}.goods-copy p:not(.eyebrow){margin:14px 0 0;color:var(--muted);font-weight:650;font-size:1rem;line-height:1.85}.goods-visual{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100svh;min-height:0;max-height:none;pointer-events:none}.keyring-stage{--keyring-overlay: 0;--keyring-scale: .95;--keyring-y: 14px;--keyring-rotate: -2deg;position:relative;display:grid;place-items:center;width:min(82vw,360px);min-width:0;max-height:min(62vh,560px);aspect-ratio:976 / 1326;isolation:isolate;translate:0 7vh}.keyring-stage.is-keyring-visible{--keyring-overlay: 1;--keyring-scale: 1;--keyring-y: 0px;--keyring-rotate: 0deg}.keyring-art{position:relative;width:100%;aspect-ratio:976 / 1326;transform:translateY(var(--keyring-y)) rotate(var(--keyring-rotate)) scale(var(--keyring-scale));transform-origin:center 56%;filter:var(--keyring-shadow);transition:transform 1.4s cubic-bezier(.22,1,.36,1);will-change:transform}.keyring-shine{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;mix-blend-mode:screen}.keyring-stage.is-keyring-visible .keyring-shine{animation:keyring-shine-opacity 4.8s linear infinite}.keyring-shine:before,.keyring-shine:after{position:absolute;inset:0;content:"";background:linear-gradient(116deg,transparent 16%,rgba(255,255,255,.1) 31%,rgba(255,255,255,.46) 42%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.4) 58%,rgba(255,255,255,.12) 69%,transparent 84%);background-size:280% 100%;background-position:140% center;background-repeat:no-repeat;filter:blur(1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.keyring-stage.is-keyring-visible .keyring-shine:before,.keyring-stage.is-keyring-visible .keyring-shine:after{animation:keyring-shine-sweep 4.8s linear infinite}.keyring-shine:before{-webkit-mask-image:var(--keyring-base-mask);mask-image:var(--keyring-base-mask)}.keyring-shine:after{opacity:.9;-webkit-mask-image:var(--keyring-overlay-mask);mask-image:var(--keyring-overlay-mask)}.keyring-layer{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}.keyring-overlay{position:absolute;inset:0;z-index:2;opacity:var(--keyring-overlay);transition:opacity 1.1s ease .18s;will-change:opacity}@keyframes keyring-shine-opacity{0%{opacity:0}4%,28%{opacity:.82}42%,to{opacity:0}}@keyframes keyring-shine-sweep{0%{background-position:140% center}42%,to{background-position:-140% center}}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:560px){.hero-gallery{padding-right:14px;padding-left:14px}.gallery-stage{height:clamp(392px,58vh,520px)}.art-slide img{max-width:86%}.gallery-controls{grid-template-columns:38px minmax(130px,1fr) 38px}.gallery-arrow{width:38px;height:38px}.scroll-cue{bottom:max(14px,calc(env(safe-area-inset-bottom) + 14px));width:min(calc(100% - 28px),220px);font-size:.7rem}.goods-story{padding-right:14px;padding-left:14px}.goods-copy{top:64px}.keyring-stage{width:min(92%,320px);max-height:min(58vh,480px);translate:0 6vh}}@media(min-width:720px){.gallery-stage{height:clamp(500px,66vh,640px);perspective:1500px}.art-slide{transform:translate3d(0,18px,-170px) rotateY(0) scale(.82)}.art-slide img{max-width:min(88%,520px);max-height:100%}.art-slide.is-prev{opacity:.36;transform:translate3d(-34%,12px,-250px) rotateY(15deg) scale(.72)}.art-slide.is-next{opacity:.36;transform:translate3d(34%,12px,-250px) rotateY(-15deg) scale(.72)}.goods-copy{top:clamp(88px,13vh,128px)}.keyring-stage{width:min(82vw,390px);max-height:min(64vh,600px);translate:0 8vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.art-slide,.art-slide.is-prev,.art-slide.is-next,.art-slide.is-active{transform:none}.keyring-stage.is-keyring-complete .keyring-shine,.keyring-stage.is-keyring-complete .keyring-shine:before,.keyring-stage.is-keyring-complete .keyring-shine:after{animation:none!important}.scroll-cue-icon{animation:none!important}.keyring-stage.is-keyring-complete .keyring-shine{opacity:.32}.keyring-art,.keyring-overlay{transition-delay:0ms!important}.keyring-stage.is-keyring-complete .keyring-shine:before,.keyring-stage.is-keyring-complete .keyring-shine:after{background-position:8% center}}