*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-body);font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--on-accent)}.grain{z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:min(1440px, 100% - 2 * var(--gutter));margin-inline:auto}.section{padding-block:var(--section)}.section--tight{padding-block:calc(var(--section) * .55)}.split-7-5,.split-5-7{align-items:start;gap:clamp(24px,4vw,72px);display:grid}@media (width>=900px){.split-7-5{grid-template-columns:7fr 5fr}.split-5-7{grid-template-columns:5fr 7fr}}.display,h1,h2{font-family:var(--font-display);font-weight:400}.display{font-size:var(--step-display);letter-spacing:-.03em;line-height:.95}h1{font-size:var(--step-h1);letter-spacing:-.02em;line-height:1.02}h2{font-size:var(--step-h2);letter-spacing:-.015em;line-height:1.1}.title-h2{font-family:var(--font-display);font-weight:400;font-size:var(--step-h2);letter-spacing:-.015em}.lede{font-size:var(--step-lede);color:var(--fg-dim);max-width:46ch;line-height:1.5}p{max-width:62ch}p+p{margin-top:1.1em}h1+p,h2+p,h3+p{margin-top:.6em}.display+p{margin-top:1.1em}strong{font-weight:600}.eyebrow,.meta{font-family:var(--font-mono);font-size:var(--step-meta);text-transform:uppercase;letter-spacing:.1em;line-height:1.5}.eyebrow{color:var(--accent-2);font-weight:600}.meta{color:var(--muted)}.hl{color:var(--accent-2)}.btn{font-family:var(--font-body);border-radius:var(--r);cursor:pointer;border:1px solid #0000;padding:13px 22px;font-size:15px;font-weight:500;transition:background-color .16s,transform .16s;display:inline-block}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-press)}.btn--primary:active{transform:translateY(2px)}.btn--quiet{border-color:var(--border-strong);color:var(--fg)}.btn--quiet:hover{background:color-mix(in oklab, var(--fg) 7%, transparent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:clamp(20px,3vw,36px)}.panel--tint{background:var(--surface-tint)}.rule{border:0;border-top:1px solid var(--border)}.frame{border-radius:var(--r);background:var(--bg-deep);aspect-ratio:var(--ar,3 / 2);position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;transform:scale(var(--img-zoom,1)) translate(var(--img-pan-x,0%), var(--img-pan-y,0%))}.frame.is-missing img{display:none}.frame.is-missing:after{content:attr(data-label);text-align:center;font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--r);place-content:center;padding:16px;display:grid;position:absolute;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.stack{height:var(--stack-h);position:relative}.stack-view{height:100svh;position:sticky;top:0;overflow:hidden}.plate{will-change:transform;transform:translate3d(0, calc(var(--p,0) * var(--rate,0) * 1px), 0);position:absolute;inset:-12% -3%}.plate img{object-fit:cover;width:100%;height:100%}.plate>.frame{width:100%;height:calc(100% - var(--rate,0) * 1px);aspect-ratio:auto}.plate--back{z-index:1;--rate:-90}.plate--copy{z-index:2;--rate:-260;padding-inline:var(--gutter);place-content:center;display:grid}.plate--front{z-index:3;--rate:-430}.plate--front .frame.is-missing{opacity:.25}#ridge .plate--back{z-index:1;--rate:-90}#ridge .plate--haze{z-index:2;--rate:-160;pointer-events:none}#ridge .plate--copy{z-index:3;--rate:-190}#ridge .plate--front{z-index:4;--rate:-570;--front-img-h:1600px;--front-img-top:calc(.62 * 100svh + 16px)}#ridge .plate--front>.frame{background:0 0;height:100%;top:0;overflow:visible}#ridge .plate--front>.frame>img{inset:var(--front-img-top) auto auto 0;width:100%;height:var(--front-img-h);object-fit:cover;object-position:center top;position:absolute}.stack-view:after{content:"";z-index:7;height:var(--stack-fade);pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--bg) 0%, transparent) 0%, color-mix(in oklab, var(--bg) 3%, transparent) 14%, color-mix(in oklab, var(--bg) 10%, transparent) 28%, color-mix(in oklab, var(--bg) 22%, transparent) 42%, color-mix(in oklab, var(--bg) 37%, transparent) 55%, color-mix(in oklab, var(--bg) 54%, transparent) 67%, color-mix(in oklab, var(--bg) 71%, transparent) 78%, color-mix(in oklab, var(--bg) 85%, transparent) 87%, color-mix(in oklab, var(--bg) 95%, transparent) 94%, color-mix(in oklab, var(--bg) 100%, transparent) 100%);position:absolute;inset:auto 0 0}.hero{--stack-h:260vh}.hero .plate--far{z-index:1;--rate:-60}.hero .plate--fog{z-index:2;--rate:-120;pointer-events:none;opacity:calc(1 - clamp(0, calc(var(--p,0) / .62), 1) * .62)}.hero .plate--name{z-index:3;--rate:-250;place-content:center;display:grid}.hero .plate--shrub{z-index:4;--rate:-440}.hero .plate--low{z-index:5;--rate:-520;pointer-events:none}.hero .plate--shrub .frame{background:0 0}.hero-wordmark{font-family:var(--font-display);font-weight:400;font-size:var(--step-wordmark);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--fg);white-space:nowrap;line-height:1}.hero .plate--fog:after,.hero .plate--low:after{content:"";inset:0 0 calc(var(--rate,0) * 1px) 0;background:linear-gradient(to top, color-mix(in oklab, var(--bg-deep) 92%, transparent) 0%, color-mix(in oklab, var(--bg-deep) 40%, transparent) 45%, transparent 80%);position:absolute}.hero .plate--low:after{opacity:.8}.hero-intro{z-index:8;left:var(--gutter);max-width:34ch;position:absolute;bottom:clamp(48px,9vh,104px)}.hero-progress{z-index:8;background:var(--border);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-progress:after{content:"";height:100%;width:calc(var(--p,0) * 100%);background:var(--accent-2);display:block}.hero-now{z-index:8;right:var(--gutter);text-align:right;max-width:min(42ch,44vw);position:absolute;bottom:clamp(48px,9vh,104px)}.hero-now__label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.16em;margin:0 0 4px}.hero-now__line{min-height:calc(var(--step-lede) * 1.3);margin:0}.hero-now__text{font-family:var(--font-display);font-size:var(--step-lede);color:var(--fg);line-height:1.3}.hero-now__caret{vertical-align:-.06em;background:var(--accent);opacity:0;block-size:.9em;inline-size:2px;margin-inline-start:3px;display:inline-block}.hero-now.is-typing .hero-now__caret{animation:1.06s step-end infinite hero-now-caret}@keyframes hero-now-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (width<=744px){.hero-now{--hero-now-h:38px;max-width:74vw;bottom:clamp(48px,9vh,104px)}.hero-now__label{display:none}.hero-intro{bottom:calc(clamp(48px,9vh,104px) + 38px)}.hero-wordmark{white-space:normal;text-align:left;max-width:7ch;font-size:22vw}.hero .plate--far{--rate:-36}.hero .plate--fog{--rate:-70}.hero .plate--name{--rate:-150;padding-inline:var(--gutter);place-content:center start}.hero .plate--shrub{--rate:-270}.hero .plate--low{--rate:-320}#ridge .plate--back{--rate:-54}#ridge .plate--haze{--rate:-96}#ridge .plate--copy{--rate:-120}#ridge .plate--front{--rate:-460}}@media (prefers-reduced-motion:reduce){.stack{height:auto}.stack-view{height:72svh;position:relative}.plate{transform:none}}#name-flip-root{visibility:hidden}.name-flip-board{visibility:visible;cursor:pointer;vertical-align:middle;gap:2px;display:inline-flex}.name-flip-cell{background:var(--surface);perspective:200px;border-radius:2px;justify-content:center;align-items:center;width:15px;height:20px;transition:background-color .15s;display:flex;position:relative;overflow:hidden}.name-flip-cell:after{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.name-flip-cell--inverted{background:var(--fg)}.name-flip-cell--inverted:after{background:color-mix(in oklab, var(--bg-deep) 25%, transparent)}.name-flip-cell__flap{width:100%;height:100%;font-family:var(--font-mono);color:var(--fg);transform-origin:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:color .15s;animation:.14s ease-out name-flip-step;display:flex}.name-flip-cell--inverted .name-flip-cell__flap{color:var(--bg-deep)}@keyframes name-flip-step{0%{opacity:.35;transform:rotateX(75deg)}60%{opacity:1;transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}.site-header{z-index:80;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:21px}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.nav-desktop{gap:28px;font-size:15px;display:none}.nav-desktop a{color:var(--fg-dim)}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--fg)}@media (width>=800px){.nav-desktop{display:flex}.menu-toggle{display:none}}.menu-toggle{color:var(--fg);cursor:pointer;background:0 0;border:0;padding:8px}.menu-toggle svg{width:24px;height:24px}.mobile-menu{z-index:95;background:var(--bg);padding-inline:var(--gutter);flex-direction:column;justify-content:center;gap:12px;display:none;position:fixed;inset:0}.mobile-menu.is-open{display:flex}.mobile-menu__close{top:18px;right:var(--gutter);color:var(--fg);cursor:pointer;background:0 0;border:0;position:absolute}.mobile-menu__close svg{width:26px;height:26px}body.is-menu-open{overflow:hidden}.spec{grid-template-columns:auto 1fr;align-content:start;gap:10px 20px;display:grid}.spec dt{font-family:var(--font-mono);font-size:var(--step-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);padding-top:3px}.spec dd{color:var(--fg-dim)}.link{color:var(--accent)}.link:hover{color:var(--accent-press)}.site-footer{background:var(--bg-deep);border-top:1px solid var(--border);padding-block:28px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.frame[data-label="Hero L1 — jungle-far"] img{object-position:50% 50%}.frame[data-label="Hero L5 — jungle-near"] img{object-position:66.1% 53.06%;--img-zoom:1.31;--img-pan-x:4.05%;--img-pan-y:0.23%}.frame[data-label="Hero L5 — jungle-near"]{background:0 0}.frame[data-label="Hero L6 — undergrowth-low"] img{object-position:50% 50%}.frame[data-label="Music L3 — cave-near"] img{object-position:61.42% 44.42%}.frame[data-label="Music L3 — cave-near"]{background:0 0}.frame[data-label="Projects L1 — ridge-far"] img{object-position:20.58% 53.4%}.frame[data-label="Projects L3 — ridge-near"] img{object-position:49.2% 50.44%}.frame[data-label="Projects L3 — ridge-near"]{background:0 0}.frame[data-label="Workshop L1 — cottage-far"] img{object-position:50% 50%}.portal{border-radius:var(--ci-radius);background:var(--ci-bg);border:1px solid var(--ci-line);font-family:var(--ci-font);color:var(--ci-ink);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:stretch;gap:0;margin-block:clamp(20px,2.6vw,34px);display:grid;overflow:hidden}.portal__body{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(20px,2.4vw,32px);display:flex}.portal__brand{align-items:center;gap:12px;margin:0;display:flex}.portal__mark{border-radius:11px;block-size:44px;inline-size:44px;display:block}.portal__name{font-family:var(--ci-font);letter-spacing:-.015em;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1}.portal__actions{margin:0}.portal__open{background:var(--ci-terra);color:var(--ci-bg);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-block}.portal__open:hover{background:var(--ci-red);transform:translateY(-1px)}.portal__open:focus-visible{outline:2px solid var(--ci-ink);outline-offset:3px}.portal__hook{color:var(--ci-muted);max-width:46ch;margin:0;font-size:15px;line-height:1.5}.portal__more{margin:0}.portal__case{color:var(--ci-terra);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--ci-terra) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--ci-terra) 40%, transparent);font-size:14px;font-weight:600}.portal__case:hover{-webkit-text-decoration-color:var(--ci-terra);text-decoration-color:var(--ci-terra)}.portal__art{background:linear-gradient(200deg, var(--ci-card-2), var(--ci-bg) 72%);min-block-size:168px;position:relative}.portal__city{block-size:auto;inline-size:112%;max-inline-size:none;position:absolute;inset:auto 0 -6% auto}@media (width<=760px){.portal{grid-template-columns:1fr}.portal__art{order:-1;min-block-size:0}.portal__city{inline-size:100%;margin-block-end:-4%;display:block;position:static}}.exp{border-bottom:1px solid var(--border);padding-block:clamp(24px,3vw,40px)}.exp__head{margin-bottom:14px}.exp__prev{margin-top:4px}.exp__prev span:last-child{white-space:nowrap}.exp+.panel{margin-top:clamp(32px,4vw,56px)}.exp.reveal:nth-of-type(2){transition-delay:70ms}.exp.reveal:nth-of-type(3){transition-delay:.14s}.exp.reveal:nth-of-type(4){transition-delay:.21s}.exp strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.3em;font-weight:400;line-height:1}.exp__year{margin:0;display:none}@media (width>=900px){.exp{grid-template-columns:7rem 1fr;column-gap:clamp(24px,3vw,56px);display:grid}.exp>:not(.exp__year){grid-column:2}.exp__year{color:var(--fg-dim);grid-area:1/1/-1;align-self:start;display:block;position:sticky;top:clamp(96px,16vh,150px)}}.lives{gap:clamp(14px,2vw,24px);margin-top:clamp(20px,2.4vw,32px);display:grid}@media (width>=760px){.lives{grid-template-columns:repeat(3,1fr)}}.life h3{font-family:var(--font-display);font-weight:400;font-size:var(--step-lede);margin-top:12px}.life p{color:var(--fg-dim);margin-top:4px;font-size:14px;line-height:1.45}.life:hover h3{color:var(--accent-2)}.contact{text-align:left}.contact .btn{margin-top:20px}.contact__links{gap:20px;margin-top:22px;display:flex}.contact__links .link{color:var(--fg-dim);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px}.contact__links .link:hover{color:var(--accent-press);-webkit-text-decoration-color:var(--accent-press);text-decoration-color:var(--accent-press)}:root{--fg:#f0efe9;--fg-dim:#c2c4bc;--muted:#8e958a;--border:#f0efe91f;--border-strong:#f0efe93d;--accent:#cf6b3e;--accent-press:#d97f55;--on-accent:#17110c;--font-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body:"Outfit", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--step-wordmark:clamp(38px, 13.5vw, 290px);--step-display:clamp(56px, 9vw, 132px);--step-h1:clamp(40px, 6vw, 76px);--step-h2:clamp(28px, 3.4vw, 44px);--step-lede:clamp(19px, 1.7vw, 26px);--step-body:17px;--step-meta:12px;--r:8px;--gutter:clamp(20px, 5vw, 88px);--section:clamp(40px, 5vw, 88px);--stack-h:240vh;--stack-fade:clamp(140px, 26svh, 320px);--bg:#171b19;--bg-deep:#0f1512;--surface:#1f2422;--surface-tint:#222c25;--accent-2:#8aa572}[data-room=home]{--bg:#171b19;--bg-deep:#0f1512;--surface:#1f2422;--surface-tint:#222c25;--accent-2:#8aa572}[data-room=projects]{--bg:#16191d;--bg-deep:#0e1115;--surface:#1f232a;--surface-tint:#222831;--accent-2:#7f9bbd}[data-room=music]{--bg:#1a171d;--bg-deep:#0c090f;--surface:#24202a;--surface-tint:#2a2130;--accent-2:#b97fc9}[data-room=workshop]{--bg:#1b1917;--bg-deep:#12100e;--surface:#241f1b;--surface-tint:#2b2621;--accent-2:#c0a06a}:root{--ci-bg:#fff8f4;--ci-card:#fff;--ci-card-2:#f6ece4;--ci-line:#e6d5cf;--ci-ink:#1f1b16;--ci-muted:#54433f;--ci-terra:#914a3b;--ci-red:#e23b4e;--ci-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ci-radius:18px}.intro-overlay{z-index:999;background:var(--bg-deep);opacity:1;transition:opacity var(--intro-fade-ms,.5s) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-overlay--fading{opacity:0;pointer-events:none}.intro-backdrop{z-index:0;opacity:.22;background-image:url(/assets/jungle-far-BHN6dr1Y.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.flip-board{z-index:1;grid-template-columns:repeat(var(--flip-board-columns), 1fr);background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:5px;width:min(94vw,760px);padding:24px;display:grid;position:relative}.flip-cell{aspect-ratio:3/4;background:var(--bg-deep);perspective:240px;border-radius:3px;justify-content:center;align-items:center;transition:background-color .12s;display:flex;position:relative;overflow:hidden}.flip-cell:after{content:"";background:var(--border);z-index:1;height:1px;position:absolute;top:50%;left:0;right:0}.flip-cell__flap{width:100%;height:100%;font-family:var(--font-mono);color:var(--fg);transform-origin:50%;justify-content:center;align-items:center;font-size:clamp(9px,1.9vw,20px);font-weight:600;animation:.14s ease-out flip-step;display:flex}.flip-cell--active .flip-cell__flap{color:inherit}@keyframes flip-step{0%{opacity:.35;transform:rotateX(75deg)}60%{opacity:1;transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}.flip-cell--active:after{background:color-mix(in oklab, var(--bg-deep) 25%, transparent)}.flip-cell--active.flip-cell--lime{background:var(--accent-2);color:var(--bg-deep)}.flip-cell--active.flip-cell--amber{background:var(--fg);color:var(--bg-deep)}@media (width<=640px){.flip-board{gap:4px;width:min(96vw,420px);padding:14px}.flip-cell__flap{font-size:clamp(14px,6vw,22px)}}