.lo-landing{
      --green:#12382f;
      --green2:#1d4a3f;
      --dark:#0d2c25;
      --gold:#c8a96a;
      --cream:#f7f1e6;
      --ivory:#fffaf3;
      --ink:#1f1b16;
      --muted:#6f665b;
      --line:rgba(200,169,106,.24);
      --shadow:0 22px 60px rgba(18,56,47,.10);
      font-family:inherit;
      background:var(--cream);
      color:var(--ink);
      overflow:hidden;
      padding-bottom:84px;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    .lo-landing *{box-sizing:border-box}
    .lo-landing img{display:block;max-width:100%}
    html{scroll-behavior:smooth}
    #levant-catering-contact{scroll-margin-top:110px}

    .lo-wrap{
      width:min(100% - 24px,1160px);
      margin:auto;
    }

    .lo-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:40px;
      padding:10px 18px;
      border-radius:999px;
      text-decoration:none!important;
      font-size:13.2px;
      font-weight:500;
      line-height:1.2;
      border:1px solid transparent;
      transition:.24s ease;
      text-align:center;
      white-space:nowrap;
    }

    .lo-btn.primary{
      background:var(--green);
      color:#fff!important;
      border-color:var(--green);
      box-shadow:0 14px 30px rgba(18,56,47,.16);
    }

    .lo-btn.gold{
      background:var(--gold);
      color:#17130d!important;
      border-color:var(--gold);
    }

    .lo-btn.ghost{
      background:rgba(255,250,243,.68);
      color:var(--green)!important;
      border-color:var(--line);
      backdrop-filter:blur(14px);
    }

    .lo-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 14px 30px rgba(18,56,47,.12);
    }

    .lo-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--gold);
      font-size:11px;
      font-weight:500;
      text-transform:uppercase;
      letter-spacing:.16em;
      margin-bottom:14px;
    }

    .lo-eyebrow:before{
      content:"";
      width:26px;
      height:1px;
      background:currentColor;
      opacity:.75;
    }

    .lo-hero{
      position:relative;
      padding:78px 0 54px;
      background:
        radial-gradient(circle at 14% 8%,rgba(200,169,106,.18),transparent 32%),
        linear-gradient(180deg,rgba(247,241,230,.96),rgba(247,241,230,.88)),
        url("../images/Levant-Hero-Catering.png") center/cover no-repeat;
    }

    .lo-hero:after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-1px;
      height:70px;
      background:linear-gradient(180deg,rgba(247,241,230,0),var(--ivory));
      pointer-events:none;
    }

    .lo-hero-grid{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr;
      gap:34px;
      align-items:center;
    }

    .lo-title{
      color:var(--green);
      font-size:clamp(42px,12vw,70px);
      line-height:.96;
      letter-spacing:-.06em;
      font-weight:500;
      margin:0 0 16px;
      max-width:840px;
    }

    .lo-title span{color:var(--gold)}

    .lo-sub{
      color:var(--muted);
      font-size:16px;
      line-height:1.72;
      font-weight:380;
      margin:0;
      max-width:680px;
    }

    .lo-actions{
      display:grid;
      grid-template-columns:1fr;
      gap:9px;
      margin-top:24px;
    }

    .lo-hero-points{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1px;
      margin-top:28px;
      max-width:660px;
      border-top:1px solid var(--line);
    }

    .lo-point{
      padding:13px 0;
      border-bottom:1px solid var(--line);
      color:var(--green);
      font-size:13px;
      font-weight:450;
    }

    .lo-hero-mini{
      display:grid;
      grid-template-columns:1fr;
      gap:1px;
      margin-top:24px;
      max-width:700px;
      border-top:1px solid var(--line);
    }

    .lo-mini-stat{
      padding:15px 0;
      border-bottom:1px solid var(--line);
    }

    .lo-mini-stat strong{
      display:block;
      color:var(--green);
      font-size:15px;
      line-height:1.1;
      margin-bottom:5px;
      font-weight:500;
    }

    .lo-mini-stat span{
      display:block;
      color:var(--muted);
      font-size:13px;
      line-height:1.45;
      font-weight:380;
    }

    .lo-visual{position:relative}

    .lo-visual img{
      width:100%;
      height:300px;
      object-fit:cover;
      border-radius:28px;
      box-shadow:var(--shadow);
    }

    .lo-visual-card{
      position:relative;
      margin-top:12px;
      padding:16px 0 0;
      border-top:1px solid var(--line);
    }

    .lo-visual-card strong{
      display:block;
      color:var(--green);
      font-size:17px;
      line-height:1.2;
      margin-bottom:5px;
      font-weight:500;
    }

    .lo-visual-card span{
      color:var(--muted);
      font-size:13.8px;
      line-height:1.55;
      font-weight:380;
      display:block;
    }

    .lo-section{padding:56px 0}
    .lo-section.alt{background:var(--ivory)}

    .lo-head{
      max-width:780px;
      margin-bottom:26px;
    }

    .lo-head h2,
    .lo-chef-copy h2,
    .lo-inquiry-head h2{
      color:var(--green);
      font-size:clamp(30px,9vw,48px);
      line-height:1;
      letter-spacing:-.052em;
      font-weight:500;
      margin:0 0 14px;
    }

    .lo-head p,
    .lo-chef-copy p,
    .lo-inquiry-head p{
      color:var(--muted);
      font-size:14.8px;
      line-height:1.72;
      font-weight:380;
      margin:0;
    }

    .lo-intents,
    .lo-why-points,
    .lo-mini-cards{
      display:grid;
      grid-template-columns:1fr;
      gap:1px;
      border-top:1px solid var(--line);
    }

    .lo-intent,
    .lo-why-point,
    .lo-mini-card{
      padding:20px 0;
      border-bottom:1px solid var(--line);
      background:transparent;
      position:relative;
    }

    .lo-icon{
      display:block;
      color:var(--gold);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.16em;
      font-weight:500;
      margin-bottom:10px;
    }

    .lo-intent h3,
    .lo-card h3,
    .lo-feature h3,
    .lo-mini-card h3{
      color:var(--green);
      font-size:17px;
      margin:0 0 8px;
      line-height:1.2;
      letter-spacing:-.025em;
      font-weight:500;
    }

    .lo-intent p,
    .lo-card p,
    .lo-feature p,
    .lo-mini-card p{
      color:var(--muted);
      font-size:13.8px;
      line-height:1.62;
      font-weight:380;
      margin:0;
    }

    .lo-cards,
    .lo-features{
      display:grid;
      grid-template-columns:1fr;
      gap:16px;
    }

    .lo-card,
    .lo-feature{
      background:rgba(255,250,243,.66);
      border:1px solid var(--line);
      border-radius:28px;
      overflow:hidden;
      box-shadow:0 18px 46px rgba(18,56,47,.08);
    }

    .lo-card img,
    .lo-feature img{
      width:100%;
      aspect-ratio:4/3;
      object-fit:cover;
    }

    .lo-card div,
    .lo-feature div{padding:18px}

    .lo-why{
      display:grid;
      grid-template-columns:1fr;
      gap:24px;
    }

    .lo-why-point{
      color:var(--green);
      font-size:14.2px;
      font-weight:450;
    }

    .lo-chef{
      display:grid;
      grid-template-columns:1fr;
      gap:24px;
      align-items:center;
    }

    .lo-chef img{
      width:100%;
      aspect-ratio:4/4.3;
      object-fit:cover;
      border-radius:30px;
      box-shadow:var(--shadow);
    }

    .lo-role{
      display:inline-block;
      color:var(--gold);
      font-size:12px;
      font-weight:500;
      text-transform:uppercase;
      letter-spacing:.14em;
      margin-bottom:14px;
    }

    .lo-inquiry{
      display:grid;
      grid-template-columns:1fr;
      gap:26px;
    }

    .lo-inquiry-info{
      padding:24px 0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .lo-mini-cards{margin-top:26px}

    .lo-mini-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:40px;
      margin-top:14px;
      padding:10px 18px;
      border-radius:999px;
      background:var(--green);
      color:#fff!important;
      text-decoration:none!important;
      font-size:13.2px;
      font-weight:500;
    }

    .lo-form{
      background:rgba(255,250,243,.78);
      border:1px solid var(--line);
      border-radius:30px;
      padding:22px;
      box-shadow:var(--shadow);
      backdrop-filter:blur(14px);
    }

    .lo-form .wpforms-container,
    .lo-form .wpforms-form{margin:0!important}

    .lo-form .wpforms-title{
      color:var(--green)!important;
      font-size:clamp(28px,8vw,42px)!important;
      line-height:1!important;
      letter-spacing:-.052em!important;
      font-weight:500!important;
      margin:0 0 12px!important;
    }

    .lo-form .wpforms-description{
      color:var(--muted)!important;
      font-size:14.5px!important;
      line-height:1.65!important;
      font-weight:380!important;
      margin-bottom:20px!important;
    }

    .lo-form .wpforms-field{
      padding:0!important;
      margin-bottom:14px!important;
    }

    .lo-form .wpforms-field-label{
      color:var(--green)!important;
      font-size:13.5px!important;
      font-weight:500!important;
      margin-bottom:7px!important;
    }

    .lo-form input[type="text"],
    .lo-form input[type="email"],
    .lo-form input[type="tel"],
    .lo-form input[type="number"],
    .lo-form input[type="date"],
    .lo-form select,
    .lo-form textarea{
      width:100%!important;
      min-height:50px!important;
      border:1px solid rgba(200,169,106,.28)!important;
      border-radius:16px!important;
      background:var(--ivory)!important;
      padding:13px 14px!important;
      color:var(--ink)!important;
      font-size:15px!important;
      box-shadow:none!important;
    }

    .lo-form textarea{
      min-height:124px!important;
      resize:vertical!important;
    }

    .lo-form input:focus,
    .lo-form select:focus,
    .lo-form textarea:focus{
      border-color:rgba(18,56,47,.42)!important;
      box-shadow:0 0 0 4px rgba(18,56,47,.08)!important;
      outline:none!important;
    }

    .lo-form .wpforms-submit-container{
      padding:0!important;
      margin-top:8px!important;
    }

    .lo-form .wpforms-submit,
    .lo-form button[type="submit"]{
      width:100%!important;
      min-height:50px!important;
      border:0!important;
      border-radius:999px!important;
      background:var(--green)!important;
      color:#fff!important;
      font-size:13.5px!important;
      font-weight:500!important;
    }

    .lo-sticky{
      position:fixed;
      left:10px;
      right:10px;
      bottom:10px;
      z-index:9999;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      padding:8px;
      border-radius:18px;
      background:rgba(255,250,243,.92);
      border:1px solid var(--line);
      backdrop-filter:blur(16px);
      box-shadow:0 18px 48px rgba(18,56,47,.20);
    }

    .lo-sticky .lo-btn{
      min-height:42px;
      font-size:13px;
      border-radius:14px;
    }

    @media(min-width:641px){
      .lo-wrap{width:min(1160px,calc(100% - 46px))}

      .lo-hero{
        padding:100px 0 76px;
        background:
          radial-gradient(circle at 12% 12%,rgba(200,169,106,.24),transparent 28%),
          radial-gradient(circle at 88% 18%,rgba(18,56,47,.12),transparent 26%),
          linear-gradient(115deg,rgba(247,241,230,.99) 0%,rgba(247,241,230,.94) 44%,rgba(247,241,230,.58) 100%),
          url("../images/Levant-Hero-Catering.png") center/cover no-repeat;
      }

      .lo-title{font-size:clamp(52px,7vw,82px)}
      .lo-sub{font-size:18px}

      .lo-actions{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        margin-top:28px;
      }

      .lo-btn{
        width:auto;
        min-height:43px;
        padding:11px 21px;
        font-size:13.5px;
      }

      .lo-hero-points{
        grid-template-columns:repeat(4,1fr);
        gap:0 24px;
      }

      .lo-hero-mini{
        grid-template-columns:repeat(3,1fr);
        gap:0 24px;
        margin-top:28px;
      }

      .lo-visual{border-radius:38px}

      .lo-visual img{
        height:430px;
        border-radius:34px;
      }

      .lo-visual-card{
        position:absolute;
        left:24px;
        right:24px;
        bottom:24px;
        padding:18px;
        border-radius:24px;
        border:1px solid var(--line);
        background:rgba(255,250,243,.88);
        box-shadow:0 18px 44px rgba(18,56,47,.11);
        backdrop-filter:blur(14px);
      }

      .lo-section{padding:76px 0}
      .lo-head{margin-bottom:34px}

      .lo-head p,
      .lo-chef-copy p,
      .lo-inquiry-head p{font-size:16px}

      .lo-intents{
        grid-template-columns:repeat(2,1fr);
        gap:0 34px;
      }

      .lo-cards{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
      }

      .lo-features,
      .lo-why-points{
        grid-template-columns:repeat(2,1fr);
        gap:0 34px;
      }

      .lo-card div,
      .lo-feature div{padding:20px}

      .lo-chef{
        grid-template-columns:320px 1fr;
        gap:34px;
      }

      .lo-inquiry{
        grid-template-columns:.95fr 1.05fr;
        gap:34px;
      }

      .lo-form{
        padding:32px;
        border-radius:36px;
      }

      .lo-mini-link{width:auto}
    }

    @media(min-width:981px){
      .lo-hero{padding:122px 0 92px}

      .lo-hero-grid{
        grid-template-columns:1fr .9fr;
        gap:56px;
      }

      .lo-visual img{height:520px}
      .lo-intents{grid-template-columns:repeat(4,1fr)}
      .lo-cards{grid-template-columns:repeat(5,1fr)}

      .lo-card:nth-child(even),
      .lo-feature:nth-child(even){transform:translateY(22px)}

      .lo-features{grid-template-columns:repeat(4,1fr)}

      .lo-why{
        grid-template-columns:.92fr 1.08fr;
        gap:70px;
        align-items:start;
      }

      .lo-sticky{display:none}
    }

    @media(max-width:640px){
      .lo-landing{padding-bottom:92px}
      .lo-wrap{width:min(100% - 22px,1160px)}
      .lo-hero{padding:48px 0 36px}

      .lo-title{
        font-size:clamp(36px,11vw,48px);
        line-height:1;
        letter-spacing:-.052em;
        margin-bottom:12px;
      }

      .lo-sub{
        font-size:14px;
        line-height:1.58;
      }

      .lo-actions{
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin-top:18px;
      }

      .lo-actions .lo-btn:first-child{grid-column:1 / -1}

      .lo-btn{
        min-height:38px;
        padding:9px 12px;
        font-size:12.5px;
      }

      .lo-hero-points{
        grid-template-columns:1fr 1fr;
        gap:0 12px;
        margin-top:20px;
      }

      .lo-point{
        padding:10px 0;
        font-size:12.5px;
      }

      .lo-hero-mini{margin-top:18px}
      .lo-mini-stat{padding:12px 0}
      .lo-mini-stat strong{font-size:14px}

      .lo-mini-stat span{
        font-size:12.8px;
        line-height:1.4;
      }

      .lo-visual img{
        height:220px;
        border-radius:22px;
      }

      .lo-visual-card{padding:14px 0 0}
      .lo-visual-card strong{font-size:15.5px}

      .lo-visual-card span{
        font-size:13px;
        line-height:1.45;
      }

      .lo-section{padding:38px 0}
      .lo-head{margin-bottom:20px}

      .lo-head h2,
      .lo-chef-copy h2,
      .lo-inquiry-head h2{
        font-size:30px;
        line-height:1.04;
        margin-bottom:10px;
      }

      .lo-head p,
      .lo-chef-copy p,
      .lo-inquiry-head p{
        font-size:13.8px;
        line-height:1.58;
      }

      .lo-intent,
      .lo-why-point,
      .lo-mini-card{padding:16px 0}

      .lo-cards,
      .lo-features{
        grid-template-columns:1fr 1fr;
        gap:10px;
      }

      .lo-card,
      .lo-feature{border-radius:20px}

      .lo-card img,
      .lo-feature img{aspect-ratio:1 / .82}

      .lo-card div,
      .lo-feature div{padding:13px}

      .lo-intent h3,
      .lo-card h3,
      .lo-feature h3,
      .lo-mini-card h3{
        font-size:15px;
        line-height:1.15;
        margin-bottom:6px;
      }

      .lo-card p,
      .lo-feature p{
        font-size:12.4px;
        line-height:1.45;
      }

      .lo-chef{gap:18px}

      .lo-chef img{
        aspect-ratio:4/3.6;
        border-radius:22px;
      }

      .lo-inquiry{gap:20px}
      .lo-inquiry-info{padding:20px 0}

      .lo-form{
        padding:20px 18px;
        border-radius:24px;
      }

      .lo-form .wpforms-title{font-size:28px!important}

      .lo-form input[type="text"],
      .lo-form input[type="email"],
      .lo-form input[type="tel"],
      .lo-form input[type="number"],
      .lo-form input[type="date"],
      .lo-form select,
      .lo-form textarea{
        min-height:46px!important;
        border-radius:14px!important;
        font-size:14px!important;
      }

      .lo-sticky{
        left:8px;
        right:8px;
        bottom:8px;
        border-radius:16px;
      }

      .lo-sticky .lo-btn{
        min-height:40px;
        font-size:12.5px;
      }
    }