:root{--ink-soft: color-mix(in oklab, var(--ink) 78%, var(--ink-dim))}.page-hero{position:relative;z-index:2;padding-top:clamp(8.5rem,16vh,12rem);padding-bottom:clamp(2.5rem,6vh,4.5rem);display:flex;flex-direction:column;gap:1.3rem}.page-title{font-family:var(--f-display);font-weight:700;font-size:clamp(2.7rem,1.6rem + 5.5vw,6.5rem);line-height:.98;letter-spacing:-.02em}.page-title .en{display:block;margin-top:.1em;font-size:.82em;color:var(--ink-faint)}@supports (-webkit-text-stroke: 1px black){.page-title .en{color:transparent;-webkit-text-stroke:1.2px color-mix(in oklab,var(--ink) 50%,transparent)}}.page-lede{max-width:56ch;font-size:var(--step-1);color:var(--ink-dim);line-height:1.7}.section-flush{padding-top:clamp(1.5rem,4vh,3rem)}.section-title--sm{font-size:var(--step-2)}.work-list{display:flex;flex-direction:column;gap:clamp(5rem,12vh,8.5rem)}.project-row{--pa: var(--accent);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,5rem);align-items:center}.project-row:nth-child(2n) .project-visual{order:2}.project-row:nth-child(2n) .ghost-index{right:auto;left:3%}.project-row:nth-child(2n) .visual-slug{left:auto;right:1.2rem}.project-visual{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:18px;overflow:hidden;pointer-events:none;background:radial-gradient(120% 100% at 18% 0%,color-mix(in oklab,var(--pa) 16%,transparent) 0%,transparent 55%),radial-gradient(90% 90% at 85% 100%,color-mix(in oklab,var(--pa) 9%,transparent) 0%,transparent 60%),linear-gradient(160deg,var(--surface-2) 0%,var(--visual-deep) 72%)}.project-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 100% at 30% 20%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 100% at 30% 20%,#000 30%,transparent 78%)}.project-visual:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--pa) 60%,transparent),transparent)}.visual-cover{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:top center}.project-row.has-cover .ghost-index{display:none}.project-row.has-cover .visual-slug{z-index:1;padding:.3rem .8rem;border-radius:100px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(6px)}.ghost-index{position:absolute;right:3%;bottom:-.14em;font-family:var(--f-display);font-weight:700;line-height:1;font-size:clamp(6.5rem,13vw,12rem);letter-spacing:-.02em;color:color-mix(in oklab,var(--pa) 10%,transparent);-webkit-text-stroke:1px color-mix(in oklab,var(--pa) 36%,transparent);user-select:none}.visual-slug{position:absolute;left:1.2rem;bottom:1rem;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.1em;color:color-mix(in oklab,var(--pa) 65%,var(--ink-dim))}.project-year{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.12em;color:var(--pa)}.project-title{margin-top:.55rem;font-family:var(--f-display);font-weight:600;font-size:var(--step-2);line-height:1.08;letter-spacing:-.01em}.project-subtitle{margin-top:.4rem;font-weight:500;color:var(--ink-dim)}.project-summary{margin-top:1.1rem;max-width:58ch;color:var(--ink-soft)}.project-highlights{margin-top:1.2rem;list-style:none}.project-highlights li{position:relative;padding-left:1.35em;font-size:calc(var(--step-0) * .95);line-height:1.62;color:var(--ink-dim)}.project-highlights li+li{margin-top:.45em}.project-highlights li:before{content:"·";position:absolute;left:.15em;top:-.05em;font-family:var(--f-mono);font-weight:700;font-size:1.2em;color:var(--pa)}.project-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}.chip{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.03em;padding:.32rem .8rem;border-radius:100px;color:var(--ink-dim);border:1px solid var(--line);background:var(--surface)}.project-links{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.5rem}.p-link{position:relative;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.08em;color:var(--ink);padding-block:.2rem;transition:color .3s ease}.p-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--pa, var(--accent));transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.p-link:hover{color:var(--pa, var(--accent))}.p-link:hover:after,.p-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.p-link:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:2px}.timeline{--rail: clamp(1.7rem, 4vw, 2.8rem);position:relative;list-style:none;padding-left:var(--rail);display:flex;flex-direction:column;gap:clamp(3rem,7vh,4.5rem)}.timeline:before{content:"";position:absolute;left:0;top:.5em;bottom:-.5em;width:1px;background:linear-gradient(var(--line) 0%,var(--line) 82%,transparent 100%)}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;top:.42em;left:calc(-1 * var(--rail));transform:translate(-50%);width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in oklab,var(--accent) 65%,transparent)}.tl-range{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.12em;color:var(--accent)}.tl-role{margin-top:.5rem;font-family:var(--f-display);font-weight:600;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.9rem);line-height:1.15;letter-spacing:-.01em}.tl-org{margin-top:.3rem;color:var(--ink-dim)}.tl-notes{margin-top:.9rem;list-style:none;max-width:62ch}.tl-notes li{position:relative;padding-left:1.35em;font-size:calc(var(--step-0) * .95);line-height:1.62;color:var(--ink-dim)}.tl-notes li+li{margin-top:.4em}.tl-notes li:before{content:"·";position:absolute;left:.15em;top:-.05em;font-family:var(--f-mono);font-weight:700;font-size:1.2em;color:var(--accent)}.honor-list{list-style:none;margin-top:.5rem;border-top:1px solid var(--line-soft)}.honor-row{display:grid;grid-template-columns:5.5rem 1fr;gap:1.4rem;align-items:baseline;padding-block:1.05rem;border-bottom:1px solid var(--line-soft)}.honor-year{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.1em;color:var(--ink-dim)}.honor-title{font-weight:500;color:var(--ink);display:inline-flex;align-items:baseline;gap:.6em}.honor-title .medal{width:7px;height:7px;border-radius:50%;flex:none;transform:translateY(-1px);background:var(--ink-dim)}.honor-title .medal-gold{background:var(--warm);box-shadow:0 0 8px color-mix(in oklab,var(--warm) 55%,transparent)}.honor-title .medal-silver{background:#cdd5e4}.honor-title .medal-bronze{background:#d29a6d}.honor-org{display:block;margin-top:.15rem;font-size:var(--step--1);color:var(--ink-dim)}.exp-now{position:relative;overflow:hidden;margin-top:clamp(4rem,9vh,6.5rem);padding:clamp(2rem,5vw,3.5rem);border:1px solid var(--line);border-radius:20px;background:radial-gradient(120% 130% at 8% 0%,color-mix(in oklab,var(--accent) 9%,transparent) 0%,transparent 55%),var(--surface)}.exp-now .now-line{margin-top:1rem;font-family:var(--f-cjk);font-weight:600;font-size:var(--step-2);line-height:1.35;letter-spacing:.01em;max-width:24em}.exp-now .now-line .hl{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:start}.portrait{position:relative;aspect-ratio:3 / 4;border:1px solid var(--line);border-radius:20px;overflow:hidden;pointer-events:none;background:radial-gradient(100% 80% at 82% 0%,color-mix(in oklab,var(--accent) 12%,transparent) 0%,transparent 55%),radial-gradient(90% 70% at 12% 100%,color-mix(in oklab,var(--warm) 8%,transparent) 0%,transparent 60%),linear-gradient(165deg,var(--surface-2) 0%,var(--visual-deep) 75%)}.portrait:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(110% 90% at 50% 30%,#000 25%,transparent 80%);mask-image:radial-gradient(110% 90% at 50% 30%,#000 25%,transparent 80%)}.portrait-glyph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-mono);font-weight:500;font-size:clamp(3.2rem,7vw,5rem);letter-spacing:.14em;color:color-mix(in oklab,var(--ink) 14%,transparent);-webkit-text-stroke:1px color-mix(in oklab,var(--ink) 55%,transparent)}.portrait-caption{position:absolute;left:1.2rem;bottom:1.1rem;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.1em;color:var(--ink-dim)}.portrait-meta{margin-top:1rem;display:flex;flex-direction:column;gap:.3rem;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.06em;color:var(--ink-dim)}.about-bio p{max-width:62ch;color:var(--ink-soft)}.about-bio p+p{margin-top:1.15em}.about-bio em{font-style:normal;font-weight:500;color:var(--ink)}.about-bio .hl{font-style:normal;color:var(--accent)}.about-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.9rem}.uses{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line-soft)}.uses-label{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.uses-list{list-style:none;margin-top:.9rem;display:flex;flex-wrap:wrap;row-gap:.4rem}.uses-list li{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.04em;color:var(--ink-dim)}.uses-list li:not(:last-child):after{content:"·";margin-inline:.85em;color:var(--ink-faint)}.contact-line{font-family:var(--f-display);font-weight:700;font-size:clamp(2.4rem,1.8rem + 3.2vw,4.6rem);line-height:1.05;letter-spacing:-.015em}.contact-copy{margin-top:1.2rem;max-width:46ch;color:var(--ink-dim);font-size:var(--step-1);line-height:1.7}.contact-links{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem}.btn-line{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.06em;padding:.85rem 1.5rem;border-radius:100px;border:1px solid var(--line);color:var(--ink);transition:border-color .3s ease,color .3s ease,background .3s ease,transform .35s var(--ease)}.btn-line:hover,.btn-line:focus-visible{border-color:color-mix(in oklab,var(--accent) 60%,transparent);color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent);transform:translateY(-2px)}.btn-line:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.btn-line--primary{border-color:color-mix(in oklab,var(--accent) 45%,transparent);color:var(--accent-soft)}.contact-note{margin-top:1.4rem;font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.06em;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.p-link,.p-link:after,.btn-line{transition:none}}@media(max-width:900px){.project-row{grid-template-columns:1fr;gap:1.6rem;align-items:stretch}.project-row .project-visual,.project-row:nth-child(2n) .project-visual{order:-1;aspect-ratio:16 / 9}.ghost-index{font-size:clamp(5rem,18vw,8rem)}.about-grid{grid-template-columns:1fr}.portrait-wrap{max-width:420px}}@media(max-width:680px){.page-hero{padding-top:7.5rem}.work-list{gap:4.5rem}.timeline{--rail: 1.4rem}.honor-row{grid-template-columns:1fr;gap:.2rem;padding-block:.9rem}.exp-now{border-radius:16px}.contact-links{flex-direction:column;align-items:flex-start}}