.hero{
  max-width:none;
  width:100%;
  margin:0;
  min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px);
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);
  gap:48px;
  align-items:stretch;
  padding:0 64px 64px 0;
}
.hero-panels{
  height:calc(100vh - 64px);
  height:calc(100svh - 64px);
  min-height:620px;
  display:flex;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:#080808;
  box-shadow:none;
}
.panel{
  flex:1;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-width:0;
  padding:32px;
  isolation:isolate;
  transition:flex .45s ease, filter .45s ease;
}
.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.82));z-index:-1}
.panel:after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;z-index:-2;transition:opacity .4s ease, transform .6s ease}
.panel.one{background:linear-gradient(180deg,#151515,#050505)}
.panel.two{background:linear-gradient(180deg,var(--red-dark),#130607)}
.panel.three{background:linear-gradient(180deg,var(--violet),#110916)}
.panel.four{background:linear-gradient(180deg,var(--blue),#07101d)}
.panel.one:after{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80')}
.panel.two:after{background-image:url('https://images.unsplash.com/photo-1574717024653-61fd2cf4d44d?auto=format&fit=crop&w=900&q=80')}
.panel.three:after{background-image:url('https://images.unsplash.com/photo-1601506521937-0121a7fc2a6b?auto=format&fit=crop&w=900&q=80')}
.panel.four:after{background-image:url('https://images.unsplash.com/photo-1626544827763-d516dce335e2?auto=format&fit=crop&w=900&q=80')}
.panel-content{max-width:260px}
.panel-number{
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:rgba(255,255,255,.12);
  padding:7px 9px;
  border-radius:999px;
  display:inline-block;
  margin-bottom:14px;
}
.panel h3{font-size:1.625rem;line-height:1.08;margin-bottom:10px}
.panel p{font-size:.875rem;color:#e7e7ec;opacity:.82}

.hero-copy{
  align-self:center;
  max-width:660px;
  padding:64px 0 18px;
}
.hero-copy h1{font-size:4.125rem}
.hero-copy h1 span{color:var(--red);display:block}
.hero-copy .lead{margin-top:22px}
.hero-video .video-card{width:min(100%,900px);margin:0 auto}

.section.faq-section{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:42px;
  align-items:start;
  padding-top:92px;
}
.faq-intro{
  position:sticky;
  top:112px;
  min-width:0;
}
.faq-intro h2{font-size:4.5rem}
.faq-intro .lead{margin-top:20px}
.faq-list{
  display:grid;
  gap:0;
  min-width:0;
  padding:0 32px;
  background:transparent;
}
.faq-item{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:0;
  border-top:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:transparent;
}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
.faq-item.is-open{
  border-color:rgba(255,255,255,.08);
  transform:none;
}
.faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 0;
  border:0;
  background:transparent;
  color:#dcdcdc;
  text-align:left;
  cursor:pointer;
}
.faq-question span{
  min-width:0;
  display:block;
  font-size:1rem;
  font-weight:900;
  line-height:1.35;
}
.faq-question small{
  display:none;
}
.faq-question i{
  position:relative;
  flex:0 0 auto;
  width:16px;
  height:16px;
  border:0;
  background:transparent;
  transition:transform .22s ease;
}
.faq-question i:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border-right:2px solid #a6a6a6;
  border-bottom:2px solid #a6a6a6;
  transform:translate(-50%,-65%) rotate(45deg);
  transition:border-color .22s ease;
}
.faq-item.is-open .faq-question i{
  transform:rotate(180deg);
}
.faq-item.is-open .faq-question i:before{border-color:#fff}
.faq-answer{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .34s ease, opacity .24s ease;
}
.faq-answer p{
  min-height:0;
  overflow:hidden;
  padding:0;
  color:#a9a9a9;
  font-size:.95rem;
}
.faq-item.is-open .faq-answer{
  grid-template-rows:1fr;
  opacity:1;
}
.faq-item.is-open .faq-answer p{padding-bottom:24px}

@media (max-width: 980px){
  .section.faq-section{grid-template-columns:1fr;gap:26px}
  .faq-intro{position:static}
  .faq-intro h2{font-size:3.75rem}
}

@media (max-width: 620px){
  .section.faq-section{padding-top:64px}
  .faq-intro h2{font-size:2.45rem}
  .faq-list{padding:0 18px}
  .faq-question{padding:21px 0}
  .faq-answer p{padding:0}
  .faq-item.is-open .faq-answer p{padding-bottom:18px}
}

@media (max-width: 420px){
  .faq-intro h2{font-size:2.15rem}
}