:root{--content-width:1080px;--gutter:24px;--space-xs:8px;--space-s:16px;--space-m:24px;--space-l:48px;--space-xl:80px;--text-label:14px;--text-small:15px;--text-body:18px;--text-lead:22px;--text-h2:32px;--text-h1:clamp(44px, 7vw, 68px);--wood-grain:#6e4126 url(/textures/walnut.jpg) 0 0 / 512px 512px repeat;--grain-opacity:.25;--photo-grade:sepia(.12) saturate(.92) contrast(.95) brightness(1.02);--photo-tint:radial-gradient(ellipse at 50% 42%, #ffc48438, #5c2f144d)}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}body:after{content:"";z-index:100;pointer-events:none;opacity:var(--grain-opacity);background:url(/textures/grain.png) 0 0/128px 128px;position:fixed;inset:0}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-variation-settings:var(--display-variation);font-weight:var(--display-weight);letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.05}p{margin:0}.container{width:100%;max-width:var(--content-width);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);font-weight:600;line-height:1.7}.muted{color:var(--color-text-muted)}.button{border-radius:var(--button-radius);font-family:inherit;line-height:inherit;cursor:pointer;background:var(--color-button-bg);color:var(--color-button-text);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;padding:10px 20px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-block}.button:hover,.button.active{background:var(--color-button-active-bg);color:var(--color-button-active-text)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{z-index:30;opacity:0;pointer-events:none;transition:opacity .15s,translate .15s;position:absolute;left:50%;translate:-50% -4px}[data-tooltip]:before{content:"";border:5px solid #0000;border-bottom-color:var(--color-button-bg);top:calc(100% + 2px)}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-button-bg);color:var(--color-button-text);font-family:var(--font-body);letter-spacing:.02em;text-transform:none;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;line-height:1.4;top:calc(100% + 12px)}[data-tooltip]:focus-visible:before,[data-tooltip]:focus-visible:after{opacity:1;translate:-50%}@media (hover:hover){[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;translate:-50%}}[data-theme=cream-rug]{--color-bg:#ece3d0;--color-surface:#e3d7bf;--color-text:#2a1a10;--color-text-muted:#4d3626;--color-text-subtle:#5c4532;--color-accent:#8a4a22;--color-accent-hover:#5c2f14;--color-line:#cdbd9f;--color-button-bg:#1c1712;--color-button-text:#efe5d2;--color-button-active-bg:#8a4a22;--color-button-active-text:#f6ead6;--font-display:"Shrikhand", "Cooper Black", Georgia, serif;--font-body:"Fraunces", Georgia, serif;--display-variation:normal;--display-weight:400;--decor-strip:var(--wood-grain);--decor-strip-height:22px;--photo-placeholder:#c9a77f;--photo-aspect:1;--photo-radius:50%;--photo-shadow:none;--photo-rings:block;--photo-ring-color:var(--color-accent);--photo-frame-bg:none;--photo-frame-padding:11%;--hero-photo-max:440px;--photo-frame-radius:0px;--hero-photo-order:1;--card-radius:24px;--button-radius:999px}[data-theme=walnut]{--color-bg:#231710;--color-surface:#2f2016;--color-text:#efe5d2;--color-text-muted:#d8cab3;--color-text-subtle:#cbb9a0;--color-accent:#d9945a;--color-accent-hover:#f0b47e;--color-line:#4a3324;--color-button-bg:#7a3f1d;--color-button-text:#f6ead6;--color-button-active-bg:#c27a3e;--color-button-active-text:#231710;--font-display:"Fraunces", Georgia, serif;--font-body:"Jost", system-ui, sans-serif;--display-variation:"SOFT" 100, "opsz" 144;--display-weight:500;--decor-strip:none;--decor-strip-height:0px;--photo-placeholder:#3a2618;--photo-aspect:4 / 5;--photo-radius:3px;--photo-rings:none;--photo-ring-color:var(--color-accent);--photo-shadow:inset 0 0 0 1px #c9a46a;--photo-frame-bg:var(--wood-grain);--photo-frame-padding:24px;--photo-frame-radius:6px;--hero-photo-order:-1;--card-radius:6px;--button-radius:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.player-embed{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:0;left:0}:root{--now-playing-height:68px}.now-playing{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-button-bg);color:var(--color-button-text);box-shadow:0 -1px #00000040}.now-playing.is-closing{pointer-events:none;animation:.22s ease-in forwards now-playing-out}@keyframes now-playing-out{to{visibility:visible}}.now-playing-inner{height:var(--now-playing-height);align-items:center;gap:var(--space-s);display:flex}.now-playing-toggle,.now-playing-close{cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.now-playing-toggle{width:40px;height:40px;color:var(--color-button-text);background:0 0;transition:background-color .15s,box-shadow .15s;box-shadow:inset 0 0 0 1.5px #efe5d273}.now-playing-toggle:hover{background:#efe5d21f;box-shadow:inset 0 0 0 1.5px #efe5d2bf}.now-playing-close{width:36px;height:36px;color:inherit;opacity:.7;background:0 0}.now-playing-close:hover{opacity:1}.now-playing-track{flex:0 280px;align-items:center;gap:10px;min-width:0;display:flex}.now-playing-record{flex:none;display:inline-flex}.now-playing-track.is-playing .now-playing-record{animation:3s linear infinite now-playing-spin}@keyframes now-playing-spin{to{rotate:360deg}}.now-playing-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.now-playing-title,.now-playing-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing-title{color:inherit;font-family:var(--font-display);font-variation-settings:var(--display-variation);text-decoration:none}.now-playing-title:hover{color:inherit;text-decoration:underline}.now-playing-artist{opacity:.7;font-size:13px}.now-playing-progress{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.now-playing-time{font-variant-numeric:tabular-nums;opacity:.7;flex:none;font-size:13px}.now-playing-progress input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:20px;margin:0}.now-playing-progress input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-button-active-bg) var(--progress), #efe5d240 var(--progress));border-radius:2px;height:4px}.now-playing-progress input[type=range]::-moz-range-track{background:#efe5d240;border-radius:2px;height:4px}.now-playing-progress input[type=range]::-moz-range-progress{background:var(--color-button-active-bg);border-radius:2px;height:4px}.now-playing-progress input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-button-text);border-radius:50%;width:12px;height:12px;margin-top:-4px}.now-playing-progress input[type=range]::-moz-range-thumb{background:var(--color-button-text);border:0;border-radius:50%;width:12px;height:12px}.now-playing-progress input[type=range]:disabled{cursor:default}.now-playing-socials{flex:none;align-items:center;gap:14px;animation:.35s ease-out .15s backwards now-playing-socials-in;display:flex}.now-playing-socials a{color:inherit;opacity:.75;transition:opacity .15s;display:inline-flex}.now-playing-socials a:hover{color:inherit;opacity:1}@keyframes now-playing-socials-in{0%{opacity:0;translate:0 -28px}}@media (width<=600px){.now-playing-time,.now-playing-record,.now-playing-socials{display:none}.now-playing-track{flex-basis:140px}}@media (prefers-reduced-motion:reduce){.now-playing,.now-playing-socials,.now-playing-track.is-playing .now-playing-record{animation:none}}.photo-frame{padding:var(--photo-frame-padding);border-radius:var(--photo-frame-radius);background:var(--photo-frame-bg);margin:0;position:relative}.photo{width:100%;aspect-ratio:var(--photo-aspect);border-radius:var(--photo-radius);box-shadow:var(--photo-shadow);position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;filter:var(--photo-grade)}.photo:after{content:"";border-radius:inherit;background:var(--photo-tint);mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.photo-rings{display:var(--photo-rings);pointer-events:none;width:100%;height:100%;fill:var(--photo-ring-color);position:absolute;inset:0}.photo-placeholder{background:var(--photo-placeholder);color:var(--color-text-muted);font-size:var(--text-small);justify-content:center;align-items:center;display:flex}.hero{align-items:center;gap:var(--space-xl);flex-wrap:wrap;padding-block:40px 96px;display:flex}.hero-text{gap:var(--space-m);flex-direction:column;flex:999 420px;min-width:0;max-width:540px;display:flex}.hero-text h1{font-size:var(--text-h1);text-align:right}.hero-photo{max-width:var(--hero-photo-max,400px);flex:300px;order:var(--hero-photo-order)}@media (width<=760px){.hero{gap:var(--space-l)}.hero-photo{order:-1}}.hero-photo{align-items:center;gap:var(--space-s);flex-direction:column;display:flex;position:relative}.photo-stage{width:100%;position:relative}.track-toggle{inset:var(--photo-frame-padding);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.track-toggle:disabled{cursor:default}.track-toggle-disc{background:var(--color-button-bg);width:72px;height:72px;color:var(--color-button-text);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,scale .2s,background-color .15s;display:flex;scale:.85}.photo-stage:hover .track-toggle:not(:disabled) .track-toggle-disc,.track-toggle:focus-visible .track-toggle-disc{opacity:1;scale:1}.track-toggle:hover .track-toggle-disc{background:var(--color-button-active-bg);color:var(--color-button-active-text)}.track-toggle:focus-visible{outline-offset:6px}@media (hover:none){.track-toggle:not(:disabled) .track-toggle-disc{opacity:.9;scale:.8}}.track-caption{font-size:var(--text-small);color:var(--color-text-subtle);text-align:center}.track-caption-label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-size:12px;font-weight:600}.photo-stage .photo-rings{animation:24s linear infinite paused rings-spin}.is-playing .photo-stage .photo-rings{animation-play-state:running}@keyframes rings-spin{to{rotate:360deg}}@property --record-label{syntax:"<percentage>";inherits:false;initial-value:102%}.record-vinyl,.record-spindle{pointer-events:none;position:absolute}.record-vinyl{--record-label:102%;inset:var(--photo-frame-padding);background: radial-gradient(circle closest-side, transparent var(--record-label), var(--color-accent) var(--record-label), var(--color-accent) calc(var(--record-label) + 2.5%), transparent calc(var(--record-label) + 2.5%)),  conic-gradient(from 20deg, transparent 0deg, #ffecd629 35deg, transparent 80deg, transparent 180deg, #ffecd61f 215deg, transparent 260deg),  repeating-radial-gradient(circle, #17110d 0 1.5px, #261d17 1.5px 3px);-webkit-mask:radial-gradient(circle closest-side, transparent calc(var(--record-label) - 0.5%), #000 var(--record-label));mask:radial-gradient(circle closest-side, transparent calc(var(--record-label) - 0.5%), #000 var(--record-label));border-radius:50%;transition:--record-label .65s cubic-bezier(.2,.8,.2,1)}.is-playing .record-vinyl{--record-label:55%}.record-spindle{aspect-ratio:1;background:var(--color-bg);opacity:0;border-radius:50%;width:3.5%;transition:opacity .3s .3s;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 2px #1c171259}.is-playing .record-spindle{opacity:1}.photo-stage .photo{animation:1.8s linear infinite paused record-spin}.is-playing .photo-stage .photo{animation-play-state:running}@keyframes record-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.photo-stage .photo-rings,.photo-stage .photo{animation:none}.record-vinyl,.record-spindle{transition:none}}.page{align-items:flex-start;gap:var(--space-l);flex-direction:column;padding-block:40px 96px;display:flex}.page-header{gap:var(--space-s);flex-direction:column;max-width:620px;display:flex}.page-header>.button{align-self:flex-start;margin-top:4px}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.page-header h1:not(.eyebrow){font-size:var(--text-h1)}.timeline{border-top:1px solid var(--color-line);width:100%;max-width:760px;margin:0;padding:0;list-style:none}.timeline-item{gap:var(--space-m);padding-block:var(--space-m);border-bottom:1px solid var(--color-line);grid-template-columns:140px minmax(0,1fr);display:grid}.timeline-years{color:var(--color-text-subtle);font-size:var(--text-small);font-variant-numeric:tabular-nums;padding-top:4px}.timeline-title{font-family:var(--font-body);font-size:var(--text-lead);letter-spacing:-.005em;color:var(--color-accent);font-weight:600;line-height:1.2}.timeline-org{margin:4px 0 var(--space-xs);color:var(--color-accent);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:17px;font-weight:500;display:flex}.timeline-org-item{align-items:center;gap:8px;display:inline-flex}.timeline-org-separator{opacity:.6}.timeline-org-link{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.timeline-org-link:hover{color:var(--color-accent-hover);text-underline-offset:4px;text-decoration:underline}.timeline-logo{background-color:currentColor;flex:none;display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.timeline-logo img{opacity:0;width:auto;height:.85em;display:block}@media (width<=560px){.timeline-item{grid-template-columns:minmax(0,1fr);gap:4px}}.tracklist{border-top:1px solid var(--color-line);width:100%;max-width:760px;margin:0;padding:0;list-style:none}.track{align-items:baseline;gap:var(--space-s);border-bottom:1px solid var(--color-line);color:var(--color-text);grid-template-columns:40px minmax(0,1fr) auto;padding-block:18px;text-decoration:none;display:grid}.track:hover .track-title{color:var(--color-accent)}.track-number,.track-length{color:var(--color-text-subtle);font-size:var(--text-small);font-variant-numeric:tabular-nums}.track-main{align-items:baseline;column-gap:var(--space-s);flex-wrap:wrap;display:flex}.track-title{font-family:var(--font-display);font-variation-settings:var(--display-variation);font-weight:var(--display-weight);letter-spacing:-.015em;font-size:var(--text-lead)}.track-detail{color:var(--color-text-muted);font-size:var(--text-small)}.cards{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.card{gap:var(--space-xs);padding:var(--space-m);border-radius:var(--card-radius);background:var(--color-surface);flex-direction:column;display:flex}.card-title{font-size:var(--text-lead)}.projects{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-detail{color:var(--color-text-subtle);font-size:var(--text-small)}.project-stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-stack li{border:1px solid var(--color-line);color:var(--color-text-subtle);font-size:var(--text-label);border-radius:999px;padding:2px 10px}.project-links{gap:var(--space-s);padding-top:var(--space-xs);font-size:var(--text-small);flex-wrap:wrap;margin-top:auto;font-weight:500;display:flex}.contact-email{align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.contact-email-address{font-family:var(--font-display);font-variation-settings:var(--display-variation);font-weight:var(--display-weight);letter-spacing:-.015em;color:var(--color-text);-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);text-underline-offset:6px;overflow-wrap:anywhere;font-size:clamp(24px,4vw,36px)}.contact-links{gap:var(--space-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.contact-links a{align-items:center;gap:var(--space-xs);color:var(--color-text);font-weight:500;text-decoration:none;display:inline-flex}.contact-links a:hover{color:var(--color-accent)}.site{flex-direction:column;min-height:100vh;display:flex}.site-top{z-index:10;background:var(--color-bg);border-bottom:1px solid #0000;transition:border-color .15s;position:sticky;top:0}.site-top[data-scrolled]{border-bottom-color:var(--color-line)}.decor-strip{height:var(--decor-strip-height);background:var(--decor-strip)}.site-header{justify-content:space-between;align-items:center;gap:var(--space-s);flex-wrap:wrap;padding-block:14px;display:flex}.brand{color:var(--color-text);transition:color .15s;display:inline-flex}.brand:hover{color:var(--color-accent)}.site-nav{flex-wrap:wrap;gap:10px;display:flex}.nav-icon-button{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.nav-label{display:none}@media (width<=600px){.site-nav{gap:16px}.nav-icon-button{margin-bottom:18px}.nav-label{color:var(--color-text-subtle);letter-spacing:.01em;text-transform:none;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2;display:block;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}.nav-icon-button.active .nav-label{color:var(--color-accent)}.nav-icon-button[data-tooltip]:before,.nav-icon-button[data-tooltip]:after{display:none}}.site-main{flex:1}.page-transition{overflow-x:clip}.page-transition[data-direction=right]{--slide-dir:1}.page-transition[data-direction=left]{--slide-dir:-1}.page-transition[data-direction] :is(.page-header>*,.hero-text>*,.hero-photo,.timeline>li,.tracklist>li,.cards>li,.contact-email,.contact-links>li,.page>p){animation:.65s cubic-bezier(.34,1.56,.64,1) backwards page-slide-in;animation-delay:calc(var(--slide-base,0s) + var(--slide-i,0) * 70ms)}.page-transition :is(.timeline,.tracklist,.cards,.contact-links)>li,.page-transition .contact-email{--slide-base:.2s}.page-transition .hero-photo{--slide-base:.14s}.page-transition .page>p{--slide-base:.38s}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(2){--slide-i:1}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(3){--slide-i:2}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(4){--slide-i:3}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(5){--slide-i:4}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(6){--slide-i:5}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(7){--slide-i:6}.page-transition :is(.page-header,.hero-text,.timeline,.tracklist,.cards,.contact-links)>:nth-child(n+8){--slide-i:7}@keyframes page-slide-in{0%{opacity:0;translate:calc(var(--slide-dir) * 160px) 0;transform:skewX(calc(var(--slide-dir) * -14deg))}}@media (prefers-reduced-motion:reduce){.page-transition[data-direction] *{animation:none}}.site{--footer-height:48px;--dock-bar-height:0px}.site:has(.now-playing:not(.is-closing)){--footer-height:var(--decor-strip-height);--dock-bar-height:calc(var(--now-playing-height) + env(safe-area-inset-bottom,0px))}.site-dock-spacer{height:calc(var(--footer-height) + var(--dock-bar-height));transition:height .25s ease-out}.site-dock{z-index:20;position:fixed;bottom:0;left:0;right:0}.site-dock:has(.now-playing){animation:.25s ease-out dock-in}.site-dock:has(.now-playing.is-closing){animation:.22s ease-in forwards dock-out}@keyframes dock-in{0%{translate:0 calc(var(--now-playing-height) + env(safe-area-inset-bottom,0px))}}@keyframes dock-out{to{translate:0 calc(var(--now-playing-height) + env(safe-area-inset-bottom,0px))}}.site-footer{height:var(--footer-height);background:var(--wood-grain);transition:height .25s ease-out;overflow:hidden;box-shadow:inset 0 2px #00000040,0 -1px #2a1a1033}:is(.site:has(.now-playing.is-closing) .site-footer,.site:has(.now-playing.is-closing) .site-dock-spacer){transition:height .22s ease-in}@media (prefers-reduced-motion:reduce){:is(.site-dock:has(.now-playing),.site-dock:has(.now-playing.is-closing)){animation:none}}.site-footer-links{height:var(--footer-height);justify-content:space-between;align-items:center;gap:var(--space-m);min-height:48px;transition:opacity .2s,translate .25s ease-in;display:flex}.site:has(.now-playing:not(.is-closing)) .site-footer-links{opacity:0;visibility:hidden;transition:opacity .2s,translate .25s ease-in,visibility 0s .25s;translate:0 24px}.site-footer-socials{align-items:center;gap:var(--space-m);margin-left:auto;display:flex}.site-footer-play{color:#f3e7d3;cursor:pointer;min-width:0;font-size:var(--text-small);text-shadow:0 1px #00000059;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.site-footer-play-icon{background:var(--color-button-active-bg);width:30px;height:30px;color:var(--color-button-active-text);border-radius:50%;flex:none;place-items:center;transition:background-color .15s;display:inline-grid;box-shadow:0 1px 2px #00000059}.site-footer-play:hover .site-footer-play-icon{background:var(--color-accent-hover)}.site-footer-play-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site-footer-play:hover .site-footer-play-title{text-underline-offset:3px;text-decoration:underline}.site-footer-links a{color:#f3e7d3;opacity:.9;filter:drop-shadow(0 1px #00000059);transition:color .15s,opacity .15s;display:inline-flex}.site-footer-links a:hover{color:#ffd7a8;opacity:1}