/* ---- Jersey facts (shared by facts.php, place.php and the landing) ---- */
:root{--amber:#ffb454}
.fact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}
.fact-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.fact-visual{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0e1420,#1c2a44 60%,#26365a);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;color:#f4f7fb;isolation:isolate}
.fact-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(14,20,32,.88) 0%,rgba(14,20,32,.55) 55%,rgba(14,20,32,.15) 100%);z-index:-1}
.fact-eyebrow{font-family:"Inter",sans-serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;color:var(--amber)}
.fact-title{font-family:"Lora",Georgia,serif;font-weight:700;font-size:1.65rem;line-height:1.05;margin-top:4px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.fact-medal{position:absolute;top:12px;right:12px;width:54px;height:54px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.fact-photo{aspect-ratio:16/8;background-size:cover;background-position:center}
.fact-body{padding:14px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.fact-body .fact-text,.fact-body .fact-links,.fact-body .eyebrow{align-self:stretch}
.fact-text{font-size:1.02rem;line-height:1.55;color:var(--ink)}
.fact-links{font-size:.92rem;margin-top:auto}
.fact-links a{color:var(--gold);text-decoration:none;font-weight:700}
.fact-card.hero{display:grid;grid-template-columns:1.1fr 1fr;border-color:rgba(255,180,84,.35);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.fact-card.hero .fact-visual{aspect-ratio:auto;min-height:300px;padding:24px 26px}
.fact-card.hero .fact-title{font-size:clamp(2rem,4.5vw,3.2rem)}
.fact-card.hero .fact-medal{width:84px;height:84px;top:18px;right:18px}
.fact-card.hero .fact-body{padding:26px 28px;justify-content:center}
.fact-card.hero .fact-text{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.5;font-family:"Nunito Sans",-apple-system,"Segoe UI",sans-serif;font-weight:400;color:var(--ink)}
@media (max-width:720px){.fact-card.hero{grid-template-columns:1fr}.fact-card.hero .fact-visual{min-height:200px}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.chips .chip{cursor:pointer;background:transparent;font-family:inherit}
.chips .chip small{margin-left:6px;opacity:.7;font-size:.65rem}
.chips .chip.is-on{color:#0e1420;background:var(--gold);border-color:var(--gold)}
/* fact box on a place page / home teaser */
.fact-inline{margin:22px 0 6px}
.fact-inline .fact-card{max-width:760px}
.fact-actions{display:flex;align-items:center;gap:14px;margin:14px 0 0}
.fact-card.flip{animation:factFlip .35s ease}
@keyframes factFlip{0%{opacity:.35;transform:translateY(6px)}100%{opacity:1;transform:none}}
/* slot-machine spin on /facts/: the card is the button */
#factHero .fact-card.hero{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;user-select:none}
#factHero .fact-card.hero:hover{transform:translateY(-2px);box-shadow:0 34px 60px -28px rgba(0,0,0,.85),0 0 0 1px rgba(255,180,84,.45)}
#factHero .fact-card.hero:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#factHero{position:relative}
.fact-card.spinning{visibility:hidden}
.fact-reel{position:absolute;inset:0;overflow:hidden;border-radius:18px;background:var(--card);border:1px solid rgba(255,180,84,.35);display:flex;align-items:center;animation:factFlip .2s ease}
.fact-reel::before,.fact-reel::after{content:"";position:absolute;top:0;bottom:0;width:18%;z-index:2;pointer-events:none}
.fact-reel::before{left:0;background:linear-gradient(to right,var(--card),transparent)}
.fact-reel::after{right:0;background:linear-gradient(to left,var(--card),transparent)}
.fact-reel.out{opacity:0;transition:opacity .25s ease}
.reel-track{display:flex;gap:16px;padding:0 8px;will-change:transform}
.reel-card{flex:0 0 260px;background:#0e1420;border:1px solid var(--line);border-radius:14px;overflow:hidden;opacity:.55;transform:scale(.92);transition:opacity .06s,transform .06s}
.reel-card.is-centre{opacity:1;transform:scale(1);border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,180,84,.35)}
.reel-img{aspect-ratio:16/9;background-size:cover;background-position:center}
.reel-noimg{background:linear-gradient(135deg,#0e1420,#1c2a44 60%,#26365a)}
.reel-body{padding:10px 12px}
.reel-body p{margin:8px 0 0;font-size:.82rem;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.reel-marker{position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:linear-gradient(var(--gold),transparent 30%,transparent 70%,var(--gold));z-index:3;pointer-events:none}
@media (max-width:720px){.reel-card{flex-basis:200px}}
.fact-card.land{animation:factLand .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes factLand{0%{transform:scale(.985)}60%{transform:scale(1.01)}100%{transform:none}}
.sound-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;cursor:pointer;margin-left:auto}
.sound-toggle[aria-pressed="true"]{color:var(--gold);border-color:rgba(255,180,84,.5)}
@media (prefers-reduced-motion:reduce){.fact-card.land,.fact-reel{animation:none}}
.credit-line{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.9rem;color:var(--muted)}
.credit-line .ck{width:20px;height:20px;border-radius:6px;background:rgba(76,195,138,.14);border:1px solid rgba(76,195,138,.4);color:var(--moss);display:grid;place-items:center;font-size:.7rem;font-weight:900;flex:0 0 auto}
.credit-line a{color:var(--moss);text-decoration:none;font-weight:700}
.credit-line a:hover{text-decoration:underline}
.fact-credit{margin-top:4px;font-size:.85rem}