.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,372px);align-content:center;align-items:center;gap:clamp(24px,4vw,64px);padding-bottom:clamp(70px,12vh,130px)}.hero-main{min-width:0}.hero-side{display:flex;flex-direction:column;gap:var(--gap);align-items:stretch}.display{margin:6px 0 4px;text-shadow:0 8px 60px rgba(0,0,0,.55)}.display .caret{display:inline-block;width:.055em;height:.82em;margin-left:.06em;background:var(--accent);box-shadow:0 0 22px var(--accent);vertical-align:-.06em;animation:caret 1.15s steps(1) infinite}@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}.eyebrow{color:var(--accent);margin-bottom:4px}.role{font-family:var(--f-display);font-weight:300;font-size:clamp(1rem,2.1vw,1.6rem);color:var(--dim);margin-top:10px;letter-spacing:-.01em}.role #role{color:var(--ink);font-weight:400}.role #role::after{content:"";display:inline-block;width:.5ch;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:-.16em;animation:caret 1s steps(1) infinite}.lede{margin-top:20px;max-width:52ch;color:var(--dim);font-size:clamp(.96rem,1.1vw,1.1rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.social{margin-top:26px}.scroll-cue{position:absolute;left:50%;bottom:clamp(20px,4vh,44px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font-family:var(--f-mono);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);transition:color .3s}.scroll-cue:hover{color:var(--ink)}.scroll-cue i{width:1px;height:44px;background:linear-gradient(var(--accent),transparent);animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(30px,5vh,62px);padding-bottom:14px;border-bottom:1px solid var(--line);position:relative}.sec-head::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--accent);box-shadow:0 0 14px var(--accent);transition:width 1.2s var(--ease) .2s}.reveal.in .sec-head::after,.sec-head.in::after{width:min(190px,24vw)}.sec-num{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:.2em;color:var(--accent);padding-bottom:.5em}.sec-head h2{flex:1}.sec-jp{font-family:var(--f-jp);font-size:clamp(1.6rem,3.4vw,2.6rem);color:rgba(255,255,255,.13);line-height:1}.about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}.about-copy p{color:var(--dim);margin-bottom:1.1em;max-width:62ch}.about-copy p:first-child{color:var(--ink);font-size:1.08em}.about-copy p:first-child::first-letter{font-family:var(--f-display);font-size:3.1em;line-height:.82;float:left;margin:.06em .12em 0 0;color:var(--accent)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.stat{padding:18px;border-radius:var(--r);background:var(--card);border:1px solid var(--card-line);backdrop-filter:blur(var(--blur));position:relative;overflow:hidden;transition:transform .5s var(--ease),border-color .4s}.stat:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4)}.stat .n{font-family:var(--f-display);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1;letter-spacing:-.03em;display:flex;align-items:baseline;gap:2px}.stat .n .suf{font-size:.5em;color:var(--accent);font-weight:600}.stat .l{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:var(--gap)}.skill-card{padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--card-line);backdrop-filter:blur(var(--blur))}.skill-card h3{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.skill-card h3 .jp{font-family:var(--f-jp);font-size:.9rem;color:rgba(255,255,255,.2)}.bar{margin-bottom:13px}.bar .top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.bar .top .v{color:var(--faint)}.bar .track{height:3px;background:rgba(255,255,255,.09);border-radius:3px;overflow:hidden}.bar .fill{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.35),var(--accent));box-shadow:0 0 12px rgba(var(--accent-rgb),.5);transition:width 1.5s var(--ease)}.reveal.in .bar .fill,.section.in .bar .fill{width:var(--w,0%)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.work-card{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--card-line);backdrop-filter:blur(var(--blur));transition:border-color .4s,transform .5s var(--ease),box-shadow .5s;transform-style:preserve-3d}.work-card:hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 26px 70px rgba(0,0,0,.5)}.work-card.wide{grid-column:span 2}.work-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.work-idx{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;color:var(--faint)}.work-year{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.16em;color:var(--accent)}.work-card h3{margin:14px 0 10px}.work-card p{color:var(--dim);font-size:var(--t-small);max-width:60ch}.work-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.work-tags span{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:5px;color:var(--faint);border:1px solid var(--line);background:rgba(255,255,255,.02)}.work-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.work-links{display:inline-flex;align-items:center;gap:clamp(12px,1.6vw,22px)}.work-link{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);transition:color .3s,gap .3s}.work-link:hover{color:var(--accent);gap:.85em}.work-glow{position:absolute;inset:auto -30% -60% auto;width:340px;height:340px;background:radial-gradient(circle,rgba(var(--accent-rgb),.22),transparent 68%);filter:blur(28px);opacity:0;transition:opacity .6s;pointer-events:none}.work-card:hover .work-glow{opacity:1}.timeline{position:relative;padding-left:clamp(22px,3vw,40px)}.timeline::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,var(--line-2) 12%,var(--line-2) 88%,transparent)}.tl-item{position:relative;padding-bottom:clamp(26px,4vh,44px)}.tl-item:last-child{padding-bottom:0}.tl-item::before{content:"";position:absolute;left:calc(-1 * clamp(22px,3vw,40px) + 0.5px);top:9px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--line-2);transition:background .4s,border-color .4s,box-shadow .4s,transform .5s var(--spring)}.tl-item:hover::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent);transform:scale(1.25)}.tl-item .when{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.tl-item h3{font-size:1.06rem}.tl-item .where{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;color:var(--faint);margin:3px 0 7px}.tl-item p{color:var(--dim);font-size:var(--t-small);max-width:70ch}.contact-big{font-family:var(--f-display);font-weight:300;font-size:clamp(1.5rem,4.4vw,3.2rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:30px}.contact-big em{color:var(--accent);font-style:normal}.social.wide{margin-top:34px}.footer{margin-top:clamp(60px,12vh,130px);padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.foot-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}#credits{cursor:help}#credits.open{color:var(--dim);text-transform:none;letter-spacing:.04em;flex-basis:100%}@media (max-width:1080px){.hero{grid-template-columns:1fr;align-content:center;gap:clamp(22px,4vh,40px)}.hero-side{flex-direction:row;flex-wrap:wrap}.hero-side>*{flex:1 1 280px}.about-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-card.wide{grid-column:auto}}@media (max-width:720px){.hero{min-height:auto;padding-top:clamp(90px,14vh,140px);padding-bottom:110px}.display{font-size:clamp(3rem,19vw,5.6rem)}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.hero-side{flex-direction:column}.scroll-cue{display:none}.sec-jp{display:none}.footer{margin-top:70px}.foot-row{font-size:.56rem}}@media (prefers-reduced-motion:reduce){.display .caret,.role #role::after{animation:none}.scroll-cue i{animation:none}}