/* Videotheque — Indie Video & Vinyl. */
   Font substitutions (free equivalents of the reference Typekit faces):
   obviously-narrow -> Oswald · larken -> Playfair Display Italic · neue-haas-grotesk-text -> Archivo */

/* ---------- Fluid root + tokens (dossier §3.0 / §6) ---------- */
html{font-size:4.2667vw}
@media (min-width:600px){html{font-size:2.0833vw}}
@media (min-width:1025px){html{font-size:min(.8333vw, .8333vh * 2.3)}}

:root{
  --black:#020202;
  --vtq-red:#ce1f1a;
  --ming:#3b758b;
  --tan-hide:#f8a351;
  --piper:#bd6623;
  --japanese-maple:#760000;
  --cream:#eee3d1;
  --flamingo:#f85e34;
  --easing:cubic-bezier(0.25,1,0.5,1);
  --ease-hover:cubic-bezier(.5,1,.89,1);
  --ease-acc:cubic-bezier(.76,0,.24,1);
  --global-padding:.75rem;
  --box-padding:3rem;
  --global-padding-dif:1.75rem;
  --navbar-width:0rem;
  --navbar-padding:calc(var(--global-padding) + var(--global-padding-dif));
  --content-padding:calc(3.75rem + var(--global-padding) * 2);
  --svh:100vh;
  --dvh:100vh;
  --font-display:"Oswald","Archivo Narrow",sans-serif;
  --font-serif:"Playfair Display",Georgia,serif;
  --font-text:"Archivo","Helvetica Neue",sans-serif;
}
@media (min-width:1025px){:root{--global-padding:1.25rem}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{
  background:#0a1735;
  color:var(--cream);
  font-family:var(--font-text);
  font-weight:400;
  word-break:keep-all;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--cream);color:#0e2460}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul{list-style:none}
main{display:block;position:relative}
@media (min-width:1025px){body,a,button,[data-cursor-zone]{cursor:none}}

/* ---------- Sticky stacking (dossier §2.1) ---------- */
.sticky-root{position:relative}
.sticky-root .sticky{position:relative;min-height:100svh;overflow:hidden}
@media (min-width:1025px){
  .sticky-root{
    height:calc(var(--pin-spacing,0) * 100vh + var(--pin,0) * 100vh + var(--extra-height,0px));
    margin-bottom:calc(var(--pin,0) * -100vh - var(--gap,50vh));
    pointer-events:none;
  }
  .sticky-root .sticky{position:sticky;top:0;height:100vh;min-height:0;pointer-events:all}
}

/* diagonal wipe polygons (dossier §2.2) */
@media (min-width:1025px){
  .trailer__wrapper{
    clip-path:polygon(0 var(--y1,100%),30% var(--y2,100%),70% var(--y3,100%),100% var(--y4,100%),100% var(--y5,100%),70% var(--y6,100%),30% var(--y7,100%),0 var(--y8,100%));
  }
  .trailer:nth-child(2n) .trailer__wrapper{
    clip-path:polygon(0 var(--y4,100%),30% var(--y3,100%),70% var(--y2,100%),100% var(--y1,100%),100% var(--y5,100%),70% var(--y6,100%),30% var(--y7,100%),0 var(--y8,100%));
  }
  .contact__wrapper{clip-path:polygon(0 var(--y1,0%),100% var(--y1,0%),100% 100%,0 100%)}
  .footer__wrapper{
    clip-path:polygon(0 var(--fy1,0%),33% var(--fy2,0%),66% var(--fy3,0%),100% var(--fy4,0%),100% 100%,0 100%);
  }
}

/* ---------- Preloader (dossier §3.1 / §4.1) ---------- */
.preloader{position:fixed;inset:0;z-index:100;padding:var(--global-padding);color:var(--cream);font-family:var(--font-text);font-size:1rem}
@media (min-width:1025px){.preloader{padding:var(--box-padding);font-size:1.375rem}}
.preloader__base{position:absolute;inset:0;background:#0a1735}
.preloader__bg{
  position:absolute;inset:0;background:var(--vtq-red);
  --x1:25%;--x3:75%;--wy1:0;--wy2:0;--wy3:0;--wy4:0;--wy5:0;
  clip-path:polygon(0 calc(100% - var(--wy1) * 100%),var(--x1) calc(100% - var(--wy2) * 100%),60% calc(100% - var(--wy3) * 100%),var(--x3) calc(100% - var(--wy4) * 100%),100% calc(100% - var(--wy5) * 100%),100% 100%,0 100%);
}
.preloader__logo{
  position:absolute;left:50%;top:50%;translate:-50% -50%;
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  line-height:.85;letter-spacing:-.02em;color:var(--cream);text-align:center;
  font-size:4.5rem;opacity:0;display:flex;flex-direction:column;
  clip-path:inset(0 0 0 0);
}
@media (min-width:1025px){.preloader__logo{font-size:9rem}}
.preloader__logo span{display:block}
.preloader__row{position:absolute;left:var(--global-padding);right:var(--global-padding);bottom:var(--global-padding);display:flex;justify-content:space-between;align-items:flex-end}
@media (min-width:1025px){.preloader__row{left:var(--box-padding);right:var(--box-padding);bottom:var(--box-padding)}}
.preloader__text{opacity:0}
.preloader__progress{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em}

/* ---------- Custom cursor (dossier §5.1) ---------- */
.cursor{position:fixed;left:0;top:0;z-index:200;pointer-events:none;display:none}
@media (min-width:1025px){.cursor{display:block}}
.cursor__dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--cream);mix-blend-mode:difference}
.cursor__disc{
  position:absolute;left:0;top:0;width:6.25rem;height:6.25rem;border-radius:50%;
  background:var(--tan-hide);color:var(--black);
  translate:-50% -50%;scale:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;
  transition:scale .25s cubic-bezier(.11,0,.5,0);
}
.cursor.is-show .cursor__disc{scale:1;transition:scale .35s cubic-bezier(.34,1.56,.64,1)}
.cursor.is-drag .cursor__disc{width:4rem;height:4rem}
.cursor.is-pressing .cursor__disc{scale:.89}
.cursor__icon{width:1.5rem;height:1.5rem;display:none}
.cursor.is-play .cursor__icon--play{display:block}
.cursor.is-pause .cursor__icon--pause{display:block}
.cursor__label{font-family:var(--font-display);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;line-height:1}
.cursor.is-drag .cursor__label,.cursor.is-close .cursor__label{font-size:.875rem}
.cursor.is-drag .cursor__icon,.cursor.is-close .cursor__icon{display:none}

