/*!
 * GentlePup theme — section-hero.css
 * Copyright © 2026 Murilo Scigliano. All rights reserved.
 * Proprietary. See LICENSE. dev@murilo.design
 */.hero{position:relative;display:grid;align-content:stretch;min-height:92svh;padding-block:var(--space-8) var(--section-space);background:var(--cocoa);color:var(--cream);isolation:isolate;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center center}.hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--duration-fast) var(--ease-out)}.hero__media.is-playing .hero__poster{opacity:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgb(var(--cocoa-rgb) / 88%),rgb(var(--cocoa-rgb) / 62%) 26%,rgb(var(--cocoa-rgb) / 22%) 55%,rgb(var(--cocoa-rgb) / 8%)),linear-gradient(to right,rgb(var(--cocoa-rgb) / 42%),rgb(var(--cocoa-rgb) / 0%) 58%)}.hero__inner{display:grid;grid-template-rows:1fr auto;gap:var(--space-6);align-items:center;width:min(100% - (2 * var(--gutter)),var(--page-width));margin-inline:auto}.hero__text{display:grid;gap:var(--space-5);justify-items:start;color:var(--cream)}.hero__text .eyebrow{color:var(--cream)}.hero__text .eyebrow:before{background:var(--tangerine)}.hero__heading{margin:0;max-width:26ch;color:var(--cream);font-size:clamp(44px,24px + 4.2vw,96px);font-weight:800;line-height:1.02;letter-spacing:-.035em}.hero__body{max-width:42ch;color:color-mix(in srgb,var(--cream) 88%,transparent);font-size:1.4rem;text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero__rating{display:flex;align-items:center;gap:var(--space-2);margin:0;color:color-mix(in srgb,var(--cream) 82%,transparent);font-size:var(--small)}.hero__stars{color:var(--tangerine);font-size:1rem;letter-spacing:.08em}.hero__proof{margin:0}.hero:not(.hero--has-image){background:color-mix(in srgb,var(--sand) 44%,var(--cream));color:var(--text)}.hero:not(.hero--has-image) .hero__text,.hero:not(.hero--has-image) .hero__heading{color:var(--text)}.hero:not(.hero--has-image) .hero__body,.hero:not(.hero--has-image) .hero__rating{color:var(--muted)}.hero:not(.hero--has-image) .hero__text .eyebrow{color:var(--muted)}.hero:not(.hero--has-image) .hero__stars{color:var(--tangerine-800)}@media(min-width:960px){.hero__inner{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.hero__text{grid-row:1;align-self:center;justify-self:stretch}.hero__rating{grid-column:1;grid-row:2;justify-self:end;align-self:end;text-align:right}}@media(max-width:959px){.hero__rating{grid-column:1}}@media screen and (max-width:991px){.hero__heading{font-size:3.5rem}}@media screen and (min-width:992px)and (max-width:1439px){.hero__heading{max-width:30ch}}@media screen and (max-width:767px){.hero__heading{font-size:2.75rem;max-width:20ch}.hero__body{font-size:1.15rem}}@media screen and (max-width:479px){.hero__heading{font-size:2.3rem;max-width:18ch}}.motion-ready .hero__image{animation:hero-media-enter 1.1s var(--ease-out) both}@keyframes hero-media-enter{0%{transform:scale(1.08)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero.css.map */