:root{
  --ink:#0a0e14;          /* deep ocean near-black */
  --ink-2:#11161f;
  --paper:#f4f1ea;        /* warm sand off-white */
  --mist:#c9d3d6;
  --pacific:#7fa3b3;      /* muted coastal teal */
  --sand:#c8b48a;         /* warm luxe accent */
  --line:rgba(255,255,255,.16);
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,.05,.36,1);
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--paper);
  font-family:var(--sans);
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.is-loading{overflow:hidden;height:100vh}
img,video{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a{color:inherit;text-decoration:none}

.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ============ INTRO · FRAME OPEN (black panels open behind the persistent logo) ============ */
.hero__panel{position:absolute;left:0;width:100%;height:50%;background:#000;z-index:5;overflow:visible;
  transition:transform 5.4s var(--ease-io) .2s}
.hero__panel--top{top:0}
.hero__panel--bottom{bottom:0}
/* feathered inner edges so the reveal seam is a soft gradient, not a hard line */
.hero__panel--top::after{content:"";position:absolute;left:0;top:100%;width:100%;height:120px;
  background:linear-gradient(#000,rgba(0,0,0,0))}
.hero__panel--bottom::before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:120px;
  background:linear-gradient(rgba(0,0,0,0),#000)}
body.reveal-open .hero__panel--top{transform:translateY(-100%)}
body.reveal-open .hero__panel--bottom{transform:translateY(100%)}
/* the logo is ONE element throughout — fades in on black, then the frame opens behind it (it never moves) */
.hero__logo{opacity:0;transform:translateY(10px) scale(.99);
  transition:opacity 1.5s var(--ease) .1s,transform 1.5s var(--ease) .1s}
body.reveal-mark .hero__logo{opacity:1;transform:none}
/* nav + scroll cue stay hidden until the frame has opened */
.hero__scroll{transition:opacity 1.2s ease}
body.is-loading .nav,body.is-loading .hero__scroll{opacity:0;pointer-events:none}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;width:100%;z-index:60;display:flex;align-items:center;justify-content:space-between;
  padding:max(clamp(18px,2.4vw,30px),env(safe-area-inset-top)) max(clamp(20px,4vw,56px),env(safe-area-inset-right)) clamp(18px,2.4vw,30px) max(clamp(20px,4vw,56px),env(safe-area-inset-left));
  mix-blend-mode:difference;color:#fff;
  transition:transform .5s var(--ease),opacity 1s ease}
.nav.hide{transform:translateY(-130%)}
.nav__brand{font-family:var(--sans);font-weight:500;letter-spacing:.36em;font-size:.78rem}
.nav__links{display:flex;gap:clamp(18px,2.6vw,40px)}
.nav__links a{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;transition:opacity .3s}
.nav__links a:hover{opacity:1}
.nav__cta{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid currentColor;
  padding:.6em 1.4em;border-radius:40px;transition:background .35s,color .35s}
.nav__cta:hover{background:#fff;color:#000}
.nav__right{display:flex;flex-direction:column;align-items:center;gap:8px}
/* auto-updating date, brand wordmark font, under SHOP */
.nav__date{font-family:var(--sans);font-weight:500;letter-spacing:.22em;text-indent:.22em;
  text-transform:uppercase;font-size:.58rem;white-space:nowrap;opacity:.85}

/* ============ HERO ============ */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:grid;place-items:center}
.hero__video,.hero__gl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__gl{z-index:2;opacity:0;transition:opacity .8s ease}
.hero__gl.on{opacity:1}
.hero__gl.on + .hero__video{opacity:0}/* GL canvas replaces raw video when active */
.hero__video{z-index:1;filter:grayscale(1) contrast(1.06) brightness(.92);transform:scale(1.14);
  transition:opacity 1s ease;
  animation:heroColor 1.6s var(--ease) 3s forwards, heroZoom 9s var(--ease) forwards}
@keyframes heroColor{to{filter:grayscale(.12) contrast(1.04) brightness(.9)}}
@keyframes heroZoom{from{transform:scale(1.14)}to{transform:scale(1)}}
.hero__veil{position:absolute;inset:0;z-index:3;
  background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(5,8,12,.5) 100%),
             linear-gradient(180deg,rgba(5,8,12,.35),transparent 30%,rgba(5,8,12,.55))}
.hero__grain{position:absolute;inset:0;z-index:4;opacity:.06;pointer-events:none;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* logo is the fixed anchor (centered); eyebrow + tagline float around it so the logo never moves */
.hero__content{position:relative;z-index:6;text-align:center;padding:0 6vw;display:flex;justify-content:center;
  transform:translateY(clamp(-86px,-8.5vh,-52px))}
.hero__logo{display:block;width:clamp(240px,min(40vw,64vh),560px);margin:0;filter:drop-shadow(0 8px 40px rgba(0,0,0,.5))}
/* trademark line sits BELOW the logo */
.hero__eyebrow{position:absolute;left:0;right:0;margin-inline:auto;width:min(46ch,88vw);
  top:calc(100% + clamp(24px,5vh,150px));text-align:center;
  font-size:clamp(.6rem,1.1vw,.72rem);letter-spacing:.22em;text-transform:uppercase;color:var(--mist);
  text-indent:.22em;line-height:1.9}
/* "Chill is the new luxury" sits ABOVE the logo */
.hero__tagline{position:absolute;left:0;right:0;margin-inline:auto;width:max-content;max-width:88vw;
  bottom:calc(100% + clamp(12px,1.8vw,22px));text-align:center;
  font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.3rem,3.2vw,2.4rem);color:var(--paper)}
.hero__scroll{position:absolute;bottom:max(clamp(52px,9vh,80px),calc(36px + env(safe-area-inset-bottom)));left:50%;transform:translateX(-50%);z-index:5;text-align:center;
  font-size:.82rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--mist);opacity:.8}
.hero__scroll i{display:block;width:2px;height:70px;margin:16px auto 0;background:linear-gradient(var(--mist),transparent);
  transform-origin:top;animation:scrollPulse 2.2s var(--ease) infinite}
@keyframes scrollPulse{0%{transform:scaleY(0);opacity:0}40%{opacity:1}100%{transform:scaleY(1);opacity:0}}

/* ============ MANIFESTO (over dusk-road photo) ============ */
.manifesto{position:relative;min-height:100svh;display:grid;place-items:center;
  padding:14vh clamp(24px,8vw,140px);background:var(--ink);overflow:hidden}
.manifesto__bg{position:absolute;inset:0;background:url("../assets/img/road-dusk.jpg") center/cover no-repeat;
  transform:scale(1.06);will-change:transform}
.manifesto__veil{position:absolute;inset:0;
  background:radial-gradient(80% 60% at 50% 50%,rgba(5,8,12,.62),rgba(5,8,12,.5) 60%,rgba(5,8,12,.82));}
.manifesto__line{position:relative;z-index:2;font-family:var(--serif);font-weight:300;line-height:1.2;
  font-size:clamp(1.8rem,5.2vw,4.6rem);max-width:17ch;text-align:center;
  text-shadow:0 2px 40px rgba(0,0,0,.55)}
.manifesto .word{display:inline-block;opacity:.22;transition:opacity .6s var(--ease)}
.manifesto .word.lit{opacity:1}
.manifesto__mark{position:absolute;left:0;right:0;margin-inline:auto;width:max-content;
  bottom:clamp(28px,5vw,64px);z-index:2;
  font-family:var(--sans);font-weight:500;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;
  font-size:clamp(.7rem,1.4vw,.95rem);color:var(--mist);text-shadow:0 2px 18px rgba(0,0,0,.6)}

/* ============ BRAND FILM ============ */
.brandfilm{position:relative;height:100svh;min-height:560px;overflow:hidden;display:grid;place-items:end center;background:var(--ink)}
.brandfilm__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brandfilm__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.35),transparent 30%,transparent 60%,rgba(5,8,12,.7))}
.brandfilm__caption{position:relative;z-index:2;margin-bottom:clamp(40px,7vw,90px);text-align:center;
  font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.2rem,2.6vw,2rem);color:var(--paper);padding:0 6vw}
