:root{--color-green-950:#071f1d;--color-green-900:#092d29;--color-green-850:#102b2b;--color-green-800:#073b39;--color-green-700:#075047;--color-green-650:#075427;--color-green-600:#075e54;--color-green-500:#00796e;--color-green-400:#064b43;--color-green-300:#124b43;--color-green-200:#8ad4be;--color-green-100:#b9e3d7;--color-green-50:#dfe9e6;--color-green-25:#f5faf8;--color-ivory:#faf9f6;--color-white:#fff;--color-cream:#f5fffc;--color-mint-100:#d9eee7;--color-mint-200:#e7f2ee;--color-mint-300:#eaf5f1;--color-night-green:#173e38;--color-deep-green:#203d39;--color-sage:#345650;--color-accessible-yellow:#ffdb77;--color-ink:#123;--color-play-red:#b80000;--color-muted-teal:#609c8d;--color-shadow-rgb-light:6 75 67;--color-shadow-rgb-dark:0 32 28;--color-header-shadow-rgb-light:0 72 64;--color-shadow-rgb-highlight:255 255 255;--color-border-rgb-dark:231 242 238}
:root{--font-body-family:system-ui, sans-serif;--font-heading-family:var(--font-body-family);--font-size-display:clamp(2.5rem, 8vw, 5rem);--font-size-heading-2:2rem;--font-size-heading-3:1.65rem;--font-size-body:1rem;--font-size-lead:1.2rem;--font-size-prose:1.15rem;--font-size-small:.9rem;--font-size-eyebrow:.85rem;--font-size-play-button:2rem;--font-weight-body:400;--font-weight-label:600;--font-weight-navigation:650;--font-weight-emphasis:700;--line-height-body:1.65;--line-height-heading:1.15;--letter-spacing-eyebrow:.12em}
.button{background:var(--button-background);color:var(--button-foreground);font-weight:var(--font-weight-emphasis);border-radius:.4rem;margin-top:.75rem;padding:.7rem 1.15rem;text-decoration:none;display:inline-block}.card{background:var(--surface-background);color:var(--surface-foreground);box-shadow:0 2px 4px rgb(var(--surface-shadow) / 10%), 0 10px 24px rgb(var(--surface-shadow) / 18%), inset 0 1px 0 rgb(var(--color-shadow-rgb-highlight) / 55%);border-radius:.65rem;padding:1.5rem}.card h3 a{text-decoration:none}.theme-control,.language-control{font-size:var(--font-size-small);font-weight:var(--font-weight-label);align-items:center;gap:.45rem;display:inline-flex}.theme-control{margin-left:auto}.theme-control select,.language-control select{border:1px solid var(--control-border);background:var(--control-background);min-height:44px;color:var(--control-foreground);font:inherit;border-radius:.4rem;padding:.35rem .6rem}
*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-background:var(--color-green-600);--page-background-image:linear-gradient(155deg, var(--color-green-800), var(--color-green-650));--page-foreground:var(--color-cream);--header-background:var(--color-green-500);--header-shadow:0 3px 8px rgb(var(--color-header-shadow-rgb-light) / 18%), 0 12px 24px rgb(var(--color-header-shadow-rgb-light) / 12%);--surface-background:var(--color-ivory);--surface-foreground:var(--color-green-300);--surface-shadow:var(--color-shadow-rgb-light);--surface-border:rgb(var(--color-shadow-rgb-light) / 10%);--surface-shadow-soft:rgb(var(--surface-shadow) / 10%);--surface-shadow-strong:rgb(var(--surface-shadow) / 12%);--button-background:var(--color-cream);--button-foreground:var(--color-green-700);--image-placeholder:var(--color-green-50);--image-highlight:var(--color-green-25);--skip-background:var(--color-white);--skip-foreground:var(--color-ink);--control-background:var(--color-cream);--control-foreground:var(--color-green-700);--control-border:var(--color-green-100);--focus-outline:var(--color-accessible-yellow);--video-background:var(--color-green-850);--play-button-background:var(--color-play-red);--social-link-border:var(--color-green-200)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:var(--color-green-900);--page-background-image:linear-gradient(155deg, var(--color-green-950), var(--color-green-900));--page-foreground:var(--color-mint-300);--header-background:var(--color-green-400);--header-shadow:0 3px 8px rgb(var(--color-shadow-rgb-dark) / 24%), 0 12px 24px rgb(var(--color-shadow-rgb-dark) / 18%);--surface-background:var(--color-night-green);--surface-foreground:var(--color-mint-200);--surface-shadow:var(--color-shadow-rgb-dark);--surface-border:rgb(var(--color-border-rgb-dark) / 10%);--surface-shadow-soft:rgb(var(--surface-shadow) / 26%);--surface-shadow-strong:rgb(var(--surface-shadow) / 32%);--button-background:var(--color-mint-100);--button-foreground:var(--color-green-900);--image-placeholder:var(--color-deep-green);--image-highlight:var(--color-sage);--skip-background:var(--color-mint-100);--skip-foreground:var(--color-green-900);--control-background:var(--color-night-green);--control-foreground:var(--color-mint-200);--control-border:var(--color-muted-teal);--video-background:var(--color-green-950);--social-link-border:var(--color-muted-teal)}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:var(--color-green-900);--page-background-image:linear-gradient(155deg, var(--color-green-950), var(--color-green-900));--page-foreground:var(--color-mint-300);--header-background:var(--color-green-400);--header-shadow:0 3px 8px rgb(var(--color-shadow-rgb-dark) / 24%), 0 12px 24px rgb(var(--color-shadow-rgb-dark) / 18%);--surface-background:var(--color-night-green);--surface-foreground:var(--color-mint-200);--surface-shadow:var(--color-shadow-rgb-dark);--surface-border:rgb(var(--color-border-rgb-dark) / 10%);--surface-shadow-soft:rgb(var(--surface-shadow) / 26%);--surface-shadow-strong:rgb(var(--surface-shadow) / 32%);--button-background:var(--color-mint-100);--button-foreground:var(--color-green-900);--image-placeholder:var(--color-deep-green);--image-highlight:var(--color-sage);--skip-background:var(--color-mint-100);--skip-foreground:var(--color-green-900);--control-background:var(--color-night-green);--control-foreground:var(--color-mint-200);--control-border:var(--color-muted-teal);--video-background:var(--color-green-950);--social-link-border:var(--color-muted-teal)}}html{background-color:var(--page-background);scroll-behavior:smooth;scroll-padding-top:6rem}body{background-color:var(--page-background);background-image:var(--page-background-image);color:var(--page-foreground);font-family:var(--font-body-family);line-height:var(--line-height-body);margin:0}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px;box-shadow:0 0 0 6px var(--page-background)}h1,h2,h3{font-family:var(--font-heading-family);line-height:var(--line-height-heading)}h1{font-size:var(--font-size-display);margin:.3em 0}h2{font-size:var(--font-size-heading-2)}h3{font-size:var(--font-size-heading-3);margin-top:0}.site-header{background:var(--header-background);z-index:2;box-shadow:var(--header-shadow);justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1.5rem,50vw - 580px);display:flex;position:relative}.site-header img{object-fit:contain;max-width:55vw;display:block}.navigation{font-weight:var(--font-weight-navigation);gap:1.5rem;display:flex}.menu-toggle{display:none}.preferences{min-height:55vh}.preferences__controls{border:1px solid var(--surface-border);background:var(--surface-background);max-width:32rem;color:var(--surface-foreground);box-shadow:0 2px 5px var(--surface-shadow-soft), 0 12px 24px var(--surface-shadow-strong);border-radius:1rem;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.preferences__controls .language-control,.preferences__controls .theme-control{font-size:var(--font-size-body);flex-basis:100%;justify-content:space-between;margin:0;display:flex}.preferences__controls select{min-width:10rem}.hero,.section{max-width:1160px;margin:auto;padding:3rem 1.5rem}.hero{text-align:center;max-width:850px;padding-block:4rem}.hero p{font-size:var(--font-size-lead)}.eyebrow{letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;font-size:var(--font-size-eyebrow)!important}.music-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.video{aspect-ratio:16/9;background:var(--video-background);border-radius:.4rem;position:relative;overflow:hidden}.video iframe,.video-preview{border:0;width:100%;height:100%;padding:0;display:block}.video-preview{background:var(--video-background);position:relative}.video-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-frame{background:var(--image-placeholder);display:block;position:relative;overflow:hidden}.image-frame__picture,.image-frame img{width:100%;height:100%;display:block}.image-frame__shimmer{z-index:1;background:linear-gradient(100deg, var(--image-placeholder) 20%, var(--image-highlight) 38%, var(--image-placeholder) 56%);background-size:220% 100%;animation:1.4s ease-in-out infinite image-shimmer;position:absolute;inset:0}.image-frame__fallback{place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.image-frame__fallback img{filter:brightness(0)saturate();opacity:.22;object-fit:contain;width:min(60%,314px);height:auto}:root[data-theme=dark] .image-frame__fallback img{filter:brightness(0)invert()}@media (prefers-color-scheme:dark){:root[data-theme=system] .image-frame__fallback img{filter:brightness(0)invert()}}.body-image{width:100%;max-width:100%;height:auto}@keyframes image-shimmer{to{background-position-x:-220%}}.play{color:var(--color-white);background:var(--play-button-background);font-size:var(--font-size-play-button);border-radius:1rem;padding:.25rem 1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.song{max-width:850px;min-height:60vh}.prose{font-size:var(--font-size-prose)}.bio{max-width:1040px}.bio>p{max-width:750px;font-size:var(--font-size-lead);margin:2rem auto}.photo-grid{margin-block:2rem}.photo-grid img{border-radius:.5rem;width:100%;height:auto;display:block}.photo-grid .photo-image,.body-image{box-shadow:0 2px 4px rgb(var(--surface-shadow) / 12%), 0 10px 22px rgb(var(--surface-shadow) / 20%);border-radius:.5rem}footer{text-align:center;max-width:1160px;margin:auto;padding:3rem 1.5rem}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;list-style:none;display:flex}.social-links a{border:1px solid var(--social-link-border);border-radius:.4rem;padding:.5rem .8rem;display:block}.sr-only,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:10;background:var(--skip-background);color:var(--skip-foreground);padding:1rem;position:absolute}@media (orientation:landscape) and (max-height:700px){.hero,.section,footer{padding-left:max(1.5rem, calc(env(safe-area-inset-left,0px) + 1.5rem));padding-right:max(1.5rem, calc(env(safe-area-inset-right,0px) + 1.5rem))}.site-header{padding-left:max(calc((100vw - 1160px) / 2), calc(env(safe-area-inset-left,0px) + 1.5rem));padding-right:max(calc((100vw - 1160px) / 2), calc(env(safe-area-inset-right,0px) + 1.5rem))}}@media (max-width:650px){.music-grid,.photo-grid{grid-template-columns:1fr}.site-header{z-index:20;height:calc(74px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 1.5rem 0;flex-wrap:wrap;position:fixed;top:0;left:0;right:0}.site-header-spacer{height:calc(74px + env(safe-area-inset-top,0px))}.menu-toggle{color:#fff;background:0 0;border:1px solid #fff;border-radius:.3rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.4rem .7rem;display:inline-flex}.navigation{background:var(--header-background);flex-wrap:wrap;width:100%;padding-block:.5rem;padding-inline:1.5rem;display:none;position:absolute;top:100%;left:0}.navigation.open{display:flex}.theme-control{flex-basis:100%;justify-content:space-between;margin-left:0}.language-control{flex-basis:100%;justify-content:space-between}.hero{padding-block:2.5rem}.section{padding-block:2rem}.card{padding:1rem}}@media (max-width:650px) and (orientation:portrait){.navigation{visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 0 100%);transition:opacity .18s,clip-path .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;display:flex}.navigation.open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0);transition-delay:0s}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navigation{clip-path:none;transition:none}.image-frame__shimmer{animation:none}}
