: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}*,: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}.cf{--cover-size:clamp(180px, 42vw, 340px);flex-direction:column;align-items:center;gap:28px;padding-top:8px;display:flex}.cf-controls{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.cf-arrow{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 72%, transparent);width:44px;height:44px;color:var(--fg-dim);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;border-radius:50%;flex:none;place-items:center;transition:color .2s,border-color .2s,background .2s,transform .15s;display:grid}.cf-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent)}.cf-arrow:active:not(:disabled){transform:scale(.92)}.cf-arrow:disabled{opacity:.28;cursor:default}.cf-arrow .icon{width:22px;height:22px}.cf-stage{height:calc(var(--cover-size) + 46px);perspective:1400px;max-width:720px;transform-style:preserve-3d;touch-action:pan-y;cursor:grab;outline:none;flex:auto;position:relative}.cf-stage:active{cursor:grabbing}.cf-stage:focus-visible{outline:none}.cf-stage:focus-visible .cf-cover.is-active{box-shadow:0 0 0 2px var(--accent)}.cf-cover{width:var(--cover-size);height:var(--cover-size);margin-left:calc(var(--cover-size) / -2);border:1px solid var(--border);background:var(--bg-deep);transform-origin:50%;will-change:transform, opacity;-webkit-user-select:none;user-select:none;border-radius:10px;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .5s,box-shadow .3s;position:absolute;top:0;left:50%;overflow:hidden}.cf-cover img{object-fit:cover;filter:saturate(.85)brightness(.82);pointer-events:none;width:100%;height:100%;transition:filter .4s}.cf-cover.is-active{border-color:color-mix(in oklab, var(--accent) 40%, transparent);cursor:pointer}.cf-cover.is-active img{filter:saturate(1.05)brightness()}.cf-cover-badge{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--fg);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--bg-deep) 90%, transparent));opacity:0;justify-content:center;align-items:center;gap:8px;padding:14px 10px 12px;font-size:11px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(6px)}.cf-cover-badge .icon{width:16px;height:16px;color:var(--accent)}.cf-cover.is-active:hover .cf-cover-badge,.cf-stage:focus-visible .cf-cover.is-active .cf-cover-badge{opacity:1;transform:translateY(0)}.cf-info{text-align:center;max-width:520px;min-height:132px}.cf-index{letter-spacing:2px;color:var(--accent-2);font-size:12px}.cf-index span{color:var(--fg-dim)}.cf-title{font-family:var(--font-body);letter-spacing:-.3px;color:var(--fg);margin-top:6px;font-size:clamp(22px,4vw,30px);font-weight:600}.cf-desc{color:var(--fg-dim);margin-top:8px;font-size:15px;line-height:1.55}.cf-link{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:9px 18px;font-size:12px;transition:background .2s,color .2s,transform .15s;display:inline-flex}.cf-link:hover{background:var(--accent);color:var(--on-accent)}.cf-link:active{transform:scale(.96)}.cf-link .icon{width:15px;height:15px}.cf-dots{align-items:center;gap:10px;display:flex}.cf-dot{background:var(--border-strong);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .2s}.cf-dot:hover{background:var(--fg-dim)}.cf-dot.is-active{background:var(--accent);border-radius:4px;width:22px}@media (width<=640px){.cf{gap:22px}.cf-controls{gap:2px}.cf-arrow{width:38px;height:38px}.cf-stage{max-width:none}}.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%}.page-hero{--stack-h:220vh;--disc-size:max(24.02vw, 35.49svh);--fit:calc(1 - clamp(0, calc((var(--p,0) - .54) / .26), 1) * .3)}.page-hero .plate--copy{text-align:center}.page-hero .lede{margin-inline:auto}.page-hero .plate--void{z-index:0}.page-hero .plate--void:after{content:"";background:radial-gradient(circle at 50% 46%, color-mix(in oklab, var(--accent-2) 26%, transparent) 0%, transparent 58%), var(--bg-deep);position:absolute;inset:0}.page-hero .plate--back{z-index:1;--rate:0;opacity:clamp(0, calc((.78 - var(--p,0)) / .22), 1)}.page-hero{--asm:clamp(0, calc((var(--p,0) - .52) / .26), 1);--fit:calc(1 - var(--asm) * .28)}.page-hero .plate--word{z-index:2;opacity:clamp(0, calc((var(--p,0) - .6) / .2), 1)}.page-hero .word{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--fg);opacity:.4;white-space:nowrap;pointer-events:none;margin:0;font-size:min(15vw,210px);line-height:.9;position:absolute;top:18%;left:50%;transform:translate(-50%)}.page-hero .plate--deck{z-index:3;--deck-w:calc(var(--disc-size) * 1.8162);opacity:clamp(0, calc((var(--p,0) - .54) / .18), 1)}.page-hero .plate--deck>.frame{width:var(--deck-w);height:calc(var(--deck-w) / .8421);aspect-ratio:auto;transform:translate(-50%, -50%) scale(var(--fit));background:0 0;position:absolute;top:50%;left:50%}.page-hero .plate--deck>.frame>img{object-fit:fill;width:100%;height:100%}.page-hero .plate--disc{z-index:4;--rate:0;--t:clamp(0, calc((var(--p,0) - .12) / .58), 1);--spin:calc(var(--t) * var(--t) * (3 - 2 * var(--t)) * 720deg)}.page-hero .plate--disc>.frame{width:var(--disc-size);height:var(--disc-size);aspect-ratio:1;transform:translate(-50%, -50%) translate(calc(-.001 * var(--disc-size) * var(--asm) * var(--fit)), calc(.2702 * var(--disc-size) * var(--asm) * var(--fit))) rotate(var(--spin)) scale(var(--fit));background:0 0;position:absolute;top:50%;left:50%}.page-hero .plate--disc>.frame>img{object-fit:contain;width:100%;height:100%}.page-hero .disc__shell{opacity:clamp(0, calc((.5 - var(--p,0)) / .16), 1)}.page-hero .disc__deck{opacity:clamp(0, calc((var(--p,0) - .38) / .16), 1)}.page-hero .plate--copy{z-index:5;--rate:0;opacity:clamp(0, calc((.1 - var(--p,0)) / .08), 1)}.page-hero .plate--panel{z-index:5;opacity:clamp(0, calc((var(--p,0) - .78) / .16), 1)}.page-hero .panel__col{gap:4px;width:min(26vw,290px);margin:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.page-hero .panel__col--left{text-align:right;left:5vw}.page-hero .panel__col--right{text-align:left;right:5vw}.page-hero .panel__col dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:18px;font-size:.76rem}.page-hero .panel__col dt:first-child{margin-top:0}.page-hero .panel__col dd{color:var(--fg);margin:0}@media (width<=1000px){.page-hero .panel__col{width:42vw;top:auto;bottom:calc(12% + 4vh);transform:none}.page-hero{--fit:calc(1 - var(--asm) * .44)}.page-hero .panel__col--left{text-align:left;left:5vw}.page-hero .panel__col--right{text-align:right;right:5vw}.page-hero .word{text-transform:uppercase;letter-spacing:.07em;font-size:min(17vw,150px);top:22%}}#mixes{overflow-x:hidden}#mixes .meta{margin-top:8px;margin-bottom:clamp(24px,3vw,40px)}.contact__links{gap:20px;margin-top:22px;display:flex}