/* logo drops in at the video's midpoint, anchored just above the ocean horizon */
.brandfilm__logo{position:absolute;z-index:2;left:0;right:0;margin-inline:auto;top:46%;
  width:clamp(220px,26vw,430px);
  transform:translateY(calc(-100% - 16px));opacity:0;
  filter:drop-shadow(0 0 26px rgba(5,8,12,.55)) drop-shadow(0 6px 30px rgba(5,8,12,.4));
  transition:opacity 1.8s ease,transform 1.8s var(--ease)}
.brandfilm__logo.show{opacity:1;transform:translateY(-100%)}

/* ============ STRATA (Bulgari) ============ */
.strata{position:relative;height:320vh;background:var(--ink)}
.strata__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.strata__track{display:flex;height:100%;width:max-content;will-change:transform}
.band{position:relative;width:78vw;height:100%;flex:0 0 auto;overflow:hidden}
.band + .band{margin-left:4vw}
.band__media{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;
  filter:grayscale(.25) contrast(1.06) saturate(1.05);transition:filter 1s var(--ease);will-change:transform}
.band:hover .band__media{filter:grayscale(0) contrast(1.04)}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.25),rgba(5,8,12,.55))}
.band__wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;
  font-family:var(--sans);font-weight:200;letter-spacing:.46em;text-indent:.46em;
  font-size:clamp(1.4rem,4.4vw,3.6rem);color:rgba(255,255,255,.94);
  text-shadow:0 2px 30px rgba(5,8,12,.35);pointer-events:none}
