:root{--font-display:"Space Grotesk", "Zen Kaku Gothic New", system-ui, sans-serif;--font-body:"Inter", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--ease-spring:cubic-bezier(.22, 1.4, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--container:68rem;--header-h:4.25rem}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b10;--bg-elevated:#131318;--surface:#ffffff08;--surface-hover:#ffffff0f;--text:#b9b9c3;--text-strong:#f2f2ef;--border:#ffffff1a;--border-strong:#fff3;--accent:#c8f04a;--accent-ink:#10130a;--accent-soft:#c8f04a1f;--glare:#ffffff14;--shadow:0 24px 60px #00000073;--particle:200, 240, 74;--link-rgb:242, 242, 239}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f1;--bg-elevated:#fff;--surface:#0b0b1006;--surface-hover:#0b0b100d;--text:#4c4c55;--text-strong:#101014;--border:#0b0b101f;--border-strong:#0b0b1047;--accent:#86a812;--accent-ink:#f8ffe0;--accent-soft:#86a8121f;--glare:#ffffff8c;--shadow:0 24px 50px #1416081f;--particle:106, 134, 10;--link-rgb:16, 16, 20}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.65;transition:background-color .4s,color .4s;overflow-x:hidden}:lang(ja) body,body:lang(ja){line-height:1.9}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;line-height:1.1}::selection{background:var(--accent);color:var(--accent-ink)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;animation:theme-sweep .55s var(--ease-out);clip-path:circle(var(--sweep-r,150%) at var(--sweep-x,100%) var(--sweep-y,0%))}@keyframes theme-sweep{0%{clip-path:circle(0% at var(--sweep-x,100%) var(--sweep-y,0%))}}#bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);transition:transform .2s var(--ease-out);border-radius:.5rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.site-header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;transition:background-color .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.nav{align-items:center;gap:1.5rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-strong);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:.35rem .15rem;font-size:1.05rem;font-weight:700}.wordmark-mono{display:none}.wordmark:after{content:"";background:var(--accent);border-radius:50%;width:.42em;height:.42em;margin-left:.32em;display:inline-block;transform:translateY(-.04em)}.nav-links{gap:clamp(.85rem,2.5vw,1.75rem);margin-left:auto;list-style:none;display:flex}.nav-links a{color:var(--text);padding:.35rem .1rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-strong)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-controls{align-items:center;gap:.6rem;display:flex}.pill-btn,.icon-btn{font-family:var(--font-body);color:var(--text-strong);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;font-size:.8rem;font-weight:600;transition:border-color .2s,background-color .2s}.pill-btn{min-width:3.1rem;padding:.42rem .85rem}.icon-btn{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.pill-btn:hover,.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.icon-btn svg{width:1.1rem;height:1.1rem}:root[data-theme=dark] .icon-moon,:root[data-theme=light] .icon-sun{display:none}main{z-index:1;position:relative}section{max-width:var(--container);margin-inline:auto;padding:clamp(4.5rem,12vh,8rem) clamp(1.25rem,4vw,2.5rem)}.section-head{max-width:38rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.78rem;font-weight:600;display:inline-block}.section-head h2{margin-bottom:.7rem;font-size:clamp(1.8rem,4.5vw,2.8rem)}.hero{min-height:100svh;padding-top:calc(var(--header-h) + 2rem);flex-direction:column;justify-content:center;display:flex;position:relative}.hero-greeting{letter-spacing:.08em;color:var(--text);min-height:1.4em;margin-bottom:1.2rem;font-size:.85rem}.hero-greeting:before{content:"";background:var(--accent);vertical-align:middle;width:1.6rem;height:1px;margin-right:.7rem;display:inline-block}.hero-title{letter-spacing:-.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-bottom:clamp(1.5rem,4vh,2.5rem);font-size:clamp(3.2rem,13vw,9.5rem);font-weight:700;line-height:.95}.hero-line{white-space:nowrap;display:block}.hero-letter{transition:transform .5s var(--ease-spring), color .3s ease;will-change:transform;display:inline-block}.hero-letter:hover{color:var(--accent)}.hero-tagline{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.015em;margin-bottom:.6rem;font-size:clamp(1.25rem,3vw,1.9rem);font-weight:500}.hero-sub{max-width:34rem;font-size:clamp(.95rem,1.8vw,1.05rem)}.scroll-hint{color:var(--text);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.4rem .2rem;font-size:.82rem;text-decoration:none;display:inline-flex;position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:clamp(1.25rem,4vw,2.5rem)}.scroll-hint svg{width:.95rem;height:.95rem;animation:2.2s ease-in-out infinite bob}.scroll-hint:hover{color:var(--text-strong)}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1.1rem;display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--ease-out), border-color .25s ease, box-shadow .35s ease;border-radius:1rem;padding:1.75rem 1.6rem 1.9rem;position:relative;overflow:hidden}.card:hover,.card:focus-visible{border-color:var(--border-strong);box-shadow:var(--shadow)}.card.is-tilting{transition:border-color .25s,box-shadow .35s}.card-glare{background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), var(--glare) 0%, transparent 42%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-40%}.card:hover .card-glare{opacity:1}.card-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;margin-bottom:1.1rem;padding:.28rem .7rem;font-size:.7rem;font-weight:600;display:inline-block}.card h3{margin-bottom:.45rem;font-size:1.35rem}.card p{font-size:.94rem}.card-tooltip{color:var(--text);opacity:0;pointer-events:none;font-size:.75rem;transition:opacity .25s .4s,transform .25s .4s;position:absolute;bottom:.85rem;left:1.6rem;transform:translateY(4px)}.card-tooltip:before{content:"→ ";color:var(--accent)}.card:hover .card-tooltip,.card:focus-visible .card-tooltip{opacity:.8;transform:translateY(0)}.card-quiet{background:0 0;border-style:dashed;justify-content:center;align-items:center;min-height:9rem;display:flex}.card-quiet p{font-family:var(--font-display);color:var(--text);font-size:1rem}.about-body{max-width:42rem;font-size:clamp(1.02rem,2vw,1.15rem);line-height:1.85}.email-button{background:var(--accent);color:var(--accent-ink);border-radius:1rem;flex-direction:column;gap:.15rem;max-width:100%;padding:1.4rem 2rem;text-decoration:none;transition:box-shadow .3s,filter .2s;display:inline-flex}.email-button:hover{filter:brightness(1.05);box-shadow:0 14px 40px color-mix(in srgb, var(--accent) 35%, transparent)}.email-cta{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.email-address{opacity:.82;overflow-wrap:anywhere;font-size:.9rem}.site-footer{z-index:1;max-width:var(--container);border-top:1px solid var(--border);margin-inline:auto;padding:2rem clamp(1.25rem,4vw,2.5rem) 2.5rem;font-size:.85rem;position:relative}.magnetic{will-change:transform;transition:transform .4s var(--ease-spring)}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.toast-root{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-display);color:var(--text-strong);background:var(--bg-elevated);border:1px solid var(--accent);box-shadow:var(--shadow);animation:toast-in .45s var(--ease-spring), toast-out .4s ease 2.8s forwards;white-space:nowrap;border-radius:999px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translateY(10px)}}.glyph-confetti{z-index:95;font-family:var(--font-display);color:var(--accent);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;font-weight:700;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#bg-canvas{display:none}[data-reveal]{opacity:1;transform:none}.hero-letter,.magnetic,.card{transform:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}@media (width<=640px){.nav{gap:.9rem}.nav-links{gap:.8rem}.nav-links a{font-size:.85rem}.wordmark-full{display:none}.wordmark-mono{display:inline}.scroll-hint,.card-tooltip{display:none}}@media (width<=400px){.container{padding-inline:1rem}.nav,.nav-links{gap:.65rem}.nav-links a{font-size:.8rem}.nav-controls{gap:.4rem}.pill-btn{min-width:2.7rem;padding:.38rem .65rem}}