@font-face{font-family:"Bebas Neue";src:url("../fonts/bebas-neue-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
  @font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
  @font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
  @font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
  .food-fights-landing{
    --orange:#ff5a12;
    --orange-deep:#e84a0c;
    --white:#ffffff;
    --text:#f2f2f2;
    --bg:#000000;
    --line:rgba(255,90,18,.85);
  }
  .food-fights-landing, .food-fights-landing *, .food-fights-landing *::before, .food-fights-landing *::after{box-sizing:border-box}
  .food-fights-landing{
    background:var(--bg);
    color:var(--text);
    font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    line-height:1.5;
    min-height:100vh;
    overflow-x:hidden;
  }

  /* ---------- Page shell ---------- */
  .food-fights-landing .splash{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    isolation:isolate;
    display:flex;
    align-items:center;
  }
  /* Floating embers */
  .splash::before{
    content:"";
    position:absolute;inset:0;z-index:-2;
    background-image:
      radial-gradient(1.6px 1.6px at 6% 12%, #ff6a1a 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 14% 70%, #ff5a12 50%, transparent 51%),
      radial-gradient(2px 2px at 3% 42%, #ff4d00 50%, transparent 51%),
      radial-gradient(1.4px 1.4px at 22% 8%, #ff7a2e 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 31% 92%, #ff5a12 50%, transparent 51%),
      radial-gradient(1.6px 1.6px at 38% 4%, #ff6a1a 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 9% 88%, #ff4d00 50%, transparent 51%),
      radial-gradient(1.8px 1.8px at 46% 60%, #ff5a12 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 58% 3%, #ff7a2e 50%, transparent 51%),
      radial-gradient(1.4px 1.4px at 66% 47%, #ff5a12 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 72% 14%, #ff6a1a 50%, transparent 51%),
      radial-gradient(1.6px 1.6px at 18% 30%, #ff4d00 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 27% 55%, #ff7a2e 50%, transparent 51%),
      radial-gradient(1px 1px at 52% 96%, #ff5a12 50%, transparent 51%),
      radial-gradient(1.4px 1.4px at 78% 30%, #ff6a1a 50%, transparent 51%),
      radial-gradient(1.2px 1.2px at 85% 6%, #ff5a12 50%, transparent 51%);
    opacity:.8;
  }
  .splash::after{
    content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
    background-image:
      radial-gradient(1.3px 1.3px at 20% 30%, #ff5a12 50%, transparent 51%),
      radial-gradient(1px 1px at 70% 80%, #ff7a2e 50%, transparent 51%),
      radial-gradient(1.6px 1.6px at 45% 55%, #ff4d00 50%, transparent 51%),
      radial-gradient(1px 1px at 85% 15%, #ff6a1a 50%, transparent 51%);
    background-size:260px 210px, 340px 290px, 410px 370px, 190px 230px;
    opacity:.55;
  }
  /* Flames image (right side) */
  .food-fights-landing .flames{
    position:absolute;
    top:0;right:0;bottom:0;
    width:max(21vw,300px);
    z-index:-1;
    background:url("../flames.jpg") right bottom / cover no-repeat;
    mix-blend-mode:screen;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 10%);
            mask-image:linear-gradient(to right, transparent 0%, #000 10%);
    pointer-events:none;
  }

  .food-fights-landing .wrap{
    width:100%;
    max-width:2000px;
    margin:0 auto;
    padding:34px 13.5% 26px 10.8%;
  }
  .food-fights-landing .lower{max-width:1140px}

  /* ---------- Hero ---------- */
  .food-fights-landing .hero{
    display:grid;
    grid-template-columns:clamp(240px,23.5vw,380px) 1px 1fr;
    gap:44px;
    align-items:center;
  }
  .food-fights-landing .logo img{display:block;width:100%;height:auto;mix-blend-mode:screen}
  .food-fights-landing .vdivider{align-self:stretch;background:rgba(255,255,255,.55);margin:30px 0}

  .food-fights-landing .tagline{
    color:var(--orange);
    font-weight:800;
    font-size:clamp(18px,1.7vw,25px);
    line-height:1.3;
    letter-spacing:.01em;
    text-transform:uppercase;
  }
  .food-fights-landing .tagline span{display:block}
  .food-fights-landing .headline{
    font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
    font-weight:400;
    color:var(--white);
    font-size:clamp(64px,10.2vw,165px);
    line-height:.92;
    letter-spacing:.01em;
    margin-top:14px;
    white-space:nowrap;
    text-transform:uppercase;
  }
  .food-fights-landing .star-rule{
    display:flex;align-items:center;gap:6px;
    width:min(100%,420px);
    margin:30px 0 26px;
    color:var(--orange);
  }
  .food-fights-landing .star-rule::before,.food-fights-landing .star-rule::after{content:"";flex:1;height:2px;background:var(--orange)}
  .food-fights-landing .star-rule span{font-weight:800;font-size:22px;line-height:1;transform:translateY(3px)}
  .food-fights-landing .intro{
    font-size:clamp(15px,1.25vw,19px);
    line-height:1.6;
    max-width:440px;
    color:var(--text);
  }

  /* ---------- Features ---------- */
  .food-fights-landing .features{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:22px;
  }
  .food-fights-landing .feature{
    text-align:center;
    padding:0 18px;
    position:relative;
  }
  .food-fights-landing .feature + .food-fights-landing .feature::before{
    content:"";position:absolute;left:0;top:22px;bottom:4px;
    width:2px;background:var(--line);
  }
  .food-fights-landing .feature .ast{
    display:block;color:var(--orange);
    font-weight:800;font-size:44px;line-height:.8;height:30px;
  }
  .food-fights-landing .feature h3{
    color:var(--white);
    font-weight:700;
    font-size:clamp(14px,1.15vw,18px);
    letter-spacing:.03em;
    line-height:1.3;
    text-transform:uppercase;
    margin-top:6px;
  }
  .food-fights-landing .feature h3::after{
    content:"";display:block;width:84px;height:2px;
    background:var(--orange);margin:10px auto 18px;
  }
  .food-fights-landing .feature p{font-size:clamp(13px,1.05vw,16px);line-height:1.5;color:var(--text)}
  .food-fights-landing .feature p span{display:block}

  /* ---------- Sign-up bar ---------- */
  .food-fights-landing .signup{
    display:flex;align-items:center;gap:24px;
    border:2px solid var(--orange);
    border-radius:8px;
    padding:12px 34px 12px 28px;
    margin-top:26px;
    background:rgba(0,0,0,.55);
  }
  .food-fights-landing .signup .at{
    color:var(--orange);font-size:48px;line-height:1;font-weight:500;
    padding-right:26px;border-right:2px solid var(--orange);
    align-self:stretch;display:flex;align-items:center;
  }
  .food-fights-landing .signup .copy{flex-shrink:0}
  .food-fights-landing .signup .copy h2{white-space:nowrap;
    color:var(--white);font-weight:700;letter-spacing:.02em;
    font-size:clamp(17px,1.5vw,23px);line-height:1.2;text-transform:uppercase;
  }
  .food-fights-landing .signup .copy p{font-size:clamp(13px,1.1vw,17px);line-height:1.4;margin-top:4px}
  .food-fights-landing .signup .copy p span{display:block}
  .food-fights-landing .signup form{
    margin-left:auto;display:flex;flex:1;max-width:620px;
  }
  .food-fights-landing .signup input{
    flex:1;min-width:0;
    height:58px;padding:0 20px;
    background:#050505;color:var(--white);
    border:1.5px solid var(--orange);border-right:0;
    border-radius:6px 0 0 6px;
    font:inherit;font-size:16px;text-align:center;
    outline:none;
  }
  .food-fights-landing .signup input::placeholder{color:#cfcfcf}
  .food-fights-landing .signup input:focus{box-shadow:inset 0 0 0 1px var(--orange)}
  .food-fights-landing .signup button{
    height:58px;padding:0 34px;
    background:var(--orange-deep);color:var(--white);
    border:0;border-radius:0 6px 6px 0;
    font:inherit;font-weight:800;font-size:17px;letter-spacing:.04em;
    text-transform:uppercase;cursor:pointer;white-space:nowrap;
    transition:background .2s;
  }
  .food-fights-landing .signup button:hover,.food-fights-landing .signup button:focus-visible{background:#ff6a26}

  /* ---------- Contact ---------- */
  .food-fights-landing .contact{margin-top:18px}
  .food-fights-landing .contact h2{
    display:flex;align-items:center;gap:90px;
    color:var(--orange);font-weight:800;
    font-size:clamp(17px,1.4vw,21px);letter-spacing:.03em;text-transform:uppercase;
    line-height:1;
  }
  .food-fights-landing .contact h2::before,.food-fights-landing .contact h2::after{content:"";flex:1;height:1.5px;background:var(--orange)}
  .food-fights-landing .contact ul{
    list-style:none;display:grid;grid-template-columns:repeat(3,1fr);
    margin-top:12px;
  }
  .food-fights-landing .contact li{text-align:center;position:relative}
  .food-fights-landing .contact li + li::before{
    content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:2px;height:26px;background:var(--orange);
  }
  .food-fights-landing .contact a{color:var(--white);text-decoration:none;font-size:clamp(14px,1.25vw,19px)}
  .food-fights-landing .contact a:hover{color:var(--orange)}

  .food-fights-landing .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* ================= Responsive ================= */
  @media (max-width:1280px){
    .food-fights-landing .wrap{padding:34px 9% 26px 5%}
    .food-fights-landing .hero{gap:34px}
  }
  @media (max-width:1024px){
    .food-fights-landing .wrap{padding:40px 32px 30px}
    .food-fights-landing .flames{width:36vw;opacity:.5}
    .food-fights-landing .hero{grid-template-columns:clamp(200px,28vw,300px) 1px 1fr;gap:30px}
    .food-fights-landing .headline{font-size:clamp(64px,11vw,120px)}
    .food-fights-landing .signup{flex-wrap:wrap;padding:18px 22px}
    .food-fights-landing .signup form{flex-basis:100%;max-width:none;margin-left:0}
  }
  @media (max-width:820px){
    .food-fights-landing .splash{align-items:flex-start}
    .food-fights-landing .wrap{padding:32px 22px 30px}
    .food-fights-landing .hero{grid-template-columns:1fr;gap:18px;text-align:center}
    .food-fights-landing .vdivider{display:none}
    .food-fights-landing .logo{width:min(66vw,280px);margin:0 auto}
    .food-fights-landing .tagline{font-size:clamp(16px,4.2vw,22px)}
    .food-fights-landing .headline{font-size:clamp(58px,17vw,120px);margin-top:10px;white-space:normal}
    .food-fights-landing .star-rule{margin:22px auto 20px;width:min(80%,360px)}
    .food-fights-landing .intro{margin:0 auto;max-width:520px}
    .food-fights-landing .features{grid-template-columns:repeat(2,1fr);row-gap:30px;margin-top:36px}
    .food-fights-landing .feature:nth-child(3)::before{display:none}
    .food-fights-landing .flames{width:100%;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 55%);mask-image:linear-gradient(to bottom,transparent 0%,#000 55%);background-position:right bottom;background-size:auto 70%}
  }
  @media (max-width:560px){
    .food-fights-landing .wrap{padding:26px 16px 26px}
    .food-fights-landing .features{row-gap:26px}
    .food-fights-landing .feature{padding:0 8px}
    .food-fights-landing .feature .ast{font-size:38px;height:26px}
    .food-fights-landing .feature h3::after{margin:8px auto 12px}
    .food-fights-landing .signup{flex-direction:column;text-align:center;gap:14px;padding:20px 16px}
    .food-fights-landing .signup .copy h2{white-space:normal}
    .food-fights-landing .signup .at{border-right:0;padding-right:0;border-bottom:2px solid var(--orange);padding-bottom:10px;align-self:center}
    .food-fights-landing .signup form{flex-direction:column;gap:10px;width:100%}
    .food-fights-landing .signup input{flex:none;width:100%}
    .food-fights-landing .signup input{border-right:1.5px solid var(--orange);border-radius:6px;height:52px}
    .food-fights-landing .signup button{border-radius:6px;height:52px;width:100%}
    .food-fights-landing .contact h2{gap:18px}
    .food-fights-landing .contact ul{grid-template-columns:1fr;row-gap:10px}
    .food-fights-landing .contact li + li::before{display:none}
  }
  @media (max-width:359px){
    .food-fights-landing .features{grid-template-columns:1fr}
    .food-fights-landing .feature + .food-fights-landing .feature::before{display:none}
  }

/* WordPress/Elementor isolation and new required name input */
.food-fights-landing { background:#000; color:#f2f2f2; width:100%; }
.food-fights-landing .splash { width:100%; }
.food-fights-landing .signup form { gap:0; flex-wrap:wrap; }
.food-fights-landing .signup input[name="ff_name"] { border-radius:6px 0 0 6px; flex:1 1 125px; }
.food-fights-landing .signup input[name="ff_email"] { border-radius:0; flex:1 1 180px; }
.food-fights-landing .signup button { flex:0 0 auto; }
.food-fights-landing .ff-response { flex-basis:100%; font-size:14px; margin-top:8px; }
.food-fights-landing .ff-response.is-error { color:#ffae8a; }
.food-fights-landing .ff-response.is-success { color:#c3f5cd; }
.food-fights-landing .ff-honeypot { position:absolute!important; left:-9999px!important; height:1px!important; width:1px!important; opacity:0!important; }
.food-fights-landing .contact .instagram-icon { font-size:24px; }
@media(max-width:1024px) { .food-fights-landing .signup form { flex-basis:100%; } }
@media(max-width:560px) {
.food-fights-landing .signup input[name="ff_name"], .food-fights-landing .signup input[name="ff_email"] { border:1.5px solid var(--orange); border-radius:6px; width:100%; flex:none; }
.food-fights-landing .signup form { gap:10px; }
footer.contact ul { padding-left: 0 !important; }
.lower ul.features { padding-left: 0 !important;}
}

/* Elementor/Hello compatibility and accessible form states */
.food-fights-landing .hero h1, .food-fights-landing .feature h3,
.food-fights-landing .signup h2, .food-fights-landing .contact h2 {
  font-family:inherit; padding:0; border:0;
}
.food-fights-landing .hero .headline { font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif; }
.food-fights-landing .signup form input { margin:0; box-shadow:none; }
.food-fights-landing .signup form button { margin:0; width:auto; }
.food-fights-landing .contact .instagram-icon { font-size:24px; }
.food-fights-landing .contact a:focus-visible,
.food-fights-landing .signup button:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
@media(max-width:560px) {
  .food-fights-landing .signup form button { width:100%; }
}