.band__caption{position:absolute;left:clamp(24px,4vw,60px);bottom:clamp(28px,5vw,64px);z-index:3}
.band__link{position:absolute;inset:0;z-index:5;cursor:pointer}
.band__index{font-family:var(--sans);font-size:.74rem;letter-spacing:.3em;color:var(--sand)}
.band__title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.8rem,7vw,6rem);line-height:.95;margin:.1em 0 .25em}
.band__text{max-width:32ch;font-size:.96rem;letter-spacing:.02em;color:var(--mist)}
.strata__progress{position:absolute;left:clamp(24px,4vw,60px);bottom:18px;width:140px;height:1px;background:var(--line);z-index:3}
.strata__progress i{display:block;height:100%;width:0;background:var(--sand)}

/* ============ EDITORIAL ============ */
.editorial{padding:clamp(60px,10vw,140px) clamp(20px,5vw,80px);background:var(--ink)}
.editorial__frame{position:relative;overflow:hidden;border-radius:2px}
/* full picture shown (no crop) */
.editorial__frame img{display:block;width:100%;height:auto;
  filter:grayscale(1) contrast(1.05);transition:filter 5.5s var(--ease),transform 2.2s var(--ease);transform:scale(1.04)}
.editorial__frame.in img{filter:grayscale(0) contrast(1.02);transform:scale(1)}
/* PACIFIC CHILL text, bottom-right */
.editorial__brand{position:absolute;z-index:2;bottom:clamp(26px,4vw,58px);right:clamp(24px,4vw,56px);
  font-family:var(--sans);font-weight:500;letter-spacing:.34em;text-indent:.34em;
  font-size:clamp(1rem,2.4vw,1.65rem);text-transform:uppercase;color:var(--paper);
  text-shadow:0 2px 18px rgba(5,8,12,.55)}
.editorial__frame::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(5,8,12,.78),rgba(5,8,12,.2) 38%,transparent 60%,rgba(5,8,12,.28))}
.editorial__frame figcaption{position:absolute;left:clamp(24px,5vw,80px);bottom:clamp(30px,6vw,80px);z-index:2}
/* same wordmark font as PACIFIC CHILL (Inter, 500, .34em, uppercase) — sand color kept, much larger; links to 2026 collection */
.editorial__kicker{display:inline-block;font-family:var(--sans);font-weight:500;
  font-size:clamp(1.2rem,3.2vw,2.2rem);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;
  color:var(--sand);text-decoration:none;margin-bottom:clamp(22px,3.5vw,52px);
  transition:opacity .3s ease}
.editorial__link{position:absolute;inset:0;z-index:5;display:block;cursor:pointer}
.editorial__frame:hover .editorial__kicker{opacity:.72}
.editorial__head{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,8vw,7rem);line-height:.92;margin-top:.18em}
.editorial__head span{display:block;overflow:hidden}
.editorial__head span+span{font-style:italic;padding-left:.6em}

