/* Fire pits page — sections that only exist on this page.
   ------------------------------------------------------------------
   assets/site.css is a verbatim copy of the shared stylesheet and must
   stay that way; nothing here may touch the header, the footer or any
   rule that file already defines. Page-only sections go below. */

  /* Portrait clips (9:16) get their own frame rather than being cropped into
     the 4:3 slot: the .visual is a plain block here, and the video inside
     carries the aspect ratio and a capped width so it stays centered. */
  .visual-photo{background:#0e1929;aspect-ratio:4/3;display:block;overflow:hidden;margin:0;
    border-radius:18px;box-shadow:0 18px 44px rgba(11,18,32,.22);}
  .visual-photo img{display:block;width:100%;height:100%;object-fit:cover;
    border-radius:0;box-shadow:none;}

  /* The spec table is question-led on this page: a numbered badge, the plain
     question it answers, a one-line takeaway, then the options. */
  .spec-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
    background:var(--orange);color:#fff;font-size:.76rem;font-weight:700;margin-right:10px;vertical-align:2px;}
  .spec-q{display:block;margin-top:8px;padding-left:34px;font-weight:400;font-size:.85rem;color:var(--muted);line-height:1.45;}
  .spec-lead{margin:0 0 14px;color:var(--navy);font-weight:600;font-size:.95rem;line-height:1.55;}
  .spec-opts{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
  .spec-opts li{position:relative;padding-left:18px;font-size:.93rem;line-height:1.6;}
  .spec-opts li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold);}
  .spec-opts strong{color:var(--navy);font-weight:600;}
  .spec-foot{max-width:1000px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:.95rem;}
  .spec-foot a{color:var(--orange-dark);font-weight:600;}
  .spec-foot a:hover{text-decoration:underline;}
  @media (max-width:700px){ .spec-q{padding-left:0;} }

  .aud-lead{font-size:.95rem;line-height:1.6;color:var(--muted);margin:12px 0 20px;}
  .aud-card.pro .aud-lead{color:var(--blue-pale);}
  .aud-card li strong{color:var(--navy);font-weight:600;}
  .aud-card.pro li strong{color:#fff;}

  /* This page carries six brands rather than the reference's eight, so the
     strip runs three-up and fills both rows evenly instead of orphaning two. */
  .brand-logos{grid-template-columns:repeat(3,1fr);}
  @media (max-width:820px){ .brand-logos{grid-template-columns:repeat(3,1fr);} }
  @media (max-width:560px){ .brand-logos{grid-template-columns:repeat(2,1fr);gap:24px 20px;} }

  /* Inline list used where a long sentence was broken up in a section head. */
  .head-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;}
  .head-list li{font-size:.86rem;color:var(--navy);background:var(--cream-2);
    border-radius:var(--radius);padding:6px 12px;line-height:1.3;}