/* AUREVIA TREND — full-screen video hero (v0.5.0). Brand: off-white #F1EEE8, black #141414, orange #FF5A1F. */
.hv{--hv-off:#F1EEE8;--hv-ink:#141414;--hv-org:#FF5A1F;position:relative;min-height:100svh;height:100svh;overflow:hidden;background:var(--hv-ink);color:var(--hv-off);isolation:isolate;display:flex;align-items:center;padding:clamp(88px,12svh,130px) clamp(16px,4vw,48px) clamp(72px,10svh,110px)}
.hv-media,.hv-media>*{position:absolute;inset:0;width:100%;height:100%}
.hv-media{z-index:-1;overflow:hidden}
.hv-poster,.hv-video{object-fit:cover;object-position:center}
.hv-video{opacity:0;transition:opacity 1.1s ease;transform:scale(1.04);will-change:opacity}
.hv.is-playing .hv-video{opacity:1;animation:hvDrift 24s ease-in-out infinite alternate}
.hv.is-playing .hv-poster{opacity:0;transition:opacity 1.1s ease .3s}
@keyframes hvDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-1.2%,-.8%,0)}}
/* dark overlay: even tint + left-side fade behind the headline + bottom fade; a hint of brand orange at the floor */
.hv-shade{background:
 linear-gradient(90deg,rgba(20,20,20,.78) 0,rgba(20,20,20,.42) 46%,rgba(20,20,20,.18) 100%),
 linear-gradient(180deg,rgba(20,20,20,.55) 0,rgba(20,20,20,0) 22%,rgba(20,20,20,0) 58%,rgba(20,20,20,.72) 100%),
 radial-gradient(70% 30% at 20% 108%,rgba(255,90,31,.16),transparent 70%);pointer-events:none}