.split{position:relative;min-height:100svh;min-height:720px;overflow:hidden;background:var(--ink);
  display:flex;align-items:center;justify-content:flex-end}
.split__bg{position:absolute;top:0;left:50%;height:100%;width:auto;min-width:126%;max-width:none;
  object-fit:cover;object-position:center;transform:translateX(-58%);z-index:0}
.split__veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(5,8,12,0) 42%,rgba(5,8,12,.48) 70%,rgba(5,8,12,.72))}
.split__copy{position:relative;z-index:2;max-width:min(500px,44vw);margin-right:clamp(28px,7vw,120px);text-align:left}
.split__kicker{font-family:var(--sans);font-weight:500;font-size:clamp(.66rem,1.1vw,.78rem);
  letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--sand);margin-bottom:1.5em;
  text-shadow:0 1px 14px rgba(5,8,12,.7)}
.split .link-underline{text-shadow:0 1px 14px rgba(5,8,12,.7)}
.split__quote{font-family:var(--serif);font-weight:300;font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.28;
  color:var(--paper);margin-bottom:1.7em;text-shadow:0 2px 34px rgba(0,0,0,.45)}
.link-underline{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;position:relative;padding-bottom:.4em}
.link-underline::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.link-underline:hover::after{transform:scaleX(1)}

/* ============ COLLECTION ============ */
.collection{padding:clamp(60px,10vw,150px) clamp(20px,5vw,80px);background:var(--paper);color:var(--ink)}
.collection__head{text-align:center;margin-bottom:clamp(40px,6vw,80px)}
.collection__kicker{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:#9a8b66}
.collection__title{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(2.4rem,6vw,4.6rem);margin-top:.15em}
.collection__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2vw,30px);max-width:1400px;margin:0 auto}
.card{display:block;perspective:900px}
.card__img{overflow:hidden;background:#fff;border-radius:2px;transform-style:preserve-3d;transition:transform .25s var(--ease),box-shadow .4s var(--ease)}
.card__img img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 1s var(--ease)}
.card:hover .card__img{box-shadow:0 30px 60px -30px rgba(10,14,20,.4)}
.card:hover .card__img img{transform:scale(1.05)}
.card__row{display:flex;justify-content:space-between;align-items:center;margin-top:1em;
  font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}

/* ============ OUTRO ============ */
.outro{position:relative;height:100svh;min-height:560px;overflow:hidden;display:grid;place-items:center}
.outro__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.7)}
.outro__veil{position:absolute;inset:0;background:radial-gradient(100% 100% at 50% 50%,transparent,rgba(5,8,12,.6))}
.outro__content{position:relative;z-index:2;text-align:center}
.outro__title{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(2.6rem,8vw,6.5rem)}
.outro__cta{display:inline-block;margin-top:1.8em;font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;
  border:1px solid var(--paper);padding:1.1em 2.4em;border-radius:40px;transition:background .4s,color .4s}
.outro__cta:hover{background:var(--paper);color:var(--ink)}

/* ============ FOOTER ============ */
.foot{background:var(--ink-2);color:var(--mist);padding:clamp(48px,7vw,84px) max(clamp(24px,6vw,90px),env(safe-area-inset-left)) calc(clamp(26px,3vw,40px) + env(safe-area-inset-bottom)) max(clamp(24px,6vw,90px),env(safe-area-inset-right))}
.foot__cols{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.3fr .9fr;gap:clamp(24px,3vw,52px);
  max-width:1320px;margin:0 auto;align-items:start}
.foot__h{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--paper);margin-bottom:1.1em}
.foot__nav{display:flex;flex-direction:column;gap:.85em}
.foot__nav a{font-size:.86rem;letter-spacing:.04em;color:var(--mist);width:fit-content;
  border-bottom:1px solid transparent;transition:color .3s,border-color .3s;padding-bottom:2px}
.foot__nav a:hover{color:var(--paper);border-color:var(--paper)}
.foot__brand{display:block;margin-top:clamp(22px,3vw,38px);font-family:var(--sans);font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;font-size:.92rem;color:var(--paper)}
/* newsletter */
.foot__sub{display:flex;flex-direction:column;gap:16px;max-width:340px}
.foot__sublabel{font-size:.82rem;letter-spacing:.04em;color:var(--mist)}
.foot__input{background:transparent;border:none;border-bottom:1px solid var(--line);
  padding:.5em 0;color:var(--paper);font-family:var(--sans);font-size:.95rem;outline:none;transition:border-color .3s}
