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}}