:root{--c-paper:oklch(96.6% .003 277);--c-surface-lt:oklch(99.4% .001 277);--c-border-lt:oklch(91.6% .004 280);--c-ink:oklch(22.5% .012 277);--c-ink-soft:oklch(46% .012 277);--c-deep:oklch(16.5% .012 277);--c-surface-dk:oklch(21.5% .012 277);--c-surface-hi:oklch(26.5% .013 277);--c-border-dk:oklch(32.5% .014 277);--c-text-2:oklch(63.5% .014 277);--c-text-1:oklch(84.5% .008 277);--c-text-strong:oklch(96.4% .003 277);--c-blue:oklch(55% .215 264);--c-blue-deep:oklch(49% .2 264);--c-blue-air:oklch(78% .115 256);--c-success:oklch(71% .13 162);--c-error:oklch(66% .16 25);--bg:var(--c-paper);--surface:var(--c-surface-lt);--surface-2:var(--c-paper);--border:var(--c-border-lt);--text-strong:var(--c-ink);--text-body:color-mix(in oklab, var(--c-ink) 88%, transparent);--text-muted:var(--c-ink-soft);--accent:var(--c-blue);--accent-hover:var(--c-blue-deep);--focus-ring:var(--c-ink);--text-display:clamp(2.85rem, 1.6rem + 6.2vw, 6rem);--text-h1:clamp(2.1rem, 1.4rem + 3.1vw, 3.5rem);--text-h2:clamp(1.6rem, 1.2rem + 1.7vw, 2.3rem);--text-h3:clamp(1.2rem, 1.05rem + .7vw, 1.5rem);--text-base:clamp(1rem, .97rem + .18vw, 1.125rem);--text-label:.74rem;--text-small:.85rem;--font-display:"Clash Display", "Satoshi", system-ui, sans-serif;--font-body:"Satoshi", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--section-y:clamp(72px, 9vw, 128px);--gutter:clamp(20px, 5vw, 96px);--maxw:1280px;--maxw-wide:1480px;--btn-primary-bg:var(--c-ink);--btn-primary-fg:var(--c-surface-lt);--btn-primary-hover:var(--c-blue);--radius-sm:6px;--radius:12px;--radius-lg:22px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-soft:cubic-bezier(.22, .61, .36, 1);--dur-fast:.22s;--dur:.6s;--dur-slow:.8s;--shadow-soft:0 1px 2px oklch(20% .02 277/.05), 0 12px 32px -12px oklch(20% .02 277/.18);--shadow-lift:0 1px 2px oklch(20% .02 277/.06), 0 28px 60px -20px oklch(20% .02 277/.3)}.polarity-dark{--bg:var(--c-deep);--surface:var(--c-surface-dk);--surface-2:var(--c-surface-hi);--border:var(--c-border-dk);--text-strong:var(--c-text-strong);--text-body:var(--c-text-1);--text-muted:var(--c-text-2);--focus-ring:var(--c-surface-lt);--btn-primary-bg:var(--c-surface-lt);--btn-primary-fg:var(--c-deep);--shadow-soft:0 1px 2px oklch(0% 0 0/.3), 0 18px 44px -16px oklch(0% 0 0/.6);--shadow-lift:0 1px 2px oklch(0% 0 0/.4), 0 36px 70px -24px oklch(0% 0 0/.7)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}body.intro-lock{height:100vh;overflow:hidden}body.menu-open{overflow:hidden}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.05}h3{letter-spacing:-.01em;font-weight:500}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg,canvas{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--c-blue);color:#fff}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:3px}.shell{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);z-index:1;margin-inline:auto;position:relative}.section{padding-block:var(--section-y);background:var(--bg);color:var(--text-body);position:relative}.label{font-family:var(--font-body);font-weight:700;font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:var(--sp-3);display:inline-flex}.label:before{content:"";opacity:.55;background:currentColor;width:26px;height:1px}.eyebrow{color:var(--accent)}.cursor{border:1.5px solid var(--c-blue);pointer-events:none;z-index:9000;width:34px;height:34px;transition:width .25s var(--ease-out), height .25s var(--ease-out), background .25s var(--ease-out), border-color .25s var(--ease-out), opacity .3s;mix-blend-mode:normal;opacity:0;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-ready{opacity:1}.cursor.is-hot{background:color-mix(in oklab, var(--c-blue) 14%, transparent);border-color:var(--c-blue);width:54px;height:54px}.cursor.is-dark-ctx{border-color:var(--c-blue-air)}.cursor-dot{background:var(--c-blue);pointer-events:none;z-index:9001;opacity:0;border-radius:50%;width:5px;height:5px;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot.is-ready{opacity:1}@media (hover:none),(pointer:coarse){.cursor,.cursor-dot{display:none}}.btn{align-items:center;gap:var(--sp-3);font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);will-change:transform;border-radius:999px;padding:14px 24px;font-size:.95rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.btn .btn-arrow{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-label{display:inline-block}.btn-ch{transition:transform .3s var(--ease-out);transition-delay:calc(var(--ci) * 24ms);will-change:transform;display:inline-block}.btn:hover .btn-ch{transform:translateY(-.22em)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover{background:var(--accent);color:#fff;box-shadow:0 12px 26px -10px var(--c-blue);transform:translateY(-2px)}.btn-secondary{color:var(--text-strong);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-strong);transform:translateY(-2px)}.link-u{color:var(--text-strong);padding-bottom:2px;font-weight:500;position:relative}.link-u:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1.5px;transition:transform .35s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.link-u:hover{color:var(--accent)}.link-u:hover:after{transform-origin:0;transform:scaleX(1)}.site-header{z-index:800;height:72px;transition:background .4s var(--ease-out), border-color .4s var(--ease-out), backdrop-filter .4s;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header.scrolled{background:color-mix(in oklab, var(--c-paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--c-border-lt)}.site-header.over-dark{color:var(--c-text-strong)}.site-header.over-dark.scrolled{background:color-mix(in oklab, var(--c-deep) 80%, transparent);border-bottom-color:var(--c-border-dk)}.header-inner{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:var(--sp-5);margin-inline:auto;display:flex}.brand{height:26px;color:var(--c-ink);transition:color .4s var(--ease-out);align-items:center;display:inline-flex}.over-dark .brand{color:var(--c-text-strong)}.brand svg{width:auto;height:24px}.nav-desk{align-items:center;gap:var(--sp-6);display:none}.nav-desk a{color:inherit;opacity:.82;font-size:.92rem;font-weight:500;transition:opacity .25s;position:relative}.nav-desk a:after{content:"";background:var(--c-blue);transform-origin:100%;width:100%;height:1.5px;transition:transform .3s var(--ease-out);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav-desk a:hover{opacity:1}.nav-desk a:hover:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:var(--sp-4);display:flex}.lang-switch{letter-spacing:.04em;border:1px solid color-mix(in oklab, currentColor 22%, transparent);border-radius:999px;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex;overflow:hidden}.lang-switch button{color:inherit;opacity:.5;padding:9px 12px;transition:opacity .25s,background .25s,color .25s}.lang-switch button[aria-pressed=true]{opacity:1;background:var(--c-ink);color:var(--c-surface-lt)}.over-dark .lang-switch button[aria-pressed=true]{background:var(--c-surface-lt);color:var(--c-deep)}.header-cta{display:none}.menu-slot{flex:none;width:44px;height:44px}@media (width>=980px){.nav-desk{display:flex}.header-cta{display:inline-flex}.menu-slot{display:none}}:root{--ease-menu-open:cubic-bezier(.33, 1, .68, 1);--ease-menu-close:cubic-bezier(.65, 0, .35, 1)}.menu-scrim{z-index:840;-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease-menu-close), visibility 0s linear .5s;background:oklch(16.5% .012 277/.5);position:fixed;inset:0}.menu-scrim.open{opacity:1;visibility:visible;transition:opacity .5s var(--ease-menu-open)}.menu-morph{top:14px;right:var(--gutter);z-index:850;background:var(--c-deep);width:44px;height:44px;color:var(--c-text-strong);transform-origin:100% 0;transition:width .5s var(--ease-menu-close), height .5s var(--ease-menu-close), box-shadow .5s var(--ease-menu-close);border-radius:16px;position:fixed;overflow:hidden;box-shadow:0 6px 20px oklch(16.5% .012 277/.18)}.menu-morph.open{width:min(560px,100vw - 28px);height:calc(100dvh - 28px);transition:width .7s var(--ease-menu-open), height .7s var(--ease-menu-open), box-shadow .7s var(--ease-menu-open);box-shadow:0 30px 80px oklch(16.5% .012 277/.45)}@media (width>=980px){.menu-morph{display:none}}.menu-morph-btn{z-index:3;width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;top:0;right:0}.menu-morph-btn span{width:17px;height:1.7px;transition:transform .35s var(--ease-menu-open), opacity .25s var(--ease-menu-open);background:currentColor;border-radius:2px;display:block}.menu-morph.open .menu-morph-btn span:first-child{transform:translateY(6.7px)rotate(45deg)}.menu-morph.open .menu-morph-btn span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-morph.open .menu-morph-btn span:nth-child(3){transform:translateY(-6.7px)rotate(-45deg)}.menu-morph-inner{transform-origin:100% 0;opacity:0;pointer-events:none;width:min(560px,100vw - 28px);transition:opacity .4s var(--ease-menu-close), transform .5s var(--ease-menu-close);flex-direction:column;gap:30px;padding:74px clamp(22px,5vw,40px) 28px;display:flex;position:absolute;inset:0;transform:scale(.94)}.menu-morph.open .menu-morph-inner{opacity:1;pointer-events:auto;transition:opacity .45s var(--ease-menu-open) .18s, transform .6s var(--ease-menu-open) .12s;transform:scale(1)}.menu-morph-body{flex-direction:column;flex:1;gap:36px;min-height:0;display:flex}.menu-morph-nav{flex-direction:column;display:flex}.menu-morph-nav a{color:var(--c-text-strong);font-family:var(--font-display);letter-spacing:-.02em;opacity:0;transition:opacity .55s var(--ease-menu-close), transform .55s var(--ease-menu-close), color .25s;border-bottom:1px solid oklch(32.5% .014 277/.45);align-items:center;gap:16px;padding:9px 0;font-size:clamp(1.9rem,8.5vw,2.8rem);font-weight:500;line-height:1.04;text-decoration:none;display:flex;transform:translateY(22px)}.menu-morph.open .menu-morph-nav a{opacity:1;transition:opacity .55s var(--ease-menu-open) calc(.3s + var(--i) * 70ms), transform .55s var(--ease-menu-open) calc(.3s + var(--i) * 70ms), color .25s;transform:translateY(0)}.menu-morph-nav .idx{font-family:var(--font-body);letter-spacing:.1em;color:var(--c-blue-air);align-self:flex-start;min-width:2.4ch;margin-top:8px;font-size:.8rem;font-weight:700}.menu-morph-nav .lbl{transition:transform .35s var(--ease-menu-open);flex:1}.menu-morph-nav .plus{font-family:var(--font-body);color:var(--c-text-2);font-size:1.5rem;font-weight:400;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .25s}@media (hover:hover){.menu-morph-nav a:hover{color:var(--c-blue-air)}.menu-morph-nav a:hover .lbl{transform:translate(10px)}.menu-morph-nav a:hover .plus{color:var(--c-blue-air);transform:rotate(45deg)}}.menu-morph-presence{opacity:0;transition:opacity .55s var(--ease-menu-close), transform .55s var(--ease-menu-close);flex-direction:column;gap:12px;display:flex;transform:translateY(22px)}.menu-morph.open .menu-morph-presence{opacity:1;transition-delay:.6s;transform:translateY(0)}.menu-morph-presence .hi{color:var(--c-text-1);font-size:.9rem}.menu-morph-presence .who{font-family:var(--font-display);color:var(--c-text-strong);font-size:1.1rem;font-weight:500}.menu-morph-presence .who b{color:var(--c-blue-air);font-weight:500}.menu-morph-robot{place-items:center;padding:6px 0;display:grid}.menu-morph-robot svg{width:clamp(112px,44%,156px);height:auto;animation:robotFloatMenu 5s var(--ease-menu-open) infinite;overflow:visible}@keyframes robotFloatMenu{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.menu-morph-foot{color:var(--c-text-2);opacity:0;transition:opacity .5s var(--ease-menu-open) .7s;border-top:1px solid oklch(32.5% .014 277/.45);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;font-size:.8rem;display:flex}.menu-morph.open .menu-morph-foot{opacity:1}.menu-morph-foot .socials{gap:16px;display:flex}.menu-morph-foot a{color:var(--c-text-1);text-decoration:none;transition:color .2s}.menu-morph-foot a:hover{color:var(--c-blue-air)}@media (width>=760px){.menu-morph.open,.menu-morph-inner{width:min(720px,100vw - 28px)}.menu-morph-body{flex-direction:row;align-items:stretch;gap:44px}.menu-morph-nav{flex:1.2;justify-content:center}.menu-morph-presence{flex:1;justify-content:center;max-width:300px}}@media (prefers-reduced-motion:reduce){.menu-scrim,.menu-morph,.menu-morph *{transition-duration:.001ms!important;transition-delay:0s!important}.menu-morph-robot svg{animation:none}}.hero{background:var(--c-paper);min-height:100svh;padding-block:120px var(--section-y);align-items:center;display:flex;position:relative;overflow:hidden}#wave-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:2;width:100%;position:relative}.hero h1{font-size:var(--text-display);margin-top:0;margin-bottom:var(--sp-4);max-width:16ch;font-weight:600}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line>span{display:block;transform:translateY(110%)}.hero-name{font-size:clamp(1.05rem,.9rem.6vw,1.45rem);color:var(--text-muted);letter-spacing:-.01em;opacity:0;font-weight:500;transform:translateY(16px)}.hero-cta{gap:var(--sp-4);margin-top:var(--sp-7);opacity:0;flex-wrap:wrap;display:flex;transform:translateY(16px)}.hero-scroll{z-index:2;color:var(--text-muted);font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:8px;font-weight:700;display:flex;position:absolute;bottom:26px;left:0;right:0;transform:translateY(10px)}.intro{z-index:950;background:var(--c-paper);will-change:transform, clip-path;place-items:center;display:grid;position:fixed;inset:0}.intro-word{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);align-items:center;gap:14px;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:600;display:flex}.intro-word .dot{background:var(--c-blue);width:11px;height:11px;animation:introPulse 1.1s var(--ease-out) infinite;border-radius:50%}@keyframes introPulse{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.intro.lift{animation:introLift 1.05s var(--ease-out) forwards}@keyframes introLift{0%{clip-path:ellipse(150% 130% at 50% 0);transform:translateY(0)}60%{clip-path:ellipse(150% 90% at 50% -20%)}to{clip-path:ellipse(150% 0% at 50% -60%);transform:translateY(-4%)}}:root{--c-paper-2:oklch(93.5% .004 281)}#apropos,#skills{--bg:var(--c-paper-2)}.seam{--seam-cap-h:300px}.seam[data-seam-from=light]{--bg-a:var(--c-paper);--fg-a:var(--c-ink)}.seam[data-seam-from=dark]{--bg-a:var(--c-deep);--fg-a:var(--c-surface-lt)}.seam[data-seam-to=light]{--bg-b:var(--c-paper);--fg-b:var(--c-ink)}.seam[data-seam-to=dark]{--bg-b:var(--c-deep);--fg-b:var(--c-surface-lt)}.seam-scene{height:220vh;position:relative}.seam-stage{background:var(--bg-a);height:100vh;position:sticky;top:0;overflow:hidden}.seam-panel{text-align:center;place-content:center;padding:0 8vw;display:grid;position:absolute;inset:0}.seam-a{background:var(--bg-a);color:var(--fg-a)}.seam-b{color:var(--fg-b);will-change:transform;background:0 0;transform:translateY(100vh)}.seam-body{background:var(--bg-b);position:absolute;inset:0}.seam-cap{height:var(--seam-cap-h);display:block;position:absolute;bottom:100%;left:0;right:0;overflow:visible}.seam-cap path{fill:var(--bg-b);filter:drop-shadow(0 -3px 14px color-mix(in oklab, var(--c-ink) 12%, transparent))}.seam[data-seam-from=light][data-seam-to=light] .seam-cap path{filter:drop-shadow(0 -1px 0 color-mix(in oklab, var(--c-ink) 16%, transparent)) drop-shadow(0 -10px 20px color-mix(in oklab, var(--c-ink) 9%, transparent))}.seam-content{gap:clamp(10px,1.4vw,18px);display:grid;position:relative}.seam-content-b{z-index:2}.seam-line{overflow:hidden}.seam-line>span{will-change:transform;display:inline-block}.seam-a .seam-line>span{transform:translateY(0)}.seam-b .seam-line>span{transform:translateY(110%)}.seam-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:600}.seam[data-seam-from=dark] .seam-a .seam-eyebrow,.seam[data-seam-to=dark] .seam-b .seam-eyebrow{color:color-mix(in oklab, var(--accent) 55%, white)}.seam-head{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(40px,8vw,104px);font-weight:600;line-height:1.02}@media (prefers-reduced-motion:reduce){.seam-scene{height:0}.seam-stage{height:0;position:static}}.reveal{opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);will-change:transform,opacity;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);transform:translateY(24px)}.stagger.in>*{opacity:1;transform:none}.stagger.in>:first-child{transition-delay:0s}.stagger.in>:nth-child(2){transition-delay:70ms}.stagger.in>:nth-child(3){transition-delay:.14s}.stagger.in>:nth-child(4){transition-delay:.21s}.stagger.in>:nth-child(5){transition-delay:.28s}.stagger.in>:nth-child(6){transition-delay:.35s}.words .w-out{vertical-align:top;transition:transform .4s var(--ease-out);transition-delay:calc(var(--wi) * 28ms);margin-block:-.06em;padding-block:.06em;display:inline-block;overflow:hidden}.words .w-in{transition:transform .8s var(--ease-out);transition-delay:calc(var(--wi) * 50ms);will-change:transform;display:inline-block;transform:translateY(110%)}.words.in .w-in{transform:none}.words.in:hover .w-out{transform:translateY(-4px)}.about-grid{gap:var(--sp-8);grid-template-columns:1fr;align-items:start;display:grid}.about-lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);letter-spacing:-.015em;color:var(--text-strong);max-width:20ch;line-height:1.18}.about-lead .hl{color:var(--accent)}.about-body{gap:var(--sp-5);flex-direction:column;max-width:52ch;display:flex}.about-body p{color:var(--text-body)}.about-tags{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.about-tags span{font-size:var(--text-small);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-weight:500}.about-photo{margin:var(--sp-8) 0 0;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--c-surface-dk);box-shadow:var(--shadow-soft);opacity:0;transform-origin:50%;will-change:transform,opacity;transition:opacity var(--dur) var(--ease-out), transform 1.1s var(--ease-out);position:relative;overflow:hidden;transform:scale(.92)}.about-photo.in{opacity:1;transform:scale(1)}.about-photo:after{content:"";border-radius:inherit;border:1px solid var(--c-blue);opacity:0;transition:opacity .8s var(--ease-out) .2s;position:absolute;inset:0}.about-photo.in:after{opacity:.55}.about-photo-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.portrait{position:relative}.portrait-frame{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--c-surface-dk);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.portrait-frame:after{content:"";border-radius:inherit;border:1px solid var(--c-blue);opacity:0;transition:opacity .8s var(--ease-out) .2s;position:absolute;inset:0}.portrait.in .portrait-frame:after{opacity:.55}.portrait-img{object-fit:cover;width:100%;height:100%;color:var(--c-text-2);font-size:var(--text-small);clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease-out), transform 1.1s var(--ease-out);background:linear-gradient(150deg,oklch(30% .012 277),oklch(20% .012 277));place-items:center;display:grid;position:absolute;inset:0;transform:scale(1.08)}.portrait.in .portrait-img{clip-path:inset(0);transform:scale(1)}.portrait-photo{object-fit:cover;width:100%;height:100%;display:block}.portrait-cap{z-index:2;font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-2);font-weight:700;position:absolute;bottom:12px;left:14px}.portrait-frame{transform-origin:50%;will-change:transform}.impact{margin-top:var(--sp-9)}.impact-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.stat-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--surface);padding:var(--sp-6) var(--sp-5);flex-direction:column;gap:6px;display:flex}.stat-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:600;line-height:1}.stat-num .suffix{color:var(--accent)}.stat-label{font-size:var(--text-small);color:var(--text-muted);max-width:24ch}@media (width>=760px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.exp-list{margin-top:var(--sp-8);gap:var(--sp-4);display:grid;position:relative}.exp-item{gap:var(--sp-5);padding:var(--sp-6) var(--sp-6) var(--sp-7);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);grid-template-columns:1fr;text-decoration:none;display:grid;position:relative}.exp-item:hover{background:color-mix(in oklab, var(--accent) 7%, var(--surface));border-color:color-mix(in oklab, var(--accent) 50%, var(--border));box-shadow:var(--shadow-soft);transform:translateY(-3px)}.exp-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exp-item:hover .exp-co{color:var(--accent)}.exp-item:hover .exp-go{opacity:1;transform:translate(0)}.exp-period{font-size:var(--text-small);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:center;gap:10px;display:inline-flex}.exp-period:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 14%, transparent);border-radius:50%;flex:none}.exp-co{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;transition:color var(--dur) var(--ease-out);margin-block:8px;font-weight:600}.exp-role{display:block}.exp-desc{color:var(--text-muted);max-width:48ch;line-height:1.55}.exp-kpis{gap:var(--sp-7);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.exp-kpi{flex-direction:column;gap:6px;display:flex}.exp-kpi .stat-num{font-size:clamp(2rem,4vw,2.8rem)}.exp-kpi-label{font-size:var(--text-small);color:var(--text-muted);max-width:20ch}.exp-go{top:var(--sp-6);right:var(--sp-6);font-size:var(--text-small);color:var(--accent);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);align-items:center;gap:6px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-6px)}.exp-go svg{width:15px;height:15px}@media (width>=860px){.exp-item{gap:var(--sp-9);grid-template-columns:.85fr 1.35fr;align-items:start}.exp-desc{padding-right:8rem}}@media (width>=980px){.about-grid{gap:var(--sp-10);grid-template-columns:1.1fr .9fr}.about-head-col{gap:var(--sp-7);flex-direction:column;display:flex}}#fil-range{position:relative}#filsvg{z-index:1;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}#trait{fill:none;stroke:var(--accent);stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 12px color-mix(in oklab, var(--accent) 28%, transparent))}.fil-station{display:none}@media (prefers-reduced-motion:reduce){#filsvg{display:none}}.marquee{background:var(--c-paper);padding-block:clamp(28px,4vw,56px);position:relative;overflow:hidden}.marquee-row{will-change:transform;backface-visibility:hidden;gap:0;width:max-content;animation:34s linear infinite marqueeMove;display:flex;transform:translateZ(0)}.marquee-item{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);white-space:nowrap;align-items:center;gap:clamp(20px,3vw,48px);padding-inline:clamp(20px,3vw,48px);font-size:clamp(2.6rem,8vw,6rem);font-weight:600;display:flex}.marquee-item .sep{background:var(--c-blue);border-radius:50%;flex:none;width:clamp(12px,1.4vw,20px);height:clamp(12px,1.4vw,20px)}.marquee-item>span{will-change:transform}.marquee-item.ghost{color:color-mix(in oklab, var(--c-ink) 8%, transparent);-webkit-text-stroke:1.4px color-mix(in oklab, var(--c-ink) 40%, transparent)}@keyframes marqueeMove{to{transform:translate(-50%)}}.projects-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-9);flex-wrap:wrap;display:flex}.projects-head h2{font-size:var(--text-h1);max-width:16ch}.projects-list{flex-direction:column;gap:clamp(64px,8vw,128px);display:flex;position:relative}.projects-cta{justify-content:center;margin-top:clamp(56px,7vw,104px);display:flex}.project{gap:var(--sp-6);grid-template-columns:1fr;align-items:center;display:grid;position:relative}.project-media{order:-1;position:relative}.project-text{gap:var(--sp-4);flex-direction:column;display:flex}.project-meta{align-items:center;gap:var(--sp-4);color:var(--text-muted);font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;font-weight:700;display:flex}.project-idx{color:var(--accent)}.project-title{font-size:var(--text-h1);letter-spacing:-.02em}.project-role{font-size:var(--text-small);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.project-desc{color:var(--text-body);max-width:50ch}.project-results{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.result-chip{font-size:var(--text-small);color:var(--text-strong);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-weight:700;display:inline-flex}.result-chip b{color:var(--accent);font-weight:700}.result-chip.real:before{content:"";background:var(--c-success);border-radius:50%;width:6px;height:6px}.project-link{margin-top:var(--sp-3);color:var(--text-strong);align-items:center;gap:10px;width:max-content;font-weight:700;display:inline-flex}.project-link .arrow{border:1px solid var(--border);width:34px;height:34px;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.media-frame{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);position:relative;overflow:hidden}.media-chrome{z-index:3;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface) 80%, transparent);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.media-chrome .dot{background:var(--border);border-radius:50%;width:9px;height:9px}.media-chrome .url{color:var(--text-muted);letter-spacing:.02em;margin-left:10px;font-size:11px;font-weight:500}.media-canvas{place-items:center;display:grid;position:absolute;inset:38px 0 0;overflow:hidden}.media-canvas--bare{inset:0}.media-shot{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-skeleton{opacity:1;transition:opacity var(--dur) var(--ease-out);position:absolute;inset:0}.media-reveal{color:var(--text-muted);font-size:var(--text-small);text-align:center;opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-out);place-items:center;padding:24px;display:grid;position:absolute;inset:0;transform:scale(1.06)}.media-tag{z-index:4;font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in oklab, var(--surface) 85%, transparent);border:1px solid var(--border);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:14px;transform:translateY(8px)}.project:hover .media-frame{box-shadow:var(--shadow-lift);transform:translateY(-6px)scale(1.012)}.project:hover .media-reveal{opacity:1;transform:scale(1)}.project:hover .media-skeleton{opacity:.12}.project:hover .media-tag{opacity:1;transform:translateY(0)}.project:hover .project-link .arrow{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(-45deg)}.project-mini{cursor:default}.project-mini:hover .media-frame{box-shadow:var(--shadow-lift);transform:translateY(-6px)scale(1.012)}.project-mini:hover .media-reveal{opacity:1;transform:scale(1)}.project-mini:hover .media-skeleton{opacity:.12}.project-mini:hover .media-tag{opacity:1;transform:translateY(0)}@media (width>=920px){.project{grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,88px)}.project-media{order:0}.project.flip .project-media{order:-1}.project.flip .project-text{order:0}.project-title{font-size:clamp(2rem,3.2vw,3rem)}}.skills-head{max-width:42ch;margin-bottom:var(--sp-8)}.skills-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr;grid-auto-rows:1fr;gap:1px;display:grid;overflow:hidden}.skill{background:var(--surface);padding:var(--sp-6);gap:var(--sp-4);text-align:center;min-height:200px;transition:background var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.skill:hover{background:var(--c-deep)}.skill:hover h3{color:var(--c-text-strong)}.skill:hover p{color:var(--c-text-1)}.skill:hover .skill-no{color:var(--c-text-2)}.skill-ix{justify-content:space-between;align-items:center;display:flex}.skill-icon{width:30px;height:30px;color:var(--accent)}.skill-icon svg{width:100%;height:100%}.skill-no{font-size:var(--text-label);letter-spacing:.16em;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);font-weight:700}.skill h3{font-size:var(--text-h3);min-height:2.4em;transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:flex-start;display:flex}.skill p{font-size:var(--text-small);color:var(--text-body);transition:color var(--dur-fast) var(--ease-out)}@media (width>=680px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.skills-grid{grid-template-columns:repeat(5,1fr)}.skill p{font-size:.82rem}}.ribbon{height:clamp(120px,16vw,180px);margin-block:calc(var(--section-y) * -.2) 0;z-index:5;pointer-events:none;position:relative;overflow:hidden}.ribbon-band{background:var(--c-blue);color:#fff;width:112%;box-shadow:0 18px 50px -20px var(--c-blue);padding-block:14px;position:absolute;top:50%;left:-6%;overflow:hidden;transform:translateY(-50%)rotate(-4deg)}.ribbon-row{gap:0;width:max-content;animation:26s linear infinite marqueeMove;display:flex}.ribbon-item{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:clamp(18px,2.4vw,34px);padding-inline:clamp(18px,2.4vw,34px);font-size:clamp(1.1rem,2vw,1.7rem);font-weight:600;display:flex}.ribbon-item .star{background:oklab(100% 0 5.96046e-8/.8);border-radius:50%;flex:none;width:10px;height:10px}.wf{position:relative;overflow:hidden}.wf-inner{gap:var(--sp-7);grid-template-columns:1fr;align-items:center;display:grid}.wf-lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-h1);letter-spacing:-.02em;color:var(--text-strong);max-width:18ch;line-height:1.12}.wf-lead .hl{color:var(--accent)}.wf-side{gap:var(--sp-5);flex-direction:column;max-width:46ch;display:flex}.wf-cta{margin-top:var(--sp-2);align-self:flex-start}.wf-steps{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.wf-step{background:var(--surface);padding:var(--sp-4) var(--sp-5);align-items:center;gap:var(--sp-4);display:flex}.wf-step .n{font-family:var(--font-display);color:var(--accent);width:1.6em;font-size:1.1rem;font-weight:600}.wf-step .t{color:var(--text-strong);font-weight:500}.wf-step .d{color:var(--text-muted);font-size:var(--text-small);margin-left:auto}@media (width>=920px){.wf-inner{gap:var(--sp-10);grid-template-columns:1.05fr .95fr}}.contact-inner{gap:var(--sp-8);grid-template-columns:1fr;display:grid}.contact-head h2{font-size:var(--text-h1);max-width:14ch;margin-block:var(--sp-4) var(--sp-5)}.contact-head p{max-width:40ch;color:var(--text-body)}.contact-channels{gap:var(--sp-2);margin-top:var(--sp-7);flex-direction:column;display:flex}.channel{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-top:1px solid var(--border);display:flex}.channel:last-child{border-bottom:1px solid var(--border)}.channel .k{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.channel .v{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text-strong)}.form{gap:var(--sp-5);flex-direction:column;display:flex}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field label{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.field input,.field textarea{font:inherit;color:var(--text-strong);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);resize:vertical;padding:14px 16px;font-size:1rem}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);opacity:.7}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent);outline:none}.field.invalid input,.field.invalid textarea{border-color:var(--c-error)}.field .err{color:var(--c-error);opacity:0;height:0;font-size:.78rem;font-weight:500;transition:opacity .25s;overflow:hidden}.field.invalid .err{opacity:1;height:auto}.form-foot{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.form-status{font-size:var(--text-small);color:var(--text-muted);font-weight:500}.form-status.ok{color:var(--c-success)}@media (width>=920px){.contact-inner{gap:var(--sp-10);grid-template-columns:.85fr 1.15fr}}@media (width<=759px){#contact{padding-bottom:26vh}}.footer-seam{background:var(--c-deep);height:200vh;position:relative}.footer-seam-stage{background:var(--c-deep);height:100vh;position:sticky;top:0;overflow:hidden}.footer-behind{z-index:1;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.footer-behind>.site-footer{width:100%}.footer-cover{z-index:2;background:var(--c-paper);width:100%;height:140vh;color:var(--c-ink);will-change:transform, clip-path;filter:drop-shadow(0 16px 30px color-mix(in oklab, var(--c-ink) 32%, transparent));position:absolute;top:0;left:0}.footer-cover-inner{min-height:100vh}@media (prefers-reduced-motion:reduce){.footer-seam{background:0 0;height:auto}.footer-seam-stage{background:0 0;height:auto;position:static;overflow:visible}.footer-behind{position:static}.footer-cover{filter:none;will-change:auto;height:auto;position:static;clip-path:none!important;transform:none!important}.footer-cover-inner{min-height:0}}.site-footer{padding-top:var(--section-y);position:relative;overflow:hidden}.footer-grid{gap:var(--sp-7);grid-template-columns:1fr;margin-bottom:clamp(40px,6vw,80px);display:grid}.footer-col h4{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-4);font-weight:700;font-family:var(--font-body)}.footer-col ul{flex-direction:column;gap:2px;list-style:none;display:flex}.footer-col a{color:var(--text-body);padding-block:7px;font-weight:500;display:inline-block}.footer-col a:hover{color:var(--text-strong)}.footer-brandblock{gap:var(--sp-4);flex-direction:column;display:flex}.footer-brandblock .lede{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);letter-spacing:-.015em;color:var(--text-strong);max-width:22ch}.footer-stage{justify-content:center;align-items:flex-end;min-height:clamp(150px,23vw,300px);display:flex;position:relative}.footer-word{font-family:var(--font-display);letter-spacing:-.03em;color:color-mix(in oklab, var(--c-text-strong) 8%, transparent);-webkit-text-stroke:1.6px color-mix(in oklab, var(--c-text-strong) 42%, transparent);text-align:center;-webkit-user-select:none;user-select:none;width:100%;font-size:clamp(4.5rem,21vw,17rem);font-weight:600;line-height:.82}.footer-word .ch{opacity:0;transition:transform .9s var(--ease-out), opacity .9s var(--ease-out);display:inline-block;transform:translateY(.4em)}.footer-stage.in .footer-word .ch{opacity:1;transform:translateY(0)}.footer-stage.in .footer-word .ch:first-child{transition-delay:40ms}.footer-stage.in .footer-word .ch:nth-child(2){transition-delay:.1s}.footer-stage.in .footer-word .ch:nth-child(3){transition-delay:.16s}.footer-stage.in .footer-word .ch:nth-child(4){transition-delay:.22s}.footer-stage.in .footer-word .ch:nth-child(5){transition-delay:.28s}.mascotte{z-index:3;width:clamp(76px,11vw,120px);animation:mascotteFloat 5s var(--ease-out-soft) infinite;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.mascotte svg{width:100%;height:auto;overflow:visible}@keyframes mascotteFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.mascotte .m-eye{transform-box:fill-box;transform-origin:50%}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-block:var(--sp-5);border-top:1px solid var(--border);margin-top:var(--sp-6);color:var(--text-muted);font-size:var(--text-small);flex-wrap:wrap;display:flex}.footer-bottom .brand svg{height:18px;color:var(--c-text-strong)}@media (width>=760px){.footer-grid{gap:var(--sp-8);grid-template-columns:1.4fr .8fr .8fr}}@media (width<=759px){.footer-brandblock{display:none}.footer-grid{gap:var(--sp-6);grid-template-columns:1fr 1fr}.footer-behind{justify-content:center}.site-footer{padding-block:var(--sp-8)}.footer-word{display:none}.footer-stage{min-height:auto;padding-block:var(--sp-4)}.mascotte{width:104px;margin-inline:auto;animation-name:mascotteFloatM;position:static;transform:none}}@keyframes mascotteFloatM{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shell-wide{width:100%;max-width:var(--maxw-wide);padding-inline:var(--gutter);z-index:1;margin-inline:auto;position:relative}.hub-hero{padding-top:calc(72px + var(--section-y));padding-bottom:var(--section-y)}.hub-hero .row{justify-content:space-between;align-items:flex-end;gap:var(--sp-7);flex-wrap:wrap;display:flex}.hub-hero h1{font-size:var(--text-display);font-weight:600}.hub-hero h1 .accent{color:var(--accent)}.hub-intro{max-width:34ch;color:var(--text-muted);font-size:var(--text-h3);line-height:1.45}.filters{margin-top:var(--sp-7);flex-wrap:wrap;gap:8px;display:flex}.filters button{border:1px solid var(--border);color:var(--text-muted);transition:all .2s var(--ease-out);background:0 0;border-radius:999px;padding:8px 16px;font-size:.86rem;font-weight:600}.filters button:hover{border-color:var(--text-strong);color:var(--text-strong)}.filters button[aria-pressed=true]{background:var(--c-ink);color:var(--c-surface-lt);border-color:var(--c-ink)}.works{border-top:1px solid var(--border)}.work{border-bottom:1px solid var(--border);color:inherit;--spd:26s;display:block;position:relative;overflow:hidden}.work-row{align-items:center;gap:clamp(var(--sp-5),4vw,var(--sp-9));cursor:pointer;grid-template-columns:auto 1fr auto;padding-block:clamp(22px,3vw,40px);display:grid}.work-idx{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text-muted);min-width:3ch}.work-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-strong);font-size:clamp(1.7rem,1rem + 3vw,3.1rem);font-weight:600;line-height:1}.work-meta{text-align:right;justify-self:end;gap:var(--sp-4);white-space:nowrap;color:var(--text-muted);flex-wrap:nowrap;justify-content:flex-end;font-size:.95rem;display:flex}.work-meta .dot{opacity:.45}.wm-band{z-index:2;background:var(--c-deep);pointer-events:none;align-items:center;transition:transform .6s cubic-bezier(.45,.05,.35,1);display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(-100%)}.work:hover .wm-band{transform:translateY(0)}.wm-track{white-space:nowrap;will-change:transform;animation:wm-scroll var(--spd) linear infinite;align-items:center;display:flex}.wm-seq{align-items:center;display:inline-flex}@keyframes wm-scroll{to{transform:translate(-50%)}}.wm-unit{align-items:center;gap:clamp(28px,4vw,52px);padding-right:clamp(28px,4vw,52px);display:inline-flex}.wm-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:#fff;font-size:clamp(1.15rem,2.6vw,2rem);font-weight:600}.wm-thumb{background:linear-gradient(135deg,var(--c-surface-hi),var(--c-deep));border:1px solid var(--c-border-dk);background-position:50%;background-size:cover;border-radius:9px;flex:none;width:clamp(96px,11vw,140px);height:clamp(48px,5.6vw,64px);position:relative;overflow:hidden}.wm-thumb:before{content:"";background:color-mix(in oklab,var(--c-blue) 55%,transparent);border-radius:3px;height:7px;position:absolute;top:8px;left:8px;right:8px}.wm-thumb:after{content:"";background:oklch(100% 0 0/.16);border-radius:3px;height:6px;position:absolute;bottom:9px;left:8px;right:38%;box-shadow:0 12px 0 -2px oklch(100% 0 0/.1)}.wm-thumb.has-img:before,.wm-thumb.has-img:after{display:none}.cta-band{background:var(--c-deep);color:var(--c-text-strong);margin-top:var(--sp-9);padding-block:var(--section-y);text-align:center;--btn-primary-bg:var(--c-surface-lt);--btn-primary-fg:var(--c-deep);border-radius:48px 48px 0 0}.cta-band h2{font-size:var(--text-h1);max-width:18ch;color:var(--c-text-strong);margin-inline:auto}.cta-band p{color:var(--c-text-2);max-width:46ch;margin:var(--sp-5) auto 0}.cta-band .btn{margin-top:var(--sp-6)}@media (width<=680px){.work-row{grid-template-columns:1fr;gap:8px}.work-idx{display:none}.work-meta{text-align:left;white-space:normal;flex-direction:column;justify-self:start;align-items:flex-start;gap:2px}.work-meta .dot{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.stagger>*,.hero-name,.hero-cta,.hero-scroll,.portrait-img,.footer-word .ch,.hero h1 .line>span,.words .w-in,.words .w-out,.btn-ch{opacity:1!important;clip-path:none!important;transform:none!important}.intro{display:none!important}.marquee-row,.ribbon-row{animation:none!important}}.section .sub{color:var(--text-muted);margin-top:var(--sp-4)}.p-overview .lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);letter-spacing:-.01em;color:var(--text-strong);line-height:1.25}.p-overview .body{color:var(--text-body);margin-top:var(--sp-5)}.tag{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600}.p-hero{padding-top:calc(var(--section-y) + 48px)}.p-hero .crumb{color:var(--text-muted);align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.p-hero .crumb a{transition:color .3s var(--ease-out)}.p-hero .crumb a:hover{color:var(--accent)}.p-hero h1{margin-top:var(--sp-5);font-size:var(--text-display)}.p-hero .baseline{font-size:var(--text-h3);color:var(--text-muted);max-width:34ch;margin-top:var(--sp-4);line-height:1.4}.p-hero .tags{margin-top:var(--sp-6);flex-wrap:wrap;gap:10px;display:flex}.p-hero .scroll-hint{margin-top:var(--sp-7);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.p-hero .scroll-hint:after{content:"";background:linear-gradient(90deg,var(--accent),transparent);width:34px;height:1px}.p-hero-media{margin-top:var(--sp-7)}.big-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--c-border-dk);background:linear-gradient(135deg,var(--c-surface-hi),var(--c-deep));position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #00000073}.big-frame .chrome{z-index:2;gap:7px;display:flex;position:absolute;top:16px;left:18px}.big-frame .chrome i{background:oklch(100% 0 0/.18);border-radius:50%;width:11px;height:11px}.big-frame .url{text-align:center;z-index:2;color:var(--c-text-2);font-size:.76rem;font-weight:500;position:absolute;top:14px;left:0;right:0}.big-frame .ph-note,.gal-frame .ph-note{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:var(--c-blue-air);font-size:.72rem;font-weight:700;position:absolute;bottom:14px;left:18px}.big-frame .media-skeleton{inset:42px 0 0}.p-overview .grid{gap:var(--sp-8);grid-template-columns:1.15fr .85fr;align-items:start;display:grid}.aside-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);background:var(--surface)}.aside-card .kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding-block:13px;font-size:.95rem;display:flex}.aside-card .kv:last-of-type{border-bottom:0}.aside-card .kv>:first-child{color:var(--text-muted)}.aside-card .kv>:last-child{color:var(--text-strong);text-align:right;font-weight:500}.aside-card .btn{margin-top:var(--sp-5);justify-content:center;width:100%}.p-approach{border-radius:48px 48px 0 0}.p-approach .head{max-width:46ch}.lever-grid{gap:var(--sp-5);margin-top:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}.lever{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);background:var(--surface);transition:transform .4s var(--ease-out), border-color .4s var(--ease-out)}.lever:hover{border-color:var(--c-blue-air);transform:translateY(-4px)}.lever .n{font-family:var(--font-display);color:var(--accent);font-size:.95rem;font-weight:600}.lever h4{font-size:var(--text-h3);color:var(--text-strong);margin-top:14px}.lever p{color:var(--text-muted);margin-top:10px;font-size:.95rem}.tool-tags{margin-top:var(--sp-7);flex-wrap:wrap;gap:8px;display:flex}.p-role .grid{gap:var(--sp-8);grid-template-columns:.8fr 1.2fr;align-items:start;display:grid}.p-role .role-tag{margin-top:var(--sp-4);color:var(--accent);font-weight:600}.role-list{flex-direction:column;list-style:none;display:flex}.role-list li{padding-block:var(--sp-5);border-bottom:1px solid var(--border);gap:18px;display:flex}.role-list li:last-child{border-bottom:0}.role-list .ic{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-list .ic svg{width:16px;height:16px}.role-list h4{color:var(--text-strong);font-size:1.1rem}.role-list li p{color:var(--text-muted);margin-top:5px;font-size:.95rem}.p-impact{text-align:center;border-radius:48px 48px 0 0}.p-impact h2{font-size:var(--text-h1);max-width:20ch;margin-inline:auto}.p-impact .sub{max-width:48ch;margin-inline:auto}.kpi-grid{justify-content:center;gap:var(--sp-5);margin-top:var(--sp-9);flex-wrap:wrap;display:flex}.kpi{border:1px solid var(--border);border-radius:var(--radius-lg);max-width:360px;padding:var(--sp-7) var(--sp-5);background:var(--surface);flex:240px}.kpi .num{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:600;line-height:1}.kpi .num b{color:var(--accent);font-weight:600}.kpi .lbl{color:var(--text-muted);margin-top:14px;font-size:.95rem}.kpi-qual{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.kpi-qual .qual-mark{border:1px solid var(--accent);width:42px;height:42px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.kpi-qual .qual-mark svg{width:20px;height:20px}.kpi-qual .lbl{color:var(--text-strong);margin-top:0;font-size:1.05rem;font-weight:500}.p-video{text-align:center}.p-video h2{font-size:var(--text-h1);max-width:22ch;margin-inline:auto}.p-video .sub{max-width:52ch;margin:var(--sp-4) auto 0;color:var(--text-muted)}.video-frame{margin-top:var(--sp-8);aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lift);background:#0b0c0f;position:relative;overflow:hidden}.video-frame .frame-media{object-fit:cover}.video-frame.is-soon{border-color:var(--c-border-dk);background:radial-gradient(120% 120% at 30% 20%,color-mix(in oklab,var(--accent) 20%,var(--c-deep)),var(--c-deep));place-items:center;display:grid}.video-frame.is-soon:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 22px,oklch(100% 0 0/.03) 22px 23px);position:absolute;inset:0}.video-play{z-index:2;background:oklch(100% 0 0/.92);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative;box-shadow:0 12px 40px -8px oklch(20% .02 277/.5)}.video-play:before{content:"";border-left:20px solid var(--c-deep);border-top:12px solid #0000;border-bottom:12px solid #0000;margin-left:6px}.video-soon-note{z-index:2;color:var(--c-text-1);font-size:var(--text-small);letter-spacing:.02em;position:absolute;bottom:22px;left:0;right:0}.p-gallery .grid{gap:var(--sp-5);margin-top:var(--sp-7);grid-template-columns:1fr 1fr;display:grid}@media (width>=821px){.p-gallery .grid.is-three{grid-template-columns:1fr 1fr 1fr}}.gal-frame{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--c-border-dk);background:linear-gradient(135deg,var(--c-surface-hi),var(--c-deep));position:relative;overflow:hidden}.gal-frame .media-skeleton{inset:0}.big-frame.has-media,.gal-frame.has-media{background:#0b0c0f}.frame-media{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.bb-carousels{gap:var(--sp-7);margin-top:var(--sp-6);flex-direction:column;display:flex}.bb-head{margin-bottom:var(--sp-3);justify-content:space-between;align-items:baseline;display:flex}.bb-head h4{color:var(--text-strong);font-size:1.25rem}.bb-count{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem}.bb-frame{aspect-ratio:14/9;border-radius:var(--radius-lg);border:1px solid var(--c-border-lt);touch-action:pan-y;background:#0b0c0f;outline:none;position:relative;overflow:hidden}.bb-track{will-change:transform;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.bb-slide{flex:0 0 100%;place-items:center;height:100%;display:grid}.bb-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bb-nav{cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow-lift);z-index:2;background:oklch(100% 0 0/.92);border:none;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.bb-nav svg{color:#16181d;width:20px;height:20px}.bb-prev{left:14px}.bb-next{right:14px}.bb-nav:disabled{opacity:.25;cursor:default;box-shadow:none}.bb-nav:hover:not(:disabled){transform:translateY(-50%)scale(1.08)}.bb-dots{margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.bb-dot{cursor:pointer;background:var(--c-border-lt);border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,width .2s}.bb-dot.is-active{background:var(--accent);border-radius:4px;width:22px}.p-others{padding-top:var(--sp-8)}.marquee-strip{font-family:var(--font-display);color:var(--c-surface-hi);white-space:nowrap;letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:600;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-strip span{animation:22s linear infinite ficheSlide;display:inline-block}@keyframes ficheSlide{to{transform:translate(-50%)}}.others-scroller{margin-top:var(--sp-8)}.others-track{gap:var(--sp-5);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 0 12px;display:flex;overflow-x:auto}.others-track::-webkit-scrollbar{display:none}.others-track>.other-card{flex:0 0 calc((100% - 2 * var(--sp-5)) / 3);scroll-snap-align:start}.others-nav{margin-top:var(--sp-5);justify-content:flex-end;gap:12px;display:flex}.others-arrow{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text-strong);cursor:pointer;transition:background .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out), opacity .3s;border-radius:50%;place-items:center;display:grid}.others-arrow svg{width:20px;height:20px}.others-arrow:hover:not(:disabled){background:var(--c-deep);color:#fff;border-color:var(--c-deep)}.others-arrow:disabled{opacity:.28;cursor:default}.other-card{--unfold:.9s;--ease-mask:cubic-bezier(.45,0,.25,1);isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform .4s var(--ease-out), border-color .4s var(--ease-out);position:relative;overflow:hidden}.other-card:after{content:"";z-index:0;background:var(--c-deep);width:0;height:0;transition:width var(--unfold) var(--ease-mask), height var(--unfold) var(--ease-mask), border-radius var(--unfold) var(--ease-mask);border-radius:0 100% 0 0;position:absolute;bottom:0;left:0}.other-card:hover,.other-card:focus-visible{border-color:var(--c-deep);transform:translateY(-5px)}.other-card:hover:after,.other-card:focus-visible:after{border-radius:var(--radius-lg);width:100%;height:100%}.other-card .thumb{aspect-ratio:16/10;z-index:1;background:linear-gradient(135deg,var(--c-surface-hi),var(--c-deep));background-position:50%;background-size:cover;position:relative}.other-card .thumb:before{content:"";background:repeating-linear-gradient(115deg,#0000 0 22px,oklch(100% 0 0/.03) 22px 24px);position:absolute;inset:0}.other-card .thumb.has-img:before{display:none}.other-card .body{z-index:1;padding:var(--sp-5);position:relative}.other-card .role{color:var(--text-muted);transition:color .4s var(--ease-out);font-size:.82rem;display:block}.other-card h4{color:var(--text-strong);transition:color .4s var(--ease-out);margin-top:4px;font-size:1.2rem}.other-card .go{color:var(--accent);transition:color .4s var(--ease-out);align-items:center;gap:6px;margin-top:14px;font-size:.86rem;font-weight:600;display:inline-flex}.other-card:hover .role,.other-card:focus-visible .role{color:var(--c-text-2)}.other-card:hover h4,.other-card:focus-visible h4{color:var(--c-text-strong)}.other-card:hover .go,.other-card:focus-visible .go{color:var(--c-blue-air)}.p-notfound{place-items:center;min-height:68vh;display:grid}@media (width<=820px){.p-overview .grid,.p-role .grid,.p-gallery .grid{gap:var(--sp-6);grid-template-columns:1fr}.lever-grid{grid-template-columns:1fr}.others-track>.other-card{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.marquee-strip span{animation:none!important}.other-card,.other-card:after,.other-card .role,.other-card h4{transition:none!important}}.rt-curtain{z-index:960;will-change:transform;pointer-events:none;visibility:hidden;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translateY(100vh)}.rt-curtain.is-active{visibility:visible;pointer-events:auto}.rt-curtain-body{background:var(--c-deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rt-curtain-label{font-family:var(--font-display);color:var(--c-text-strong);letter-spacing:-.02em;text-align:center;padding:0 var(--gutter);opacity:0;will-change:opacity;font-size:clamp(2rem,6vw,4.5rem);font-weight:600;line-height:1.05}.rt-cap{width:100%;display:block;position:absolute;left:0}.rt-cap path{fill:var(--c-deep)}.rt-cap-top{margin-bottom:-1px;bottom:100%}.rt-cap-bot{margin-top:-1px;top:100%}.about-page .ap-alt{background:var(--c-surface-lt)}.about-page .reveal{transition-delay:var(--rd,0s)}.about-page .ap-hero{padding-top:calc(72px + clamp(48px,9vw,104px));padding-bottom:clamp(40px,6vw,72px)}.about-page .hero-top{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);flex-wrap:wrap;display:flex}.about-page .ap-status{font-size:var(--text-small);color:var(--text-muted);align-items:center;gap:9px;display:inline-flex}.about-page .ap-live{background:var(--c-success);width:9px;height:9px;animation:apLivePulse 2.6s var(--ease-out) infinite;border-radius:50%;flex:none}@keyframes apLivePulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--c-success) 55%,transparent)}70%,to{box-shadow:0 0 0 11px #0000}}.about-page .hero-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-display);letter-spacing:-.02em;color:var(--text-strong);max-width:15ch;margin-top:var(--sp-6);line-height:1.05}.about-page .hero-title .accent{color:var(--accent)}.about-page .hero-lead{color:var(--text-body);max-width:46ch;margin-top:var(--sp-5);font-size:clamp(1.15rem,1.05rem + .5vw,1.35rem);line-height:1.5}.about-page .hero-postes{border-top:1px solid var(--border);padding-top:var(--sp-5);gap:var(--sp-4);flex-direction:column;margin-top:clamp(36px,5vw,64px);display:flex}.about-page .postes-row{flex-wrap:wrap;align-items:baseline;gap:10px 16px;display:flex}.about-page .postes-row>span{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text-strong);letter-spacing:-.01em}.about-page .postes-row em{color:var(--text-muted);font-size:.82em;font-style:normal;font-weight:500}.about-page .postes-row .sep{color:var(--accent);font-weight:600}.about-page .bio-grid{grid-template-columns:1fr;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.about-page .bio-text{max-width:54ch}.about-page .bio-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-h1);color:var(--text-strong);margin-top:var(--sp-5);letter-spacing:-.02em;line-height:1.1}.about-page .bio-body{font-size:var(--text-base);color:var(--text-body);margin-top:var(--sp-5);line-height:1.6}.about-page .bio-body+.bio-body{margin-top:var(--sp-4)}.about-page .about-tags{margin-top:var(--sp-6)}.about-page .bio-quote{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--border)}.about-page .bio-quote p{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text-strong);letter-spacing:-.01em;line-height:1.3}.about-page .bio-quote .accent{color:var(--accent)}@media (width>=880px){.about-page .bio-grid{grid-template-columns:420px 1fr}.about-page .portrait{justify-self:start;width:100%;max-width:420px}}.about-page .recit-head{max-width:32ch}.about-page .recit-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-h1);color:var(--text-strong);margin-top:var(--sp-5);letter-spacing:-.02em;line-height:1.1}.about-page .movements{gap:0;margin-top:clamp(40px,6vw,76px);display:grid}.about-page .move{gap:var(--sp-4);border-top:1px solid var(--border);grid-template-columns:1fr;padding-block:clamp(30px,4.5vw,52px);display:grid;position:relative}.about-page .move:last-child{border-bottom:1px solid var(--border)}.about-page .ghost-num{font-family:var(--font-display);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.3px color-mix(in oklab,var(--text-strong) 26%,transparent);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;transition:color .45s var(--ease-out), -webkit-text-stroke-color .45s var(--ease-out);font-weight:600;line-height:.8}.about-page .move-ghost{font-size:clamp(3rem,8vw,5.4rem)}.about-page .move:hover .move-ghost{color:var(--text-strong);-webkit-text-stroke-color:transparent}.about-page .move-side{gap:var(--sp-4);flex-direction:column;display:flex}.about-page .move-verb{font-family:var(--font-display);font-weight:600;font-size:var(--text-h2);color:var(--text-strong);letter-spacing:-.02em}.about-page .move-verb small{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:8px;font-size:.62rem;font-weight:700;display:block}.about-page .move-body{font-size:var(--text-base);color:var(--text-body);align-self:center;max-width:54ch;line-height:1.6}@media (width>=820px){.about-page .move{grid-template-columns:130px minmax(220px,.9fr) 1.4fr;align-items:start;gap:clamp(28px,4vw,64px)}}.about-page .mondes-intro{gap:var(--sp-5);grid-template-columns:1fr;display:grid}.about-page .mondes-intro h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-h1);color:var(--text-strong);letter-spacing:-.02em;max-width:18ch;line-height:1.1}.about-page .mondes-intro p{color:var(--text-body);align-self:end;max-width:46ch}@media (width>=820px){.about-page .mondes-intro{grid-template-columns:1.3fr 1fr;align-items:end}}.about-page .confluence{width:100%;min-height:clamp(360px,42vw,460px);margin-top:clamp(36px,5vw,64px);position:relative}.about-page .confluence svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.about-page .conf-grid line{stroke:var(--c-border-lt);stroke-linecap:round}.about-page .conf-bundle{fill:none;stroke-linecap:round;transition:stroke-opacity .3s var(--ease-out)}.about-page #cMotion path{fill:none;stroke:none}.about-page .conf-cord,.about-page .conf-cord-glow{fill:none;stroke:var(--c-blue);stroke-linecap:round}.about-page .conf-cord{filter:drop-shadow(0 2px 14px color-mix(in oklab, var(--c-blue) 48%, transparent))}.about-page .conf-cord-glow{opacity:.15}.about-page .conf-particle{fill:var(--c-blue);opacity:0;filter:drop-shadow(0 0 4px color-mix(in oklab, var(--c-blue) 55%, transparent))}.about-page #cJunction,.about-page #cParticles{opacity:0;transition:opacity .7s var(--ease-out) .5s}.about-page .confluence.drawn #cJunction,.about-page .confluence.drawn #cParticles{opacity:1}.about-page .conf-src{cursor:default;max-width:15ch;transition:opacity .3s var(--ease-out);flex-direction:column;gap:3px;display:flex;position:absolute}.about-page .conf-src .cs-idx{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-small);color:var(--accent)}.about-page .conf-src .cs-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-h3);color:var(--text-strong);letter-spacing:-.01em;transition:color .3s var(--ease-out)}.about-page .conf-src .cs-verb{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.about-page .conf-src.hot .cs-name{color:var(--accent)}.about-page .conf-out{flex-direction:column;gap:5px;max-width:17ch;display:flex;position:absolute}.about-page .conf-out .co-tag{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.about-page .conf-out .co-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-h2);color:var(--text-strong);letter-spacing:-.02em}.about-page .conf-out .co-kpi{font-size:var(--text-small);color:var(--text-muted);font-variant-numeric:tabular-nums}@media (width<=719px){.about-page .conf-src{max-width:11ch}.about-page .conf-src .cs-name{font-size:var(--text-base)}.about-page .conf-src .cs-verb{display:none}}.about-page .conf-foot{margin-top:var(--sp-6);font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text-strong);letter-spacing:-.01em;max-width:30ch}.about-page .conf-foot b{color:var(--accent);font-weight:600}.about-page .stats-head{max-width:42ch;margin-bottom:clamp(32px,4vw,52px)}.about-page .stats-head h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-h2);color:var(--text-strong);margin-top:var(--sp-4);letter-spacing:-.02em;line-height:1.1}.about-page .stat-num .suffix{color:var(--accent)}.about-page .stat-label b{color:var(--text-strong);font-weight:700}.about-page .stat-grid{background:color-mix(in oklab,var(--c-ink) 16%,var(--c-border-lt));border-color:color-mix(in oklab,var(--c-ink) 16%,var(--c-border-lt))}.about-page .stat{transition:background .35s var(--ease-out), color .35s var(--ease-out)}.about-page .stat:hover{background:var(--c-deep)}.about-page .stat:hover .stat-num{color:var(--c-text-strong)}.about-page .stat:hover .stat-num .suffix{color:var(--c-blue-air)}.about-page .stat:hover .stat-label{color:var(--c-text-1)}.about-page .stat:hover .stat-label b{color:var(--c-text-strong)}.about-page .ars-head{max-width:54ch}.about-page .ars-head h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-h2);color:var(--text-strong);letter-spacing:-.02em;margin-top:var(--sp-5);max-width:20ch;line-height:1.05}.about-page .ars-head p{color:var(--text-muted);margin-top:var(--sp-5);max-width:52ch}.about-page .ars-grid{grid-template-columns:1fr;gap:clamp(18px,2vw,26px);margin-top:clamp(28px,4vw,44px);display:grid}@media (width>=760px){.about-page .ars-grid{grid-template-columns:repeat(3,1fr)}}.about-page .wf{--unfold:.9s;--ease-mask:cubic-bezier(.45,0,.25,1);gap:var(--sp-3);border-radius:var(--radius-lg);background:var(--c-surface-lt);border:1px solid var(--c-border-lt);cursor:pointer;isolation:isolate;min-height:clamp(470px,56vw,530px);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .3s var(--ease-out), opacity .6s var(--ease-out);flex-direction:column;padding:clamp(22px,2.4vw,28px);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #14161e0a,0 10px 24px -16px #14161e38}.about-page .wf:hover,.about-page .wf:focus-visible{border-color:#0000;transform:translateY(-8px);box-shadow:0 2px 4px #14161e0f,0 30px 60px -24px #14161e73}.about-page .wf:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.about-page .wf-corner{z-index:1;background:var(--c-deep);width:0;height:0;transition:width var(--unfold) var(--ease-mask), height var(--unfold) var(--ease-mask), border-radius var(--unfold) var(--ease-mask);position:absolute}.about-page .wf-corner.tr{border-radius:0 0 0 100%;top:0;right:0}.about-page .wf-corner.bl{border-radius:0 100% 0 0;bottom:0;left:0}.about-page .wf:hover .wf-corner,.about-page .wf:focus-visible .wf-corner{border-radius:var(--radius-lg);width:100%;height:100%}.about-page .wf-top{z-index:5;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex;position:relative}.about-page .wf-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#0000;-webkit-text-stroke:1.3px color-mix(in oklab,var(--c-ink) 26%,transparent);transition:color .4s var(--ease-out), -webkit-text-stroke-color .4s var(--ease-out);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:600;line-height:1}.about-page .wf:hover .wf-num,.about-page .wf:focus-visible .wf-num{animation:wfNumFill var(--unfold) linear forwards}@keyframes wfNumFill{0%{color:#0000;-webkit-text-stroke-color:color-mix(in oklab,var(--c-ink) 26%,transparent)}32%{color:var(--c-ink);-webkit-text-stroke-color:transparent}60%{color:var(--c-ink);-webkit-text-stroke-color:transparent}to{color:var(--c-text-strong);-webkit-text-stroke-color:transparent}}.about-page .wf-kind{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-align:right;max-width:13ch;transition:color .35s var(--ease-out);padding-top:5px;font-weight:700}.about-page .wf:hover .wf-kind,.about-page .wf:focus-visible .wf-kind{color:var(--c-blue-air)}.about-page .wf-shot{z-index:5;border-radius:var(--radius);background:linear-gradient(160deg, color-mix(in oklab,var(--accent) 7%,var(--c-surface-lt)), var(--c-surface-lt) 72%);border:1px solid var(--c-border-lt);height:clamp(150px,18vw,178px);transition:box-shadow .4s var(--ease-out);flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 10px -6px #14161e40}.about-page .wf:hover .wf-shot,.about-page .wf:focus-visible .wf-shot{box-shadow:0 10px 28px -10px #0000008c}.about-page .wf-shot.has-img{background:#0b0c0f 50%/cover}.about-page .wf-shot svg{width:54%;height:54%;color:var(--c-text-2);display:block}.about-page .wf-shot .mk-accent{color:var(--accent)}.about-page .wf-shot .ph{letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-2);background:color-mix(in oklab,var(--c-surface-lt) 82%,transparent);border:1px solid var(--c-border-lt);border-radius:999px;padding:3px 7px;font-size:.6rem;font-weight:700;position:absolute;top:9px;left:9px}.about-page .wf-title{z-index:5;color:var(--c-ink);font-size:var(--text-h3);max-width:15ch;margin-top:var(--sp-2);transition:color .35s var(--ease-out);position:relative}.about-page .wf:hover .wf-title,.about-page .wf:focus-visible .wf-title{color:var(--c-text-strong)}.about-page .wf-lower{z-index:4;margin-top:var(--sp-2);flex:1;position:relative}.about-page .wf-rest{transition:opacity .3s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.about-page .wf:hover .wf-rest,.about-page .wf:focus-visible .wf-rest{opacity:0}.about-page .wf-desc{color:var(--c-ink-soft);font-size:var(--text-small);max-width:34ch}.about-page .wf-hint{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-2);align-items:center;gap:8px;margin-top:auto;font-weight:700;display:inline-flex}.about-page .wf-hint:after{content:"→";transition:transform .35s var(--ease-out)}.about-page .wf:hover .wf-hint:after{transform:translate(4px)}.about-page .wf-back{gap:var(--sp-3);pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.about-page .wf:hover .wf-back,.about-page .wf:focus-visible .wf-back{opacity:1;transition-delay:.38s}.about-page .wf-back-label{font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-blue-air);font-weight:700}.about-page .wf-stack{gap:var(--sp-2);flex-wrap:wrap;margin-top:auto;list-style:none;display:flex}.about-page .wf-stack li{font-weight:700;font-size:var(--text-label);letter-spacing:.02em;background:var(--c-surface-hi);color:var(--c-text-1);border:1px solid var(--c-border-dk);opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex;transform:translateY(8px)}.about-page .wf-stack li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.about-page .wf:hover .wf-stack li,.about-page .wf:focus-visible .wf-stack li{opacity:1;transition-delay:calc(.42s + var(--ci,0)*50ms);transform:none}@media (prefers-reduced-motion:reduce){.about-page .wf,.about-page .wf-corner,.about-page .wf-rest,.about-page .wf-back,.about-page .wf-stack li,.about-page .wf-title,.about-page .wf-num,.about-page .wf-kind,.about-page .wf-hint:after{transition:none!important}.about-page .wf:hover .wf-num,.about-page .wf:focus-visible .wf-num{animation:none!important}.about-page .move-ghost,.about-page .stat{transition:none!important}}.skip-link{z-index:9500;background:var(--c-blue,#2563eb);color:#fff;border-radius:10px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}