.foot__input:focus{border-color:var(--paper)}
.foot__btn{align-self:start;margin-top:6px;background:transparent;color:var(--paper);
  border:1px solid var(--line);border-radius:40px;padding:.85em 2em;
  font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;
  transition:background .35s,color .35s,border-color .35s}
.foot__btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.foot__bottom{max-width:1320px;margin:clamp(40px,5vw,64px) auto 0;padding-top:clamp(20px,2.5vw,30px);
  border-top:1px solid var(--line);text-align:center;
  font-size:.78rem;letter-spacing:.16em;color:var(--mist)}

/* ============ RESPONSIVE ============ */
@media (max-width:860px){
  .nav__links{display:none}
  .band{width:88vw}
  .split{justify-content:center;align-items:flex-end;min-height:90svh}
  .split__copy{max-width:none;width:100%;margin-right:0;text-align:center;
    padding:0 clamp(22px,7vw,40px) clamp(56px,12vw,96px)}
  .split__veil{background:linear-gradient(to top,rgba(5,8,12,.88) 4%,rgba(5,8,12,.32) 52%,rgba(5,8,12,.5))}
  .split__bg{left:0;width:100%;min-width:0;height:100%;object-position:50% center;
    transform:scale(1.26) translateY(-9%);transform-origin:center}
  .strata{height:300vh}
  .foot__cols{grid-template-columns:1fr 1fr;gap:36px 28px}
}
@media (max-width:520px){
  .foot__cols{grid-template-columns:1fr;text-align:left}
}
/* mobile only: stack the strata bands vertically (horizontal scroll crops captions/wordmark on phones) */
@media (max-width:600px){
  .strata{height:auto}
  .strata__sticky{position:static;height:auto;overflow:visible}
  .strata__track{display:block;width:100%;transform:none!important}
  .band{width:100%;height:84svh;min-height:540px}
  .band + .band{margin-left:0;margin-top:10px}
  .band__wordmark{font-size:clamp(1.4rem,6.5vw,2.2rem);letter-spacing:.4em;text-indent:.4em}
  .band__text{max-width:min(34ch,80vw)}
  .strata__progress{display:none}
}
/* mobile only: better spacing + legible off-white "THE 2026 COLLECTION" over the editorial image */
@media (max-width:600px){
  .editorial__frame figcaption{left:22px;bottom:64px}
  .editorial__kicker{font-size:.98rem;letter-spacing:.24em;text-indent:.24em;margin-bottom:18px;
    color:#e6dcc4;text-shadow:0 1px 3px rgba(5,8,12,.92),0 2px 16px rgba(5,8,12,.7)}
  .editorial__head{font-size:2.3rem;line-height:1}
  .editorial__brand{font-size:.8rem;bottom:22px;right:22px}
  /* consistent dark wash top-to-bottom so the kicker reads wherever the photo scales */
  .editorial__frame::after{background:linear-gradient(to top,
    rgba(5,8,12,.8),rgba(5,8,12,.28) 38%,rgba(5,8,12,.32) 62%,rgba(5,8,12,.52))}
}
/* iPad / tablet portrait: lift the caption so the headline clears the bottom-right "PACIFIC CHILL" */
@media (min-width:601px) and (max-width:1024px){
  .editorial__frame figcaption{bottom:clamp(72px,10vw,120px)}
}
/* ===== touch devices: ≥44px tap targets + no iOS zoom-on-focus ===== */
@media (hover:none) and (pointer:coarse){
  .nav__cta{min-height:48px;display:inline-flex;align-items:center}
  .nav__links a{padding:8px 0}
  .foot__nav{gap:.35em}
  .foot__nav a{min-height:48px;display:inline-flex;align-items:center}
  .foot__input{font-size:16px;padding:.75em 0}
  .foot__btn{min-height:48px;display:inline-flex;align-items:center}
  .split .link-underline{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.2s!important}
  .hero__video{animation:none;filter:grayscale(.1)}
}