/* ---------- Top controls (sidebar removed) ---------- */
.navbar{position:relative;z-index:60}
.top-controls{
  position:fixed;left:var(--global-padding);right:var(--global-padding);top:var(--global-padding);
  display:flex;align-items:flex-start;justify-content:space-between;z-index:70;pointer-events:none;
}
.top-logo{
  pointer-events:all;display:inline-flex;align-items:center;gap:.5rem;
  background:var(--vtq-red);color:var(--cream);
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.85;font-size:1rem;
  padding:.75rem .9rem;
  clip-path:polygon(0 0,100% 0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%);
}
.top-logo__bolt{width:1rem;height:1rem;color:var(--cream)}
.top-menu-btn{
  pointer-events:all;display:inline-flex;align-items:center;gap:.75rem;
  background:#050914;color:var(--cream);
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;font-size:1rem;
  padding:.75rem .9rem;border:1px solid rgba(238,227,209,.35);
  clip-path:polygon(0 0,100% 0,100% 100%,.6rem 100%,0 calc(100% - .6rem));
}
.top-menu-btn__lines{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4375rem;width:1.625rem}
.navbar__toggle-line{display:block;width:1.625rem;height:2px;background:var(--cream);transition:translate .25s var(--ease-hover),rotate .3s var(--ease-hover)}
.top-menu-btn:hover .navbar__toggle-line:first-child{translate:0 -2px}
.top-menu-btn:hover .navbar__toggle-line:last-child{translate:0 2px}
.top-menu-btn.is-x .navbar__toggle-line:first-child{translate:0 4.5px;rotate:45deg}
.top-menu-btn.is-x .navbar__toggle-line:last-child{translate:0 -4.5px;rotate:-45deg}

