/* ---------- Photo-led hero: polaroid deck ---------- */

.pola{margin:26px 0 24px}
.pola-deck{position:relative;height:290px;max-width:560px;margin-left:8px}
.pola-card{position:absolute;left:var(--x);top:var(--y);width:38%;max-width:210px;padding:10px 10px 0;background:#fff;border:0;border-radius:4px;cursor:pointer;
  box-shadow:0 2px 3px rgba(7,42,98,.08),0 18px 34px -16px rgba(7,42,98,.45);
  transform:rotate(var(--r));transition:transform .35s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s;animation:pola-in .7s cubic-bezier(.2,.9,.3,1.2) var(--d) both}
.pola-card::before{content:"";position:absolute;top:-9px;left:50%;width:62px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(227,243,251,.85);border:1px solid rgba(26,154,214,.18)}
.pola-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;background:var(--sand-2)}
.pola-card span{display:block;padding:8px 2px 12px;font:600 1.3rem/1.1 Caveat,"Segoe Print","Bradley Hand",cursive;color:var(--navy-deep);text-align:center}
.pola-card:hover,.pola-card.top{transform:rotate(0deg) translateY(-10px) scale(1.04);box-shadow:0 30px 50px -20px rgba(7,42,98,.55);z-index:5}
.pola-card.top{z-index:6}
.pola figcaption{font-size:.9rem;color:var(--muted);font-weight:700}
.pola figcaption a{color:var(--navy);white-space:nowrap}
@keyframes pola-in{from{opacity:0;transform:translateY(-40px) rotate(calc(var(--r)*3)) scale(1.1)}to{opacity:1;transform:rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.pola-card{animation:none;transition:none}}

/* Leaner promise list so photos and the form get the space */
.promise li{background:none;border:0;padding:4px 0;border-radius:0}

@media (max-width:960px){
  .pola-deck{max-width:520px;margin:0 auto}
}
@media (max-width:520px){
    .pola{margin:20px 0 18px}
  .pola-deck{height:215px}
  .pola-card{padding:7px 7px 0}
  .pola-card span{font-size:1.02rem;padding:6px 0 9px}
  .pola-card::before{width:44px;height:15px;top:-7px}
  .promise{gap:2px;margin-top:16px}
}

/* Keyword line inside the H1 (for search), styled as a small kicker */
.hero h1 .h1-kicker{display:block;margin:0 0 14px;font:800 .8rem/1.3 "Nunito Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}