/* Philadelphia Beautiful 1.16: homepage feature and story cards. */
.pb-home-destination-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.pb-home-destination-card { grid-column:span 2; display:flex; flex-direction:column; min-width:0; overflow:hidden; color:#102b46; background:#fff; border:1px solid #dce2e7; border-radius:16px; box-shadow:0 8px 24px #102b4609; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.pb-home-destination-card--cheesesteak,.pb-home-destination-card--sports { grid-column:span 3; }
.pb-home-destination-card:hover { color:#102b46; transform:translateY(-4px); box-shadow:0 16px 32px #102b4617; }
.pb-home-destination-card:focus-visible,.pb-stories-section a:focus-visible { outline:3px solid #b21f2d; outline-offset:5px; }
.pb-destination-visual { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; height:178px; overflow:hidden; background:#102b46; color:#f6d393; }
.pb-destination-visual > span { font-size:10px; font-weight:700; letter-spacing:.24em; }
.pb-destination-visual--cheesesteak,.pb-destination-visual--sports { height:260px; }
.pb-destination-visual--cheesesteak { background:#f3eee5; }
.pb-destination-visual--cheesesteak > img { width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
.pb-destination-visual--sports { padding:28px 30px; background:radial-gradient(ellipse at top,#1e5574,transparent 70%),#081e35; color:#fff; gap:27px; }
.pb-destination-visual--sports:before { content:''; position:absolute; inset:12px; border:1px solid #ffffff20; border-radius:10px; pointer-events:none; }
.pb-destination-visual--sports .pb-sports-caption { font-size:12px; letter-spacing:.24em; color:#d9e7ef; }
.pb-team-lineup { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,2vw,30px); width:100%; max-width:480px; }
.pb-team-mark { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; }
.pb-team-mark > span { display:grid; place-items:center; background:#fff; border-radius:50%; padding:12%; width:100%; max-width:94px; aspect-ratio:1; box-shadow:0 4px 20px #0003; }
.pb-team-mark img { width:100%; height:100%; object-fit:contain; }
.pb-team-mark b { font-size:11px; color:#e8eff6; font-weight:600; }
.pb-destination-visual--hall-of-fame { background:radial-gradient(ellipse at 50% 30%,#38475a,transparent 75%),#11253b; }
.pb-destination-visual--hall-of-fame svg { width:100px; height:100px; }
.pb-destination-visual--neighborhoods { background:#e7eef0; color:#416575; gap:0; }
.pb-destination-visual--neighborhoods svg { width:100%; max-width:330px; height:135px; }
.pb-destination-visual--neighborhoods > span { color:#294d5d; }
.pb-destination-visual--news { background:#eee8dc; color:#80572d; }
.pb-destination-visual--news svg { width:120px; height:100px; }
.pb-home-destination-copy { flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:26px 28px 24px; }
.pb-home-destination-eyebrow { color:#a12634; font-size:10px; font-weight:700; line-height:1.5; text-transform:uppercase; letter-spacing:.13em; }
.pb-home-destination-copy h3 { font:700 clamp(1.6rem,2.3vw,2rem)/1.15 var(--font-serif); letter-spacing:-.025em; margin:0; max-width:24ch; color:#102b46; }
.pb-home-destination-card--cheesesteak h3,.pb-home-destination-card--sports h3 { font-size:clamp(1.8rem,2.8vw,2.5rem); }
.pb-home-destination-description { font-size:14px; line-height:1.7; color:#526170; margin:0 0 12px; max-width:56ch; }
.pb-home-destination-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; border-top:1px solid #e6ebee; padding-top:17px; margin-top:auto; font-size:12px; line-height:1.6; font-weight:700; color:#163e62; }
.pb-home-destination-cta > span { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; border:1px solid #dbe4ec; border-radius:50%; font-size:18px; }
.pb-home-destination-card:hover .pb-home-destination-cta > span { color:#fff; background:#a12634; border-color:#a12634; }
.pb-stories-section { max-width:1440px; padding:70px 24px; }
.pb-stories-section .section-header { align-items:flex-end; gap:24px; padding-bottom:22px; margin-bottom:28px; border-color:#e2e8ed; }
.pb-section-kicker { font-size:10px; font-weight:700; color:#a12634; letter-spacing:.16em; text-transform:uppercase; margin-bottom:12px; }
.pb-stories-section .section-title { color:#102b46; font-size:clamp(1.9rem,3.5vw,3.2rem); line-height:1.15; letter-spacing:-.025em; }
.pb-stories-all { white-space:nowrap; font-size:13px; font-weight:700; color:#163e62; padding:10px 0; }
.pb-stories-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.pb-stories-grid .news-card { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #dee5ea; border-radius:14px; overflow:hidden; box-shadow:0 4px 15px #102b4607; }
.pb-stories-grid .card-image-wrap { aspect-ratio:16/10; margin:0; }
.pb-stories-grid .card-image-placeholder { background:linear-gradient(135deg,#173d60,#091d32); color:#dbe7ee; text-align:center; font-size:12px; letter-spacing:.16em; }
.pb-stories-grid .card-image-placeholder b { font:italic 36px var(--font-serif); color:#fff; letter-spacing:0; }
.pb-story-copy { flex:1; display:flex; align-items:flex-start; flex-direction:column; padding:23px; }
.pb-story-copy .card-category { border-radius:4px; background:#eff4f8; color:#214a6c; margin-bottom:13px; font-size:9px; padding:5px 8px; }
.pb-story-copy .card-title { font-size:clamp(1.25rem,1.8vw,1.55rem); line-height:1.28; color:#102b46; margin-bottom:13px; }
.pb-story-copy .card-title a:hover { color:#a12634; }
.pb-story-excerpt { font-size:13px; line-height:1.7; color:#5e6b78; margin-bottom:24px; }
.pb-story-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:auto; padding-top:16px; border-top:1px solid #e6ebee; width:100%; }
.pb-story-bottom .card-date { color:#697483; font-size:11px; }
.pb-story-bottom .pb-story-read { font-weight:700; color:#1b496f; font-size:12px; padding:5px 0; }
@media (max-width:900px) {
  .pb-home-destination-grid { gap:18px; }
  .pb-home-destination-copy { padding:22px; }
  .pb-home-destination-card { grid-column:span 3; }
  .pb-home-destination-card--news { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
  .pb-home-destination-card--news .pb-destination-visual { height:100%; min-height:210px; }
  .pb-stories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .pb-destination-visual--sports { padding:20px; }
}
@media (max-width:600px) {
  .pb-home-destinations { padding:44px 0; }
  .pb-home-destinations-inner { width:calc(100% - 32px); }
  .pb-home-destinations-heading h2 { font-size:2.5rem; line-height:1.07; }
  .pb-home-destination-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .pb-home-destination-card,.pb-home-destination-card--news { grid-column:auto; display:flex; }
  .pb-destination-visual--cheesesteak,.pb-destination-visual--sports { height:200px; }
  .pb-home-destination-card--news .pb-destination-visual { height:160px; min-height:0; }
  .pb-home-destination-copy h3,.pb-home-destination-card--cheesesteak h3,.pb-home-destination-card--sports h3 { font-size:1.85rem; }
  .pb-home-destination-copy { padding:24px; }
  .pb-home-destination-description { font-size:14px; }
  .pb-stories-section { padding:46px 16px; }
  .pb-stories-section .section-header { align-items:flex-start; flex-direction:column; gap:8px; }
  .pb-stories-grid { grid-template-columns:minmax(0,1fr); }
  .pb-story-copy .card-title { font-size:1.55rem; }
}
@media (prefers-reduced-motion:reduce) {
  .pb-home-destination-card,.pb-stories-grid .card-image-wrap img { transition:none; }
  .pb-home-destination-card:hover { transform:none; }
}