@layer sections{.hero{padding-block:calc(var(--space-large) * 2);background:radial-gradient(60rem 30rem at 18% -10%, color-mix(in srgb, var(--color-primary) 28%, transparent), transparent), radial-gradient(48rem 26rem at 88% 10%, color-mix(in srgb, var(--color-secondary) 22%, transparent), transparent), var(--color-ground);border-block-end:var(--border-width) solid var(--border-color);overflow:clip}.hero__inner{gap:var(--space-large);display:grid}.hero__copy{max-width:var(--container-md);text-align:center;margin-inline:auto}.hero__eyebrow{margin-block:0 var(--space-default);color:var(--color-gray-800);font-size:var(--size-xs);letter-spacing:.1em;font-weight:700;line-height:var(--leading-subline);text-transform:uppercase}.hero__eyebrow:before{content:"";block-size:.6em;inline-size:.6em;background:var(--color-primary);vertical-align:.05em;margin-inline-end:var(--space-xs);display:inline-block}.hero__title{margin-block:0 var(--space-default);font-size:var(--size-headline);line-height:var(--leading-headline);text-wrap:balance}.hero__sub-short,.hero__sub--has-short .hero__sub-long{display:none}.hero__sub--has-short .hero__sub-short{display:inline}@media (min-width:62rem){.hero__sub--has-short .hero__sub-long{display:inline}.hero__sub--has-short .hero__sub-short{display:none}}.hero__sub{margin-block:0 var(--space-default);color:var(--color-gray-700);font-size:var(--size-subline);max-width:50ch;margin-inline:auto}.hero__actions{gap:var(--space-default);flex-wrap:wrap;justify-content:center;display:flex}.hero__cta{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.hero__cta--primary{background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-glow)}.hero__cta--secondary{background:var(--color-gray-900);color:var(--color-ground)}.hero__secondary-link{color:inherit;text-underline-offset:.25em;align-self:center;text-decoration:underline;text-decoration-thickness:1px}.hero__cta{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.hero__cta:hover{box-shadow:var(--shadow-panel);transform:translateY(-1px)}.hero__usps{gap:var(--space-2xs);inline-size:fit-content;margin:var(--space-md) auto 0;padding:0;list-style:none;display:grid}.hero__usp{align-items:center;gap:var(--space-xs);color:var(--color-gray-800);font-size:var(--size-sm);font-weight:600;line-height:var(--leading-subline);text-align:start;display:flex}.hero__usp-icon{fill:none;block-size:1.25rem;inline-size:1.25rem;stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}@media (min-width:62rem){.hero__inner:has(.hero__media) .hero__usps{margin-inline:0}}.hero__proof{color:var(--color-gray-600);font-size:var(--size-sm);margin-block-start:var(--space-default)}.hero__fit-label{color:var(--color-gray-900)}.hero__fit-link{color:var(--color-gray-900);-webkit-text-decoration-color:color-mix(in srgb, var(--color-primary-readable) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--color-primary-readable) 50%, transparent);text-underline-offset:.35em;text-decoration-thickness:1px}.hero__fit-link:hover,.hero__fit-link:focus-visible{-webkit-text-decoration-color:var(--color-primary-readable);text-decoration-color:var(--color-primary-readable)}.hero__media img{border-radius:var(--radius);width:100%;height:auto}.hero__media--cutout{background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary-readable) 38%, transparent), transparent);place-items:center;display:grid}.hero__views{justify-items:center;gap:var(--space-default);inline-size:100%;display:grid}.hero__view{inline-size:100%}.hero__view-switch{justify-content:center;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.hero__view-label{color:var(--color-gray-600);font-size:var(--size-sm);margin-inline-end:var(--space-2xs)}.hero__view-button{min-block-size:2.75rem;padding:var(--space-2xs) var(--space-default);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius);background:var(--color-gray-50);color:var(--color-gray-900);font:inherit;font-size:var(--size-sm);cursor:pointer;font-weight:700}.hero__view-button[aria-pressed=true]{border-color:var(--color-primary-readable);background:color-mix(in srgb, var(--color-primary-readable) 22%, var(--color-gray-50))}.hero__media--cutout img{width:100%;filter:drop-shadow(0 1.5rem 2rem color-mix(in srgb, var(--color-black) 55%, transparent));border-radius:0}.hero__media--wall{isolation:isolate;border-radius:var(--radius);box-shadow:var(--shadow-panel);position:relative}.hero__media--wall:before{content:"";z-index:-1;background:radial-gradient(closest-side at 35% 55%, color-mix(in srgb, var(--color-series-rs) 34%, transparent), transparent), radial-gradient(closest-side at 70% 40%, color-mix(in srgb, var(--color-series-ra) 22%, transparent), transparent);filter:blur(2.5rem);pointer-events:none;position:absolute;inset:-30% -20%}.hero__video{z-index:1;object-fit:cover;border-radius:var(--radius);opacity:0;block-size:100%;inline-size:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero__video--playing{opacity:1}.hero__boot{z-index:2;border-radius:var(--radius);background:var(--color-black);clip-path:inset(0);pointer-events:none;animation:.84s steps(7,end) .2s forwards hero-boot;position:absolute;inset:0}@keyframes hero-boot{to{clip-path:inset(0 0 0 100%)}}.hero__media--wall:after{z-index:3;content:"";border:var(--configurator-seam-width) solid var(--configurator-seam);border-radius:var(--radius);background:repeating-linear-gradient(to right, transparent 0 calc(100% / 7 - var(--configurator-seam-width)), var(--configurator-seam) 0 calc(100% / 7)), repeating-linear-gradient(to bottom, transparent 0 calc(100% / 4 - var(--configurator-seam-width)), var(--configurator-seam) 0 calc(100% / 4));pointer-events:none;position:absolute;inset:0}.hero__media--wall img{display:block}@media (min-width:62rem){.hero__inner:has(.hero__media){grid-template-columns:1fr 1fr;align-items:center}.hero__inner:has(.hero__media) .hero__copy{text-align:start;margin-inline:0}.hero__inner:has(.hero__media) .hero__sub{margin-inline:0}.hero__inner:has(.hero__media) .hero__actions{justify-content:flex-start}}.hero--bleed{background:var(--color-ground);padding-block-start:0}.hero__media--bleed{margin-inline:calc(var(--space-default) * -1);order:-1;position:relative}.hero__media--bleed img{aspect-ratio:4/3;object-fit:cover;border-radius:0;block-size:100%;inline-size:100%;display:block}.hero__media--start img{object-position:left center}.hero__media--bleed:after{content:"";background:linear-gradient(to bottom, transparent 45%, var(--color-ground));pointer-events:none;position:absolute;inset:0}.hero--overlay{min-block-size:calc(100svh - 4.6rem);padding-block:15svh var(--space-large);flex-direction:column;justify-content:flex-start;display:flex;position:relative}.hero--overlay .hero__media--bleed{margin-inline:0;position:absolute;inset:0}.hero--overlay .hero__media--bleed img{aspect-ratio:auto}.hero--overlay .hero__media--bleed:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-ground) 30%, transparent), transparent 8%, color-mix(in srgb, var(--color-ground) 70%, transparent) 22%, color-mix(in srgb, var(--color-ground) 90%, transparent) 55%, var(--color-ground))}.hero--overlay .hero__copy{z-index:1;text-align:start;margin-inline:0;position:relative}.hero--overlay .hero__eyebrow{margin-block-end:var(--space-default)}.hero--overlay .hero__title{font-size:calc(var(--size-xl) * 1.2);margin-block-end:var(--space-default)}.hero--overlay .hero__sub{font-size:var(--size-md);margin-block-end:var(--space-md);margin-inline:0}.hero--overlay .hero__actions{gap:var(--space-default);inline-size:fit-content;display:grid}.hero--overlay .hero__cta{justify-content:center}.hero--overlay .hero__usps{gap:var(--space-2xs);margin-block-start:var(--space-md);margin-inline:0}.hero--overlay .hero__usp{font-size:var(--size-xs)}.hero--overlay .hero__usp-icon{block-size:1rem;inline-size:1rem}.hero--overlay .hero__proof{font-size:var(--size-xs);margin-block-start:var(--space-default)}@media (min-width:62rem){.hero--bleed{padding-block:calc(var(--space-large) * 2.5);position:relative}.hero--bleed .hero__inner:has(.hero__media){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.hero--bleed .hero__copy{z-index:1;position:relative}.hero__media--bleed{inline-size:60%;margin-inline:0;position:absolute;inset-block:0;inset-inline-end:0}.hero__media--bleed img,.hero--overlay .hero__media--bleed img{aspect-ratio:auto}.hero--overlay{min-block-size:0;padding-block:calc(var(--space-large) * 2.5);display:block}.hero--overlay .hero__media--bleed{inset:0 0 0 auto}.hero--overlay .hero__title{font-size:var(--size-headline);margin-block-end:var(--space-default)}.hero--overlay .hero__sub{font-size:var(--size-subline);margin-block-end:var(--space-default)}.hero--overlay .hero__actions{gap:var(--space-default);inline-size:auto;display:flex}.hero--overlay .hero__usps{gap:var(--space-2xs);margin-block-start:var(--space-md)}.hero--overlay .hero__usp{font-size:var(--size-sm)}.hero--overlay .hero__usp-icon{block-size:1.25rem;inline-size:1.25rem}.hero--overlay .hero__eyebrow{margin-block-end:var(--space-default)}.hero--overlay .hero__proof{font-size:var(--size-sm);margin-block-start:var(--space-default)}.hero__media--bleed:after,.hero--overlay .hero__media--bleed:after{background:linear-gradient(to right, var(--color-ground), color-mix(in srgb, var(--color-ground) 75%, transparent) 25%, transparent 70%), linear-gradient(to top, color-mix(in srgb, var(--color-ground) 60%, transparent), transparent 30%)}}.hero--band{background:linear-gradient(to bottom, var(--color-band) 40%, var(--color-ground))}@media (min-width:62rem){.hero--band{background:linear-gradient(to right, var(--color-band) 15%, var(--color-ground) 75%)}}.hero--band .hero__media--cutout{background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary-readable) 45%, transparent), color-mix(in srgb, var(--color-primary-readable) 12%, transparent) 60%, transparent)}}