@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-v20.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-v22.woff2) format("woff2")}:root{color-scheme:light;--bg: #f7f7f5;--bg-soft: #f0f0ed;--surface: #ffffff;--surface-2: #f3f3f0;--surface-3: #e8e8e4;--line: #e4e4df;--line-strong: #d2d2cc;--text: #111112;--text-2: #46464d;--text-3: #6b6b73;--accent: #e5522c;--accent-ink: #b8401f;--accent-soft: rgb(229 82 44 / .12);--ok: #16a34a;--ok-ink: #15803d;--ok-soft: rgb(22 163 74 / .12);--invert-bg: #111112;--invert-text: #fafafa;--frame-bg: #ffffff;--frame-bar: #f4f4f2;--frame-line: rgb(17 17 18 / .1);--device: #151518;--grid-line: rgb(17 17 18 / .055);--grid-dot: rgb(17 17 18 / .09);--glow-strength: 20%;--header-bg: rgb(247 247 245 / .78);--shadow-xs: 0 1px 2px rgb(17 17 18 / .05);--shadow-sm: 0 1px 2px rgb(17 17 18 / .04), 0 2px 8px -3px rgb(17 17 18 / .08);--shadow-md: 0 1px 2px rgb(17 17 18 / .04), 0 14px 32px -14px rgb(17 17 18 / .2);--shadow-lg: 0 2px 6px rgb(17 17 18 / .05), 0 30px 64px -26px rgb(17 17 18 / .32);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-label: "Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--container: 1200px;--gutter: clamp(20px, 4vw, 40px);--header-h: 64px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{color-scheme:dark;--bg: #0a0a0b;--bg-soft: #0e0e10;--surface: #121214;--surface-2: #18181b;--surface-3: #202024;--line: #242428;--line-strong: #323238;--text: #f4f4f5;--text-2: #b4b4bd;--text-3: #8a8a94;--accent: #ff6b3d;--accent-ink: #ff8a63;--accent-soft: rgb(255 107 61 / .14);--ok: #22c55e;--ok-ink: #4ade80;--ok-soft: rgb(34 197 94 / .14);--invert-bg: #f4f4f5;--invert-text: #0a0a0b;--frame-bg: #141417;--frame-bar: #1b1b1f;--frame-line: rgb(255 255 255 / .09);--device: #050506;--grid-line: rgb(255 255 255 / .045);--grid-dot: rgb(255 255 255 / .07);--glow-strength: 30%;--header-bg: rgb(10 10 11 / .72);--shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 2px 10px -3px rgb(0 0 0 / .5);--shadow-md: 0 1px 2px rgb(0 0 0 / .4), 0 16px 36px -16px rgb(0 0 0 / .75);--shadow-lg: 0 2px 6px rgb(0 0 0 / .45), 0 32px 70px -28px rgb(0 0 0 / .9)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0a0a0b;--bg-soft: #0e0e10;--surface: #121214;--surface-2: #18181b;--surface-3: #202024;--line: #242428;--line-strong: #323238;--text: #f4f4f5;--text-2: #b4b4bd;--text-3: #8a8a94;--accent: #ff6b3d;--accent-ink: #ff8a63;--accent-soft: rgb(255 107 61 / .14);--ok: #22c55e;--ok-ink: #4ade80;--ok-soft: rgb(34 197 94 / .14);--invert-bg: #f4f4f5;--invert-text: #0a0a0b;--frame-bg: #141417;--frame-bar: #1b1b1f;--frame-line: rgb(255 255 255 / .09);--device: #050506;--grid-line: rgb(255 255 255 / .045);--grid-dot: rgb(255 255 255 / .07);--glow-strength: 30%;--header-bg: rgb(10 10 11 / .72);--shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 2px 10px -3px rgb(0 0 0 / .5);--shadow-md: 0 1px 2px rgb(0 0 0 / .4), 0 16px 36px -16px rgb(0 0 0 / .75);--shadow-lg: 0 2px 6px rgb(0 0 0 / .45), 0 32px 70px -28px rgb(0 0 0 / .9)}}.island-dark{color-scheme:dark;--bg: #0a0a0b;--bg-soft: #0e0e10;--surface: #121214;--surface-2: #18181b;--surface-3: #202024;--line: #242428;--line-strong: #323238;--text: #f4f4f5;--text-2: #b4b4bd;--text-3: #8a8a94;--accent: #ff6b3d;--accent-ink: #ff8a63;--accent-soft: rgb(255 107 61 / .14);--ok: #22c55e;--ok-ink: #4ade80;--ok-soft: rgb(34 197 94 / .14);--invert-bg: #f4f4f5;--invert-text: #0a0a0b;--frame-bg: #141417;--frame-bar: #1b1b1f;--frame-line: rgb(255 255 255 / .09);--device: #050506;--grid-line: rgb(255 255 255 / .045);--grid-dot: rgb(255 255 255 / .07);--glow-strength: 30%;--header-bg: rgb(10 10 11 / .72);--shadow-xs: 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4), 0 2px 10px -3px rgb(0 0 0 / .5);--shadow-md: 0 1px 2px rgb(0 0 0 / .4), 0 16px 36px -16px rgb(0 0 0 / .75);--shadow-lg: 0 2px 6px rgb(0 0 0 / .45), 0 32px 70px -28px rgb(0 0 0 / .9);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);scrollbar-gutter:stable;background:var(--bg)}html:has(dialog[open]){overflow:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block}main{display:block;overflow-x:clip}main:focus{outline:none}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{margin:0;padding:0;border:0;background:none;text-align:inherit;cursor:pointer}button:disabled{cursor:default}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img,svg,video{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p,figure,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4{font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p,li,dd,figcaption{text-wrap:pretty}strong,b{font-weight:600}[hidden]{display:none!important}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@media(forced-colors:active){*{scrollbar-color:auto}}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(88px,11vw,148px)}.section--follow{padding-top:0}.section--band{border-block:1px solid var(--line);background:var(--bg-soft)}.work{padding-top:clamp(64px,8vw,112px)}.section-head{display:grid;gap:18px;max-width:780px;margin-bottom:clamp(40px,5vw,64px)}.section-head h2{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem);line-height:1.04;letter-spacing:-.045em}.section-head__title{display:grid;gap:18px}.section-head__lead{max-width:620px;color:var(--text-2);font-size:clamp(1.02rem,.96rem + .3vw,1.15rem);line-height:1.65}.section-head--split{max-width:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:clamp(32px,6vw,96px)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--invert-bg);color:var(--invert-text);font-weight:500;transform:translateY(-160%);transition:transform .2s var(--ease)}.skip-link:focus{transform:none}.feature__media:focus-visible,.site-card__media:focus-visible,.viewer__image:focus-visible,.thumb:focus-visible{outline-offset:-3px}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--text-3);font-family:var(--font-label);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.eyebrow__index{display:inline-flex;align-items:center;gap:12px;color:var(--accent-ink);font-weight:600}.eyebrow__index:after{content:"";width:20px;height:1px;background:var(--line-strong)}.kicker{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;color:var(--text-3);font-family:var(--font-label);font-size:.72rem;font-weight:500;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.kicker>span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:50%;background:currentColor;opacity:.6;vertical-align:middle;translate:0 -2px}.btn{--btn-h: 42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding-inline:18px;border:1px solid transparent;border-radius:999px;font-size:.94rem;font-weight:500;line-height:1;white-space:nowrap;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.btn app-icon{width:18px;height:18px}.btn:active{transform:translateY(1px)}.btn--lg{--btn-h: 48px;padding-inline:22px;font-size:1rem}.btn--sm{--btn-h: 36px;padding-inline:14px;font-size:.875rem}.btn--sm app-icon{width:16px;height:16px}.btn--primary{background:var(--invert-bg);color:var(--invert-text);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:color-mix(in srgb,var(--invert-bg) 84%,var(--accent));box-shadow:var(--shadow-md)}.btn--secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.btn--secondary:hover{background:var(--surface-2)}.link{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:.95rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color .2s,color .2s}.link:hover{text-decoration-color:currentColor}.link app-icon{width:16px;height:16px;transition:transform .2s var(--ease)}.link:hover app-icon{transform:translate(2px)}.link--quiet{color:var(--text-2)}.link--quiet:hover{color:var(--text)}.icon-btn{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:999px;color:var(--text-2);transition:background-color .2s,color .2s,border-color .2s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn app-icon{width:20px;height:20px}.icon-btn--outline{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.icon-btn--outline:hover{background:var(--surface-2)}.icon-btn--sm{width:34px;height:34px}.icon-btn--sm app-icon{width:17px;height:17px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:.78rem;font-weight:500;line-height:1.2;white-space:nowrap}.chip app-icon{width:14px;height:14px}.chip--ok{border-color:transparent;background:var(--ok-soft);color:var(--ok-ink)}.chip--lg{min-height:38px;padding:6px 16px;background:var(--surface);color:var(--text);font-size:.95rem;font-weight:600;box-shadow:var(--shadow-xs)}.chips--quiet .chip{background:transparent}.pulse-dot{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok)}.pulse-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:pulse 2.4s var(--ease-out) infinite}@keyframes pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.8);opacity:0}}.badge{display:inline-flex;align-items:center;gap:7px;height:24px;padding-inline:10px;border-radius:999px;font-family:var(--font-label);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.badge .pulse-dot{width:6px;height:6px}.badge--live{background:var(--ok-soft);color:var(--ok-ink)}.badge--neutral{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2)}.status-note{display:inline-flex;align-items:center;gap:10px;color:var(--text-2);font-size:.9rem;font-weight:500}.meta-inline{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:.82rem;white-space:nowrap}.meta-inline app-icon{width:15px;height:15px}.icon-tile{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--accent-ink)}.icon-tile app-icon{width:18px;height:18px}.logo{display:inline-block;flex:none;width:30px;height:30px;color:var(--text)}.logo svg{width:100%;height:100%}.logo__spark{stroke:var(--accent)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:.98rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.work-mark{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow-xs)}.work-mark img{width:74%;height:74%;object-fit:contain}.work-mark span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--tint-a, #71717a),var(--tint-b, #a1a1aa));color:#fff;font-size:.72rem;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.spotlight{isolation:isolate}.spotlight:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(460px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 9%,transparent),transparent 45%);opacity:0;pointer-events:none;transition:opacity .35s ease}.spotlight:hover:before{opacity:1}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:14px}.eq i{flex:1;height:30%;border-radius:1px;background:currentColor}.eq.is-playing i{animation:eq .9s ease-in-out infinite alternate}.eq.is-playing i:nth-child(2){animation-delay:-.35s}.eq.is-playing i:nth-child(3){animation-delay:-.6s}.eq.is-playing i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:20%}to{height:100%}}@media(max-width:900px){.section-head--split{grid-template-columns:minmax(0,1fr);row-gap:18px}}.shot{display:block}.frame{position:relative}.frame img{display:block;width:100%;height:auto}.frame[data-device=browser]{overflow:hidden;border:1px solid var(--frame-line);border-radius:12px;background:var(--frame-bg);box-shadow:var(--shadow-lg)}.frame__bar{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;height:28px;padding-inline:12px;border-bottom:1px solid var(--frame-line);background:var(--frame-bar)}.frame__dots{display:flex;gap:6px}.frame__dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.frame__address{justify-self:center;max-width:100%;overflow:hidden;padding:2px 10px;border-radius:6px;background:var(--surface-2);color:var(--text-3);font-family:var(--font-mono);font-size:10.5px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.frame.is-cropped img{aspect-ratio:1.6;object-fit:cover;object-position:left top}.frame[data-device=tablet]{padding:2.2%;border-radius:4.6%/7.2%;background:var(--device);box-shadow:inset 0 0 0 1px #ffffff14,var(--shadow-lg)}.frame[data-device=tablet] img{border-radius:2.5%/4%}.frame[data-device=phone]{padding:2.8%;border-radius:14%/6.67%;background:var(--device);box-shadow:inset 0 0 0 1px #ffffff14,var(--shadow-lg)}.frame[data-device=phone] img{border-radius:11.9%/5.5%}.media-well{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--tint-a, #8b8b94) var(--glow-strength),transparent),transparent 70%),radial-gradient(80% 80% at 0% 100%,color-mix(in srgb,var(--tint-b, #8b8b94) var(--glow-strength),transparent),transparent 70%),var(--surface-2)}.media-well:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--grid-dot) 1px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 80%);mask-image:linear-gradient(to bottom,#000 10%,transparent 80%)}[data-cover] .cover-shot{position:absolute;transition:transform .7s var(--ease-out)}[data-cover=browser] .cover-shot{top:12%;left:7%;width:86%}[data-cover=tablet] .cover-shot{top:13%;left:5%;width:90%}[data-cover=phones] .cover-shot--a{top:11%;left:19%;width:28%}[data-cover=phones] .cover-shot--b{top:19%;left:53%;width:28%}[data-cover=mixed] .cover-shot--a{top:12%;left:6%;width:76%}[data-cover=mixed] .cover-shot--b{top:25%;right:6%;width:22%;z-index:1}.work-card:hover [data-cover] .cover-shot,.feature:hover [data-cover] .cover-shot{transform:translateY(-8px)}.work-card:hover [data-cover] .cover-shot--b,.feature:hover [data-cover] .cover-shot--b{transform:translateY(-14px)}app-site-header{position:sticky;top:0;z-index:50;display:block}.site-header{position:relative;height:var(--header-h);border-bottom:1px solid transparent;transition:background-color .25s ease,border-color .25s ease}.site-header.is-scrolled{border-bottom-color:var(--line);background:var(--header-bg);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}.site-header__inner{display:flex;align-items:center;gap:24px;height:100%}.nav{display:flex;align-items:center;gap:2px;margin-inline:auto}.nav__link{padding:7px 14px;border-radius:999px;color:var(--text-2);font-size:.9rem;font-weight:500;transition:color .2s,background-color .2s,box-shadow .2s}.nav__link:hover{color:var(--text)}.nav__link.is-active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-xs)}.header-actions{display:flex;align-items:center;gap:8px}.menu-btn{display:none}.site-header .mobile-menu{position:absolute;top:100%;right:0;left:0;border-bottom:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow-md)}.mobile-menu__inner{display:grid;padding-block:8px 24px}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--line);font-size:1.15rem;font-weight:500;letter-spacing:-.01em}.mobile-menu__index{color:var(--text-3);font-family:var(--font-label);font-size:.78rem}.mobile-menu__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.mobile-menu__actions .btn{width:100%}@media(max-width:1000px){.header-actions__cta{display:none}.nav__link{padding-inline:11px}}@media(max-width:900px){.nav,.header-actions__resume{display:none}.menu-btn{display:inline-grid}.header-actions{margin-left:auto}}@media(min-width:901px){.site-header .mobile-menu{display:none}}.hero{position:relative;isolation:isolate;padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(24px,4vw,48px)}.hero__backdrop{position:absolute;inset:calc(var(--header-h) * -1) 0 0;z-index:-1;overflow:hidden;pointer-events:none}.hero__backdrop:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-position:calc(50% + 32px) 0;background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 68% 32%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 68% 32%,#000 10%,transparent 72%)}.hero__backdrop:after{content:"";position:absolute;top:-10%;right:-10%;width:min(1000px,95vw);aspect-ratio:1.25;background:radial-gradient(closest-side at 62% 42%,color-mix(in srgb,var(--accent) var(--glow-strength),transparent),transparent),radial-gradient(closest-side at 30% 64%,color-mix(in srgb,#4c6ef5 var(--glow-strength),transparent),transparent);filter:blur(48px)}.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,80px)}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;container-type:inline-size}.status-pill{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:.875rem;box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s}.status-pill strong{color:var(--text)}.status-pill app-icon{width:15px;height:15px;color:var(--text-3);transition:transform .2s var(--ease)}.status-pill:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.status-pill:hover app-icon{transform:translate(2px)}.hero__title{align-self:stretch;margin-top:28px;font-size:clamp(2.3rem,1.1rem + 3.6vw,3.9rem);font-size:clamp(1.75rem,10.5cqi,4.45rem);line-height:1.02;letter-spacing:-.05em}.hero__title-line{display:block}.hero__title-line--soft{color:var(--text-3)}.hero__lead{max-width:35rem;margin-top:26px;color:var(--text-2);font-size:clamp(1.04rem,.98rem + .3vw,1.18rem);line-height:1.65}.hero__lead strong{color:var(--text)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px}.hero__divider{width:1px;height:28px;margin-inline:6px;background:var(--line-strong)}.hero__socials{display:flex;gap:8px}.hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;width:100%;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.hero__facts dt{color:var(--text-3);font-family:var(--font-label);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.hero__facts dd{margin-top:6px;font-size:.95rem;font-weight:500;line-height:1.45}.hero__visual{position:relative;min-width:0}.hero-stack{position:relative;width:100%;aspect-ratio:1.12}.hero-stack__item{position:absolute;display:block;border-radius:14px;text-align:left;transition:transform .6s var(--ease-out)}.hero-stack__item:hover{transform:translateY(-6px)}.hero-stack__item:focus-visible{outline-offset:6px}.hero-stack__item .shot{width:100%}.hero-stack__item--browser{top:3%;right:-3%;z-index:1;width:92%}.hero-stack__item--tablet{bottom:4%;left:-2%;z-index:2;width:56%}.hero-stack__item--phone{right:5%;bottom:0;z-index:3;width:22%}.hero-tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;transition:border-color .3s,box-shadow .3s}.hero-tag .work-mark{width:28px;height:28px;border-radius:8px}.hero-tag strong{display:block;font-size:.82rem;line-height:1.2}.hero-tag small{display:block;color:var(--text-3);font-size:.72rem;line-height:1.25}.hero-tag--browser{top:-18px;left:22px}.hero-tag--tablet{bottom:-20px;left:18px}.hero-tag--phone{top:16%;right:calc(100% - 14px)}.hero-stack__item:hover .hero-tag{border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.hero__caption{display:flex;align-items:center;gap:10px;margin-top:40px;color:var(--text-3);font-size:.85rem}.hero__caption app-icon{width:16px;height:16px;color:var(--accent)}.credentials{display:flex;flex-wrap:wrap;align-items:center;gap:16px 48px;margin-top:clamp(56px,7vw,96px);padding-top:28px;border-top:1px solid var(--line)}.credentials__label{flex:none;color:var(--text-3);font-family:var(--font-label);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.credentials__list{display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px}.credentials__list li{color:var(--text-3);font-size:1.06rem;font-weight:600;letter-spacing:-.025em;white-space:nowrap}@media(max-width:1100px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}}@media(max-width:900px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__visual{width:100%;max-width:620px;margin:28px auto 0}}@media(max-width:640px){.hero__facts{grid-template-columns:minmax(0,1fr);gap:16px}.hero__divider{display:none}.hero-tag{gap:8px;padding:5px 10px 5px 5px}.hero-tag small{display:none}.hero-tag .work-mark{width:22px;height:22px;border-radius:6px}.hero-tag--phone{top:8%}.hero-stack .frame__address{visibility:hidden}.hero__caption{align-items:flex-start;margin-top:32px}.hero__caption app-icon{margin-top:2px}.credentials{gap:14px}.credentials__list{gap:10px 24px}.credentials__list li{font-size:.98rem}}.ecosystem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s}.feature:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.feature__copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,40px)}.feature__title{display:flex;align-items:center;gap:14px;margin-top:18px}.feature__title h3{font-size:clamp(1.6rem,1.3rem + 1vw,2.25rem);letter-spacing:-.04em}.feature__title .work-mark{width:44px;height:44px;border-radius:12px}.feature__summary{margin-top:16px;color:var(--text);font-size:1.12rem;font-weight:500;letter-spacing:-.015em}.feature__blurb{margin-top:10px;color:var(--text-2);line-height:1.65}.feature__modules{margin-top:22px}.feature__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:30px}.feature__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px}.feature__more{margin-top:22px}.feature__media{position:relative;display:block;width:100%;cursor:pointer}.feature--flagship{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:540px}.feature--flagship .feature__copy{justify-content:center;padding:clamp(28px,4vw,56px)}.feature--flagship .feature__media{height:100%;min-height:380px;border-left:1px solid var(--line)}.feature--flagship .flagship-shot{position:absolute;top:56px;left:8%;width:116%;transition:transform .7s var(--ease-out)}.feature--flagship:hover .flagship-shot{transform:translateY(-8px)}.feature--companion .feature__media{aspect-ratio:1.6;border-bottom:1px solid var(--line)}.feature--companion .feature__copy{flex:1}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.work-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s}.work-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.work-card:has(.work-card__title button:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.work-card__media{aspect-ratio:1.6;border-bottom:1px solid var(--line)}.work-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 24px 24px}.work-card__title{font-size:1.35rem;letter-spacing:-.03em}.work-card__title button{text-align:left}.work-card__title button:after{content:"";position:absolute;inset:0;z-index:2}.work-card__title button:focus-visible{outline:none}.work-card__blurb{color:var(--text-2);font-size:.95rem;line-height:1.6}.work-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}.work-card__arrow{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s var(--ease)}.work-card__arrow app-icon{width:17px;height:17px}.work-card:hover .work-card__arrow,.work-card:focus-within .work-card__arrow{opacity:1;transform:none}@media(min-width:901px){.work-card--wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.work-card--wide .work-card__media{grid-row:1;grid-column:2;min-height:400px;aspect-ratio:auto;border-bottom:0;border-left:1px solid var(--line)}.work-card--wide .work-card__body{grid-row:1;grid-column:1;justify-content:center;padding:clamp(28px,4vw,52px)}.work-card--wide .work-card__title{font-size:2rem;letter-spacing:-.04em}.work-card--wide .work-card__blurb{font-size:1.02rem}.work-card--wide .work-card__foot{margin-top:14px}}.archive{margin-top:clamp(56px,7vw,88px)}.archive__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.archive__head h3{font-size:1.2rem;letter-spacing:-.02em}.archive__head p{color:var(--text-3);font-size:.9rem}.archive-row{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,2fr) minmax(0,.9fr) 20px;align-items:center;gap:24px;width:100%;padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;transition:background-color .2s}.archive-row:hover{background:var(--surface-2)}.archive-row__name{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.01em}.archive-row__name .work-mark{width:30px;height:30px;border-radius:9px}.archive-row__blurb{color:var(--text-2);font-size:.9rem;line-height:1.5}.archive-row__stack{color:var(--text-3);font-family:var(--font-label);font-size:.8rem}.archive-row>app-icon{width:18px;height:18px;color:var(--text-3);transition:transform .2s var(--ease),color .2s}.archive-row:hover>app-icon{color:var(--text);transform:translate(2px,-2px)}@media(max-width:1100px){.feature--flagship{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:900px){.ecosystem,.work-grid{grid-template-columns:minmax(0,1fr)}.feature--flagship{grid-template-columns:minmax(0,1fr);min-height:0}.feature--flagship .feature__media{order:-1;height:auto;min-height:0;aspect-ratio:1.45;border-bottom:1px solid var(--line);border-left:0}.feature--flagship .flagship-shot{top:10%;left:7%;width:104%}.archive-row{grid-template-columns:minmax(0,1fr) 20px;gap:6px 16px;padding-inline:4px}.archive-row__blurb{grid-row:2;grid-column:1}.archive-row__stack{display:none}.archive-row>app-icon{grid-row:1/span 2;grid-column:2}}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s}.site-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.site-card__media{position:relative;display:block;width:100%;aspect-ratio:1.32;border-bottom:1px solid var(--line);cursor:pointer}.site-card__media .shot{position:absolute;top:14%;left:9%;width:100%;transition:transform .7s var(--ease-out)}.site-card:hover .site-card__media .shot{transform:translate(-6px,-6px)}.site-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px 24px 24px}.site-card__body h3{font-size:1.3rem;letter-spacing:-.03em}.site-card__blurb{color:var(--text-2);font-size:.95rem;line-height:1.6}.site-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:auto;padding-top:10px}@media(max-width:900px){.site-grid{grid-template-columns:minmax(0,1fr)}.site-card__media{aspect-ratio:1.7}.site-card__media .shot{width:92%}}.experience__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,6vw,96px)}.experience__head{position:sticky;top:calc(var(--header-h) + 32px);margin-bottom:0}.experience__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.timeline{position:relative;display:grid;gap:16px}.timeline:before{content:"";position:absolute;top:38px;bottom:38px;left:19px;width:1px;background:linear-gradient(to bottom,var(--line-strong),var(--line) 85%,transparent)}.timeline__item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px}.timeline__marker{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-3);box-shadow:var(--shadow-xs)}.timeline__marker app-icon{width:18px;height:18px}.timeline__item.is-current .timeline__marker{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent-ink);box-shadow:0 0 0 4px var(--accent-soft)}.timeline__card{padding:22px 24px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .25s,box-shadow .25s}.timeline__card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.timeline__item.is-current .timeline__card{border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.timeline__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.timeline__period{color:var(--text-3);font-family:var(--font-label);font-size:.82rem;font-weight:500;letter-spacing:.02em}.timeline__role{margin-top:10px;font-size:1.25rem;letter-spacing:-.025em}.timeline__org{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:4px;color:var(--text-2);font-size:.95rem}.timeline__org a,.timeline__org strong{color:var(--text);font-weight:600}.timeline__org a{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;transition:text-decoration-color .2s}.timeline__org a:hover{text-decoration-color:currentColor}.timeline__org span{color:var(--text-3)}.timeline__org span:before{content:"";display:inline-block;width:3px;height:3px;margin-right:10px;border-radius:50%;background:currentColor;vertical-align:middle}.timeline__points{display:grid;gap:8px;margin-top:16px}.timeline__points li{position:relative;padding-left:18px;color:var(--text-2);font-size:.95rem;line-height:1.6}.timeline__points li:before{content:"";position:absolute;top:.78em;left:2px;width:7px;height:1.5px;border-radius:2px;background:var(--text-3)}.timeline__card .chips{margin-top:18px}@media(max-width:900px){.experience__grid{grid-template-columns:minmax(0,1fr);gap:36px}.experience__head{position:static}}@media(max-width:640px){.timeline:before,.timeline__marker{display:none}.timeline__item{grid-template-columns:minmax(0,1fr);gap:0}.timeline__card{padding:20px}}.core-stack{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px}.core-stack__label{color:var(--text-3);font-family:var(--font-label);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.core-stack__list{display:flex;flex-wrap:wrap;gap:8px}.core-stack__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.skill-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;gap:16px}.skill-card{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .25s,box-shadow .25s}.skill-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.skill-card--wide{grid-column:span 2}.skill-card__head{display:flex;align-items:center;gap:12px}.skill-card__head h3{font-size:1.05rem;letter-spacing:-.015em}.skill-card__count{margin-left:auto;color:var(--text-3);font-family:var(--font-label);font-size:.8rem}.skill-card .chip{min-height:30px;padding:5px 12px;background:var(--surface-2);color:var(--text);font-size:.85rem}@media(max-width:1000px){.skill-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.skill-bento{grid-template-columns:minmax(0,1fr)}.skill-card--wide{grid-column:auto}}.about__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(40px,6vw,96px)}.portrait{position:sticky;top:calc(var(--header-h) + 32px)}.portrait__frame{position:relative;overflow:hidden;aspect-ratio:.8;border:1px solid var(--line);border-radius:var(--radius-xl);background:#0b0b0c;box-shadow:var(--shadow-lg)}.portrait__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;animation:fade-in .5s ease both}.portrait__switch{position:absolute;bottom:12px;left:12px;display:inline-flex;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0c0c0e8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portrait__switch button{height:30px;padding-inline:12px;border-radius:999px;color:#ffffffbf;font-size:.8rem;font-weight:500;transition:background-color .2s,color .2s}.portrait__switch button:hover{color:#fff}.portrait__switch button.is-active{background:#ffffff29;color:#fff}.portrait figcaption{margin-top:14px;color:var(--text-3);font-size:.88rem;text-align:center}.about__content{min-width:0}.about__content h2{margin-top:18px;font-size:clamp(2.1rem,1.3rem + 2.6vw,3.4rem);line-height:1.04;letter-spacing:-.045em}.about__text{display:grid;gap:16px;margin-top:26px;color:var(--text-2);font-size:1.08rem;line-height:1.75}.about__text strong{color:var(--text)}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}.principle{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.principle h3{margin-top:14px;font-size:1rem;letter-spacing:-.015em}.principle p{margin-top:6px;color:var(--text-2);font-size:.9rem;line-height:1.55}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px;border-block:1px solid var(--line)}.stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:20px 16px 20px 0}.stats>div+div{padding-left:20px;border-left:1px solid var(--line)}.stats dd{font-family:var(--font-label);font-size:clamp(1.9rem,1.5rem + 1.2vw,2.5rem);font-weight:600;line-height:1;letter-spacing:-.04em}.stats dt{color:var(--text-3);font-size:.85rem;line-height:1.35}.soundtrack{margin-top:36px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.soundtrack__main{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px}.soundtrack__art{position:relative;width:76px;height:76px;overflow:hidden;border-radius:14px;background:#140f26;box-shadow:var(--shadow-sm)}.soundtrack__art img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}.soundtrack__art .eq{position:absolute;bottom:8px;left:8px;color:#fff;opacity:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:opacity .3s}.soundtrack__art .eq.is-playing{opacity:1}.soundtrack__info h3{margin-top:4px;font-size:1.25rem;letter-spacing:-.03em}.soundtrack__by{margin-top:2px;color:var(--text-3);font-size:.85rem}.play-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--invert-bg);color:var(--invert-text);box-shadow:var(--shadow-md);transition:transform .2s var(--ease),background-color .2s}.play-btn:hover{transform:scale(1.05)}.play-btn app-icon{width:20px;height:20px}.soundtrack__progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:18px}.soundtrack__time{min-width:34px;color:var(--text-3);font-family:var(--font-label);font-size:.75rem;font-variant-numeric:tabular-nums}.scrubber{--progress: 0%;width:100%;height:20px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.scrubber:disabled{cursor:default;opacity:.55}.scrubber::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--text) var(--progress),var(--surface-3) var(--progress))}.scrubber::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid var(--surface);border-radius:50%;background:var(--text);box-shadow:var(--shadow-sm);-webkit-appearance:none;appearance:none}.scrubber::-moz-range-track{height:4px;border-radius:999px;background:var(--surface-3)}.scrubber::-moz-range-progress{height:4px;border-radius:999px;background:var(--text)}.scrubber::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--text)}.soundtrack__error{margin-top:12px;color:var(--text-2);font-size:.88rem}.soundtrack__lyrics-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--text-2);font-size:.9rem;font-weight:500;transition:color .2s}.soundtrack__lyrics-toggle:hover{color:var(--text)}.soundtrack__lyrics-toggle app-icon{width:18px;height:18px}.lyrics{display:grid;gap:14px;max-height:340px;overflow-y:auto;padding-top:14px;padding-right:6px;overscroll-behavior:contain}.lyrics h4{color:var(--accent-ink);font-family:var(--font-label);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.lyrics p{margin-top:4px;color:var(--text-2);font-size:.92rem;line-height:1.7}.mini-player{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:40;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--invert-bg);color:var(--invert-text);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;translate:0 16px;transition:opacity .3s,translate .3s var(--ease-out),visibility .3s}.mini-player.is-visible{opacity:1;visibility:visible;translate:none}.mini-player__title{display:grid;line-height:1.2}.mini-player__title strong{font-size:.85rem}.mini-player__title small{font-size:.72rem;opacity:.7}.mini-player .icon-btn{background:#80808033;color:inherit}@media(max-width:900px){.about__grid{grid-template-columns:minmax(0,1fr)}.portrait{position:static;width:100%;max-width:420px}.principles{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(3){padding-left:0;border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}.soundtrack{padding:16px}.soundtrack__main{grid-template-columns:64px minmax(0,1fr) auto;gap:14px}.soundtrack__art{width:64px;height:64px}.soundtrack__progress{gap:10px}}.contact{padding-top:clamp(24px,4vw,56px)}.contact-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,6vw,72px);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-lg)}.contact-panel:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 85% 100%,#000,transparent 70%);mask-image:radial-gradient(ellipse 80% 70% at 85% 100%,#000,transparent 70%)}.contact-panel__glow{position:absolute;right:-12%;bottom:-42%;z-index:-1;width:min(760px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 34%,transparent),transparent);filter:blur(24px);pointer-events:none}.contact-panel__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.contact-panel h2{max-width:14ch;margin-top:clamp(28px,4vw,48px);font-size:clamp(2.5rem,1.1rem + 4.8vw,5rem);line-height:1;letter-spacing:-.05em}.contact-panel__lead{max-width:34rem;margin-top:20px;color:var(--text-2);font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.contact-email{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:36px}.contact-email__address{font-size:clamp(1.3rem,1rem + 1.4vw,2.1rem);font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--text) 25%,transparent);text-decoration-thickness:2px;text-underline-offset:7px;transition:text-decoration-color .2s}.contact-email__address:hover{text-decoration-color:var(--accent)}.contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}.contact-link{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-2) 72%,transparent);text-align:left;transition:border-color .2s,background-color .2s}.contact-link:hover{border-color:var(--line-strong);background:var(--surface-3)}.contact-link__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.contact-link__icon app-icon{width:19px;height:19px}.contact-link__text{display:grid;gap:2px;min-width:0}.contact-link__text strong{font-size:.98rem}.contact-link__text small{overflow:hidden;color:var(--text-3);font-size:.82rem;white-space:nowrap;text-overflow:ellipsis}.contact-link>app-icon{width:18px;height:18px;margin-left:auto;color:var(--text-3);transition:transform .2s var(--ease),color .2s}.contact-link:hover>app-icon{color:var(--text);transform:translate(2px,-2px)}.contact-meta{display:flex;flex-wrap:wrap;gap:18px 48px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.contact-meta dt{display:flex;align-items:center;gap:8px;color:var(--text-3);font-family:var(--font-label);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.contact-meta dt app-icon{width:14px;height:14px}.contact-meta dd{margin-top:6px;font-weight:500}@media(max-width:900px){.contact-links{grid-template-columns:minmax(0,1fr)}}.site-footer{padding-block:40px 48px;border-top:1px solid var(--line)}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px}.site-footer__identity{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.site-footer__signature{color:var(--text-3);font-size:.9rem}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;color:var(--text-2);font-size:.9rem}.site-footer__nav a{transition:color .2s}.site-footer__nav a:hover{color:var(--text)}.site-footer__meta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:20px;border-top:1px solid var(--line);color:var(--text-3);font-size:.85rem}.site-footer__meta .link{font-size:.85rem}@media(max-width:700px){.site-footer__inner{grid-template-columns:minmax(0,1fr)}.site-footer__nav{justify-content:flex-start}}.modal{width:min(1180px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 40px 120px -20px #00000073}.modal[open]{display:flex;flex-direction:column;animation:modal-in .34s var(--ease-out) both}.modal::backdrop{background:#09090b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal[open]::backdrop{animation:fade-in .3s ease both}.modal.is-closing{animation:modal-out .19s ease both;pointer-events:none}.modal.is-closing::backdrop{animation:fade-out .19s ease both}.modal__bar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--line)}.modal__identity{display:flex;align-items:center;gap:14px;min-width:0}.modal__identity .work-mark{width:40px;height:40px;border-radius:11px}.modal__titles{min-width:0}.modal__titles h2{margin-top:2px;overflow:hidden;font-size:1.3rem;letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis}.modal__actions{display:flex;flex:none;align-items:center;gap:8px}.modal__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal__foot{display:flex;flex:none;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--line)}.viewer{position:relative;height:min(62dvh,680px);min-height:260px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg-soft);touch-action:pan-y}.viewer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--grid-dot) 1px,transparent 1.5px);background-size:20px 20px;pointer-events:none}.viewer__image{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:24px 76px;cursor:zoom-in}.viewer__image img{width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;border:1px solid var(--frame-line);border-radius:10px;background:var(--frame-bg);box-shadow:var(--shadow-lg)}.viewer[data-device=phone] .viewer__image img{border:5px solid var(--device);border-radius:28px}.viewer[data-device=tablet] .viewer__image img{border:8px solid var(--device);border-radius:22px}.viewer.is-zoomed{overflow:auto;touch-action:auto}.viewer.is-zoomed .viewer__image{position:relative;display:block;width:max-content;min-width:100%;padding:24px;cursor:zoom-out}.viewer.is-zoomed .viewer__image img{max-width:none;max-height:none;margin-inline:auto}.viewer.is-zoomed .viewer__nav,.viewer.is-zoomed .viewer__count,.viewer.is-zoomed .viewer__hint{display:none}.viewer__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);box-shadow:var(--shadow-sm);translate:0 -50%;transition:background-color .2s}.viewer__nav:hover{background:var(--surface)}.viewer__nav app-icon{width:20px;height:20px}.viewer__nav--prev{left:14px}.viewer__nav--next{right:14px}.viewer__count{position:absolute;bottom:12px;left:50%;z-index:2;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);font-family:var(--font-label);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;pointer-events:none;translate:-50% 0}.viewer__hint{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text-2);pointer-events:none}.viewer__hint app-icon{width:15px;height:15px}.thumbs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid var(--line)}.thumb{position:relative;flex:none;width:92px;height:60px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);opacity:.62;transition:opacity .2s,border-color .2s,box-shadow .2s}.thumb:hover{opacity:1}.thumb.is-active{border-color:var(--accent);opacity:1;box-shadow:0 0 0 3px var(--accent-soft)}.thumb[data-device=phone]{width:44px}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.project-info{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px 48px;padding:28px 28px 32px}.project-info__summary{font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-weight:600;line-height:1.35;letter-spacing:-.025em}.project-info__description{margin-top:14px;color:var(--text-2);line-height:1.75}.facts{align-self:start;border-top:1px solid var(--line)}.facts>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.facts dt{padding-top:3px;color:var(--text-3);font-family:var(--font-label);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.facts dd{font-size:.92rem}.facts__platform{display:flex;align-items:center;gap:8px}.facts__platform app-icon{width:16px;height:16px;color:var(--text-3)}.pager{display:inline-flex;align-items:center;gap:12px;max-width:48%;padding:8px 12px;border-radius:12px;text-align:left;transition:background-color .2s}.pager:hover{background:var(--surface-2)}.pager>app-icon{width:18px;height:18px;color:var(--text-3)}.pager span{display:grid;min-width:0}.pager small{color:var(--text-3);font-family:var(--font-label);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.pager strong{overflow:hidden;font-size:.92rem;white-space:nowrap;text-overflow:ellipsis}.pager--next{margin-left:auto;text-align:right}.pager--next span{justify-items:end}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.985)}}@keyframes modal-out{to{opacity:0;transform:translateY(10px) scale(.985)}}@media(max-width:700px){.modal{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.modal__bar{padding:10px 10px 10px 14px}.modal__identity .work-mark{width:34px;height:34px}.modal__titles h2{font-size:1.1rem}.modal__actions .btn{padding-inline:12px}.viewer{height:56dvh;min-height:220px}.viewer__image{padding:16px 12px 44px}.viewer__nav{width:38px;height:38px;opacity:.9}.viewer__nav--prev{left:8px}.viewer__nav--next{right:8px}.thumbs{padding:10px 14px}.project-info{grid-template-columns:minmax(0,1fr);padding:22px 18px 26px}}.resume-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--bg-soft);color:var(--text)}.resume-dialog[open],.resume-dialog.is-printing{display:flex;flex-direction:column}.resume-dialog[open]{animation:fade-in .25s ease both}.resume-dialog.is-printing{z-index:100}.resume-dialog.is-closing{animation:fade-out .19s ease both}.resume-dialog::backdrop{background:transparent}.resume-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,(100% - 210mm) / 2);border-bottom:1px solid var(--line);background:var(--surface)}.resume-toolbar__title{display:flex;align-items:center;gap:10px;font-weight:600}.resume-toolbar__title app-icon{width:18px;height:18px;color:var(--text-3)}.resume-toolbar__actions{display:flex;align-items:center;gap:8px}.resume-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 16px 56px}.resume-paper{width:210mm;max-width:100%;min-height:297mm;margin:0 auto;padding:16mm 15mm;background:#fff;color:#1b1b1f;box-shadow:0 1px 3px #0000000f,0 24px 60px -24px #0000004d;color-scheme:light;font-family:var(--font-sans);font-size:10pt;line-height:1.5}.resume-paper a{color:inherit}.cv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8mm;padding-bottom:6mm;border-bottom:1.5pt solid #111112}.cv-name{font-size:28pt;font-weight:700;line-height:1;letter-spacing:-.035em}.cv-name span{color:#e5522c}.cv-role{margin-top:3mm;color:#34343a;font-size:11.5pt;font-weight:500}.cv-contact{display:flex;flex-wrap:wrap;gap:1mm 5mm;margin-top:3.5mm;color:#4a4a52;font-size:8.8pt}.cv-photo{flex:none;width:24mm;height:29mm;object-fit:cover;object-position:50% 18%;border-radius:2.5mm}.cv-section{margin-top:6mm}.cv-section h3{display:flex;align-items:center;gap:3mm;margin-bottom:2.5mm;color:#b8401f;font-family:var(--font-label);font-size:8.5pt;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.cv-section h3:after{content:"";flex:1;height:.75pt;background:#e2e2dd}.cv-summary{color:#2b2b30}.cv-entry+.cv-entry{margin-top:4mm}.cv-entry__head{display:flex;align-items:baseline;justify-content:space-between;gap:4mm}.cv-entry h4{font-size:10.8pt;font-weight:600;letter-spacing:-.01em}.cv-entry__period{flex:none;color:#5b5b63;font-size:8.8pt;font-variant-numeric:tabular-nums;white-space:nowrap}.cv-entry__org{margin-top:.5mm;color:#3a3a40;font-size:9.4pt}.cv-list{display:grid;gap:.8mm;margin-top:1.8mm}.cv-list li{position:relative;padding-left:3.5mm;color:#2b2b30;font-size:9.4pt}.cv-list li:before{content:"";position:absolute;top:.62em;left:.4mm;width:1.2mm;height:1.2mm;border-radius:50%;background:#9a9aa2}.cv-tech{margin-top:1.8mm;color:#5b5b63;font-size:8.6pt}.cv-skills{display:grid;gap:1.4mm}.cv-skills>div{display:grid;grid-template-columns:36mm minmax(0,1fr);gap:4mm;font-size:9.4pt}.cv-skills dt{font-weight:600}.cv-skills dd{color:#2b2b30}.cv-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3mm 6mm}.cv-project{color:#2b2b30;font-size:9pt}.cv-project strong{color:#111112;font-size:9.8pt}.cv-project__context{margin-left:2mm;color:#6b6b73;font-size:8pt}.cv-project p{margin-top:.6mm}@media(max-width:700px){.resume-scroll{padding:0}.resume-paper{width:100%;min-height:100%;padding:24px 20px 40px;box-shadow:none}.cv-head{flex-direction:column-reverse;gap:16px}.cv-photo{width:64px;height:78px}.cv-entry__head{flex-direction:column;gap:2px}.cv-skills>div{grid-template-columns:minmax(0,1fr);gap:2px}.cv-projects{grid-template-columns:minmax(0,1fr)}}.hero__copy>*{animation:rise .9s var(--ease-out) both}.hero__copy>:nth-child(2){animation-delay:.06s}.hero__copy>:nth-child(3){animation-delay:.12s}.hero__copy>:nth-child(4){animation-delay:.18s}.hero__copy>:nth-child(5){animation-delay:.24s}.hero-stack__item{animation:rise 1s var(--ease-out) both}.hero-stack__item--browser{animation-delay:.12s}.hero-stack__item--tablet{animation-delay:.26s}.hero-stack__item--phone{animation-delay:.4s}.reveal.is-pending{opacity:0}.reveal.is-revealed{animation:rise .8s var(--ease-out) both}.work-grid>.is-revealed:nth-child(odd),.site-grid>.is-revealed:nth-child(3n+2),.skill-bento>.is-revealed:nth-child(3n+2),.principles>.is-revealed:nth-child(2){animation-delay:.08s}.site-grid>.is-revealed:nth-child(3n),.skill-bento>.is-revealed:nth-child(3n),.principles>.is-revealed:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;translate:0 26px}to{opacity:1;translate:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.is-theming *,.is-theming *:before,.is-theming *:after{transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal.is-pending{opacity:1}}@media print{@page{size:A4;margin:0}html,body{height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;color:#1b1b1f!important;scrollbar-gutter:auto!important}.printing-resume app-root>:not(app-resume-dialog){display:none!important}.resume-dialog[open],.resume-dialog.is-printing{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important;animation:none!important;transform:none!important;opacity:1!important}.resume-dialog::backdrop,.no-print,.mini-player{display:none!important}.resume-scroll{overflow:visible!important;padding:0!important}.resume-paper{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:14mm 15mm!important;box-shadow:none!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;print-color-adjust:exact;-webkit-print-color-adjust:exact}.reveal{opacity:1!important;animation:none!important}.cv-head,.cv-entry,.cv-project,.cv-skills>div{break-inside:avoid}.cv-section h3{break-after:avoid}}