.hero.hero-showcase{
  position:relative;
  isolation:isolate;
  display:block;
  min-height:calc(100vh - 128px);
  overflow:hidden;
  background:#171916;
  color:#fff;
}
.hero.hero-showcase .hero-copy{
  position:relative;
  z-index:4;
  display:flex;
  min-height:calc(100vh - 128px);
  width:min(940px,78vw);
  padding:clamp(64px,9vh,110px) 6vw 118px;
  background:transparent;
  color:#fff;
}
.hero.hero-showcase .eyebrow{color:rgba(255,255,255,.74)}
.hero.hero-showcase h1{
  max-width:900px;
  margin:clamp(34px,5vh,58px) 0 28px;
  color:#fff;
  text-shadow:0 2px 24px rgba(0,0,0,.32);
}
.hero.hero-showcase h1 em{color:#dcc4a5}
.hero.hero-showcase .hero-intro{
  max-width:620px;
  color:rgba(255,255,255,.86);
  text-shadow:0 1px 15px rgba(0,0,0,.32);
}
.hero.hero-showcase .hero-actions{margin-top:auto}
.hero.hero-showcase .button-dark{
  color:#171916;
  background:#fff;
}
.hero.hero-showcase .button-dark:hover{
  color:#fff;
  border-color:#fff;
  background:rgba(255,255,255,.08);
}
.hero.hero-showcase .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.hero.hero-showcase .hero-visual{
  position:absolute;
  z-index:0;
  inset:0;
  min-height:0;
  overflow:hidden;
}
.hero.hero-showcase .hero-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,12,10,.73) 0%,rgba(10,12,10,.46) 43%,rgba(10,12,10,.12) 75%,rgba(10,12,10,.28) 100%),linear-gradient(0deg,rgba(8,10,8,.64) 0%,transparent 38%);
}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.035);
  transition:opacity 1.65s ease,transform 7s ease;
}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-showcase-footer{
  position:absolute;
  z-index:3;
  right:6vw;
  bottom:27px;
  left:6vw;
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto;
  align-items:end;
  gap:32px;
}
.hero.hero-showcase .image-caption{
  position:static;
  display:flex;
  justify-content:flex-start;
  gap:18px;
  padding:0;
  background:none;
  color:rgba(255,255,255,.86);
}
.hero.hero-showcase .image-caption a{color:#fff;text-decoration:none}
.hero.hero-showcase .image-caption a:hover{opacity:.7}
.hero-controls{display:flex;align-items:center;gap:16px}
.hero-arrow{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  color:#fff;
  background:rgba(18,20,18,.2);
  font-size:19px;
  line-height:1;
  cursor:pointer;
  transition:background .25s,border-color .25s;
}
.hero-arrow:hover,.hero-arrow:focus-visible{border-color:#fff;background:rgba(255,255,255,.18);outline:none}
.hero-dots{display:flex;align-items:center;gap:9px}
.hero-dot{
  width:7px;
  height:7px;
  padding:0;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:transform .25s,background .25s;
}
.hero-dot.is-active{transform:scale(1.35);background:#fff}
.hero-dot:focus-visible{outline:1px solid #fff;outline-offset:4px}
@media(max-width:900px){
  .hero.hero-showcase,.hero.hero-showcase .hero-copy{min-height:780px}
  .hero.hero-showcase .hero-copy{width:100%;padding:64px 6vw 145px}
  .hero-showcase-footer{grid-template-columns:1fr;gap:18px}
  .hero-controls{justify-content:space-between}
  .hero-dots{order:2}
  .hero-arrow-next{order:3}
}
@media(max-width:720px){
  .hero.hero-showcase,.hero.hero-showcase .hero-copy{min-height:720px}
  .hero.hero-showcase .hero-copy{padding:58px 24px 150px}
  .hero.hero-showcase h1{font-size:clamp(43px,13vw,56px)}
  .hero.hero-showcase .hero-actions{align-items:flex-start}
  .hero-showcase-footer{right:24px;bottom:22px;left:24px}
  .hero.hero-showcase .image-caption{justify-content:space-between;gap:10px}
  .hero-controls{gap:11px}
  .hero-dots{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide{transform:none;transition:opacity .25s linear}
}