:root{--bg: #060608;--ink: #f2f0ea;--muted: #9a9aa3;--accent: #9aa6b2;--accent-rgb: 154, 166, 178;--display: "Big Shoulders Display", "Arial Narrow", sans-serif;--body: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--jp: "Noto Serif JP", serif;--gutter: clamp(16px, 5vw, 72px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#000}a{color:inherit}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;background:radial-gradient(60% 60% at 60% 50%,rgba(var(--accent-rgb),.18),transparent 70%),var(--bg)}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:3;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);mix-blend-mode:normal}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--mono);font-size:13px;letter-spacing:.18em}.brand b{font-weight:600}.top-cta{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-decoration:none;padding:10px 18px;border:1px solid rgba(var(--accent-rgb),.55);border-radius:999px;background:#06060866;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,color .3s,border-color .6s}.top-cta:hover{background:var(--accent);color:#000}.rail{position:fixed;left:var(--gutter);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.rail ol{list-style:none;display:flex;flex-direction:column;gap:10px}.rail li button{display:block;width:10px;height:10px;border-radius:50%;border:0;cursor:pointer;background:var(--c);opacity:.28;transform:scale(.8);transition:opacity .4s,transform .4s,box-shadow .4s}.rail li button[aria-current=true]{opacity:1;transform:scale(1.25);box-shadow:0 0 14px var(--c)}.rail-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);writing-mode:vertical-rl;transform:rotate(180deg);transition:color .6s}.kanji{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:var(--kanji-side, center);padding:0 calc(var(--gutter) + 2vw);overflow:hidden}.kanji span{font-family:var(--jp);font-weight:900;font-size:min(70vh,62vw);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(var(--accent-rgb),.16);transition:opacity .35s ease,transform .6s cubic-bezier(.2,.8,.2,1),-webkit-text-stroke-color .6s}.kanji span.swap{opacity:0;transform:scale(.94) translateY(12px)}main{position:relative;z-index:2}.panel{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px var(--gutter)}.side-left{justify-content:flex-start}.side-right{justify-content:flex-end}.side-left .copy{margin-left:clamp(0px,5vw,80px)}.copy{max-width:520px}.copy.center{max-width:760px;margin:0 auto;text-align:center}.eyebrow,.index{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.index span,.index i{color:var(--accent);font-style:normal;transition:color .6s}h1,h2{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.005em}h2{font-size:clamp(52px,7.4vw,112px);margin-bottom:28px}h2.big{font-size:clamp(56px,9vw,150px)}h2 em,.lead em{font-style:normal;color:var(--accent);text-shadow:0 0 40px rgba(var(--accent-rgb),.45);transition:color .6s,text-shadow .6s}.copy>p:not(.eyebrow):not(.index){color:#c9c8cf;font-size:clamp(16px,1.25vw,19px);max-width:46ch}.copy.center>p:not(.eyebrow){margin:0 auto}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tags li{font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:7px 13px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;background:#06060873;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .6s}.copy,.hero>*{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.in .copy,.in.hero>*{opacity:1;transform:none}.in.hero>*:nth-child(2){transition-delay:.12s}.in.hero>*:nth-child(3){transition-delay:.3s}.hero{flex-direction:column;justify-content:center;align-items:stretch;text-align:center}.wordmark{display:flex;flex-direction:column;align-items:center;font-size:clamp(88px,21vw,360px);line-height:.8}.wordmark .outline{color:transparent;-webkit-text-stroke:2px rgba(242,240,234,.85)}.wordmark .solid{font-size:.42em;letter-spacing:.5em;margin-right:-.5em;margin-top:.18em;color:var(--ink)}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(28px,6vh,64px);text-align:left}.lead{font-size:clamp(17px,1.5vw,21px);max-width:30ch;color:#d6d5dc}.scroll-hint{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px}.scroll-hint span{width:1px;height:46px;background:linear-gradient(var(--ink),transparent);animation:drip 2s cubic-bezier(.6,0,.2,1) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.contact{flex-direction:column;justify-content:flex-end;padding-bottom:32px}.contact .copy.center{margin-top:auto;margin-bottom:auto;padding-top:26vh}.cta{display:inline-flex;align-items:center;gap:14px;margin-top:40px;padding:20px 34px;font-family:var(--mono);font-size:clamp(15px,1.6vw,20px);font-weight:600;text-decoration:none;color:#0a0806;background:var(--accent);border-radius:999px;box-shadow:0 0 60px rgba(var(--accent-rgb),.45);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 90px rgba(var(--accent-rgb),.7)}.cta:focus-visible,.top-cta:focus-visible,.rail button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.foot{width:100%;display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}@media (max-width: 820px){.rail{display:none}.panel{padding:110px 20px 80px;align-items:flex-end}.side-left,.side-right{justify-content:flex-start}.side-left .copy{margin-left:0}.copy{padding:26px 22px;border-radius:18px;background:linear-gradient(180deg,#0606088c,#060608d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--accent-rgb),.18)}.copy.center{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.contact .copy.center{padding-top:34vh}.hero{align-items:stretch;justify-content:center}.hero-foot{flex-direction:column;align-items:flex-start}.wordmark .outline{-webkit-text-stroke-width:1.5px}.brand span{display:none}.foot{flex-direction:column;gap:4px;align-items:center}}
