:root{
  --gold:#FFDE59;
  --green:#5cc15c;
  --ink:#0d0d0d;
  --white:#ffffff;
  --font:"Work Sans",-apple-system,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#000;line-height:1.4}
img{display:block;max-width:100%}
a{color:inherit}

/* ===== TOP HEADER ===== */
.topbar{background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,3rem);height:68px}
.topbar__brand{font-weight:800;font-size:1.4rem;letter-spacing:.02em}
.topbar__icons{display:flex;gap:1.1rem;align-items:center}
.topbar__icons img{width:26px;height:26px;filter:brightness(0) invert(1)}

/* ===== HERO ===== */
.hero{position:relative;height:calc(100vh - 68px);min-height:520px;overflow:hidden;background:#1a3d12}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;padding:2.2rem clamp(1.2rem,4vw,3rem)}
.hero__soon{
  color:var(--gold);font-weight:600;font-size:clamp(.95rem,1.6vw,1.15rem);
  line-height:1.25;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)
}
.hero__crest{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:clamp(140px,18vw,240px);height:auto;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))
}
.hero__tuned{
  position:absolute;left:clamp(1.2rem,4vw,3rem);bottom:clamp(.4rem,2vw,1.2rem);
  color:var(--white);font-weight:800;line-height:.92;letter-spacing:-.02em;
  font-size:clamp(4.5rem,16vw,12rem);text-shadow:0 2px 20px rgba(0,0,0,.3)
}

/* ===== INFO BAR ===== */
.info{
  background:#000;color:var(--white);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,4vw,3rem);
  padding:clamp(1.4rem,3vw,2.4rem) clamp(1.2rem,4vw,3rem)
}
.info__crest{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:50%;padding:6px}
.info__social{display:flex;flex-direction:column;gap:.35rem;font-size:1rem}
.info__social a{text-decoration:underline;text-underline-offset:3px}
.info__social a:hover{color:var(--gold)}
.info__contact{font-style:normal;font-size:.95rem;line-height:1.5;text-align:right;opacity:.95}

/* ===== CONTACT ===== */
.contact{background:#fff;color:var(--ink);padding:clamp(2rem,5vw,3.5rem) clamp(1.2rem,4vw,3rem)}
.contact__title{font-size:1.05rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:2rem}
.contact__form{display:flex;flex-direction:column;gap:1.9rem;max-width:1100px}
.field{display:flex;flex-direction:column;gap:.5rem}
.field>span{font-size:.95rem;font-weight:700}
.field input,.field textarea{
  border:none;border-bottom:1px solid #111;background:transparent;
  font-family:inherit;font-size:1rem;padding:.4rem 0;color:inherit;resize:vertical
}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--green)}
.field--light>span{color:#fff}
.field--light input{border-bottom-color:#fff;color:#fff}

.btn{
  align-self:flex-start;margin-top:.6rem;border:1px solid #111;background:#fff;color:#116DFF;
  font-family:inherit;font-weight:600;font-size:1rem;padding:.7rem 2.4rem;border-radius:2px;cursor:pointer;transition:.15s
}
.btn:hover{background:#116DFF;color:#fff;border-color:#116DFF}
.btn--green{background:var(--green);color:#fff;border-color:var(--green);align-self:stretch;text-align:center}
.btn--green:hover{filter:brightness(.92)}
.form__note{font-weight:600;color:var(--green);margin-top:.4rem}

/* ===== NEWSLETTER ===== */
.news{
  background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(1.5rem,5vw,4rem);align-items:center;
  padding:clamp(2.5rem,6vw,5rem) clamp(1.2rem,4vw,3rem)
}
.news__brand{display:flex;flex-direction:column;gap:1.6rem}
.news__wordmark{font-weight:800;font-size:clamp(1.3rem,3vw,1.9rem);letter-spacing:.02em}
.news__icons{display:flex;gap:1rem}
.news__icons img{width:34px;height:34px;border-radius:50%;background:#fff;padding:5px}
.news__signup{max-width:520px}
.news__title{font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin-bottom:1.6rem}
.news__form{display:flex;flex-direction:column;gap:1.2rem}
.news__consent{display:flex;align-items:center;gap:.6rem;font-size:.95rem}
.news__consent input{width:18px;height:18px;accent-color:var(--green)}

/* ===== RESPONSIVE ===== */
@media (max-width:760px){
  .info{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.2rem}
  .info__contact{text-align:center}
  .news{grid-template-columns:1fr}
  .hero__tuned{font-size:clamp(3.5rem,22vw,7rem)}
  .hero__crest{transform:translate(-50%,-60%);width:clamp(120px,34vw,180px)}
}