/* V16: centered three-column brand header, genuine Poiret wordmark, complete showreel frame. */
:root{--ht-header-pad:clamp(18px,3.5vw,80px)}
/* Keep all three header elements centered in their own equal-width columns. */
body .site-header .header-inner,
body .ht-header .ht-inner{
  width:100%!important;max-width:none!important;
  margin:0!important;
  padding-inline:var(--ht-header-pad)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  align-items:center!important;
}
body .site-header .header-inner>.wordmark,
body .ht-header .ht-inner>.ht-logo{
  justify-self:center!important;
  text-align:center!important;
  font-family:"Poiret One",sans-serif!important;
  font-weight:400!important;
  text-transform:lowercase!important;
  font-style:normal!important;
  letter-spacing:-.035em!important;
  font-synthesis:none!important;
  /* preserve established wordmark size */
}
body .site-header .header-inner>.header-center,
body .ht-header .ht-inner>.ht-center{
  justify-self:center!important;
  text-align:center!important;
  position:static!important;
  left:auto!important;
  transform:none!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:clamp(14px,1.4vw,21px)!important;
  font-weight:900!important;
  font-synthesis:none!important;
  letter-spacing:-.055em!important;
  line-height:1.08!important;
  color:#fff!important;
  text-shadow:0 0 0 currentColor;
  white-space:nowrap!important;
}
body .site-header .header-inner>.header-menu-wrap,
body .ht-header .ht-inner>.ht-wrap{
  justify-self:center!important;
  margin:0!important;
}
/* Place the central scroll prompt on the actual page midpoint, not the center of a flex remainder. */
body .hero-foot.shell{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-content:initial!important;
}
body .hero-foot.shell>span:nth-child(1){justify-self:start!important;text-align:left!important}
body .hero-foot.shell>span:nth-child(2){justify-self:center!important;text-align:center!important;white-space:nowrap!important}
body .hero-foot.shell>span:nth-child(3){justify-self:end!important;text-align:right!important}
/* Show the full video frame: letterbox/pillarbox instead of cropping. */
body .hero-media{background:#08090a!important;overflow:hidden!important}
body .hero-media video,
body .hero-media #hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1!important;
}
/* Leave the showreel visible while ensuring text contrast. */
body .hero-media:after{
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 47%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 24%,transparent 76%,rgba(0,0,0,.28))!important;
}
@media(max-width:800px){
 body .site-header .header-inner>.header-center,body .ht-header .ht-inner>.ht-center{
   font-size:clamp(11px,2.2vw,16px)!important;white-space:normal!important;max-width:100%!important
 }
 body .hero-foot.shell>span:nth-child(2){grid-column:2!important}
}
@media(max-width:560px){
 :root{--ht-header-pad:8px}
 body .site-header .header-inner,body .ht-header .ht-inner{
   grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)!important
 }
 body .site-header .header-inner>.header-center,body .ht-header .ht-inner>.ht-center{
   font-size:clamp(10px,2.7vw,13px)!important;letter-spacing:-.04em!important
 }
 body .hero-foot.shell>span:nth-child(2){grid-column:1 / -1!important;justify-self:center!important}
}