/* FV #top */
.hero{
  min-height:100vh;
  background:radial-gradient(ellipse at 75% 30%, #2a2117 0%, var(--lacquer-deep) 62%);
  color:var(--text-on-dark);display:flex;align-items:center;position:relative;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 15% 80%, rgba(184,64,44,.10), transparent 45%);
  pointer-events:none;
}
.hero-inner{
  position:relative;z-index:2;display:grid;
  grid-template-columns:1fr 1fr;column-gap:70px;align-items:center;padding-top:70px;
}
.hero-inner .eyebrow{grid-column:1;grid-row:1;}
.hero-inner h1{grid-column:1;grid-row:2;font-size:42px;line-height:1.7;color:#fff;font-weight:600;}
.hero-inner .sub{grid-column:1;grid-row:3;font-size:13px;color:var(--sub-dark);margin-top:26px;letter-spacing:.04em;font-weight:300;}
.hero-inner .cta{
  grid-column:1;grid-row:4;justify-self:start;
  display:inline-block;margin-top:44px;font-size:12.5px;letter-spacing:.22em;
  color:var(--ivory);background:var(--vermillion);padding:17px 46px;transition:background .25s;
}
.hero-inner .cta:hover{background:var(--vermillion-deep);}
.hero-visual{grid-column:2;grid-row:1 / 5;}
.hero-visual .ph{height:520px;}

@media (max-width: 768px){
  .hero{
    min-height:92vh;
    background:radial-gradient(ellipse at 75% 20%, #2a2117 0%, var(--lacquer-deep) 62%);
  }
  .hero-inner{display:flex;flex-direction:column;padding-top:70px;}
  .hero-inner h1{font-size:27px;line-height:1.7;}
  .hero-inner .sub{font-size:12px;margin-top:20px;}
  .hero-visual{margin-top:32px;}
  .hero-visual .ph{height:210px;}
  .hero-inner .cta{margin-top:30px;font-size:11.5px;letter-spacing:.18em;padding:14px 34px;}
}