/* ===== 2026-10-03: orange "Pop Burst" homepage (loaded after styles.css, homepage only) =====
   Matches /b/ booth pages, /free-booth/ and the Pop Burst v2 stickers:
   #FF8C32 -> #EF5416 gradient, sunburst rays + halftone dots, white sticker panels, chunky #3A1A12 brown shadows. */
body.pop{
  --or-1:#FF8C32; --or-2:#EF5416; --or-txt:#C8410B; --br:#3A1A12; --br-2:#4A241B; --cr:#FFF7EC;
  --navy:#3A1A12; --navy-2:#4A241B; --ink:#3A1A12; --orange:#EF5416; --orange-soft:#FF8C32; --grey:#7A5A4E;
  --head:'Anton','Impact','Arial Narrow Bold',sans-serif;
  --pop-shadow:0 6px 0 var(--br); --pop-shadow-sm:0 4px 0 var(--br);
}
.pop :focus-visible{outline-color:var(--br);}

/* ---------- Pop Burst background (hero, mid CTA, Get a Free Booth) ---------- */
.pop .pop-burst{position:relative;isolation:isolate;overflow:hidden;
  background:
    repeating-conic-gradient(from 0deg at var(--rx,72%) var(--ry,42%),rgba(255,255,255,.13) 0deg 7deg,rgba(255,255,255,0) 7deg 15deg),
    radial-gradient(circle at var(--rx,72%) var(--ry,42%),rgba(255,214,150,.45) 0,rgba(255,140,50,0) 46%),
    linear-gradient(135deg,var(--or-1) 0%,var(--or-2) 72%);}
.pop .pop-burst::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(150,40,6,.30) 26%,transparent 28%),radial-gradient(rgba(150,40,6,.30) 26%,transparent 28%);
  background-size:18px 18px;background-position:0 0,9px 9px;
  -webkit-mask-image:linear-gradient(160deg,#000 0%,rgba(0,0,0,.55) 30%,transparent 58%,transparent 72%,rgba(0,0,0,.7) 100%);
          mask-image:linear-gradient(160deg,#000 0%,rgba(0,0,0,.55) 30%,transparent 58%,transparent 72%,rgba(0,0,0,.7) 100%);}

/* ---------- buttons ---------- */
.pop .btn-orange,.pop .nav-cta{background:linear-gradient(180deg,var(--or-1),var(--or-2));color:#fff;border:3px solid var(--br);
  box-shadow:var(--pop-shadow-sm);text-shadow:1px 1px 0 rgba(58,26,18,.55);font-weight:800;letter-spacing:.02em;}
.pop .btn-orange:hover,.pop .nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--br);}
.pop .btn-orange:active,.pop .nav-cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--br);}
.pop .btn-navy{background:var(--br);color:var(--cr);border:3px solid var(--br);box-shadow:0 4px 0 rgba(43,22,17,.45);}
.pop .btn-cream{background:var(--cr);color:var(--br);border:3px solid var(--br);box-shadow:0 4px 0 rgba(0,0,0,.35);font-weight:800;}
.pop .nav-cta{padding:10px 22px;text-transform:uppercase;font-size:14px;}

/* ---------- nav ---------- */
.pop .nav{border-bottom:4px solid var(--br);background:var(--cr);}
.pop .nav-links a{color:var(--br);}
.pop .nav-links a:hover{color:var(--or-2);}
.pop .nav-toggle{color:var(--br);}

/* ---------- type ---------- */
.pop .eyebrow{color:var(--or-txt);font-weight:800;}
.pop h2.big{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.02;color:var(--br);font-size:clamp(34px,4.6vw,56px);}
.pop .lede{color:var(--grey);}

