.brand-hero-section{margin:0;padding:0}.brand-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-inline:6vw;color:var(--brand-parchment);font-family:var(--brand-font-sans);-webkit-font-smoothing:antialiased;background-color:var(--brand-bg, var(--brand-ink));background-image:radial-gradient(ellipse 80% 60% at 50% 15%,rgba(199,160,70,.1),transparent 60%)}.brand-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px}.brand-hero__cross{margin-bottom:22px;color:var(--brand-cross, var(--brand-gold));opacity:.9}.brand-hero__eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--brand-eyebrow, var(--brand-gold));margin:0 0 26px}.brand-hero__heading{width:100%}.brand-hero__heading>*{font-family:var(--brand-font-serif);font-weight:500;font-size:clamp(48px,9vw,108px);line-height:.98;color:var(--brand-heading, var(--brand-parchment));margin:0 auto;max-width:16ch}.brand-hero__heading em,.brand-hero__heading i{font-style:italic;font-weight:400;color:var(--brand-heading-accent, var(--brand-gold-bright))}.brand-hero__subheading{width:100%}.brand-hero__subheading>*{margin:26px auto 0;font-family:var(--brand-font-serif);font-style:italic;font-size:clamp(18px,2.4vw,26px);color:var(--brand-subheading, var(--brand-muted));max-width:36ch}.brand-hero__subheading em,.brand-hero__subheading i{font-style:italic;font-weight:inherit;color:inherit}.brand-hero__subheading strong,.brand-hero__subheading b{color:var(--brand-subheading-accent, var(--brand-parchment));font-weight:500;font-style:normal}.brand-hero__desc{max-width:520px;margin:28px auto 0;color:var(--brand-desc, var(--brand-muted));font-size:15.5px;line-height:1.7}.brand-hero__player{margin-top:48px;display:flex;align-items:center;gap:18px}.brand-hero__play{width:64px;height:64px;border-radius:50%;border:1px solid var(--brand-player, var(--brand-gold));background:color-mix(in srgb,var(--brand-player, var(--brand-gold)) 8%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;color:var(--brand-player, var(--brand-gold-bright))}.brand-hero__play:hover{background:color-mix(in srgb,var(--brand-player, var(--brand-gold)) 18%,transparent);transform:scale(1.04)}.brand-hero__play svg{fill:currentColor}.brand-hero__play-icon{margin-left:4px}.brand-hero__pause-icon,.brand-hero__player.is-playing .brand-hero__play-icon{display:none}.brand-hero__player.is-playing .brand-hero__pause-icon{display:block}.brand-hero__wave{display:flex;align-items:center;gap:3px;height:32px}.brand-hero__wave span{width:3px;background:var(--brand-player, var(--brand-gold));border-radius:2px;animation:brand-hero-bounce 1.4s ease-in-out infinite;opacity:.75;transform-origin:center}.brand-hero__wave span:nth-child(1){height:10px;animation-delay:-1.2s}.brand-hero__wave span:nth-child(2){height:22px;animation-delay:-1s}.brand-hero__wave span:nth-child(3){height:14px;animation-delay:-.8s}.brand-hero__wave span:nth-child(4){height:28px;animation-delay:-.6s}.brand-hero__wave span:nth-child(5){height:16px;animation-delay:-.4s}.brand-hero__wave span:nth-child(6){height:24px;animation-delay:-.2s}.brand-hero__wave span:nth-child(7){height:12px;animation-delay:0s}.brand-hero__player:not(.is-playing) .brand-hero__wave span{animation-play-state:paused;transform:scaleY(.7)}@keyframes brand-hero-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.brand-hero__player-label{text-align:left;font-size:12px;color:var(--brand-sample-duration, var(--brand-muted));letter-spacing:.04em}.brand-hero__player-label strong{display:block;color:var(--brand-sample-label, var(--brand-parchment));font-size:13px;margin-bottom:2px}.brand-hero__audio{display:none}.brand-hero__scroll{position:absolute;bottom:34px;left:50%;transform:translate(-50%);font:inherit;font-size:11px;letter-spacing:.2em;color:var(--brand-scroll, var(--brand-muted));text-transform:uppercase;background:none;border:0;padding:8px 12px;cursor:pointer}.brand-hero__scroll:hover{color:var(--brand-sample-label, var(--brand-parchment))}@media(max-width:600px){.brand-hero__player{gap:12px}.brand-hero__play{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.brand-hero__wave span{animation:none;transform:scaleY(.7)}.brand-hero__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brand-hero.css.map */