.nav{z-index:var(--z-nav);transition:background var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav--scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav__inner{justify-content:space-between;align-items:center;height:clamp(58px,4vw,76px);display:flex}.nav__brand{align-items:baseline;gap:var(--s-8);z-index:2;display:inline-flex;position:relative}.nav__brand-name{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text)}.nav__brand-mark{font-family:var(--font-display);font-size:var(--text-h4);color:var(--accent);display:none}@media (width>=1080px){.nav__brand-mark{display:inline}}.nav__links{align-items:center;gap:var(--s-34);display:none;position:absolute;left:50%;transform:translate(-50%)}@media (width>=1080px){.nav__links{display:flex}}.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);transition:color var(--dur-fast) var(--ease-out);padding:4px 0;position:relative}.nav__link:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-fast) var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover{color:var(--text)}.nav__link:hover:after{transform-origin:0;transform:scaleX(1)}.nav__link--ext:hover{color:var(--accent)}.nav__tools{align-items:center;gap:var(--s-13);z-index:2;display:flex;position:relative}.nav__lang{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}.nav__lang span{transition:color var(--dur-fast) var(--ease-out)}.nav__lang .is-active{color:var(--text)}.nav__lang-sep{color:var(--line-strong)}.nav__theme{width:40px;height:40px;color:var(--text-2);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.nav__theme:hover{color:var(--text);background:var(--accent-soft)}.nav__theme-icon{width:20px;height:20px;position:relative}.nav__theme-sun,.nav__theme-moon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:20px;height:20px;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);position:absolute;inset:0}.nav__theme-sun circle{fill:currentColor;stroke:none}.nav__theme-sun{opacity:0;transform:rotate(-45deg)scale(.6)}.nav__theme-moon,:root[data-theme=light] .nav__theme-sun{opacity:1;transform:rotate(0)scale(1)}:root[data-theme=light] .nav__theme-moon{opacity:0;transform:rotate(45deg)scale(.6)}.nav__burger{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}@media (width>=1080px){.nav__burger{display:none}}.nav__burger-box{width:24px;height:12px;position:relative}.nav__burger-box i{background:var(--text);width:100%;height:1.5px;transition:transform var(--dur-fast) var(--ease-out);position:absolute;left:0}.nav__burger-box i:first-child{top:0}.nav__burger-box i:last-child{bottom:0}.nav__burger-box.is-open i:first-child{transform:translateY(5px)rotate(45deg)}.nav__burger-box.is-open i:last-child{transform:translateY(-5px)rotate(-45deg)}.nav__overlay{background:var(--bg);z-index:var(--z-overlay);overscroll-behavior:contain;touch-action:pan-y;padding:calc(clamp(58px, 4vw, 76px) + var(--s-34)) var(--gutter) var(--s-34);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.nav__overlay-list{width:100%;max-width:var(--maxw);gap:var(--s-21);flex-direction:column;margin-block:auto;margin-inline:auto;display:flex}.nav__overlay-list li button,.nav__overlay-list li a{align-items:baseline;gap:var(--s-21);font-family:var(--font-display);font-size:var(--text-h2);color:var(--text);text-align:left;width:100%;line-height:1;display:flex}.nav__overlay-index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:var(--tracking-wide)}@media (width<=480px){.nav__overlay-list li button,.nav__overlay-list li a{font-size:var(--text-h3);gap:var(--s-13)}.nav__overlay-list{gap:var(--s-13)}}.cursor{width:34px;height:34px;z-index:var(--z-cursor);pointer-events:none;margin-top:-17px;margin-left:-17px;position:fixed;top:0;left:0}.cursor__dot,.cursor__ring{position:absolute}.cursor__ring{border:1px solid var(--cursor-soft);transform-origin:50%;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:50%;inset:0}.cursor__dot{background:var(--cursor);transform-origin:50%;width:6px;height:6px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;margin:-3px 0 0 -3px;top:50%;left:50%}.cursor.is-active .cursor__dot{transform:scale(0)}.cursor.is-active .cursor__ring{border-color:var(--cursor);transform:scale(1.9)}.cursor__label{white-space:nowrap;font-family:var(--font-mono);text-transform:uppercase;color:var(--cursor);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);font-size:10px;display:table;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor.has-label .cursor__label{opacity:1}.cursor.has-label .cursor__ring{border-color:var(--cursor);transform:scale(2.1)}.cursor.is-link .cursor__ring{border-width:2px;border-color:var(--accent);transform:scale(.8)}.cursor.is-link .cursor__dot{background:var(--accent)}@media (prefers-reduced-motion:reduce){.cursor{display:none}}.hero{min-height:100svh;padding-top:clamp(80px,12vh,160px);padding-bottom:var(--s-89);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__marquee{opacity:.05;pointer-events:none;width:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.hero__marquee-track{white-space:nowrap;will-change:transform;animation:38s linear infinite mf-marquee;display:inline-flex}.hero__marquee-item{font-family:var(--font-display);padding-inline:var(--s-34);align-items:center;gap:var(--s-34);color:var(--text);font-size:clamp(3rem,8vw,9rem);line-height:1;display:inline-flex}.hero__marquee-item i{color:var(--accent);font-style:normal}.hero__inner{z-index:2;gap:var(--s-34);flex-direction:column;display:flex;position:relative}.hero__meta{justify-content:space-between;align-items:center;gap:var(--s-13);flex-wrap:wrap;display:flex}.hero__status{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text);align-items:center;gap:8px;display:inline-flex}.hero__status i{background:var(--accent);width:7px;height:7px;animation:mf-pulse-dot 2s var(--ease-inout) infinite;border-radius:50%}.hero__name{flex-direction:column;display:flex;position:relative}.hero__name-line{line-height:.84;display:block;overflow:hidden}.hero__name-inner{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.02em;color:var(--text);font-weight:500;display:block}.hero__role-tag{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);position:absolute;bottom:.4em;right:0}@media (width<=768px){.hero__role-tag{writing-mode:horizontal-tb;margin-top:var(--s-13);position:static}}.hero__lower{justify-content:space-between;align-items:flex-end;gap:var(--s-55);flex-wrap:wrap;display:flex}.hero__statement{max-width:34ch;font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-2);line-height:1.18}.hero__index{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:4px;display:flex}.hero__scroll{bottom:var(--s-34);left:var(--gutter);align-items:center;gap:var(--s-13);z-index:2;display:flex;position:absolute}.hero__scroll-line{background:var(--line-strong);width:56px;height:1px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--accent);animation:mf-scroll-cue 2.4s var(--ease-inout) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes mf-scroll-cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media (width<=768px){.hero__lower{gap:var(--s-21)}.hero__index{text-align:left}}@media (prefers-reduced-motion:reduce){.hero__marquee-track,.hero__scroll-line:after,.hero__status i{animation:none}}.statement{padding-block:var(--section-y);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement__inner{gap:var(--s-34);flex-direction:column;display:flex;position:relative}.statement__label{color:var(--accent)}.statement__text{font-family:var(--font-display);font-size:var(--text-h2);max-width:22ch;color:var(--text);line-height:1.08}.statement__mark{font-size:var(--text-h1);color:var(--accent);line-height:1;position:absolute;bottom:0;right:0}@media (width<=768px){.statement__mark{display:none}}.work{padding-block:var(--section-y)}.work__filters{gap:var(--s-8);margin-bottom:var(--s-55);flex-wrap:wrap;display:flex}.work__filter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:999px;padding:.5rem .9rem}.work__filter:hover{color:var(--text);border-color:var(--line-strong)}.work__filter.is-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.work__featured{gap:var(--s-144);margin-bottom:var(--s-144);flex-direction:column;display:flex}.work__grid{gap:var(--s-55) var(--s-34);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.work__grid{gap:var(--s-55);grid-template-columns:1fr}.work__featured{gap:var(--s-89);margin-bottom:var(--s-89)}}.pc{position:relative}.pc__link{display:block}.pc__foot{justify-content:space-between;align-items:flex-end;gap:var(--s-21);margin-top:var(--s-21);padding-bottom:var(--s-13);border-bottom:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease-out);display:flex}.pc__link:hover .pc__foot{border-color:var(--line-strong)}.pc__foot-main{align-items:baseline;gap:var(--s-13);display:flex}.pc__num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:var(--tracking-wide)}.pc__title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text);transition:transform var(--dur-fast) var(--ease-out);line-height:1}.pc__link:hover .pc__title{transform:translate(6px)}.pc__foot-meta{align-items:center;gap:var(--s-13);display:flex}.pc__arrow{font-size:var(--text-lead);color:var(--text-2);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.pc__link:hover .pc__arrow{color:var(--accent);transform:translate(4px,-4px)}.pc__tech{margin-top:var(--s-13);flex-wrap:wrap;gap:6px;display:flex}.pc__tech-item{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line);border-radius:2px;padding:4px 8px;font-size:10px}.pc__tech-item--more{color:var(--accent);border-color:var(--accent-line)}.pc--feature .pc__title{font-size:var(--text-h2)}.pc--feature .pc__foot{margin-top:var(--s-34)}@media (width<=768px){.pc__title{font-size:var(--text-h4)}.pc--feature .pc__title{font-size:var(--text-h3)}}.pp{--pp-radius:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--pp-radius);width:100%;position:relative;overflow:hidden}.pp__bar{align-items:center;gap:var(--s-13);padding:.7rem var(--s-13);border-bottom:1px solid var(--line);background:var(--bg-3);display:flex}.pp__dots{flex:none;gap:6px;display:inline-flex}.pp__dots i{background:var(--line-strong);border-radius:50%;width:7px;height:7px;display:block}.pp__dots i:first-child{background:var(--accent)}.pp__host{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.pp__actions{gap:var(--s-8);flex:none;display:inline-flex}.pp__act{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-2);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.pp__act:hover{color:var(--text);border-color:var(--line)}.pp__act-label{display:none}@media (width>=768px){.pp__act-label{display:inline}}.pp__frame{aspect-ratio:16/10;background:#fff;width:100%;position:relative}.pp--page .pp__frame{aspect-ratio:16/10}.pp__iframe{opacity:0;width:100%;height:100%;transition:opacity var(--dur-mid) var(--ease-out);background:#fff;border:0;position:absolute;inset:0}.pp__iframe.is-loaded{opacity:1}.pp__loading{justify-content:center;align-items:center;gap:var(--s-13);flex-direction:column;display:flex;position:absolute;inset:0}.pp__loading-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.pp__loading-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-size:200% 100%;width:120px;height:1px;animation:1.4s linear infinite mf-shimmer}.pp__fallback{justify-content:center;align-items:flex-start;gap:var(--s-8);padding:var(--s-34);background:radial-gradient(120% 120% at 100% 0%, #ff5b3414, transparent 60%), var(--bg-2);flex-direction:column;display:flex;position:absolute;inset:0}.pp__fallback-note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.pp__fallback-title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text);line-height:1}.pp__fallback-cat{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);text-transform:uppercase}.pp__fallback-actions{gap:var(--s-13);margin-top:var(--s-13);flex-wrap:wrap;display:flex}.pp__btn{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--on-accent);background:var(--text);transition:background var(--dur-fast) var(--ease-out);border-radius:2px;padding:.55rem 1rem}.pp__btn:hover{background:var(--accent)}.pp__btn--ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.pp__btn--ghost:hover{background:var(--bg-3);color:var(--text);border-color:var(--text)}@media (width<=768px){.pp__frame,.pp--page .pp__frame{aspect-ratio:9/16}.pp__fallback{padding:var(--s-21)}}.pp--mobile{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;display:flex;overflow:visible}.pp--mobile .pp__bar{display:none}.pp__phone{aspect-ratio:320/660;width:clamp(240px,70%,320px);margin:var(--s-21) 0;background:linear-gradient(160deg,#1c1c20,#0a0a0c);border-radius:46px;padding:14px;position:relative;box-shadow:0 40px 80px -30px #000000b3,inset 0 0 0 2px #ffffff0f}.pp__phone:before{content:"";z-index:6;background:#0a0a0c;border-radius:0 0 16px 16px;width:130px;height:26px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pp__phone-screen{background:#fff;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.pp--page .pp__phone{width:clamp(260px,70%,360px)}.pp__gallery{background:var(--bg-2);position:absolute;inset:0}.pp__img{object-fit:cover;object-position:top center;background:var(--bg-2);width:100%;height:100%;position:absolute;inset:0}.pp__thumbs{background:linear-gradient(#0000,#0000008c);gap:6px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.pp__thumb{opacity:.6;width:56px;height:38px;transition:opacity var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #fff6;border-radius:2px;overflow:hidden}.pp__thumb img{object-fit:cover;width:100%;height:100%}.pp__thumb.is-active,.pp__thumb:hover{opacity:1;border-color:var(--accent)}.caps{padding-block:var(--section-y)}.caps__grid{gap:var(--s-34);grid-template-columns:repeat(4,1fr);display:grid}.caps__item{padding-top:var(--s-21);border-top:1px solid var(--line)}.caps__index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:var(--tracking-wide)}.caps__title{font-family:var(--font-display);font-size:var(--text-h4);margin:var(--s-13) 0 var(--s-21)}.caps__list{flex-direction:column;gap:.6rem;display:flex}.caps__list-item{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-2);border-bottom:1px solid var(--line-faint);padding-bottom:.6rem}@media (width<=1080px){.caps__grid{gap:var(--s-55) var(--s-34);grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.caps__grid{grid-template-columns:1fr}}.about{padding-block:var(--section-y);border-top:1px solid var(--line)}.about__head{align-items:baseline;gap:var(--s-21);padding-bottom:var(--s-34);border-bottom:1px solid var(--line);margin-bottom:var(--s-55);display:flex}.about__body{gap:var(--s-89);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.about__text{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text);max-width:40ch;line-height:1.3}.about__side{gap:var(--s-34);border-left:1px solid var(--line);padding-left:var(--s-34);flex-direction:column;display:flex}.about__stat{flex-direction:column;gap:4px;display:flex}.about__stat-num{font-family:var(--font-display);font-size:var(--text-h2);color:var(--accent);line-height:1}.about__stat-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.about__role{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-2)}@media (width<=860px){.about__body{gap:var(--s-34);grid-template-columns:1fr}.about__side{gap:var(--s-34);border-left:0;flex-flow:wrap;padding-left:0}}.exp{padding-block:var(--section-y);border-top:1px solid var(--line)}.exp__list{flex-direction:column;display:flex}.exp__row{gap:var(--s-34);padding:var(--s-34) 0;border-top:1px solid var(--line);transition:background var(--dur-fast) var(--ease-out);grid-template-columns:120px 1fr 1fr;align-items:baseline;display:grid}.exp__row:hover{background:var(--bg-2)}.exp__year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:var(--tracking-wide)}.exp__main{flex-direction:column;gap:4px;display:flex}.exp__role{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text);line-height:1.1}.exp__org{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.exp__note{font-size:var(--text-body);line-height:1.5}@media (width<=768px){.exp__row{gap:var(--s-13);grid-template-columns:1fr}}.gh{padding-block:var(--section-y);border-top:1px solid var(--line)}.gh__subtitle{margin-bottom:var(--s-34);color:var(--text-muted)}.gh__list{flex-direction:column;display:flex}.gh__row{border-top:1px solid var(--line)}.gh__row:last-child{border-bottom:1px solid var(--line)}.gh__link{gap:var(--s-34);padding:var(--s-21) 0;transition:padding-left var(--dur-fast) var(--ease-out);grid-template-columns:1fr auto 40px;align-items:center;display:grid}.gh__link:hover{padding-left:var(--s-13)}.gh__name{align-items:baseline;gap:var(--s-13);font-family:var(--font-display);font-size:var(--text-h4);color:var(--text);display:flex}.gh__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--tracking-wide)}.gh__tech{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);text-align:right}.gh__arrow{text-align:right;color:var(--text-2);font-size:var(--text-lead);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.gh__link:hover .gh__arrow{color:var(--accent);transform:translate(3px,-3px)}@media (width<=768px){.gh__link{gap:var(--s-13);grid-template-columns:1fr 24px}.gh__tech{display:none}}.archive{padding-block:var(--section-y);border-top:1px solid var(--line)}.archive__hint{margin-bottom:var(--s-34);color:var(--text-muted)}.archive__list{flex-direction:column;display:flex}.archive__row{border-top:1px solid var(--line)}.archive__row:last-child{border-bottom:1px solid var(--line)}.archive__link{gap:var(--s-21);padding:var(--s-21) 0;transition:padding-left var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);grid-template-columns:48px 2fr 1.2fr 1.4fr 80px;align-items:center;display:grid}.archive__link:hover{padding-left:var(--s-13);background:var(--bg-2)}.archive__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--tracking-wide)}.archive__title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text)}.archive__cat,.archive__tech,.archive__year{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.archive__year{text-align:right}.archive__preview{z-index:var(--z-overlay);pointer-events:none;width:360px;position:fixed;box-shadow:0 30px 80px #00000080}@media (width<=1080px){.archive__preview{display:none}.archive__link{gap:var(--s-13);grid-template-columns:40px 1fr 64px}.archive__cat,.archive__tech{display:none}}.contact{padding-block:var(--section-y);border-top:1px solid var(--line)}.contact__inner{gap:var(--s-34);flex-direction:column;display:flex}.contact__label{color:var(--accent)}.contact__title{flex-direction:column;display:flex}.contact__line{display:block;overflow:hidden}.contact__line>*,.contact__line{font-family:var(--font-display);font-size:var(--text-h1);color:var(--text);line-height:.98}.contact__line--accent{color:var(--text-2);font-style:italic}.contact__links{gap:var(--s-55);margin-top:var(--s-21);flex-wrap:wrap;display:flex}.contact__link{padding-bottom:var(--s-8);border-bottom:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;gap:6px;display:inline-flex;position:relative}.contact__link:hover{border-color:var(--accent)}.contact__link-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.contact__link-value{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text)}.contact__link-arrow{color:var(--accent);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);position:absolute;top:0;right:0;transform:translate(-4px,4px)}.contact__link:hover .contact__link-arrow{opacity:1;transform:translate(0)}.contact__note{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}@media (width<=768px){.contact__line{font-size:var(--text-h2)}.contact__links{gap:var(--s-34)}}.home{display:block}.footer{border-top:1px solid var(--line);padding-block:var(--s-55);background:var(--bg-2)}.footer__inner{gap:var(--s-21);flex-direction:column;display:flex}.footer__brand{align-items:baseline;gap:var(--s-21);flex-wrap:wrap;display:flex}.footer__name{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text)}.footer__role{text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted)}.footer__top{align-items:center;gap:var(--s-8);color:var(--text);align-self:flex-start;display:inline-flex}.footer__top:hover{color:var(--accent)}.footer__meta{justify-content:space-between;gap:var(--s-13);padding-top:var(--s-21);border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;display:flex}.project{padding-top:clamp(80px,12vh,140px)}.project__hero{padding-block:var(--s-55) var(--s-34)}.project__back{color:var(--text-2);letter-spacing:var(--tracking-wide);margin-bottom:var(--s-34);transition:color var(--dur-fast) var(--ease-out);display:inline-block}.project__back:hover{color:var(--accent)}.project__cat{color:var(--accent);margin-bottom:var(--s-13);display:block}.project__title{font-family:var(--font-display);font-size:var(--text-h1);color:var(--text);max-width:18ch;line-height:.92}.project__title-line{display:block;overflow:hidden}.project__title-word{margin-right:.25em;display:inline-block}.project__meta{gap:var(--s-21);padding:var(--s-34) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.project__meta dt{color:var(--text-muted);margin-bottom:6px}.project__meta dd{color:var(--text);text-transform:none;letter-spacing:var(--tracking-wide)}.project__statement{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text);max-width:30ch;padding-block:var(--s-55);line-height:1.2}.project__preview{padding-bottom:var(--s-89)}.project__cols{gap:var(--s-89);padding-bottom:var(--s-89);grid-template-columns:1.6fr 1fr;display:grid}.project__col-title{color:var(--accent);margin-bottom:var(--s-21);padding-bottom:var(--s-8);border-bottom:1px solid var(--line);display:block}.project__features{flex-direction:column;display:flex}.project__feature{gap:var(--s-13);font-size:var(--text-lead);color:var(--text);padding:var(--s-21) 0;border-bottom:1px solid var(--line-faint);line-height:1.4;display:flex}.project__feature-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--tracking-wide);flex:none;padding-top:6px}.project__col--side{align-self:start;position:sticky;top:100px}.project__stack{margin-bottom:var(--s-34);flex-wrap:wrap;gap:6px;display:flex}.project__stack-item{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-2);border:1px solid var(--line);border-radius:2px;padding:5px 9px}.project__cta{gap:var(--s-13);flex-direction:column;display:flex}.project__btn{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--on-accent);background:var(--text);text-align:center;transition:background var(--dur-fast) var(--ease-out);border-radius:2px;padding:.8rem 1rem}.project__btn:hover{background:var(--accent)}.project__btn--ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.project__btn--ghost:hover{background:var(--bg-3);border-color:var(--text)}.project__related{padding-bottom:var(--s-89)}.project__related-grid{gap:var(--s-34);margin-top:var(--s-21);grid-template-columns:repeat(2,1fr);display:grid}.project__related-card{gap:var(--s-8);padding:var(--s-34);border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:3px;flex-direction:column;display:flex}.project__related-card:hover{border-color:var(--accent-line);transform:translateY(-4px)}.project__related-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text)}.project__related-arrow{color:var(--accent);font-size:var(--text-lead)}.project__nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.project__nav-link{padding:var(--s-55) var(--gutter);transition:background var(--dur-fast) var(--ease-out);flex-direction:column;gap:6px;display:flex}.project__nav-link:hover{background:var(--bg-2)}.project__nav-link--next{text-align:right;border-left:1px solid var(--line);align-items:flex-end}.project__nav-title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text)}.project-missing{gap:var(--s-21);flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;padding-top:140px;display:flex}@media (width<=860px){.project__meta{gap:var(--s-21);grid-template-columns:repeat(2,1fr)}.project__cols{gap:var(--s-55);grid-template-columns:1fr}.project__col--side{position:static}.project__related-grid{grid-template-columns:1fr}}:root{--bg:#0b0b0c;--bg-2:#131315;--bg-3:#1b1b1e;--surface:#17171a;--text:#ece7dd;--text-2:#a39f97;--text-muted:#68665f;--accent:#ff5b34;--accent-soft:#ff5b3424;--accent-line:#ff5b3466;--line:#ece7dd1f;--line-strong:#ece7dd38;--line-faint:#ece7dd0f;--on-accent:#0b0b0c;--cursor:#fff;--cursor-soft:#fff9;--font-display:"Cormorant Garamond", "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:clamp(.66rem, .62rem + .2vw, .74rem);--text-sm:clamp(.78rem, .74rem + .2vw, .86rem);--text-body:clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lead:clamp(1.15rem, 1.02rem + .6vw, 1.45rem);--text-h4:clamp(1.35rem, 1.1rem + 1vw, 1.9rem);--text-h3:clamp(1.9rem, 1.4rem + 2vw, 3rem);--text-h2:clamp(2.6rem, 1.8rem + 3.4vw, 4.8rem);--text-h1:clamp(3.4rem, 2rem + 6vw, 8rem);--text-display:clamp(4.5rem, 2rem + 12vw, 15rem);--leading-tight:.95;--leading-snug:1.08;--leading-body:1.6;--tracking-label:.22em;--tracking-wide:.04em;--s-8:.5rem;--s-13:.8125rem;--s-21:1.3125rem;--s-34:2.125rem;--s-55:3.4375rem;--s-89:5.5625rem;--s-144:9rem;--s-233:14.5625rem;--s-377:23.5625rem;--section-y:clamp(5rem, 3rem + 9vw, 9rem);--gutter:clamp(1.25rem, .5rem + 3.5vw, 5.5rem);--maxw:1600px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.28s;--dur-mid:.6s;--dur-slow:1s;--z-cursor:9999;--z-nav:800;--z-overlay:700;--z-modal:900}:root[data-theme=light]{--bg:#f4f1ea;--bg-2:#ece8df;--bg-3:#e3ded3;--surface:#fbf9f4;--text:#16140f;--text-2:#4c473d;--text-muted:#8a8475;--accent:#e6471f;--accent-soft:#e6471f1f;--accent-line:#e6471f80;--line:#16140f24;--line-strong:#16140f42;--line-faint:#16140f12;--on-accent:#fff;--cursor:#16140f;--cursor-soft:#16140f80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--line-strong) transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-feature-settings:"ss01", "cv01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}@media (pointer:fine){body.has-cursor,body.has-cursor *{cursor:none}}img,iframe,canvas,svg,video{max-width:100%;display:block}iframe{background:#fff;border:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4{font-weight:400;line-height:var(--leading-tight)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{isolation:isolate}.t-display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;font-weight:500;line-height:.86}.t-h1{font-family:var(--font-display);font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:-.01em;font-weight:500}.t-h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.005em;font-weight:500;line-height:1}.t-h3{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--leading-snug);font-weight:500}.t-h4{font-family:var(--font-display);font-size:var(--text-h4);line-height:var(--leading-snug);font-weight:600}.t-lead{font-size:var(--text-lead);color:var(--text);line-height:1.4}.t-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-2)}.t-muted{color:var(--text-muted)}.t-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-2);font-weight:500}.t-mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text-2)}.t-index{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--accent);font-weight:500}.t-serif-italic{font-family:var(--font-display);font-style:italic}.text-balance{text-wrap:balance}.text-clip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.full-bleed{width:100vw;margin-inline:calc(50% - 50vw)}.visually-hidden,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}.divider{background:var(--line);border:0;width:100%;height:1px}.row{align-items:center;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.col{flex-direction:column;display:flex}.section-head{align-items:baseline;gap:var(--s-21);padding-bottom:var(--s-34);border-bottom:1px solid var(--line);margin-bottom:var(--section-y);display:flex}.section-head__index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:var(--tracking-wide)}.section-head__title{font-family:var(--font-display);font-size:var(--text-h3);line-height:1}.section-head__meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-left:auto}.link-underline{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--text);display:inline-block;position:relative}.link-underline:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform var(--dur-fast) var(--ease-out);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-underline:hover:after{transform-origin:0;transform:scaleX(1)}@keyframes mf-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mf-clip-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mf-line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mf-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes mf-spin{to{transform:rotate(360deg)}}@keyframes mf-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mf-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.6)}}.reveal{opacity:0;transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out);will-change:opacity, transform;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.clip-reveal{clip-path:inset(0 100% 0 0);transition:clip-path var(--dur-slow) var(--ease-expo)}.clip-reveal.is-visible{clip-path:inset(0)}.preview-loading{background:linear-gradient(100deg, var(--bg-2) 30%, var(--bg-3) 50%, var(--bg-2) 70%);background-size:200% 100%;animation:1.4s linear infinite mf-shimmer;position:relative}@media (prefers-reduced-motion:reduce){.reveal,.clip-reveal{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}.preview-loading{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--bp-sm:480px;--bp-md:768px;--bp-lg:1080px;--bp-xl:1440px}@media (width<=768px){:root{--section-y:clamp(3.5rem, 2.5rem + 6vw, 5rem);--gutter:1.25rem}.section-head{gap:var(--s-13);flex-wrap:wrap}.section-head__meta{width:100%;margin-left:0}}html,body{overflow-x:hidden}*,img,iframe{max-width:100%}@media (prefers-reduced-motion:reduce){[data-parallax]{transform:none!important}}