/* ---------- HERO ---------- */
.pop .hero-split.pop-burst{--rx:24%;--ry:46%;background-color:var(--or-2);min-height:680px;border-bottom:4px solid var(--br);}
.pop .hero-split .hero-photo-side{display:flex;align-items:center;justify-content:center;padding:56px 28px 56px 56px;overflow:visible;}
.pop .hero-split .hero-photo-side img{width:100%;max-width:600px;height:auto;aspect-ratio:1/1.02;object-fit:cover;
  border:4px solid var(--br);border-radius:26px;box-shadow:12px 12px 0 var(--br);transform:rotate(-2deg);background:#fff;}
.pop .hero-split .hero-fade{display:none;}
.pop .hero-content-side{padding:56px 60px 60px 32px;color:#fff;}
.pop-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 20px;}
.pop-kicker{display:inline-block;background:var(--br);color:var(--cr);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:8px 15px;border-radius:999px;box-shadow:0 3px 0 rgba(43,22,17,.35);}
.pop-pill{display:inline-block;font-family:var(--head);font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,var(--or-1),var(--or-2));border:3px solid var(--br);border-radius:999px;padding:5px 20px 4px;
  box-shadow:4px 4px 0 var(--br);transform:rotate(-2deg);text-shadow:0 0 1px var(--br),1px 1px 0 var(--br);white-space:nowrap;}
