:root{--bg:#0c0c0d;--surface:#141416;--fg:#ecebe6;--muted:#8b8a85;--line:#26262a;--accent:#f0a35e;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--max:1120px;--gutter:clamp(1.25rem, 4vw, 2.5rem);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100dvh;color:var(--fg);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}h2{font:400 clamp(2.25rem, 5vw, 4rem) / 1.05 var(--serif);letter-spacing:-.01em}em{font-family:var(--serif);color:var(--accent);font-style:italic}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.skip{z-index:100;background:var(--fg);color:var(--bg);border-radius:999px;padding:.5rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip:focus{transform:none}.chapter{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.chapter span{color:var(--accent)}.chapter:after{content:"";background:var(--line);width:3rem;height:1px}.hero,.story,.work{position:relative}.pin{height:100svh;position:sticky;top:0;overflow:hidden}.nav{z-index:50;height:4rem;padding-inline:var(--gutter);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.nav-progress{background:var(--accent);transform-origin:0;height:2px;position:absolute;inset:auto 0 0}.nav-logo{font:400 1.5rem/1 var(--serif)}.nav-logo span{color:var(--accent)}.nav ol{gap:clamp(.75rem,2.5vw,2rem);font-size:.85rem;display:flex}.nav ol a{color:var(--muted);gap:.4rem;padding-block:.5rem;transition:color .3s;display:flex;position:relative}.nav ol a:hover,.nav ol a[aria-current]{color:var(--fg)}.nav-num{color:var(--accent);font-variant-numeric:tabular-nums}@media (width<=640px){.nav-num{display:none}.nav ol{font-size:.78rem}}.hero{height:120svh}.hero .pin{place-items:center;display:grid}.hero-inner{width:min(100% - 2 * var(--gutter), var(--max));transform-origin:0}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}.hero h1{font:400 clamp(3rem, 9vw, 8rem) / .95 var(--serif);letter-spacing:-.02em;margin-block:1.5rem 2rem}.hero .line{display:block}.hero-sub{max-width:34rem;color:var(--muted);font-size:clamp(1rem,1.6vw,1.15rem)}.scroll-cue{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;justify-items:center;gap:.75rem;font-size:.7rem;display:grid;position:absolute;bottom:2rem;left:50%;translate:-50%}.scroll-cue i{width:1rem;height:3rem;position:relative}.scroll-cue i:before{content:"";background:linear-gradient(transparent, var(--accent));width:1px;animation:cue 2s var(--ease) infinite;transform-origin:top;position:absolute;inset:0 auto 0 50%}.scroll-cue i:after{content:"";border:solid var(--accent);border-width:0 1.5px 1.5px 0;width:.5rem;height:.5rem;position:absolute;bottom:1px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.story{height:280svh}.story .pin{align-items:center;display:grid}.story-wrap{grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.story-photo{border-radius:50%;width:clamp(14rem,26vw,24rem);height:auto}@media (width<=800px){.story-wrap{grid-template-columns:1fr}.story-photo{order:-1;width:7rem}}.story-text{max-width:52rem;font:400 clamp(1.75rem, 4.2vw, 3.4rem) / 1.2 var(--serif)}.journey{grid-template-columns:1fr 1.5fr;gap:clamp(2rem,6vw,6rem);padding-block:10vh 20vh;display:grid}.journey-side{align-self:start;position:sticky;top:22vh}.journey-line{background:var(--line);width:1px;height:30vh;margin-top:3rem}.journey-line i{background:var(--accent);transform-origin:top;height:100%;display:block}.job{border-top:1px solid var(--line);padding-block:2.5rem}.job-date{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.8rem}.job h3{font:400 clamp(1.5rem, 2.6vw, 2.1rem) / 1.2 var(--serif);margin-block:.5rem 1.25rem}.job h3 a{color:var(--muted);transition:color .3s}.job h3 a:hover{color:var(--accent)}.job ul{color:var(--muted);gap:.6rem;display:grid}.job li li{padding-left:1.25rem;position:relative}.job li li:before{content:"";background:var(--accent);width:.5rem;height:1px;position:absolute;top:.75em;left:0}@media (width<=800px){.journey{grid-template-columns:1fr;gap:1rem}.journey-side{position:static}.journey-line{display:none}}.work{height:360svh}.work .pin{flex-direction:column;justify-content:center;gap:3rem;padding-top:4rem;display:flex}.work-track{width:max-content;padding-inline:max(var(--gutter), (100vw - var(--max)) / 2);gap:clamp(1rem,3vw,2rem);display:flex}.card{background:var(--surface);border:1px solid var(--line);width:min(78vw,26rem);height:min(52svh,30rem);transition:border-color .4s, transform .5s var(--ease);border-radius:1.25rem;flex-direction:column;padding:2rem;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-.5rem)}.card-num{font:400 4rem/1 var(--serif);color:var(--line);transition:color .4s}.card:hover .card-num{color:var(--accent)}.card-video{object-fit:cover;pointer-events:none;border:0;border-radius:.75rem;flex:1;width:100%;min-height:0}.card-tag{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;font-size:.75rem}.card-title{font:400 clamp(1.75rem, 3vw, 2.4rem) / 1.1 var(--serif);margin-block:.5rem}.card-desc{color:var(--muted)}.card-cta{margin-top:1.5rem;font-size:.85rem}.work-bar{width:min(100% - 2 * var(--gutter), var(--max));background:var(--line);height:1px;margin-inline:auto}.work-bar i{background:var(--accent);transform-origin:0;height:100%;display:block}.toolbox{padding-block:24vh 12vh}.skills{grid-template-columns:1.4fr 1fr 1fr;gap:1rem;margin-top:3rem;display:grid}.skill-group{border:1px solid var(--line);border-radius:1.25rem;padding:2rem}.skill-group:first-child{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.skill-group h3{font:400 1.6rem/1 var(--serif);margin-bottom:1.25rem}.skill-group ul{flex-wrap:wrap;gap:.5rem;display:flex}.skill-group li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;transition:color .3s,border-color .3s}.skill-group li:hover{color:var(--fg);border-color:var(--accent)}@media (width<=800px){.skills{grid-template-columns:1fr}}.contact{padding-block:20vh 3rem}.contact h2{max-width:14ch;font-size:clamp(2.75rem,8vw,6.5rem)}.contact-links{flex-wrap:wrap;gap:.75rem;margin-block:3rem 20vh;display:flex}.contact-links a{border:1px solid var(--line);border-radius:999px;padding:.8rem 1.4rem;transition:border-color .3s,background .3s,color .3s}.contact-links a:hover{border-color:var(--accent)}.contact-links .primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.contact-links .primary:hover{background:var(--accent);border-color:var(--accent)}.contact footer{border-top:1px solid var(--line);color:var(--muted);padding-top:2rem;font-size:.8rem}