html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--phase-black: #050505;--phase-white: #e6e6e6;--phase-muted: #d8d6d1;--phase-red: #f64740;--phase-blue: #3772ff;--phase-line: rgba(242, 240, 236, .38);--phase-page-x: clamp(18px, 7vw, 108px);--phase-page-top: 20px;--phase-page-bottom: 42px;--phase-nav-blur: blur(34px) saturate(140%);--phase-radius-lg: 34px;--phase-radius-md: 22px;--phase-transition-fast: .24s ease;--phase-transition-base: .42s ease;--phase-scroll-thumb: rgba(230, 230, 230, .68);--phase-scroll-thumb-hover: var(--phase-white)}:root[data-phase-route=quality]{--phase-scroll-thumb: var(--phase-red);--phase-scroll-thumb-hover: #ff6863}:root[data-phase-route=bass]{--phase-scroll-thumb: var(--phase-blue);--phase-scroll-thumb-hover: #6b95ff}*{box-sizing:border-box}html{background:var(--phase-black);min-height:100%;overflow-x:clip;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}html::-webkit-scrollbar{display:none;height:0;width:0}body{min-height:100%;margin:0;background:var(--phase-black);color:var(--phase-white);font-family:Arial,Helvetica,sans-serif;cursor:none;overflow-x:clip;overflow-wrap:break-word}body.home-intro-scroll-lock{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}.phase-page{min-height:100vh;background:var(--phase-black);color:var(--phase-white);padding:var(--phase-page-top) var(--phase-page-x) var(--phase-page-bottom)}.phase-nav{align-items:center;backdrop-filter:var(--phase-nav-blur);-webkit-backdrop-filter:var(--phase-nav-blur);background:linear-gradient(180deg,#050505e6,#05050557 58%,#05050500);display:grid;font-size:16px;font-weight:500;grid-template-columns:1fr auto 1fr;margin-inline:calc(var(--phase-page-x) * -1);margin-top:calc(var(--phase-page-top) * -1);margin-bottom:clamp(48px,7vw,96px);mask-image:linear-gradient(180deg,#000 0%,#000 36%,rgba(0,0,0,.62) 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 36%,rgba(0,0,0,.62) 70%,transparent 100%);padding:var(--phase-page-top) var(--phase-page-x) 34px;position:sticky;top:0;view-transition-name:phase-nav;z-index:50}.phase-nav a{text-decoration:none}::view-transition-old(root){animation:phase-route-fade-out .7s ease both}::view-transition-new(root){animation:phase-route-fade-in .5s ease both}::view-transition-old(phase-nav),::view-transition-new(phase-nav){animation:none}@keyframes phase-route-fade-out{0%{opacity:1}to{opacity:0}}@keyframes phase-route-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}.phase-nav__brand{align-items:center;color:var(--phase-white);display:inline-flex;font-size:24px;letter-spacing:-.04em;transition:color .18s ease}.phase-nav__brand--quality{justify-self:start}.phase-nav__icon{aspect-ratio:35.7/23.96;background-color:currentColor;display:block;height:23.96px;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;width:auto;fill:currentColor}.phase-nav__icon--quality,.phase-nav__icon--bass{background-color:transparent;mask-image:none;-webkit-mask-image:none}.phase-nav__letter{fill:currentColor;transform-box:fill-box;transform-origin:center;will-change:transform}.phase-nav__letter--quality{transition:transform 60ms linear}.phase-nav__brand--bass:hover .phase-nav__letter--bass,.phase-nav__brand--bass:focus-visible .phase-nav__letter--bass{animation:phase-bass-heartbeat .54545s ease-in-out infinite}@keyframes phase-bass-heartbeat{0%,55%,to{transform:scale(1)}12%{transform:scale(1.15)}26%{transform:scale(1)}38%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.phase-nav__letter--quality{transform:none!important;transition:none}.phase-nav__brand--bass:hover .phase-nav__letter--bass,.phase-nav__brand--bass:focus-visible .phase-nav__letter--bass{animation:none}}.phase-nav__icon--hub{aspect-ratio:42.37/16;background-color:transparent;height:23.96px;mask-image:none;-webkit-mask-image:none;width:auto}.phase-nav__hub-text{fill:currentColor;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:20px;font-weight:500}.phase-nav__brand--quality:hover,.phase-nav__brand--quality.phase-nav__brand--active{color:var(--phase-red)}.phase-nav__brand--bass{justify-self:end}.phase-nav__brand--bass:hover,.phase-nav__brand--bass.phase-nav__brand--active{color:var(--phase-blue)}.phase-nav__home{display:inline-flex;justify-self:center;line-height:0;color:var(--phase-muted);transition:color .18s ease}.phase-nav__home:hover,.phase-nav__home.phase-nav__home--active{color:var(--phase-white)}.phase-logo{line-height:.88;text-align:center;text-transform:uppercase}.phase-logo__unit{color:var(--accent);display:block;font-size:clamp(64px,10vw,124px);font-weight:900}.phase-logo__phase{display:block;font-size:clamp(54px,8vw,106px);font-weight:500;letter-spacing:.04em}.phase-logo__tagline{color:var(--phase-muted);display:block;font-size:clamp(14px,1.7vw,23px);font-weight:700;letter-spacing:.14em;line-height:1.6}.detail-logo{animation:phase-detail-logo-fade-in .1s ease-out both;margin-inline:auto;width:min(100%,720px)}.detail-logo--bass{width:min(66.5%,478.7px)}.detail-logo__image{display:block;height:auto;width:100%}@keyframes phase-detail-logo-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.detail-logo{animation:none}}.phase-button{align-items:center;background:var(--button-bg, var(--phase-white));border:1px solid var(--button-border, transparent);border-radius:999px;color:var(--button-color, var(--phase-black));display:inline-flex;font-size:14px;font-weight:900;gap:6px;min-height:42px;padding:0 24px;text-decoration:none;text-transform:uppercase}.phase-footer{background:#e6e6e6;border-radius:clamp(28px,3.2vw,56px);color:var(--phase-black);container-type:inline-size;display:flex;flex-direction:column;margin-inline:calc(28px - var(--phase-page-x));margin-top:clamp(72px,12vw,150px);overflow:hidden;padding:clamp(20px,2.15cqw,30px) clamp(34px,4.12cqw,56px) clamp(18px,1.95cqw,26px);position:relative;transition:transform var(--phase-transition-base)}.floating-contact-active .phase-footer{transform:translateY(clamp(280px,42vh,460px))}.phase-footer__top{border-top:1px solid rgba(5,5,5,.82);font-size:clamp(15px,1.65cqw,22px);line-height:1.08;padding-top:clamp(8px,1cqw,14px);text-transform:uppercase}.phase-footer__top p{margin:0}.phase-footer__statement{font-weight:400}.phase-footer__email{font-weight:700}.phase-footer__blur-link{display:inline-block;transition:filter var(--phase-transition-fast)}.phase-footer__blur-link:hover,.phase-footer__blur-link:focus-visible{filter:blur(2px)}.phase-footer__links{align-items:end;border-bottom:1px solid rgba(5,5,5,.82);display:grid;font-size:clamp(9px,1.02cqw,14px);font-weight:600;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr);line-height:1.05;margin-top:clamp(58px,7.65cqw,104px);min-height:clamp(60px,7.6cqw,103px);padding-bottom:clamp(10px,1.1cqw,16px);text-transform:uppercase}.phase-footer__links>div{align-items:flex-start;display:flex;flex-direction:column}.phase-footer__links>div:last-child{align-items:flex-end;font-size:clamp(12px,1.34cqw,18px);line-height:1.04;text-align:right}.phase-footer__links small{color:#0505056b;font-size:clamp(6px,.62cqw,9px);font-weight:500}.phase-footer__links a{display:inline-block;text-decoration:none;white-space:nowrap}.phase-footer__title{align-items:center;display:grid;gap:clamp(28px,3.6cqw,50px);grid-template-columns:minmax(260px,.82fr) minmax(360px,1.38fr);margin-top:clamp(14px,1.65cqw,22px);min-height:clamp(96px,13.05cqw,176px)}.phase-footer__image-frame{align-items:center;display:grid;height:clamp(78px,12.35cqw,166px);position:relative;width:100%}.phase-footer__bracket{display:block;height:100%;pointer-events:none;position:absolute;top:0;width:auto;z-index:1}.phase-footer__bracket--left{left:0}.phase-footer__bracket--right{right:0}.phase-footer__image-mask{bottom:clamp(13px,1.7cqw,23px);left:clamp(19px,1.9cqw,26px);overflow:hidden;position:absolute;right:clamp(19px,1.9cqw,26px);top:clamp(13px,1.7cqw,23px)}.phase-footer__image{height:100%;object-fit:cover;object-position:center center;position:relative;width:100%}.phase-footer__word{align-self:center;font-size:clamp(86px,14.65cqw,198px);font-weight:400;letter-spacing:0;line-height:.7}.section-copy{--section-copy-gap: clamp(28px, 3.1vw, 42px);display:grid;font-size:clamp(45px,7vw,100px);gap:var(--section-copy-gap);letter-spacing:0;line-height:1.04;margin:clamp(80px,13vw,150px) 0 0;max-width:990px}.section-copy__statement{display:grid;gap:var(--section-copy-gap)}.section-copy__line{display:block}.section-copy__lead{display:block;line-height:inherit;opacity:0;transition:opacity 1.14s cubic-bezier(.22,1,.36,1),transform 1.14s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.section-copy__lead--from-left{transform:translate3d(-72px,0,0)}.section-copy__lead--from-right{transform:translate3d(72px,0,0)}.section-copy__lead--visible{opacity:1;transform:translateZ(0)}.section-copy strong{color:var(--accent);font-weight:500}@media(prefers-reduced-motion:reduce){.section-copy__lead{opacity:1;transform:none;transition:none}}@media(max-width:760px){.phase-page{padding-inline:18px}.phase-nav{margin-inline:-18px;padding-inline:18px}.phase-footer{aspect-ratio:auto;border-radius:22px;gap:42px;margin-inline:-6px;padding:22px}.phase-footer__top,.phase-footer__links,.phase-footer__title{grid-template-columns:1fr;inset:auto;position:relative}.phase-footer__top{display:block;font-size:16px;padding-top:10px}.phase-footer__links{bottom:auto;font-size:12px;gap:20px;margin-top:42px;min-height:0;padding-bottom:14px}.phase-footer__links small{font-size:9px}.phase-footer__links>div:last-child{align-items:flex-start;font-size:16px;text-align:left}.phase-footer__title{gap:24px}.phase-footer__image-frame{height:clamp(132px,42vw,176px);max-width:420px;padding:0;width:100%}.phase-footer__image-mask{inset:18px 22px}.phase-footer__word{font-size:clamp(56px,23vw,96px)}}
