.coastd-hybrid-hero{position:relative;width:100%;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.coastd-hybrid-hero__desktop{display:none}.coastd-hybrid-hero__mobile{position:relative;min-height:var(--coastd-mobile-height);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.coastd-hybrid-hero__mobile-media,.coastd-hybrid-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.coastd-hybrid-hero__image,.coastd-hybrid-hero__placeholder{width:100%;height:100%;object-fit:cover}.coastd-hybrid-hero__placeholder{background:rgba(var(--color-foreground),.08)}.coastd-hybrid-hero__mobile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000008 18%,rgba(0,0,0,calc(var(--coastd-overlay) * .55)) 56%,rgba(0,0,0,calc(var(--coastd-overlay) + .28)));pointer-events:none}.coastd-hybrid-hero__chips{position:absolute;top:1.6rem;left:0;right:0;z-index:3;display:flex;gap:.8rem;overflow-x:auto;padding:0 1.6rem 1rem;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.coastd-hybrid-hero__chips::-webkit-scrollbar{display:none}.coastd-hybrid-hero__chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:3.6rem;padding:0 1.5rem;border-radius:999px;background:#fffdf8eb;color:#17342f;text-decoration:none;font-size:1.15rem;line-height:1;font-weight:650;letter-spacing:.02em;box-shadow:0 .6rem 2rem #00000014;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.coastd-hybrid-hero__mobile-copy{position:relative;z-index:2;width:100%;padding:3.2rem 2rem 3.4rem;color:#fff}.coastd-hybrid-hero__eyebrow,.coastd-hybrid-hero__kicker{display:block;margin:0 0 1.2rem;font-size:1.08rem;line-height:1.3;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.coastd-hybrid-hero__heading{max-width:10.5ch;margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4.6rem,14vw,6.4rem);line-height:.92;letter-spacing:-.055em;text-wrap:balance}.coastd-hybrid-hero__text{max-width:42rem;margin-top:1.8rem;color:#ffffffd1}.coastd-hybrid-hero__text p{margin:0}.coastd-hybrid-hero__mobile-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}.coastd-hybrid-hero__button{display:inline-flex;min-height:4.6rem;align-items:center;justify-content:center;padding:0 2.2rem;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:1.25rem;font-weight:650;line-height:1;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.coastd-hybrid-hero__button--solid{color:#17342f;background:#fffdf8;border-color:#fffdf8}.coastd-hybrid-hero__button--ghost{color:#fff;background:#ffffff0f;border-color:#ffffff8f;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.coastd-hybrid-hero__button:hover{transform:translateY(-1px)}@media screen and (min-width:990px){.coastd-hybrid-hero__mobile{display:none}.coastd-hybrid-hero__desktop{display:block;min-height:var(--coastd-desktop-height);padding:var(--coastd-gap);background:#17342f}.coastd-hybrid-hero__desktop-grid{position:relative;min-height:calc(var(--coastd-desktop-height) - (var(--coastd-gap) * 2));display:grid;grid-template-columns:minmax(0,1.85fr) minmax(30rem,1fr);gap:var(--coastd-gap)}.coastd-hybrid-hero__feature,.coastd-hybrid-hero__story{position:relative;overflow:hidden;border-radius:var(--coastd-radius);color:#fff;text-decoration:none;background:#ffffff0f;isolation:isolate}.coastd-hybrid-hero__stories{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--coastd-gap)}.coastd-hybrid-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000005 28%,rgba(0,0,0,calc(var(--coastd-overlay) * .38)) 68%,rgba(0,0,0,calc(var(--coastd-overlay) + .16)))}.coastd-hybrid-hero__panel-copy{position:absolute;z-index:2;left:2.4rem;right:2.4rem;bottom:2.4rem}.coastd-hybrid-hero__story .coastd-hybrid-hero__panel-copy{left:1.8rem;right:1.8rem;bottom:1.8rem}.coastd-hybrid-hero__panel-title{display:block;max-width:13ch;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.5rem,2.7vw,5.2rem);line-height:.96;letter-spacing:-.045em;text-wrap:balance}.coastd-hybrid-hero__story .coastd-hybrid-hero__panel-title{font-size:clamp(2rem,1.9vw,3.4rem)}.coastd-hybrid-hero__desktop-center{position:absolute;z-index:5;top:50%;left:50%;width:min(74rem,55vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;pointer-events:none}.coastd-hybrid-hero__desktop-center .coastd-hybrid-hero__heading{max-width:10ch;font-size:clamp(6.2rem,7.5vw,12.4rem);line-height:.86;text-shadow:0 .4rem 3rem rgba(0,0,0,.2)}.coastd-hybrid-hero__desktop-center .coastd-hybrid-hero__button{margin-top:2.4rem;color:#17342f;background:#fffdf8;border-color:#fffdf8;pointer-events:auto}.coastd-hybrid-hero__panel .coastd-hybrid-hero__image{transition:transform .7s cubic-bezier(.22,1,.36,1)}.coastd-hybrid-hero__panel:hover .coastd-hybrid-hero__image,.coastd-hybrid-hero__panel:focus-visible .coastd-hybrid-hero__image{transform:scale(1.035)}.coastd-hybrid-hero__panel:focus-visible,.coastd-hybrid-hero__button:focus-visible,.coastd-hybrid-hero__chip:focus-visible{outline:2px solid #fff;outline-offset:3px}}@media(prefers-reduced-motion:reduce){.coastd-hybrid-hero__panel .coastd-hybrid-hero__image,.coastd-hybrid-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/coastd-hybrid-hero.css.map */