:root{--color-white:#fff;--color-pale:#f8f4e8;--color-trianos:#6f2ada;--color-charcoal:#212121;--color-midnight:#121212;--color-black:#000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--color-accent-50:#f5f0ff;--color-accent-100:#ebe0ff;--color-accent-200:#d6c2ff;--color-accent-300:#b794ff;--color-accent-400:#9b5cff;--color-accent-500:#8338ff;--color-accent-600:#6f2ada;--color-accent-700:#5b1fb5;--color-accent-800:#4a1a94;--color-accent-900:#3d1678;--color-accent-950:#240d47;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--background:var(--color-white);--background-secondary:var(--color-pale);--background-tertiary:var(--color-gray-100);--background-inverse:var(--color-midnight);--foreground:var(--color-midnight);--foreground-secondary:var(--color-gray-600);--foreground-tertiary:var(--color-gray-500);--foreground-inverse:var(--color-white);--foreground-muted:var(--color-gray-400);--primary:var(--color-midnight);--primary-foreground:var(--color-white);--primary-hover:var(--color-charcoal);--accent:var(--color-trianos);--accent-foreground:var(--color-white);--accent-hover:var(--color-accent-700);--accent-muted:var(--color-accent-100);--secondary:var(--color-pale);--secondary-foreground:var(--color-midnight);--muted:var(--color-gray-200);--muted-foreground:var(--color-gray-500);--border:var(--color-gray-200);--border-secondary:var(--color-gray-300);--border-focus:var(--color-trianos);--overlay:#12121280;--overlay-heavy:#121212cc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-focus:0 0 0 3px #6f2ada66;--logo-filter:none;--logo-filter-inverse:invert(1) brightness(1)}.dark{--background:var(--color-midnight);--background-secondary:var(--color-charcoal);--background-tertiary:var(--color-gray-800);--background-inverse:var(--color-white);--foreground:var(--color-white);--foreground-secondary:var(--color-gray-300);--foreground-tertiary:var(--color-gray-400);--foreground-inverse:var(--color-midnight);--foreground-muted:var(--color-gray-500);--primary:var(--color-white);--primary-foreground:var(--color-midnight);--primary-hover:var(--color-gray-200);--accent:var(--color-accent-400);--accent-foreground:var(--color-white);--accent-hover:var(--color-accent-300);--accent-muted:var(--color-accent-900);--secondary:var(--color-charcoal);--secondary-foreground:var(--color-white);--muted:var(--color-gray-700);--muted-foreground:var(--color-gray-400);--border:var(--color-gray-700);--border-secondary:var(--color-gray-600);--border-focus:var(--color-trianos);--overlay:#0009;--overlay-heavy:#000000d9;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-focus:0 0 0 3px #6f2ada80;--logo-filter:invert(1) brightness(1);--logo-filter-inverse:invert(1) brightness(1)}:root{--font-sans:"Muoto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Pitch Sans", "SF Mono", "Fira Code", "Consolas", monospace;--text-display:clamp(2.5rem, 7.5vw + .5rem, 10rem);--text-h1:clamp(2rem, 2.5vw + 1.5rem, 4.5rem);--text-h2:clamp(1.5rem, 1.5vw + 1.2rem, 3rem);--text-h3:clamp(1.25rem, .75vw + 1.1rem, 2rem);--text-h4:clamp(1.125rem, .375vw + 1.05rem, 1.5rem);--text-h5:clamp(1rem, .25vw + .95rem, 1.25rem);--text-h6:clamp(.875rem, .25vw + .825rem, 1.125rem);--text-body:clamp(1.125rem, .25vw + 1.075rem, 1.375rem);--text-body-sm:clamp(.875rem, .125vw + .85rem, 1rem);--text-button:clamp(.875rem, .125vw + .85rem, 1rem);--text-nav:clamp(.875rem, .125vw + .85rem, 1rem);--space-xs:clamp(.25rem, .25vw + .15rem, .5rem);--space-sm:clamp(.5rem, .5vw + .3rem, 1rem);--space-md:clamp(1rem, 1vw + .6rem, 2rem);--space-lg:clamp(1.5rem, 1.5vw + .9rem, 3rem);--space-xl:clamp(2.5rem, 2.5vw + 1.5rem, 5rem);--space-2xl:clamp(4rem, 4vw + 2.4rem, 8rem);--space-3xl:clamp(6rem, 6vw + 3.6rem, 12rem);--space-4xl:clamp(9rem, 9vw + 5.4rem, 18rem);--space-component-gap:var(--space-sm);--space-component-padding:var(--space-md);--space-card-padding:var(--space-lg);--space-card-gap:var(--space-md);--space-section-padding:var(--space-3xl);--space-section-gap:var(--space-xl);--space-grid-gap:var(--space-md);--space-grid-gap-lg:var(--space-lg);--space-page-margin:clamp(1rem, 2.5vw + .5rem, 3rem);--border-width-thin:1px;--border-width-default:clamp(1px, .0625vw + .875px, 2px);--border-width-thick:clamp(2px, .125vw + 1.75px, 4px);--radius-sm:clamp(.25rem, .25vw + .15rem, .5rem);--radius-md:clamp(.5rem, .5vw + .3rem, 1rem);--radius-lg:clamp(.75rem, .75vw + .45rem, 1.5rem);--radius-xl:clamp(1rem, 1vw + .6rem, 2rem);--radius-full:9999px;--radius-none:0;--radius-button:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-modal:var(--radius-xl);--radius-tag:var(--radius-sm);--duration-instant:.1s;--duration-fast:.2s;--duration-default:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--ease-linear:linear;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in:cubic-bezier(.32, 0, .67, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1);--z-behind:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-template-gallery:350;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--viewport-min:320px;--viewport-max:1920px;--canvas-design:1728px;--container-max:1728px;--container-prose:clamp(40rem, 60vw, 65rem);--container-narrow:clamp(30rem, 50vw, 50rem);--grid-columns-mobile:4;--grid-columns-tablet:8;--grid-columns-desktop:12;--grid-gap:var(--space-md);--grid-gap-lg:var(--space-lg);--grid-margin:var(--space-page-margin);--header-height:clamp(4rem, 1vw + 3.8rem, 5rem);--vh-full:calc(100vh - var(--header-height));--vh-50:calc(50vh - (var(--header-height) / 2));--button-height-sm:clamp(2.25rem, .5vw + 2.15rem, 2.75rem);--button-height-md:clamp(2.75rem, .75vw + 2.6rem, 3.5rem);--button-height-lg:clamp(3.5rem, 1vw + 3.3rem, 4.5rem);--button-padding-sm:clamp(1rem, .5vw + .9rem, 1.5rem);--button-padding-md:clamp(1.5rem, .5vw + 1.4rem, 2rem);--button-padding-lg:clamp(2rem, 1vw + 1.8rem, 3rem);--input-height-md:clamp(2.75rem, .75vw + 2.6rem, 3.5rem);--input-height-lg:clamp(3.5rem, 1vw + 3.3rem, 4.5rem);--input-padding:clamp(1rem, .5vw + .9rem, 1.5rem);--card-padding-sm:clamp(1rem, .5vw + .9rem, 1.5rem);--card-padding-md:clamp(1.5rem, 1vw + 1.3rem, 2.5rem);--card-padding-lg:clamp(2rem, 1.5vw + 1.7rem, 3.5rem);--modal-width-sm:min(400px, 90vw);--modal-width-md:min(600px, 90vw);--modal-width-lg:min(800px, 90vw);--modal-padding:var(--space-lg);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-2xl);--nav-link-color:var(--foreground-secondary);--nav-link-hover:var(--foreground);--nav-link-active:var(--foreground);--nav-link-underline:var(--accent);--header-bg:var(--background);--header-bg-scrolled:var(--background);--mobile-menu-bg:var(--background);--mobile-menu-link-size:var(--text-h3);--mobile-menu-link-gap:var(--space-lg);--footer-bg:var(--background-inverse);--footer-text:var(--foreground-inverse);--footer-padding-y:var(--space-3xl);--footer-columns-desktop:4;--footer-columns-tablet:2;--footer-columns-mobile:1;--footer-column-gap:var(--space-xl);--footer-link-gap:var(--space-sm);--spinner-sm:16px;--spinner-md:24px;--spinner-lg:32px;--spinner-xl:48px;--spinner-track:var(--muted);--spinner-indicator:var(--accent);--skeleton-bg:var(--muted);--skeleton-highlight:var(--background);--skeleton-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root{--duration-instant:0s;--duration-fast:0s;--duration-default:0s;--duration-slow:0s;--duration-slower:0s;--duration-slowest:0s}}
@font-face{font-family:Muoto;src:url(/fonts/muoto-light.woff2)format("woff2"),url(/fonts/muoto-light.dev.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Muoto;src:url(/fonts/muoto-medium.woff2)format("woff2"),url(/fonts/muoto-medium.dev.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pitch Sans;src:url(/fonts/pitch-sans-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh}img,svg{max-width:100%;display:block}a{color:inherit}ul,ol{list-style:none}
:root{--field-roster-bg:var(--color-trianos);--field-roster-fg:var(--color-white);--focus-ring:2px solid var(--accent);--focus-ring-offset:2px;--band-pale:var(--color-pale);--band-white:var(--color-white);--band-midnight:var(--color-midnight);--background:var(--color-pale);--radius-button:var(--radius-sm);--radius-input:var(--radius-sm)}@media (prefers-color-scheme:dark){:root{--background:var(--color-midnight);--background-secondary:var(--color-charcoal);--background-tertiary:var(--color-gray-800);--background-inverse:var(--color-white);--foreground:var(--color-white);--foreground-secondary:var(--color-gray-300);--foreground-tertiary:var(--color-gray-400);--foreground-inverse:var(--color-midnight);--foreground-muted:var(--color-gray-500);--primary:var(--color-white);--primary-foreground:var(--color-midnight);--primary-hover:var(--color-gray-200);--accent:var(--color-accent-400);--accent-hover:var(--color-accent-300);--accent-muted:var(--color-accent-900);--secondary:var(--color-charcoal);--secondary-foreground:var(--color-white);--muted:var(--color-gray-700);--muted-foreground:var(--color-gray-400);--border:var(--color-gray-700);--border-secondary:var(--color-gray-600);--logo-filter:invert(1) brightness(1);--logo-filter-inverse:invert(1) brightness(1);--band-pale:var(--color-midnight);--band-white:var(--color-charcoal)}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:300;font-size:var(--text-body);line-height:1.65}strong,b{font-weight:500}::selection{background:var(--accent);color:var(--accent-foreground)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:1px}.display{font-size:var(--text-display);letter-spacing:-.02em;-webkit-hyphens:auto;hyphens:auto;font-weight:300;line-height:1.05}@media (min-width:768px){.display{-webkit-hyphens:none;hyphens:none}}.h2{font-size:var(--text-h2);letter-spacing:-.01em;font-weight:300;line-height:1.15}.h3{font-size:var(--text-h3);letter-spacing:-.005em;font-weight:300;line-height:1.25}.kicker{font-family:var(--font-mono);font-weight:600;font-size:var(--text-h6);text-transform:uppercase;letter-spacing:.1em}.mono-small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:600}.body-sm{font-size:var(--text-body-sm);line-height:1.5}.container{max-width:var(--container-max);padding-inline:var(--space-page-margin);margin-inline:auto}.prose{max-width:42rem}.band{padding-block:var(--space-section-padding)}.band--pale{background:var(--band-pale)}.band--white{background:var(--band-white)}.band--midnight{background:var(--band-midnight);color:var(--color-pale)}.rule{border:0;border-top:var(--border-width-thin) solid var(--border)}.header{background:0 0;position:static}.header__inner{align-items:center;gap:var(--space-sm) var(--space-lg);padding-block:var(--space-md);flex-wrap:wrap;display:flex}.header__lockup{align-items:center;gap:.42em;font-size:1.2915rem;line-height:1;display:inline-flex}.header__mark{width:.72em;height:.72em;fill:var(--accent);flex:none}.header__lockup img{width:auto;height:1em;filter:var(--logo-filter);display:block}.header__nav{align-items:center;gap:var(--space-lg);font-family:var(--font-mono);font-weight:600;font-size:var(--text-nav);text-transform:uppercase;letter-spacing:.02em;margin-left:auto;display:flex}.header__nav a{color:var(--nav-link-color);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.header__nav a:hover{color:var(--nav-link-hover)}.header__nav a.header__cta{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}@media (max-width:767px){.header__inner{flex-direction:column;align-items:stretch}.header__nav{justify-content:space-between;gap:var(--space-sm);margin-left:0}}.footer{background:var(--band-midnight);color:var(--color-pale);padding-block:var(--space-2xl);position:relative;overflow:hidden}.section-mark{width:.75rem;height:.75rem;fill:var(--accent);margin-bottom:var(--space-md);display:block}@media (prefers-color-scheme:dark){.section-mark{fill:var(--color-accent-300)}}.footer__texture{width:clamp(18rem,42vw,34rem);height:clamp(18rem,42vw,34rem);fill:var(--color-white);opacity:.05;pointer-events:none;position:absolute;bottom:-34%;right:-18%}.cta-mark{fill:currentColor;width:.8em;height:.8em;transition:transform var(--duration-fast) var(--ease-out);flex:none}.cta-cluster__button:hover .cta-mark,.cta-cluster__button:focus-visible .cta-mark{transform:rotate(22.5deg)}@media (prefers-reduced-motion:reduce){.cta-mark{transition:none}}.footer__grid{gap:var(--space-xl);display:grid}.footer__wordmark img{width:auto;height:1.1624rem;filter:var(--logo-filter-inverse)}.footer__nav{gap:var(--space-sm);font-family:var(--font-mono);font-weight:600;font-size:var(--text-nav);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;display:flex}.footer__nav a,.footer__contact a{color:var(--color-pale);text-decoration:none}.footer__nav a:hover,.footer__contact a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.footer__entity{font-size:var(--text-body-sm);color:var(--color-gray-400);line-height:1.6}@media (min-width:768px){.footer__grid{grid-template-columns:1fr 1fr 1fr;align-items:start}}.cta-cluster{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.cta-cluster__button{font-family:var(--font-mono);font-weight:600;font-size:var(--text-button);text-transform:uppercase;letter-spacing:.08em;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:.55em;padding:1em 1.5em;line-height:1.2;text-decoration:none;display:inline-flex}.cta-cluster__button:hover{background:var(--primary-hover)}.cta-cluster__availability{font-family:var(--font-mono);letter-spacing:.02em;color:var(--foreground-secondary);font-size:.8125rem;font-weight:600}.cta-cluster__secondary{font-size:var(--text-body-sm);color:var(--foreground-secondary)}.cta-cluster__secondary a{color:var(--accent)}.story{gap:var(--space-md);flex-direction:column;max-width:46rem;display:flex}.story__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);font-size:.8125rem;font-weight:600}.story__title{font-size:var(--text-h3);letter-spacing:-.005em;font-weight:300;line-height:1.25}.story__body{color:var(--foreground)}.story__metric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.story__metric-value{font-size:var(--text-h2);line-height:1.1;display:block}.story__metric-label{margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);font-size:.8125rem;display:block}.story__case-link a{color:var(--accent);text-underline-offset:.2em;font-weight:500;text-decoration-thickness:from-font}.case__hero{padding-block:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.case__era{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);font-size:.8125rem;font-weight:600}.case__client-link{margin-top:var(--space-xs,.5rem);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.8125rem;font-weight:600}.case__client-link a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.case__title{max-width:46rem;margin-top:var(--space-md)}.case__body{gap:var(--space-md);flex-direction:column;max-width:46rem;display:flex}.case__distilled{font-size:var(--text-h3);letter-spacing:-.005em;border-top:var(--border-width-thin) solid var(--border);padding-top:var(--space-md);font-weight:300;line-height:1.25}.story__attribution{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);border-top:var(--border-width-thin) solid var(--border);padding-top:var(--space-sm);font-size:.8125rem;font-weight:600}.story__testimonial{border-left:var(--border-width-thin) solid var(--border-secondary);padding-left:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.story__testimonial-attr{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);font-size:.8125rem;font-weight:600}.story__visual{border:var(--border-width-thin) solid var(--border);background:var(--band-white);color:var(--color-midnight);overflow:hidden}.case__visual{margin:var(--space-xl) 0 0;border:var(--border-width-thin) solid var(--border);background:var(--band-white);overflow:hidden}.case__visual img{width:100%;height:auto;display:block}.story__visual--image{margin:var(--space-lg) 0 0}.story__visual--image img{width:100%;height:auto;display:block}.roster-field{background:var(--field-roster-bg);color:var(--field-roster-fg);padding-block:var(--space-2xl)}.roster-field__kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin-bottom:var(--space-md);font-size:.8125rem;font-weight:600}.roster-field__list{letter-spacing:.005em;font-size:clamp(1.25rem,.95rem + 1.25vw,1.75rem);font-weight:300;line-height:1.55}.roster-field__list .name{white-space:nowrap}.roster-field__list .name--link{color:inherit;text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:.045em;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);transition:text-decoration-color var(--motion-fast,.15s) ease-out}.roster-field__list .name--link:hover,.roster-field__list .name--link:focus-visible{text-decoration-color:currentColor}.roster-field :focus-visible{outline:2px solid var(--field-roster-fg);outline-offset:2px}.roster-field__list .sep{opacity:.55;padding:0 .05em}.roster-field__list sup{font-size:.65em;line-height:0}.roster-field__footnote{margin-top:var(--space-md);opacity:.9;font-size:.875rem;font-weight:300;line-height:1.5}.hero{gap:var(--space-xl);padding-block:var(--space-lg) var(--space-xl);flex-direction:column;display:flex}.hero .display{max-width:24ch}@media (min-width:1152px){.spine__band{position:sticky;top:0}}.era{padding-block:var(--space-3xl)}.era__header{margin-bottom:var(--space-xl)}.era__kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--foreground-secondary);margin-bottom:var(--space-xs);font-size:.8125rem;font-weight:600}.era__range{font-size:var(--text-h2);letter-spacing:-.01em;font-weight:300;line-height:1.15}.era__stories{gap:var(--space-2xl);flex-direction:column;display:flex}.embed-beats{gap:var(--space-lg);flex-direction:column;max-width:38rem;display:flex}.about{gap:var(--space-xl);flex-direction:column;max-width:42rem;display:flex}.about__portrait{max-width:18rem}.about__portrait img{width:100%;height:auto}.js [data-reveal]{opacity:0;transition:opacity var(--duration-slower) var(--ease-out-expo), transform var(--duration-slower) var(--ease-out-expo);transform:translateY(1rem)}.js [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}}.sparkline{display:block}.sparkline path{fill:none;stroke:currentColor;stroke-width:2px}@media print{.js [data-reveal]{opacity:1!important;transform:none!important}}