.hv-copy{position:relative;max-width:min(92vw,980px)}
.hv-eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 clamp(8px,2svh,18px);letter-spacing:.34em}
.hv-eyebrow::after{content:"";width:clamp(48px,8vw,76px);height:1px;background:currentColor;opacity:.7}
.hv-title{margin:0;font-family:var(--head,Anton,Impact,sans-serif);font-weight:400;text-transform:uppercase;line-height:.88;font-size:clamp(4.6rem,17vw,13.5rem);letter-spacing:.005em;white-space:nowrap;text-shadow:0 8px 40px rgba(0,0,0,.35)}
.hv-a{color:var(--hv-off)}.hv-b{color:var(--hv-org)}
.hv-tag{margin:clamp(10px,2.4svh,22px) 0 0;font-size:clamp(.66rem,1.5vw,.95rem);letter-spacing:.3em;line-height:1.7;max-width:34em}
.hv-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(20px,4.5svh,44px)}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 clamp(22px,3vw,34px);text-decoration:none;font-size:.78rem;letter-spacing:.24em;border:1px solid var(--hv-off);transition:background .3s,color .3s,border-color .3s,transform .3s}
.hv-btn--solid{background:var(--hv-org);border-color:var(--hv-org);color:var(--hv-ink)}
.hv-btn--solid span{transition:transform .3s}
.hv-btn--solid:hover{background:var(--hv-off);border-color:var(--hv-off)}.hv-btn--solid:hover span{transform:translateX(5px)}
.hv-btn--line{background:rgba(20,20,20,.25);color:var(--hv-off);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hv-btn--line:hover{background:var(--hv-off);color:var(--hv-ink)}
.hv-btn:focus-visible,.hv-links a:focus-visible,.hv-scroll:focus-visible,.hv-toggle:focus-visible{outline:2px solid var(--hv-org);outline-offset:4px}

.hv-drop{position:absolute;top:clamp(92px,13svh,120px);right:clamp(16px,4vw,48px);text-align:left}
.hv-drop p{margin:0 0 6px;letter-spacing:.3em;font-size:.72rem}
.hv-clock{display:flex;align-items:flex-start;gap:12px}
.hv-clock div{display:grid;gap:4px;justify-items:center}
.hv-clock b{font:400 clamp(1.7rem,3vw,2.6rem)/1 var(--head,Anton,Impact,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.hv-clock span{font-size:.6rem;letter-spacing:.2em;opacity:.85}
.hv-clock i{font:400 clamp(1.5rem,2.6vw,2.2rem)/1 var(--head,Anton,Impact,sans-serif);font-style:normal;opacity:.9}

.hv-links{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(76px,12svh,120px);margin:0;padding:0;list-style:none;display:grid;gap:14px;text-align:right}
.hv-links a{color:var(--hv-off);text-decoration:none;font-size:.7rem;letter-spacing:.2em;transition:color .25s}
.hv-links a span{display:inline-block;margin-left:8px;transition:transform .25s}
.hv-links a:hover{color:var(--hv-org)}.hv-links a:hover span{transform:translateX(4px)}

.hv-scroll{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(20px,4svh,36px);display:flex;align-items:center;gap:14px;color:var(--hv-off);text-decoration:none;font-size:.7rem;letter-spacing:.24em}
.hv-scroll i{position:relative;width:20px;height:34px;border:1.5px solid var(--hv-off);border-radius:12px}
.hv-scroll i::after{content:"";position:absolute;left:50%;top:6px;width:2px;height:7px;margin-left:-1px;border-radius:2px;background:var(--hv-org);animation:hvWheel 1.8s ease-in-out infinite}
@keyframes hvWheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.hv-toggle{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(20px,4svh,36px);background:rgba(20,20,20,.4);color:var(--hv-off);border:1px solid rgba(241,238,232,.5);padding:9px 14px;font-size:.62rem;letter-spacing:.22em;cursor:pointer;transition:background .25s,color .25s}
.hv-toggle:hover{background:var(--hv-off);color:var(--hv-ink)}
.hv-toggle[hidden]{display:none}

/* entrance animation (only when JS has marked the page: never hides content without JS) */
.hv-js [data-reveal]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*.12s + .15s)}
.hv-js.hv-in [data-reveal]{opacity:1;transform:none}

/* nav over the video: show the logo, keep the menu, add a dark glass bar. Reverts to the original blend nav once the hero is scrolled past. */
.av-nav--film{justify-content:space-between;pointer-events:auto;mix-blend-mode:normal;color:#F1EEE8;background:linear-gradient(180deg,rgba(20,20,20,.86),rgba(20,20,20,.55));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.av-nav--film .av-brand{display:block;font-size:1.7rem;letter-spacing:.2em}
.av-nav--film .av-cart-ct{background:#FF5A1F;color:#141414}
.av-nav--film .av-menu a:hover,.av-nav--film .av-menu .current-menu-item>a{border-color:#FF5A1F;color:#FF5A1F}
.av-nav--home{transition:background .35s}

@media(max-width:900px){
 .hv{align-items:flex-end;padding-bottom:clamp(96px,16svh,140px)}
 .hv-drop{top:auto;right:auto;left:clamp(16px,4vw,48px);bottom:clamp(64px,10svh,92px);display:none}
 .hv-links{display:none}
 .hv-shade{background:linear-gradient(180deg,rgba(20,20,20,.6) 0,rgba(20,20,20,.25) 30%,rgba(20,20,20,.55) 62%,rgba(20,20,20,.88) 100%)}
 .hv-title{font-size:clamp(4.2rem,24vw,9rem)}
 .hv-toggle{bottom:clamp(20px,4svh,36px)}
}
@media(max-width:520px){.av-nav--film .av-brand{font-size:1.05rem;letter-spacing:.12em}.hv-btn{flex:1 1 100%}.hv-eyebrow{letter-spacing:.24em}.hv-tag{letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){
 .hv-video{display:none}
 .hv.is-playing .hv-poster{opacity:1}
 .hv-js [data-reveal]{opacity:1;transform:none;transition:none}
 .hv-scroll i::after{animation:none}
}