/* menu overlay (dossier §3.2 / §4.5) */
.navbar__wrapper{position:fixed;inset:0;z-index:55;visibility:hidden}
.navbar__bg{position:absolute;inset:0;background:var(--black);opacity:0}
.navbar__boxes{position:relative;display:flex;gap:var(--global-padding);height:100%;padding:calc(var(--global-padding) + 4rem) var(--global-padding) var(--global-padding)}
@media (min-width:1025px){.navbar__boxes{padding-top:5.5rem}}
.navbar__box--left{
  flex:1;background:#0e2460;color:var(--cream);
  padding:5.5vh var(--global-padding);display:flex;flex-direction:column;justify-content:space-between;
  clip-path:inset(0 100% 0 0);
}
@media (min-width:1025px){.navbar__box--left{padding:5.5vh 5.0625rem}}
.navbar__box--right{display:none}
@media (min-width:1025px){.navbar__box--right{display:block;flex:1;overflow:hidden;clip-path:inset(0 0 0 100%)}}
.navbar__box--right img{width:100%;height:100%;object-fit:cover;scale:1.1}
.navbar__main{display:flex;flex-direction:column;gap:.5rem}
.navbar__link-clip{display:block;overflow:hidden}
.navbar__link{
  display:inline-flex;align-items:center;gap:.2em;
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;font-size:4.25rem;
}
@media (min-width:1025px){.navbar__link{font-size:min(8.75rem,15vh)}}
.navbar__link-arrow{width:.72em;height:.69em;flex:none;width:0;overflow:hidden;transition:width .35s var(--ease-hover)}
.navbar__link:hover .navbar__link-arrow,.navbar__link.is-active .navbar__link-arrow{width:.72em}
.navbar__link.is-active{color:var(--tan-hide);pointer-events:none}
.navbar__social{display:flex;flex-direction:column;gap:.25rem}
@media (min-width:1025px){.navbar__social{flex-direction:row;gap:2rem}}
.navbar__link--social{font-size:1.25rem;line-height:1}

/* ---------- Split text (dossier §4.2) ---------- */
.split-text .part-container{display:inline-block;overflow:clip;padding-inline:.15em;margin-inline:-.15em;vertical-align:top}
.split-text .word{display:inline-block;will-change:transform}

/* ---------- Timezone bar (dossier §3.8) ---------- */
.timezone-bar{display:none}
@media (min-width:1025px){
  .timezone-bar{
    display:block;position:absolute;right:var(--global-padding);top:0;height:100%;
    z-index:8;pointer-events:none;color:var(--cream);
    translate:calc(50% * var(--play-progress,0)) 0;
  }
  .timezone-bar__block{
    position:absolute;right:0;
    font-family:var(--font-serif);font-style:italic;font-weight:500;
    font-size:1.375rem;letter-spacing:-.02em;line-height:1;white-space:nowrap;
  }
  .timezone-bar__block--time{top:var(--global-padding);rotate:-90deg;transform-origin:100% 100%;translate:0 -100%}
  .timezone-bar__block--tag{bottom:var(--global-padding);rotate:-90deg;transform-origin:0 100%;translate:100% 0}
  .timezone-bar--static{position:absolute}
}


/* ---------- Hero (dossier §3.3) ---------- */
.hero__wrapper{background:linear-gradient(155deg,#16307a 0%,#0a1735 55%,#050914 100%)}
.hero__bg{position:absolute;inset:0;overflow:hidden}
.hero__bg video,.hero__bg img{width:100%;height:100%;object-fit:cover;translate:calc(var(--xy,-10%) * var(--p,0)) 0}
@media (max-width:1024px){.hero__bg video,.hero__bg img{translate:0 calc(var(--xy,-10%) * var(--p,0))}}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));pointer-events:none}
.hero__wordmark{
  position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;width:100%;text-align:center;
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;color:var(--cream);
  font-size:3.75rem;pointer-events:none;
}
@media (min-width:1025px){.hero__wordmark{font-size:12rem}}
.hero__box{
  position:relative;z-index:3;height:100%;display:flex;flex-direction:row;align-items:flex-end;
  padding:var(--global-padding);padding-bottom:calc(100vh - var(--svh) + var(--global-padding));
}
@media (min-width:1025px){.hero__box{padding:var(--global-padding) var(--global-padding) var(--global-padding) var(--navbar-padding)}}
.hero__title{
  font-family:var(--font-serif);font-style:italic;font-weight:600;text-transform:none;
  letter-spacing:-.01em;line-height:1.02;color:var(--cream);
  font-size:2.75rem;
}
@media (min-width:1025px){.hero__title{font-size:5.5rem}}
.hero__brand{margin-left:auto;font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;font-size:1rem}
@media (max-width:1024px){.hero__brand{display:none}}

