@import"https://fonts.googleapis.com/css2?family=Zalando+Sans:wdth,wght@75..125,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--palette-black: #09090b;--palette-grey: #67697c;--palette-orange: #d9481c;--palette-apricot: #f9d48b;--palette-petal: #efbcd5;--palette-grey-dim: rgba(103, 105, 124, .4);--palette-grey-subtle: rgba(103, 105, 124, .12);--palette-orange-dim: rgba(217, 72, 28, .35);--palette-orange-glow: rgba(217, 72, 28, .15);--palette-apricot-dim: rgba(249, 212, 139, .2);--palette-petal-dim: rgba(239, 188, 213, .2);--palette-white: #f0ede8;--surface-base: #09090b;--surface-raised: #111115;--surface-overlay: #18181e;--surface-sunken: #050507;--surface-highlight: rgba(103, 105, 124, .1);--border-subtle: rgba(103, 105, 124, .18);--border-default: rgba(103, 105, 124, .32);--border-strong: rgba(103, 105, 124, .55);--border-accent: rgba(217, 72, 28, .5);--text-primary: #f0ede8;--text-secondary: #a8a9b8;--text-muted: #67697c;--text-accent: #d9481c;--text-warm: #f9d48b;--text-soft: #efbcd5;--text-inverse: #09090b;--interactive-primary-bg: #d9481c;--interactive-primary-bg-hover: #e85522;--interactive-primary-bg-active: #b83c17;--interactive-primary-text: #f0ede8;--interactive-secondary-bg: transparent;--interactive-secondary-bg-hover: rgba(103, 105, 124, .12);--interactive-secondary-bg-active: rgba(103, 105, 124, .22);--interactive-secondary-text: #a8a9b8;--interactive-secondary-border: rgba(103, 105, 124, .32);--interactive-ghost-bg: transparent;--interactive-ghost-bg-hover: rgba(103, 105, 124, .1);--interactive-ghost-text: #67697c;--interactive-warm-bg: rgba(249, 212, 139, .12);--interactive-warm-bg-hover: rgba(249, 212, 139, .2);--interactive-warm-text: #f9d48b;--interactive-warm-border: rgba(249, 212, 139, .3);--interactive-soft-bg: rgba(239, 188, 213, .1);--interactive-soft-text: #efbcd5;--interactive-soft-border: rgba(239, 188, 213, .25);--interactive-disabled-bg: rgba(103, 105, 124, .08);--interactive-disabled-text: rgba(103, 105, 124, .4);--interactive-disabled-border: rgba(103, 105, 124, .12);--interactive-focus-ring: rgba(217, 72, 28, .55);--status-success-bg: rgba(34, 197, 94, .12);--status-success-text: #4ade80;--status-success-border: rgba(34, 197, 94, .25);--status-warning-bg: rgba(249, 212, 139, .12);--status-warning-text: #f9d48b;--status-warning-border: rgba(249, 212, 139, .3);--status-error-bg: rgba(217, 72, 28, .12);--status-error-text: #d9481c;--status-error-border: rgba(217, 72, 28, .3);--status-info-bg: rgba(103, 105, 124, .12);--status-info-text: #a8a9b8;--status-info-border: rgba(103, 105, 124, .3);--font-display: "Zalando Sans", sans-serif;--font-body: "Zalando Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-loose: 1.75;--tracking-tight: -.03em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-wider: .12em;--tracking-caps: .18em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .8);--glow-accent: 0 0 20px rgba(217, 72, 28, .3), 0 0 60px rgba(217, 72, 28, .1);--glow-warm: 0 0 20px rgba(249, 212, 139, .2), 0 0 60px rgba(249, 212, 139, .08);--glow-soft: 0 0 20px rgba(239, 188, 213, .18), 0 0 60px rgba(239, 188, 213, .06);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-enter: .4s;--duration-exit: .25s;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}body{background-color:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);font-variation-settings:"wdth" 100}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variation-settings:"wdth" 100}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}a{color:var(--text-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--palette-apricot)}:focus-visible{outline:2px solid var(--interactive-focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.label-caps{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.readout{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}.section{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-24) var(--space-6)}.section-header{margin-bottom:var(--space-12)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-3)}.section-subtitle{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-secondary);font-weight:var(--weight-regular)}.status-badge{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);line-height:1}.status-badge--live{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.status-badge--testing{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.status-badge--coming{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.status-badge--early{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.btn--primary{background:var(--interactive-primary-bg);color:var(--interactive-primary-text)}.btn--primary:hover{background:var(--interactive-primary-bg-hover);box-shadow:var(--glow-accent);color:var(--interactive-primary-text)}.btn--primary:active{background:var(--interactive-primary-bg-active)}.btn--secondary{background:var(--interactive-secondary-bg);color:var(--interactive-secondary-text);border:1px solid var(--interactive-secondary-border)}.btn--secondary:hover{background:var(--interactive-secondary-bg-hover);color:var(--text-primary)}.btn--ghost{background:var(--interactive-ghost-bg);color:var(--interactive-ghost-text)}.btn--ghost:hover{background:var(--interactive-ghost-bg-hover);color:var(--text-primary)}@media(max-width:768px){.section{padding:var(--space-16) var(--space-4)}.section-title{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) var(--space-4) 0;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.nav__pill{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid transparent;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.nav--scrolled .nav__pill{background:var(--surface-overlay);border-color:var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md)}.nav__logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.nav__logo-link:hover{opacity:.85}.nav__logo-text{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-wide);line-height:1;white-space:nowrap}.nav__links{display:flex;align-items:center;gap:var(--space-2);list-style:none}.nav__link{position:relative;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);cursor:pointer;white-space:nowrap}.nav__link:hover{color:var(--text-primary);background:var(--surface-highlight)}.nav__link--active,.nav__link--active:hover{color:var(--text-accent)}.nav__link--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:var(--radius-full);background:var(--text-accent)}.nav__hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);flex-shrink:0}.nav__hamburger:hover{background:var(--surface-highlight)}.nav__mobile-menu{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-sticky) - 1);padding-top:80px;background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.nav__mobile-links{display:flex;flex-direction:column;list-style:none;padding:var(--space-4) var(--space-6) var(--space-6);gap:var(--space-1)}.nav__mobile-link{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);cursor:pointer}.nav__mobile-link:hover{color:var(--text-primary);background:var(--surface-highlight)}.nav__mobile-link--active,.nav__mobile-link--active:hover{color:var(--text-accent)}@media(max-width:768px){.nav{padding:var(--space-3) var(--space-3) 0}.nav__pill{padding:var(--space-2) var(--space-4)}.nav__pill{background:var(--surface-overlay);border-color:var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav__links{display:none}.nav__hamburger{display:flex}.nav__logo-text{font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.nav__pill,.nav__link,.nav__mobile-link,.nav__hamburger{transition:none}}.hero-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hero-logo__canvas{line-height:0}.hero-logo__brand{font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-3xl);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);-webkit-user-select:none;user-select:none}@media(max-width:480px){.hero-logo__brand{font-size:var(--text-2xl)}}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,var(--palette-orange-glow) 0%,var(--surface-base) 70%)}.hero__shader-bg{position:absolute;inset:0;z-index:var(--z-base);display:block;width:100%;height:100%}.hero__content{position:relative;z-index:var(--z-raised);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6)}.hero__subtitle{color:var(--text-secondary);font-style:italic;font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-normal);max-width:520px}.hero__cta{font-size:var(--text-base);padding:var(--space-4) var(--space-8);margin-top:var(--space-4)}@media(max-width:768px){.hero__subtitle{font-size:var(--text-base);max-width:90vw}.hero__cta{font-size:var(--text-sm);padding:var(--space-3) var(--space-6)}}@media(max-width:480px){.hero__content{gap:var(--space-4)}}@media(prefers-reduced-motion:reduce){.hero__shader-bg{display:none}}.spotlight-card[data-glow]{--base: 0;--spread: 360;--radius: 16;--border: 2;--backdrop: var(--surface-raised);--backup-border: var(--border-subtle);--size: 200;--outer: 1;--border-size: calc(var(--border, 2) * 1px);--spotlight-size: calc(var(--size, 150) * 1px);--hue: calc(var(--hue-shift, 0) + (var(--xp, 0) * var(--spread, 0)));background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(var(--hue, 210) 100% 70% / .1),transparent);background-color:var(--backdrop, transparent);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-position:50% 50%;background-attachment:fixed;border:var(--border-size) solid var(--backup-border);border-radius:calc(var(--radius) * 1px);position:relative}.spotlight-card[data-glow]:before,.spotlight-card[data-glow]:after{pointer-events:none;content:"";position:absolute;inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));background-repeat:no-repeat;background-position:50% 50%;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:source-in}.spotlight-card[data-glow]:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(var(--hue, 210) 100% 50% / 1),transparent 100%);filter:brightness(2)}.spotlight-card[data-glow]:after{background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(0 100% 100% / 1),transparent 100%)}.spotlight-card[data-glow] [data-glow]{position:absolute;inset:0;will-change:filter;opacity:var(--outer, 1);border-radius:calc(var(--radius) * 1px);border-width:calc(var(--border-size) * 20);filter:blur(calc(var(--border-size) * 10));background:none;pointer-events:none;border:none}.spotlight-card{display:flex;flex-direction:column;padding:var(--space-8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-lg)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.tools-card{overflow:hidden}.tools-card>.status-badge{align-self:flex-end;margin-bottom:var(--space-4)}.tools-card__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-3);line-height:1.3}.tools-card__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6);flex:1}.tools-card__link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-accent);text-decoration:none;transition:color var(--duration-normal) var(--ease-out);align-self:flex-start}.tools-card__link:hover{color:var(--text-primary)}@media(max-width:768px){.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tools-card__link{transition:none}}.display-cards{display:grid;grid-template-areas:"stack";place-items:center}.display-card{grid-area:stack;position:relative;display:flex;flex-direction:column;width:100%;max-width:28rem;background:var(--surface-raised);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-user-select:none;user-select:none;transition:transform var(--duration-slow) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.display-card--front{border:2px solid var(--border-accent);opacity:1;z-index:2;transform:rotate(-2deg)}.display-card--front:hover{transform:rotate(-2deg) translateY(-10px);box-shadow:var(--shadow-lg)}.display-card--back{border:1px solid var(--border-subtle);opacity:.4;z-index:1;pointer-events:none;transform:translate(40px) translateY(20px) rotate(3deg)}.display-card--back:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:var(--surface-base);opacity:.5;mix-blend-mode:overlay;transition:opacity var(--duration-slow) var(--ease-out)}@media(max-width:768px){.display-card--front{transform:rotate(-1deg)}.display-card--front:hover{transform:rotate(-1deg) translateY(-8px)}.display-card--back{transform:translate(20px) translateY(12px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.display-card{transition:none}.display-card--front,.display-card--front:hover{transform:none}.display-card--back{transform:translate(20px) translateY(12px)}}.display-card>.status-badge{align-self:flex-end;margin-bottom:var(--space-4)}.academy-card__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.academy-card__course{font-family:var(--font-body);font-size:var(--text-base);font-style:italic;color:var(--text-secondary);margin:0 0 var(--space-4);line-height:var(--leading-snug)}.academy-card__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-6);flex:1}.academy-card__equalizer{margin-bottom:var(--space-6);line-height:0}.academy-card__equalizer canvas{display:block;border-radius:var(--radius-sm)}.academy-card__link{align-self:flex-start}@media(prefers-reduced-motion:reduce){.academy-card__link{transition:none}}.music-section{position:relative}.music-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--palette-apricot-dim) 50%,transparent 100%);pointer-events:none;z-index:var(--z-base)}.music-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.music-left{display:flex;flex-direction:column;gap:var(--space-6)}.music-artist-name{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-shadow:0 0 40px var(--palette-apricot-dim),0 0 80px rgba(249,212,139,.1);margin:0}.music-release-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-warm);letter-spacing:var(--tracking-wide);margin:0}.music-teaser{font-family:var(--font-body);font-size:var(--text-base);font-style:italic;color:var(--text-secondary);margin:0}.music-left>.status-badge{align-self:flex-start}.music-artwork{aspect-ratio:1;background:linear-gradient(135deg,var(--palette-apricot-dim),var(--palette-petal-dim));border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}.music-artwork__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.music-video{aspect-ratio:16 / 9;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);cursor:default;transition:border-color var(--duration-normal) var(--ease-out)}.music-video:hover{border-color:var(--border-strong)}.music-video__icon{color:var(--text-muted);opacity:.6}.music-video__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);text-align:center;max-width:80%;line-height:var(--leading-normal)}.music-right{display:flex;flex-direction:column;gap:var(--space-8)}.music-bio{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-loose);margin:0}.music-socials{display:flex;flex-direction:column;gap:var(--space-3)}.music-socials__heading{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-2)}.music-social-link{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--interactive-warm-bg);color:var(--interactive-warm-text);border:1px solid var(--interactive-warm-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-decoration:none;cursor:pointer;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.music-social-link:hover{background:var(--interactive-warm-bg-hover);color:var(--interactive-warm-text);box-shadow:var(--glow-warm)}.music-social-link:active{background:var(--interactive-warm-bg)}.music-social-link--disabled{opacity:.5;cursor:default;pointer-events:none}@media(max-width:768px){.music-grid{grid-template-columns:1fr;gap:var(--space-10)}.music-artist-name{font-size:var(--text-3xl)}.music-video__label{font-size:var(--text-xs);max-width:90%}}@media(prefers-reduced-motion:reduce){.music-social-link,.music-video{transition:none}}.gameaudio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.gameaudio-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.gameaudio-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.gameaudio-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-3);line-height:1.3}.gameaudio-card__platform{display:inline-block;align-self:flex-start;background:var(--surface-highlight);color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-bottom:var(--space-4);line-height:1.4}.gameaudio-card__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6);flex:1}.gameaudio-card__preview{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--interactive-disabled-text);background:var(--interactive-disabled-bg);border:1px solid var(--interactive-disabled-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);cursor:not-allowed;opacity:.6}@media(max-width:768px){.gameaudio-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.gameaudio-card{transition:none}}.contact{text-align:center}.contact__title{margin-bottom:var(--space-3)}.contact__subtitle{margin-bottom:var(--space-8)}.contact__email{display:inline-block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-accent);text-decoration:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-10);transition:box-shadow var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.contact__email:hover{box-shadow:var(--glow-accent);color:var(--text-accent)}.contact__links{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap}.contact__link{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--interactive-ghost-bg);color:var(--interactive-ghost-text);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.contact__link:hover{background:var(--interactive-ghost-bg-hover);color:var(--text-primary)}@media(max-width:768px){.contact__email{font-size:var(--text-xl)}.contact__links{flex-direction:column;gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.contact__email,.contact__link{transition:none}}.footer{width:100%;border-top:1px solid var(--border-subtle)}.footer__inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:var(--space-6)}.footer__copy{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted)}.footer__link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}.footer__link:hover{color:var(--text-primary)}@media(max-width:768px){.footer__inner{padding:var(--space-6) var(--space-4)}}@media(prefers-reduced-motion:reduce){.footer__link{transition:none}}