.pop .hero-content-side h1{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.98;
  font-size:clamp(46px,5.4vw,80px);color:#fff;text-shadow:4px 4px 0 var(--br);margin:0 0 18px;}
.pop .hero-content-side h1 .hl{color:var(--br);text-shadow:3px 3px 0 rgba(255,255,255,.55);}
.pop .hero-sub{color:#fff;font-weight:600;text-shadow:0 1px 0 rgba(58,26,18,.35);font-size:17px;}
.pop .hero-feats{background:#fff;border:3px solid var(--br);border-radius:22px;box-shadow:var(--pop-shadow);padding:20px 22px;gap:14px 24px;}
.pop .hero-feat{border-left:4px solid var(--or-2);}
.pop .hero-feat b{color:var(--br);}
.pop .hero-feat span{color:var(--grey);}
.pop-offer{background:var(--br);color:var(--cr);border-radius:20px;padding:16px 20px 15px;margin:0 0 24px;text-align:center;box-shadow:0 6px 0 rgba(43,22,17,.4);}
.pop-offer p{margin:0;}
.po-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.05em;}
.po-chip{display:inline-block;background:linear-gradient(180deg,var(--or-1),var(--or-2));color:#fff;padding:6px 16px;border-radius:999px;font-weight:900;font-size:1.12em;box-shadow:0 0 0 3px var(--cr);text-shadow:1px 1px 0 rgba(58,26,18,.5);}
.po-dot{color:var(--or-1);font-size:1.4em;line-height:.6;}
.po-t{color:var(--cr);}
.po-earn{margin-top:9px!important;font-weight:600;font-size:15px;color:#FFD8B8;}
.pop .hero-ctas-main .hero-cta-primary{font-size:19px;padding:17px 38px;text-transform:uppercase;box-shadow:0 6px 0 var(--br);}
.pop .hero-cta-link{color:#fff;text-decoration-color:rgba(255,255,255,.7);text-shadow:0 1px 0 rgba(58,26,18,.35);}
.pop .hero-cta-link:hover{color:var(--br);text-decoration-color:var(--br);}
.pop .hero-proof{color:#fff;text-shadow:0 1px 0 rgba(58,26,18,.35);}
.pop .hero-proof span{color:var(--br);}
@media (max-width:1300px) and (min-width:861px){
  .pop .hero-content-side{padding:44px 36px 48px 20px;}
  .pop .hero-split .hero-photo-side{padding:44px 20px 44px 36px;}
  .po-line{font-size:16px;}
}
@media (max-width:860px){
  .pop .hero-split .hero-photo-side{height:auto;padding:28px 22px 4px;}
  .pop .hero-split .hero-photo-side img{max-width:none;height:300px;aspect-ratio:auto;box-shadow:8px 8px 0 var(--br);transform:rotate(-1.2deg);}
  .pop .hero-content-side{padding:30px 24px 44px;}
}
@media (max-width:480px){
  .pop .hero-split.pop-burst{--rx:50%;--ry:18%;min-height:0;}
  .pop .hero-split .hero-photo-side{height:auto;padding:20px 18px 0;}
  .pop .hero-split .hero-photo-side img{height:190px;border-width:3px;border-radius:20px;box-shadow:6px 6px 0 var(--br);}
  .pop .hero-content-side{padding:24px 18px 34px;}
  .pop-badges{order:1;justify-content:center;margin-bottom:14px;gap:10px;}
  .pop .hero-content-side h1{text-align:center;font-size:clamp(42px,12.4vw,54px);text-shadow:3px 3px 0 var(--br);}
  .pop-offer{order:3;padding:13px 12px;margin-bottom:16px;}
  .po-line{font-size:16px;}
  .po-earn{font-size:14px;}
  .pop .hero-ctas-main .hero-cta-primary{font-size:18px;}
  .pop .hero-cta-link{text-align:center;}
  .pop .hero-sub{text-align:center;}
  .pop .hero-proof{text-align:center;}
}
@media (max-width:360px){ .pop-pill{font-size:18px;padding:4px 14px 3px;} .po-line{font-size:14px;} }

/* ---------- cream reading sections: sticker cards ---------- */
.pop .showcase-card{background:#fff;border:3px solid var(--br);border-radius:22px;box-shadow:var(--pop-shadow);}
.pop .showcase-card:hover{border-color:var(--br);transform:translateY(-4px);box-shadow:0 10px 0 var(--br);}
.pop .sc-img{background:radial-gradient(circle at 50% 34%,#ffffff,#FFE4CC 75%);border:2px solid rgba(58,26,18,.12);}
.pop .sc-badge{background:linear-gradient(180deg,var(--or-1),var(--or-2));color:#fff;border:2px solid var(--br);box-shadow:0 2px 0 var(--br);font-weight:800;}
.pop .showcase-card h3{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:28px;letter-spacing:.01em;color:var(--br);}
.pop .sc-link{color:var(--or-txt);font-weight:800;}
.pop .gcard,.pop .ccard{border:3px solid var(--br);box-shadow:var(--pop-shadow);border-radius:22px;}
.pop .gcard .cap,.pop .ccard .cap{background:linear-gradient(0deg,rgba(58,26,18,.94),transparent);}
.pop .gcard .cap .lbl,.pop .ccard .cap .lbl{color:var(--or-1);}
.pop .case-panel{background:var(--br);border-left:8px solid var(--or-2);border-radius:20px;}
.pop .case-panel .lbl{color:var(--or-1);}
.pop .case-panel p{color:rgba(255,247,236,.88);}
.pop .pill{border:2.5px solid var(--br);background:#fff;color:var(--br);box-shadow:0 3px 0 var(--br);}
.pop .pill b{color:var(--or-txt);}
.pop .strip{background:#fff;border:3px solid var(--br);border-radius:18px;box-shadow:var(--pop-shadow-sm);}
.pop .strip:hover{box-shadow:0 8px 0 var(--br);}
.pop .strip .c b{color:var(--br);}
.pop .faq-item{background:#fff;border:2.5px solid var(--br);border-radius:16px;box-shadow:0 4px 0 var(--br);}
.pop .faq-item[open]{border-color:var(--br);}
.pop .faq-item summary{color:var(--br);}
.pop .faq-item summary::after{color:var(--or-2);font-weight:700;}

/* ---------- mid CTA band ---------- */
.pop .cta-band.pop-burst{--rx:88%;--ry:50%;border-top:4px solid var(--br);border-bottom:4px solid var(--br);}
.pop .cta-band .wrap{padding:44px 32px;}
.pop .cta-band h3{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:3px 3px 0 var(--br);font-size:clamp(28px,3.2vw,40px);line-height:1.05;}
.pop .cta-band .btn-navy{font-size:17px;}

/* ---------- Get a Free Booth / contact (orange) ---------- */
.pop .pop-contact{--rx:12%;--ry:22%;border-top:4px solid var(--br);}
.pop .pop-contact .eyebrow{display:inline-block;background:var(--br);color:var(--cr);padding:7px 14px;border-radius:999px;letter-spacing:.14em;font-size:12.5px;}
.pop .pop-contact .cinfo h2.big{color:#fff;text-shadow:4px 4px 0 var(--br);}
.pop .pop-contact .cinfo p.intro,.pop .pop-contact .geo-line{color:#fff;font-weight:600;text-shadow:0 1px 0 rgba(58,26,18,.35);}
.pop .pop-contact .crow{background:#fff;border:3px solid var(--br);border-left-width:3px;border-radius:18px;box-shadow:var(--pop-shadow-sm);}
.pop .pop-contact .crow .ic{background:linear-gradient(180deg,var(--or-1),var(--or-2));border:2px solid var(--br);}
.pop .pop-contact .crow .ic svg{color:#fff;}
.pop .pop-contact .crow .lbl{color:var(--grey);}
.pop .pop-contact .crow .val{color:var(--br);}
.pop .pop-contact .crow-sub{color:var(--or-txt);}
.pop .hs-form-card{background:#fff;border:3px solid var(--br);border-radius:24px;box-shadow:0 8px 0 var(--br);}
.pop .hs-form-card .eyebrow{background:linear-gradient(180deg,var(--or-1),var(--or-2));color:#fff;border:2px solid var(--br);box-shadow:0 2px 0 var(--br);}
.pop .hs-form-title{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:38px;line-height:1;color:var(--br);}
.pop .hs-form-sub a{color:var(--or-txt);}
@media (max-width:800px){ .pop .hs-form-title{font-size:32px;} }

/* ---------- footer + mobile sticky bar ---------- */
.pop footer{background:var(--br);border-top:6px solid var(--or-2);color:rgba(255,247,236,.7);}
.pop .foot-links a{color:rgba(255,247,236,.75);}
.pop .foot-links a:hover{color:var(--or-1);}
@media (max-width:480px){
  .pop .mobile-sticky-cta{background:rgba(58,26,18,.97);border-top:3px solid var(--or-2);}
  .pop .mobile-sticky-cta .btn{border-width:2.5px;box-shadow:0 3px 0 rgba(0,0,0,.35);}
  .pop .mobile-sticky-cta .btn-orange{text-transform:uppercase;}
}

/* ---------- fit fixes ---------- */
/* hero: keep "Get a Free Booth" above the fold at 1440x900 */
.pop .hero-content-side h1{font-size:clamp(44px,4.5vw,66px);margin-bottom:14px;}
.pop .hero-content-side{padding-top:40px;padding-bottom:44px;}
.pop .hero-sub{margin-bottom:18px;}
.pop .hero-feats{padding:16px 20px;gap:12px 22px;margin-bottom:20px;}
.pop-offer{margin-bottom:20px;}
.pop .hero-split.pop-burst{min-height:0;}
/* The live site's width/height attributes make showcase + strip photos render at their pixel height
   (very tall cards). Pre-existing on live; fixed here in CSS only, same images and captions. */
.pop .sc-img{overflow:hidden;}
.pop .sc-img img{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);max-height:none;object-fit:contain;}
.pop .strip img{height:auto;aspect-ratio:3/4;}
@media (max-width:480px){
  .pop .hero-split .hero-photo-side{padding:16px 18px 0;}
  .pop .hero-split .hero-photo-side img{height:150px;}
  .pop .hero-content-side{padding:18px 16px 30px;}
  .pop-badges{flex-wrap:nowrap;gap:8px;margin-bottom:12px;}
  .pop-kicker{font-size:11px;letter-spacing:.12em;padding:7px 11px;}
  .pop-pill{font-size:18px;padding:4px 14px 3px;border-width:2.5px;box-shadow:3px 3px 0 var(--br);}
  .pop .hero-content-side h1{font-size:clamp(38px,11.2vw,46px);margin-bottom:12px;}
  .pop-offer{padding:11px 10px 12px;margin-bottom:14px;}
  .po-earn{margin-top:7px!important;}
}
@media (max-width:360px){ .pop-badges{flex-wrap:wrap;} }
.pop .sc-badge{z-index:2;}
/* lighter halftone behind the long white copy in the Get a Free Booth section */
.pop .pop-contact::before{opacity:.6;
  -webkit-mask-image:linear-gradient(200deg,#000 0%,rgba(0,0,0,.5) 25%,transparent 50%,transparent 75%,rgba(0,0,0,.6) 100%);
          mask-image:linear-gradient(200deg,#000 0%,rgba(0,0,0,.5) 25%,transparent 50%,transparent 75%,rgba(0,0,0,.6) 100%);}