/* ═══ HERO SECTION ═══ */
#hero{
  background:var(--dark);
  min-height:100vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}

#hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 55% 75% at 75% 55%,rgba(230,0,39,.09) 0%,transparent 65%),
              linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);
}

#hero::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:56px 56px;
  pointer-events:none;
}

.hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 400px;
  gap:72px;
  align-items:center;
  width:100%;
}

.hero-eyebrow{
  font-size:11px;
  font-weight:600;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:12px;
}

.hero-eyebrow::before{
  content:'';
  display:block;
  width:28px;
  height:1px;
  background:var(--accent);
}

h1.hero-title{
  font-family:var(--fd);
  font-size:clamp(2.8rem,5vw,4.4rem);
  font-weight:900;
  color:var(--white);
  line-height:1.06;
  margin-bottom:10px;
}

.hero-subtitle{
  font-family:var(--fd);
  font-size:clamp(1rem,2vw,1.3rem);
  font-weight:400;
  font-style:italic;
  color:rgba(255,255,255,.40);
  margin-bottom:24px;
}

.hero-desc{
  font-size:15px;
  color:rgba(255,255,255,.58);
  line-height:1.82;
  max-width:510px;
  margin-bottom:34px;
}

.hero-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:48px;
}

.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:59px;
  margin-top:35px;
}

.stat-number{
  font-family:var(--fd);
  font-size:2.2rem;
  font-weight:900;
  color:var(--white);
  line-height:1;
  margin-bottom:5px;
}

.stat-number span{
  color:var(--accent);
}

.stat-label{
  font-size:10.5px;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(255,255,255,.38);
}

/* ═══ HERO PHOTO ═══ */
.hero-photo-wrap{
  position:relative;
}

.hero-photo-frame{
  position:relative;
  border-radius:2px;
  overflow:hidden;
}

.hero-photo-frame::before{
  content:'';
  position:absolute;
  top:-11px;
  right:-11px;
  width:100%;
  height:100%;
  border:1.5px solid var(--accent);
  border-radius:2px;
  z-index:0;
}

.hero-photo-frame img{
  width:100%;
  height:500px;
  object-fit:cover;
  object-position:top center;
  position:relative;
  z-index:1;
}

.hero-badge{
  position:absolute;
  bottom:-18px;
  left:-18px;
  background:var(--accent);
  color:var(--white);
  padding:14px 18px;
  border-radius:2px;
  z-index:2;
}

.hero-badge-num{
  font-family:var(--fd);
  font-size:1.8rem;
  font-weight:900;
  line-height:1;
}

.hero-badge-text{
  font-size:10px;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  opacity:.85;
  margin-top:2px;
}

/* ═══ SOCIAL LINKS ═══ */
.hero-social{
  position:absolute;
  right:-46px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:13px;
}

.hero-social a{
  width:34px;
  height:34px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.45);
  transition:var(--t);
}

.hero-social a:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--white);
}

/* ═══ SCROLL HINT ═══ */
.scroll-hint{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.22);
  font-size:10px;
  font-weight:500;
  letter-spacing:2px;
  text-transform:uppercase;
  z-index:1;
  animation:floatY 2.2s ease-in-out infinite;
}

@keyframes floatY{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(7px)}
}
