.aloha-hero{position:relative;min-height:clamp(580px,calc(100svh - 150px),680px);overflow:hidden;background:linear-gradient(112deg,var(--aloha-cream) 0 56%,var(--aloha-blush) 56% 100%);color:var(--aloha-ink);isolation:isolate}.aloha-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--aloha-linework-hero) center / 1120px auto repeat;content:"";opacity:.62;pointer-events:none}.aloha-hero:after{position:absolute;right:-9vw;bottom:-26vw;z-index:-1;width:50vw;height:50vw;border:clamp(45px,7vw,110px) solid var(--aloha-ocean);border-radius:50%;content:"";opacity:.1}.aloha-hero__layout{display:grid;min-height:inherit;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(24px,3.5vw,62px);padding-block:clamp(38px,5vw,66px) 58px}.aloha-hero__copy{position:relative;z-index:2;width:100%;min-width:0;max-width:850px;isolation:isolate}.aloha-hero__copy:before{display:none}.aloha-hero .aloha-kicker:before{display:none}.aloha-hero__title{max-width:8.5ch;margin-top:16px}.aloha-hero__title em{position:relative;z-index:0;display:inline-block;color:var(--aloha-hibiscus);font-style:normal;isolation:isolate}.aloha-hero__title em:after{position:absolute;right:-.06em;bottom:-.18em;left:-.04em;z-index:-1;height:.14em;border-radius:0;background:var(--aloha-reflective-tape);content:"";pointer-events:none}.aloha-hero__body{max-width:590px;margin:20px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.5}.aloha-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.aloha-hero__media{position:relative;min-height:500px}.aloha-hero__sun-label{position:absolute;top:2%;right:2%;z-index:3;display:grid;width:102px;height:102px;place-items:center;border-radius:50%;background:var(--aloha-hivis);box-shadow:0 10px #10282026;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.25;text-align:center;text-transform:uppercase;transform:rotate(8deg)}.aloha-hero__product{position:absolute;top:3%;right:5%;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:rotate(2.5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.aloha-hero__product:hover{transform:rotate(0) scale(1.025)}.aloha-hero__product img,.aloha-hero__product svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(16,40,32,.25))}.aloha-hero__product-meta{position:absolute;right:0;bottom:7%;z-index:4;max-width:250px;padding:16px 18px;border:2px solid var(--aloha-ink);border-radius:var(--aloha-radius-sm);background:var(--aloha-cream);box-shadow:7px 7px 0 var(--aloha-ink);color:var(--aloha-ink);transform:rotate(-3deg)}.aloha-hero__product-meta span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.aloha-hero__product-meta strong{display:block;margin-top:5px;font-size:16px;line-height:1.25}.aloha-hero__ticker{position:absolute;right:0;bottom:0;left:0;z-index:5;display:flex;min-width:max-content;gap:24px;padding:10px 0;overflow:hidden;border-block:1px solid rgba(16,40,32,.35);background:var(--aloha-lagoon);color:var(--aloha-cream);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.aloha-hero__ticker-track{display:flex;min-width:max-content;gap:24px;animation:aloha-ticker 28s linear infinite}.aloha-hero__ticker-item:after{margin-left:24px;content:"\2726"}@keyframes aloha-ticker{to{transform:translate(-50%)}}@media(max-width:1024px){.aloha-hero__layout{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr)}.aloha-hero__media{min-height:440px}}@media(max-width:750px){.aloha-hero{min-height:auto}.aloha-hero:before{background-size:680px auto;opacity:.48}.aloha-hero:after{right:-25vw;bottom:-12%;width:100vw;height:100vw}.aloha-hero__layout{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:34px;padding-bottom:62px}.aloha-hero__body{width:100%;max-width:100%;margin-top:16px;font-size:15px;overflow-wrap:anywhere}.aloha-hero__body p{width:auto!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.aloha-hero__media{min-height:310px}.aloha-hero__product{top:0;right:0;bottom:0;left:0}.aloha-hero__sun-label{width:78px;height:78px;font-size:10px}.aloha-hero__product-meta{display:none}}@media(prefers-reduced-motion:reduce){.aloha-hero__product{transition:none}.aloha-hero__ticker-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-aloha-hero.css.map */