/* Landing-page styles shared by the bespoke city pages and the generic /city.html */
    /* --- ad landing page layout --- */
    .ad-hero{padding:54px 0 60px}
    .ad-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
    .kicker{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:10px}
    .ad-hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(2.6rem,5.5vw,4.2rem);line-height:1.02;color:var(--pink-ink);text-shadow:0 2px 0 rgba(255,255,255,.45)}
    .ad-hero .meta{margin:16px 0 6px;font-size:1.02rem;font-weight:600}
    .ad-hero .urg{font-size:.9rem;opacity:.8;margin:4px 0 20px}
    .press{display:inline-flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin-top:30px;background:#fff;border-radius:14px;padding:14px 22px;box-shadow:0 6px 20px rgba(60,20,60,.14)}
    .press span{flex-basis:100%;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-weight:800}
    .press img{height:15px;width:auto;opacity:.75;filter:grayscale(1);mix-blend-mode:multiply}
    /* fanned instax stack */
    .stack{position:relative;height:460px}
    .stack .ph{position:absolute;border-radius:4px;width:min(37%,185px)}
    .stack .ph img{width:100%;display:block}
    .stack .p1{left:-1%;top:9%;transform:rotate(-6deg);z-index:1}
    .stack .p2{left:31.5%;top:0;transform:rotate(2deg);z-index:3}
    .stack .p3{right:-1%;top:13%;transform:rotate(7deg);z-index:2}
    .stack .cap{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--ink);color:#fff;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:999px;white-space:nowrap}
    /* take-home cards */
    .take{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
    .take .t-card{background:#fff;border:1.5px solid var(--ink);border-radius:14px;padding:20px}
    .take .t-card .big{font-size:1.5rem}
    .take h3{font-family:var(--disp);font-weight:900;margin:8px 0 6px}
    .take p{font-size:.92rem;line-height:1.55;opacity:.85}
    /* steps */
    .hsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
    .hstep{background:var(--cream);border-radius:14px;padding:20px}
    .hstep .n{font-family:var(--disp);font-weight:900;font-size:1.6rem;color:var(--pink)}
    .hstep p{font-size:.92rem;line-height:1.55;margin-top:6px}
    /* gallery */
    .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
    .gal a{display:block;border-radius:3px;transform:rotate(var(--r));transition:transform .15s}
    .gal a:hover{transform:rotate(0) scale(1.03)}
    .gal img{width:100%;display:block}
    /* CTA band */
    .band{background:var(--ink);color:#fff;text-align:center;padding:52px 20px;border-radius:20px;margin-top:54px}
    .band h2{font-family:var(--disp);font-weight:900;font-size:clamp(1.6rem,3.5vw,2.4rem)}
    .band p{opacity:.8;margin:8px 0 20px}
    /* sticky mobile CTA */
    .sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1.5px solid var(--ink);padding:10px 14px;align-items:center;gap:12px;justify-content:space-between}
    .sticky-cta .p{font-size:.85rem;font-weight:800;line-height:1.25}
    .sticky-cta .p small{display:block;font-weight:600;opacity:.65}
    @media (max-width:820px){
      .ad-hero .wrap{grid-template-columns:1fr}
      .stack{height:330px;margin-top:6px}
      .take,.hsteps{grid-template-columns:1fr}
      .gal{grid-template-columns:repeat(2,1fr)}
      .sticky-cta{display:flex}
      body{padding-bottom:66px}
    }
    /* guest testimonial */
    .testi{display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:center;background:var(--cream);border-radius:20px;padding:28px;margin-top:26px}
    .testi .shot{background:#fff;padding:8px 8px 10px;border-radius:6px;box-shadow:0 10px 26px rgba(60,20,60,.2);transform:rotate(-2deg)}
    .testi .shot img{width:100%;display:block;border-radius:3px}
    .testi .k{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;color:var(--pink)}
    .testi blockquote{font-family:var(--serif);font-style:italic;font-size:1.25rem;line-height:1.5;margin:10px 0 12px}
    .testi .who{font-size:.85rem;opacity:.7}
    @media (max-width:820px){.testi{grid-template-columns:1fr}.testi .shot{max-width:290px;margin:0 auto}}