.hero{background:var(--ground);min-height:max(100svh,22rem);color:var(--ink);isolation:isolate;position:relative;overflow:hidden}.hero__media{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__img{object-fit:cover;will-change:transform;width:101%;max-width:none;height:104%;position:absolute;top:0;left:-.5%}img.hero__img{filter:brightness(var(--img-dim)) saturate(var(--img-sat))}.hero__placeholder{--hero-ph-mid:#5a2734;--hero-ph-end:#7a4250;background:radial-gradient(120% 90% at 74% 34%, rgb(var(--bloom) / .2), transparent 52%), linear-gradient(103deg, var(--ground-2) 0%, var(--hero-ph-mid) 66%, var(--hero-ph-end) 100%);position:absolute;inset:0}:root[data-scheme=dark] .hero__placeholder{--hero-ph-mid:#21140f;--hero-ph-end:#2e1f19}.hero__grain{z-index:2;pointer-events:none;opacity:calc(.4 * var(--film-op));mix-blend-mode:var(--film-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__scrim{z-index:1;background:linear-gradient(180deg, rgb(var(--scrim) / .42) 0%, transparent 14%), linear-gradient(0deg, rgb(var(--scrim) / .78) 0%, rgb(var(--scrim) / .34) 30%, transparent 54%), linear-gradient(90deg, rgb(var(--scrim) / .4) 0%, transparent 40%);position:absolute;inset:0}.hero__footer{z-index:3;padding-inline:var(--pad);grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(20px,4vw,60px);display:grid;position:absolute;bottom:clamp(34px,6vh,64px);left:0;right:0}.hero__title{color:var(--ink);letter-spacing:-.02em;grid-column:1;justify-self:start;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:1}.hero__title .line{padding-bottom:.04em;display:block;overflow:hidden}.hero__title .inner{will-change:transform;display:block}.hero__sub{text-align:center;max-width:42ch;color:var(--champ-soft);grid-column:2;justify-self:center;font-size:clamp(.92rem,1.05vw,1.02rem);line-height:1.6}.hero__actions{flex-direction:column;grid-column:3;place-self:end;align-items:flex-end;gap:clamp(16px,2.2vh,24px);display:flex}.hero__shop{font-family:var(--ff-exp);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, currentColor 40%, transparent);white-space:nowrap;transition:background .4s var(--ease), transform .4s var(--ease), border-color .4s var(--ease);border-radius:100px;padding:clamp(13px,1.7vh,17px) clamp(28px,3vw,44px);font-size:clamp(.68rem,.78vw,.7rem);font-weight:600}.hero__shop:hover{background:color-mix(in srgb, currentColor 12%, transparent);border-color:color-mix(in srgb, currentColor 65%, transparent);transform:translateY(-2px)}@media (max-width:820px){.hero__footer{grid-template-columns:1fr;place-items:start;gap:18px;bottom:clamp(28px,5vh,48px)}.hero__title{grid-column:1;font-size:clamp(2.4rem,11vw,3.4rem)}.hero__sub{text-align:left;grid-column:1;justify-self:start;max-width:46ch}.hero__actions{grid-column:1;justify-self:start;align-items:flex-start;gap:clamp(14px,2vh,20px)}}@media (max-height:560px){.hero__footer{gap:12px;bottom:clamp(20px,4vh,32px)}.hero__title{font-size:clamp(2rem,5.6vh,3rem)}.hero__sub{max-width:40ch;font-size:.92rem}}