*{box-sizing:border-box}html,body,#root{margin:0;padding:0}html,body{background:#15120f}:root{--p1:#2C2924;--p2:#211E1A;--p3:#15120F;--ink:#ECE4D4;--muted:rgba(236,228,212,.5);--line:rgba(236,228,212,.16);--border:rgba(236,228,212,.24);--faint:rgba(236,228,212,.34);--grain:.22;--grain-blend:overlay;--accent:#2B2620;--tint-opacity:.62}@keyframes stampIn{0%{opacity:0;transform:scale(1.5) rotate(-12deg)}55%{opacity:1;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes sealBreathe{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(-4deg) scale(1.035)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stage{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;background:var(--p3);font-family:Schibsted Grotesk,system-ui,sans-serif;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:80px 32px;transition:background .6s ease,color .6s ease}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.video-bg.is-ready{opacity:1}.video-bg iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.25);width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;border:0;pointer-events:none}.tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 18%,var(--p1) 0%,var(--p2) 48%,var(--p3) 100%);opacity:var(--tint-opacity);transition:opacity .6s ease}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:var(--grain-blend);opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,transparent 55%,rgba(0,0,0,.1) 100%)}.card{position:relative;z-index:2;width:100%;max-width:420px}.seal{width:64px;height:64px;background:var(--accent);color:#efe7d6;display:flex;align-items:center;justify-content:center;font-family:Shippori Mincho,serif;font-weight:600;font-size:34px;border-radius:3px;box-shadow:0 0 0 1.5px #efe7d64d inset,0 5px 16px #0003;transform-origin:center;animation:stampIn .9s cubic-bezier(.34,1.4,.5,1) .15s both,sealBreathe 7s ease-in-out 1.4s infinite}.name{margin:34px 0 0;font-weight:600;font-size:clamp(46px,11vw,68px);letter-spacing:-.035em;line-height:.95;color:var(--ink);opacity:0;animation:rise .8s ease .3s both}.subtitle{margin-top:12px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;animation:rise .8s ease .42s both}.subtitle .jp{font-family:Shippori Mincho,serif;letter-spacing:.12em}.divider{margin:36px 0 30px;height:1px;transform-origin:left;background:var(--line);animation:grow .9s cubic-bezier(.4,.8,.3,1) .5s both}.links{display:flex;gap:16px}.links .link{flex:1;display:flex;align-items:center;justify-content:center;height:58px;border:1px solid var(--border);border-radius:4px;color:var(--ink);text-decoration:none;background:transparent;font:inherit;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);opacity:0;animation:rise .7s ease var(--d,.58s) both}.links .link:hover{background:var(--accent);color:#efe7d6;border-color:var(--accent);transform:translateY(-5px)}.links .link svg{width:24px;height:24px;display:block;fill:currentColor}.footer{position:fixed;left:0;right:0;bottom:24px;z-index:4;text-align:center;margin:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);opacity:0;animation:rise .8s ease .9s both}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px;font-family:Schibsted Grotesk,system-ui,sans-serif;color:var(--ink);--a:30deg;--na:-30deg;--kat2:-150deg}.gate-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 50% 18%,var(--p1) 0%,var(--p2) 48%,var(--p3) 100%)}.gate-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.gate .gate-seal{margin:0}.gate-name{margin:26px 0 0;font-weight:600;font-size:34px;letter-spacing:-.03em;color:var(--ink);opacity:0;animation:rise .8s ease .25s both}.enter{margin-top:30px;cursor:pointer;display:inline-flex;align-items:baseline;gap:.45em;padding:14px 32px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:4px;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);opacity:0;animation:rise .8s ease .4s both}.enter .jp{font-family:Shippori Mincho,serif;letter-spacing:.12em;text-transform:none}.enter:hover{background:var(--accent);color:#efe7d6;border-color:var(--accent);transform:translateY(-3px)}.gate--cut2 .gate-inner,.gate--shatter .gate-inner{opacity:0;transition:opacity .18s ease}.katana{position:absolute;left:50%;top:50%;z-index:9;width:48vmin;margin:-7vmin 0 0 -24vmin;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.katana svg{width:100%;height:auto;display:block}.gate--draw .katana{animation:katanaIn .6s ease both}.gate--cut1 .katana{animation:sweep1 .7s cubic-bezier(.45,0,.55,1) both}.gate--cut2 .katana{animation:sweep2 .7s cubic-bezier(.45,0,.55,1) both}@keyframes katanaIn{0%{opacity:0;transform:translate(-58vw,58vh) rotate(var(--na)) scale(.9)}to{opacity:1;transform:translate(-58vw,58vh) rotate(var(--na)) scale(1)}}@keyframes sweep1{0%{opacity:1;transform:translate(-72vw,72vh) rotate(var(--na))}to{opacity:1;transform:translate(72vw,-72vh) rotate(var(--na))}}@keyframes sweep2{0%{opacity:1;transform:translate(72vw,72vh) rotate(var(--kat2))}to{opacity:1;transform:translate(-72vw,-72vh) rotate(var(--kat2))}}.cut{position:absolute;left:50%;top:50%;z-index:8;width:260vmax;height:3px;margin:-1.5px 0 0 -130vmax;background:linear-gradient(90deg,transparent 6%,rgba(255,238,214,.85) 46%,#fff 50%,rgba(255,238,214,.85) 54%,transparent 94%);box-shadow:0 0 14px #fff0dcd9,0 0 36px #ffd2a080;opacity:0;transform:rotate(var(--rot)) scaleX(.04)}.cut1{--rot:var(--na)}.cut2{--rot:var(--a)}.gate--cut1 .cut1,.gate--cut2 .cut1,.gate--cut2 .cut2{animation:cutflash .7s ease forwards}@keyframes cutflash{0%{opacity:0;transform:rotate(var(--rot)) scaleX(.04)}35%{opacity:1}70%{opacity:1;transform:rotate(var(--rot)) scaleX(1)}to{opacity:.62;transform:rotate(var(--rot)) scaleX(1)}}.shards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;opacity:0;pointer-events:none}.gate--shatter .shards{opacity:1}.shard{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity;background:radial-gradient(120% 90% at 50% 18%,var(--p1) 0%,var(--p2) 48%,var(--p3) 100%);box-shadow:0 0 50px #0000004d}.shard-top{clip-path:polygon(0 0,100% 0,50% 50%)}.shard-right{clip-path:polygon(100% 0,100% 100%,50% 50%)}.shard-bottom{clip-path:polygon(100% 100%,0 100%,50% 50%)}.shard-left{clip-path:polygon(0 100%,0 0,50% 50%)}.gate--shatter .shard-top{animation:shTop 1.3s cubic-bezier(.36,0,.66,1) both}.gate--shatter .shard-right{animation:shRight 1.3s cubic-bezier(.36,0,.66,1) both}.gate--shatter .shard-bottom{animation:shBottom 1.3s cubic-bezier(.36,0,.66,1) both}.gate--shatter .shard-left{animation:shLeft 1.3s cubic-bezier(.36,0,.66,1) both}@keyframes shTop{to{transform:translate(4vw,-78vh) rotate(-7deg);opacity:0}}@keyframes shRight{to{transform:translate(82vw,8vh) rotate(9deg);opacity:0}}@keyframes shBottom{to{transform:translate(-4vw,82vh) rotate(7deg);opacity:0}}@keyframes shLeft{to{transform:translate(-82vw,8vh) rotate(-9deg);opacity:0}}.gate--shatter .gate-bg,.gate--shatter .grain,.gate--shatter .vignette{opacity:0;transition:opacity .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayIn .25s ease both}.modal{position:relative;width:100%;max-width:300px;padding:28px 24px 24px;border-radius:8px;background:var(--p2);border:1px solid var(--border);box-shadow:0 18px 50px #00000073;color:var(--ink);text-align:center;font-family:Schibsted Grotesk,system-ui,sans-serif;animation:modalIn .3s cubic-bezier(.2,.8,.3,1) both}.modal-x{position:absolute;top:6px;right:10px;background:none;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:4px;transition:color .25s ease}.modal-x:hover{color:var(--ink)}.modal-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.copy-row{display:flex;gap:10px;align-items:stretch}.copy-value{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:#7f7f7f1a;border:1px solid var(--border);border-radius:5px}.copy-btn{padding:0 14px;font:inherit;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.copy-btn:hover{background:var(--accent);color:#efe7d6;border-color:var(--accent)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.gate-name,.enter,.seal,.name,.subtitle,.divider,.links .link,.footer{animation:none!important;opacity:1!important}.seal{transform:rotate(-4deg)}.video-bg{transition:none}.katana,.cut,.shards{display:none!important}.modal-overlay,.modal{animation:none!important}}