/* ---------- Trailers (dossier §3.4) ---------- */
.trailers{position:relative}
.trailer__wrapper{background:#0e2460}
.trailers .trailer:nth-child(2) .trailer__wrapper{background:#4a0d06}
.trailers .trailer:nth-child(3) .trailer__wrapper{background:#06303a}
.trailer__bg{position:absolute;inset:0;overflow:hidden}
.trailer__bg video,.trailer__bg img{width:100%;height:100%;object-fit:cover}
.trailer__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));opacity:calc(1 - var(--play-progress,0));pointer-events:none}
.trailer__video{position:absolute;inset:0;background:#050914;opacity:0;pointer-events:none}
.trailer__video video,.trailer__video img{width:100%;height:100%;object-fit:cover}
.trailer.is-playing .trailer__video{pointer-events:all}
.trailer__box{
  position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;
  padding:var(--global-padding);padding-bottom:calc(100vh - var(--svh) + var(--global-padding));
  translate:0 calc((100% + var(--global-padding) + 1.875rem) * var(--play-progress,0));
}
@media (min-width:1025px){.trailer__box{padding:var(--global-padding) var(--global-padding) var(--global-padding) var(--navbar-padding)}}
.trailer__content{position:relative;display:flex;flex-direction:column;gap:3rem;padding-top:1.5rem}
.trailer__content::before{
  content:"";position:absolute;top:0;left:0;height:1px;background:var(--cream);
  width:calc(100% * var(--p,0));
}
@media (min-width:1025px){
  .trailer__content{flex-direction:row;align-items:flex-end;height:23.75rem;margin-bottom:1.875rem;padding:3rem 0 0 var(--global-padding);gap:0}
}
.trailer__left{max-width:59.375rem}
.trailer__subtitle{
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;color:var(--tan-hide);
  font-size:1.5rem;margin-bottom:1rem;
}
@media (min-width:1025px){.trailer__subtitle{font-size:2.25rem}}
.trailer__title{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;color:var(--cream);
  font-size:3rem;
}
@media (min-width:1025px){.trailer__title{font-size:10rem}}
.trailer__right{max-width:31.25rem}
@media (min-width:1025px){.trailer__right{margin:0 3rem 0 auto}}
.trailer__text{font-size:1rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:2rem}
@media (min-width:1025px){.trailer__text{font-size:1.375rem}}

/* circle play button (dossier §3.9) */
.circle-play-bt{display:inline-flex;align-items:center;gap:1rem;transition:gap .3s var(--ease-hover)}
@media (min-width:1025px){
  .circle-play-bt{gap:1.5rem}
  .circle-play-bt:hover{gap:1.25rem}
}
.circle-play-bt__circle{
  width:3.25rem;height:3.25rem;flex:none;border-radius:50%;
  background:var(--tan-hide);color:var(--black);
  display:flex;align-items:center;justify-content:center;
  clip-path:polygon(26.5% 3.5%,69% 0,100% 28.5%,97% 72%,72% 100%,30% 96%,2% 72%,0 30%);
  scale:1.06;transition:scale .3s var(--ease-hover);
}
@media (min-width:1025px){.circle-play-bt__circle{width:5rem;height:5rem}}
.circle-play-bt:hover .circle-play-bt__circle{scale:.89}
.circle-play-bt__circle svg{width:.75rem;height:.75rem}
@media (min-width:1025px){.circle-play-bt__circle svg{width:1.125rem;height:1.125rem}}
.trailer.is-playing .circle-play-bt__circle svg{rotate:180deg}
.circle-play-bt__label{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.02em;font-size:1.125rem;color:var(--cream)}
@media (min-width:1025px){.circle-play-bt__label{font-size:1.5rem}}

/* ---------- Rect button (dossier §3.9) ---------- */
.rect-bt{display:inline-block;overflow:clip;text-align:left}
.rect-bt__wrapper{
  position:relative;display:inline-flex;align-items:center;gap:.75rem;overflow:hidden;
  background:var(--background-color,var(--flamingo));color:var(--color,var(--japanese-maple));
  padding:1.25rem 1.25rem;
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.02em;line-height:.85;
  font-size:1.125rem;
  clip-path:polygon(0 0,25.5% 0,64.9% 0,100% 0,100% 31.9%,100% 100%,31.3% 100%,0 100%,0 66.7%);
}
@media (min-width:1025px){.rect-bt__wrapper{padding:1.4375rem 1.5rem;font-size:1.5rem}}
.rect-bt__ic{width:.9375rem;height:.9375rem;flex:none}
@media (min-width:1025px){.rect-bt__ic{width:1.3125rem;height:1.3125rem}}
.rect-bt__ic:first-child{position:absolute;left:0;translate:calc(-100% - 1.5rem) 0}
.rect-bt__text,.rect-bt__ic{transition:translate .45s var(--easing)}
.rect-bt:hover .rect-bt__text{translate:calc(.9375rem + .75rem) 0}
.rect-bt:hover .rect-bt__ic:first-child{translate:1.5rem 0}
.rect-bt:hover .rect-bt__ic:last-child{translate:calc(100% + 1.5rem) 0}
@media (min-width:1025px){.rect-bt:hover .rect-bt__text{translate:calc(1.3125rem + .75rem) 0}}
.rect-bt[disabled]{opacity:.6;pointer-events:none}

/* ---------- Collection — the Shelf (interactive) ---------- */
.collection{position:relative;background:#eee3d1;color:#171208;z-index:2}
.collection__wrapper{position:relative;padding:5rem var(--global-padding)}
@media (min-width:1025px){
  .collection__wrapper{padding:10rem 3rem 15rem var(--navbar-padding)}
}
.collection__header{position:relative;margin-bottom:3.75rem;padding-bottom:3rem}
.collection__header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;opacity:.35}
@media (min-width:1025px){.collection__header{margin:0 0 6.25rem}}
.collection__title{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;color:#171208;
  font-size:4.25rem;margin-bottom:3rem;
}
@media (min-width:1025px){.collection__title{font-size:15rem}}
.collection__header-row{display:flex;flex-direction:column;gap:1.5rem}
@media (min-width:1025px){.collection__header-row{flex-direction:row;align-items:flex-end;gap:4rem}}
.collection__header-title{
  font-family:var(--font-serif);font-style:italic;font-weight:500;
  letter-spacing:-.02em;line-height:1;color:#b0160f;
  font-size:2rem;max-width:42.9375rem;
}
@media (min-width:1025px){.collection__header-title{font-size:3.25rem}}
.collection__intro{font-size:1rem;line-height:1.2;letter-spacing:-.02em;max-width:24.5625rem}
@media (min-width:1025px){.collection__intro{font-size:1.375rem;margin-left:auto}}

.shelf{display:flex;flex-direction:column;gap:2.5rem;position:relative;z-index:1}
@media (min-width:1025px){.shelf{flex-direction:row;gap:4rem;align-items:flex-start}}
.shelf__stage{flex:1.35;min-width:0}
.shelf__img{
  width:100%;aspect-ratio:4/3.1;object-fit:cover;background:#d8cbb2;
  clip-path:polygon(0 0,100% 0,100% 88%,93% 100%,0 100%);
}
@media (min-width:1025px){.shelf__img{aspect-ratio:4/3.35}}
.shelf__caption{margin-top:1.75rem;max-width:38rem}
.shelf__caption-title{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.9;color:#171208;font-size:2.5rem;
}
@media (min-width:1025px){.shelf__caption-title{font-size:4rem}}
.shelf__caption-text{font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em;margin-top:.9rem}
@media (min-width:1025px){.shelf__caption-text{font-size:1.375rem}}
.shelf__caption-tag{
  display:inline-block;margin-top:1.1rem;background:var(--vtq-red);color:var(--cream);
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;
  font-size:1rem;line-height:1;padding:.6rem .9rem;
  clip-path:polygon(0 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%);
}
.shelf__items{flex:1;display:flex;flex-direction:column;min-width:0}
.shelf__item{
  display:flex;align-items:baseline;gap:1rem;text-align:left;width:100%;
  padding:.85rem 1rem;margin:0 -1rem;width:calc(100% + 2rem);
  transition:translate .35s var(--ease-hover),background .35s var(--ease-hover),color .35s var(--ease-hover);
}
.shelf__item:hover{translate:1rem 0}
.shelf__item:focus-visible{outline:3px solid var(--vtq-red);outline-offset:2px}
.shelf__name{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.95;color:#171208;font-size:1.625rem;
  transition:color .3s var(--ease-hover);
}
@media (min-width:1025px){.shelf__name{font-size:2.375rem}}
.shelf__item:hover .shelf__name{color:#b0160f}
.shelf__item.is-active{background:#e2d3b8}
.shelf__item.is-active .shelf__name{color:#b0160f}
.shelf__tag{
  margin-left:auto;flex:none;font-size:.9375rem;letter-spacing:-.01em;opacity:.65;
}

/* ---------- Contact accordion (dossier §3.6) ---------- */
.contact__wrapper{background:linear-gradient(180deg,#0a1735 0%,#050914 100%)}
.contact__list{position:relative;height:100%;display:flex;flex-direction:column}
.contact__item{
  position:relative;overflow:hidden;flex:none;
  padding:0 var(--global-padding);
  transition:min-height .5s var(--ease-acc);
  min-height:33.333svh;
}
@media (min-width:1025px){.contact__item{padding:0 var(--content-padding) 0 var(--navbar-padding)}}
.contact__item--red{background:var(--vtq-red);color:var(--cream)}
.contact__item--blue{background:#1746a2;color:var(--cream)}
.contact__item--orange{background:#ff8a2a;color:#2a1503}
.contact__item-inner{height:100%;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}
.contact__content{position:relative;display:flex;align-items:center;gap:1.5rem;transition:translate .5s var(--ease-acc)}
.contact__text-wrapper{flex:none}
.contact__label{font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.02em;font-size:1.25rem;line-height:.9}
.contact__sub{font-size:1rem;letter-spacing:-.02em;line-height:1.2;margin-top:.5rem;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s var(--easing) .1s}
@media (min-width:1025px){.contact__sub{font-size:1.375rem}}
.contact__item.is-open .contact__sub{opacity:1;max-height:4rem}
.contact__title{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.85;font-size:3.5rem;white-space:nowrap;
}
@media (min-width:600px){.contact__title{font-size:4.25rem}}
@media (min-width:1025px){.contact__title{font-size:min(15rem,13vw)}}
.contact__ic{width:3.375rem;height:3.25rem;flex:none;margin-left:auto;opacity:0;scale:.6;transition:opacity .4s var(--easing),scale .4s var(--easing)}
@media (min-width:1025px){.contact__ic{width:11.6875rem;height:11.3125rem}}
.contact__item.is-open .contact__ic{opacity:1;scale:1}
.contact__item .rect-bt{align-self:flex-end;margin-top:1.5rem;opacity:0;translate:0 1rem;pointer-events:none;transition:opacity .4s var(--easing) .1s,translate .4s var(--easing) .1s}
.contact__item.is-open .rect-bt{opacity:1;translate:0 0;pointer-events:all}
@media (min-width:1025px){
  .contact__item:not(.is-open):hover .contact__content{translate:4.875rem 0}
}

/* ---------- Footer (dossier §3.10) ---------- */
.footer__wrapper{
  background:linear-gradient(160deg,#5c0906 0%,#2a0302 100%);color:var(--cream);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:var(--global-padding);gap:7.5rem;
}
@media (min-width:1025px){.footer__wrapper{padding:var(--box-padding) var(--box-padding) var(--global-padding) var(--navbar-padding);gap:4rem}}
.footer__top{position:relative;z-index:1;display:flex;flex-direction:column;gap:3rem}
@media (min-width:1025px){.footer__top{flex-direction:row;justify-content:space-between;align-items:flex-start}}
.footer__wordmark{
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.82;font-size:4.75rem;color:var(--cream);
  display:flex;flex-direction:column;
}
@media (min-width:1025px){.footer__wordmark{font-size:11rem}}
.footer__cols{display:flex;flex-direction:column;gap:2.5rem}
@media (min-width:1025px){.footer__cols{flex-direction:row;width:42.0625rem;gap:8.125rem}}
.footer__subtitle{font-size:1rem;font-weight:400;letter-spacing:-.02em;opacity:.5;margin-bottom:1rem}
@media (min-width:1025px){.footer__subtitle{font-size:1.375rem}}
.footer__address{
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  letter-spacing:-.02em;line-height:1.05;font-size:1.5rem;max-width:33.75rem;
}
@media (min-width:1025px){.footer__address{font-size:2.25rem}}
.footer__nav{display:flex;flex-direction:column;gap:.375rem}
.footer__nav a{
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  letter-spacing:-.02em;line-height:1;font-size:1.5rem;width:fit-content;
  background:linear-gradient(currentColor,currentColor) left bottom / 0% 1px no-repeat;
  transition:opacity .3s var(--ease-hover),background-size .3s var(--ease-hover);
}
@media (min-width:1025px){.footer__nav a{font-size:2.25rem}}
@media (min-width:1025px){
  .footer__nav:hover a{opacity:.35}
  .footer__nav a:hover{opacity:1;background-size:100% 1px}
}
.footer__bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}
@media (min-width:1025px){.footer__bottom{flex-direction:row-reverse;align-items:flex-end;justify-content:space-between}}
.footer__mail-link{
  display:block;text-align:left;position:relative;
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.9;color:var(--cream);font-size:2.25rem;
  padding-bottom:.9375rem;word-break:break-all;
}
@media (min-width:1025px){.footer__mail-link{font-size:4.5rem}}
.footer__mail-link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--cream)}
.footer__copyright{font-size:.875rem;font-weight:500;line-height:1.7}
.footer__privacy{
  background:linear-gradient(currentColor,currentColor) left bottom / 0% 1px no-repeat;
  transition:background-size .35s var(--ease-hover);
}
.footer__privacy:hover{background-size:100% 1px}

/* ---------- Contact forms overlay (dossier §3.7) ---------- */
.contact-forms{position:fixed;inset:0;z-index:90;visibility:hidden}
.contact-forms__bg{position:absolute;inset:0;background:rgba(0,0,0,.8);opacity:0}
.contact-forms__wrapper{
  position:absolute;right:0;top:0;height:100%;width:100%;
  /* parked off-canvas by GSAP (x:100%) once JS boots; parent stays visibility:hidden until then */
}
@media (min-width:1025px){
  .contact-forms__wrapper{width:48.9375rem}
}
.contact-form{
  position:absolute;inset:0;overflow-y:auto;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:4rem var(--global-padding);
}
@media (min-width:1025px){
  .contact-form{clip-path:polygon(3.5rem 0,100% 0,100% 100%,0 100%,0 9rem);padding:4rem 3rem 4rem 6rem}
}
.contact-form--red{background:#1746a2;color:var(--cream)}
.contact-form--blue{background:var(--vtq-red);color:var(--cream)}
.contact-form--casting{background:var(--tan-hide);color:#171208}
.contact-form__inner{width:100%}
.contact-form__close{
  position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;
  background:var(--cream);color:var(--black);font-size:1.25rem;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
@media (min-width:1025px){.contact-form__close{display:none}}
.contact-form__title{
  width:100%;max-width:30.75rem;
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:-.02em;line-height:.9;font-size:1.5rem;
}
@media (min-width:1025px){.contact-form__title{font-size:4.25rem}}
.contact-form__text{width:100%;max-width:30.75rem;font-size:1rem;line-height:1.25;letter-spacing:-.02em;margin-top:1.5rem}
@media (min-width:1025px){.contact-form__text{font-size:1.375rem}}
.contact-form__fields{width:100%;max-width:30.75rem;margin-top:2rem;display:flex;flex-direction:column;gap:2rem}
@media (min-width:1025px){.contact-form__fields{margin-top:3rem}}
.contact-form__field label{
  display:block;font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  letter-spacing:-.01em;font-size:.75rem;margin-bottom:.5rem;
}
@media (min-width:1025px){.contact-form__field label{font-size:.875rem}}
.contact-form__field input,.contact-form__field textarea{
  width:100%;background:var(--cream);color:var(--black);border:none;outline:none;
  font-family:var(--font-text);font-size:.875rem;padding:.9375rem 1rem;
  transition:box-shadow .35s var(--ease-hover);resize:vertical;
}
@media (min-width:1025px){.contact-form__field input,.contact-form__field textarea{font-size:1rem;padding:1.125rem 1.25rem}}
.contact-form__field textarea{height:6rem}
@media (min-width:1025px){.contact-form__field textarea{height:7rem}}
.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{opacity:.32;color:var(--black)}
.contact-form__field input:focus,.contact-form__field textarea:focus{box-shadow:inset 0 0 0 1px var(--black)}
.contact-form__field.is-error input,.contact-form__field.is-error textarea{box-shadow:inset 0 0 0 1px var(--vtq-red)}
.contact-form .rect-bt{margin-top:2rem;align-self:flex-start;margin-left:calc((100% - 30.75rem) / 2)}
@media (max-width:1024px){.contact-form .rect-bt{margin-left:0}}
@media (min-width:1025px){.contact-form .rect-bt{margin-top:3rem}}
.contact-form__note{width:100%;max-width:30.75rem;margin-top:1rem;font-size:.875rem;min-height:1.25rem}
.contact-form>*{flex:none}
.contact-form__title,.contact-form__text,.contact-form__fields{align-self:center}

/* ---------- Cookie consent (dossier §3.11) ---------- */
.cookieconsent{
  position:fixed;right:var(--global-padding);bottom:var(--global-padding);z-index:97;
  width:26rem;max-width:calc(100% - 2 * var(--global-padding));
  background:var(--cream);color:#1e1e1e;padding:1.5rem;
  translate:0 calc(100% + var(--global-padding) + 1rem);
  transition:translate .6s var(--easing);
  box-shadow:0 1.5rem 3rem rgba(0,0,0,.35);
}
.cookieconsent.is-shown{translate:0 0}
.cookieconsent__title{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:.9;font-size:1.5rem;margin-bottom:.75rem}
@media (min-width:1025px){.cookieconsent__title{font-size:2.25rem}}
@media (max-width:599px){.cookieconsent__title{font-size:.875rem}.cookieconsent__text{font-size:.75rem}}
.cookieconsent__text{font-size:1rem;line-height:1.3;letter-spacing:-.02em}
.cookieconsent__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.cookieconsent__btn{
  height:3.25rem;padding:0 1.25rem;border:1px solid var(--black);
  display:inline-flex;align-items:center;
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;font-size:.875rem;
  background:linear-gradient(currentColor,currentColor) left calc(100% - .55rem) / 0% 1px no-repeat;
  transition:background-size .35s var(--ease-hover);
}
@media (min-width:600px){.cookieconsent__btn{font-size:1.125rem}}
.cookieconsent__btn:hover{background-size:calc(100% - 2.5rem) 1px}
.cookieconsent__btn--accept{background-color:var(--ming);border-color:transparent;color:var(--cream)}
.cookieconsent__btn--link{border-color:transparent;padding:0 .5rem}
.cookieconsent__item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid rgba(0,0,0,.15)}
.cookieconsent__item h4{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:1rem;margin-bottom:.25rem}
.cookieconsent__item p{font-size:.8125rem;line-height:1.35;opacity:.75}
.cookieconsent__switch{
  flex:none;width:2.75rem;height:1.5rem;border-radius:2rem;background:#c3c3c3;position:relative;margin-top:.25rem;
}
.cookieconsent__switch::after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;border-radius:50%;background:#fff;transition:translate .3s var(--easing)}
.cookieconsent__switch.is-on{background:var(--ming)}
.cookieconsent__switch.is-on::after{translate:1.25rem 0}
.cookieconsent__switch.is-locked{opacity:.55}

.collection .timezone-bar{color:#171208}