/* September photo refresh: complete people, natural proportions, no text over faces. */






#home .welcome img{height:auto;aspect-ratio:4/3;object-fit:contain}#home .culture-scene img{height:auto;aspect-ratio:16/9;object-fit:contain}
#home .life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home .life-item img{aspect-ratio:16/9;object-fit:contain}
.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.photo-pair figure{margin:24px 0}.photo-pair img{height:auto;object-fit:contain}
figure.compact-photo{max-width:360px;margin:22px 0 30px}.refresh-photo img{height:auto;object-fit:contain}
#library .resource-card{padding:0 0 24px;overflow:hidden}#library .resource-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef0f3}#library .resource-card>img.cover{padding:12px;background:white}#library .resource-card>h3,#library .resource-card>p,#library .resource-card>span{margin-left:20px;margin-right:20px}#library .resource-card>.eyebrow{margin-top:20px}.library-theatre{max-width:760px;margin-top:48px}
@media(max-width:900px){}
@media(max-width:700px){.photo-pair{gap:16px}#home .life-grid{grid-template-columns:1fr}}

/* Restore the source ZIP hero design, replace only its photographic source. */
#home .hero-photo{background-image:url("assets/hero.jpg?v=photo4");background-position:center 30%}
@media(max-width:820px){#home .hero-photo{background-image:url("assets/hero-mobile.jpg?v=photo4");background-position:center top}}
/* Explicit automatic image height prevents the HTML 900px height from creating gaps. */
#home .life-strip{padding:28px 40px 44px;max-width:1280px;margin:0 auto}
#home .life-grid{align-items:start;gap:24px;margin-top:24px}
#home .life-item{display:block;min-width:0;align-self:start}
#home .life-item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
#home .life-item span{margin-top:12px;line-height:1.5}
#home .culture-scenes{padding-bottom:28px}
#home .culture-scene img{height:auto}
#questions .qlinks{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:10px}
#questions .qlinks li{margin:0;padding:0}
#questions .qlinks a{display:block;padding:15px 20px;border:1px solid #dfe3e9;background:#fff;text-decoration:none;font-size:19px;line-height:1.45;color:#232c5e}
#questions .qlinks a:hover{background:#edf1f5;text-decoration:underline}
#questions .cat{font-size:21px;line-height:1.35;margin:32px 0 14px}
#questions details summary{font-size:20px;line-height:1.45;padding-top:18px;padding-bottom:18px}
@media(max-width:700px){#home .life-strip{padding:24px 24px 36px}#home .life-grid{grid-template-columns:1fr;gap:24px}#questions .qlinks a{font-size:18px;padding:14px 16px}#questions details summary{font-size:19px}}
/* Retain the full-width overlay on phones while keeping the whole group visible. */
@media(max-width:600px){#home .hero-photo{background-size:100% auto;min-height:max(680px,calc(56.25vw + 440px));background-position:center top}}

/* Equal media frames and aligned card titles on Home and Library. */
#home .resource-grid,#library .resource-grid{align-items:stretch}
#home .resource-card,#library .resource-card{display:flex;flex-direction:column;min-width:0;transform:none}
#home .resource-card:hover,#library .resource-card:hover{transform:none}
#home .resource-card>.card-media,#library .resource-card>.card-media{display:block;position:relative;flex:0 0 auto;width:100%;height:auto;aspect-ratio:16/9;padding:0;margin:0!important;overflow:hidden;background:#fff}
#home .card-media>img,#library .card-media>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;margin:0;padding:0;border:0;aspect-ratio:auto;object-fit:cover;object-position:center 30%}
#home .card-media-cover>img,#library .card-media-cover>img{object-fit:contain;object-position:center;padding:12px;box-sizing:border-box}
#home .resource-card h3,#library .resource-card h3{font-size:28px;line-height:1.2;margin-top:0;margin-bottom:12px}
#library .resource-card>.eyebrow{display:block;margin-top:20px;margin-bottom:8px}
#library .resource-card>.resource-arrow{margin-top:auto}
@media(max-width:600px){#home .resource-card h3,#library .resource-card h3{font-size:24px}}

/* All four categories share one bordered, uncropped image treatment. */
#home .card-media>img,#library .card-media>img{object-fit:contain;object-position:center;padding:12px;box-sizing:border-box;background:#fff;border:1px solid #dfe3e9}

/* September 19 visual correction: a single visible rectangle for every category. */
#home .resource-card,#library .resource-card{border:1px solid #cbd3df;border-radius:3px;overflow:hidden}
#library .resource-card{border-top:3px solid #b18a3e}
#home .resource-card>.card-media,#library .resource-card>.card-media{box-sizing:border-box;border:1px solid #cbd3df;background:#fff;aspect-ratio:16/9}
#home .resource-card .card-media>img,#library .resource-card .card-media>img{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important}
#home .culture-scenes-grid{align-items:start}
#home .culture-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 35%}
#questions figure.compact-photo{width:100%;max-width:720px;margin:28px 0 36px}
#questions figure.compact-photo img{display:block;width:100%;height:auto;max-height:none}
/* Display only the left 77% of the original hero photograph; retain source intact. */
#home .hero-photo{background-image:url("assets/hero.jpg?v=photo5");background-size:130% auto;background-position:left top}
@media(max-width:820px){#home .hero-photo{background-image:url("assets/hero.jpg?v=photo5");background-size:130% auto;background-position:left top}}
@media(max-width:600px){#home .hero-photo{min-height:max(680px,calc(73.125vw + 440px))}}
/* The inner image itself is 16:9, not just the surrounding white frame. */
#home .resource-card>.card-media,#library .resource-card>.card-media{aspect-ratio:auto}
#home .resource-card .card-media>img,#library .resource-card .card-media>img{position:static!important;display:block!important;margin:12px!important;width:calc(100% - 24px)!important;height:auto!important;aspect-ratio:16/9!important}
#library .resource-card.music .card-media>img{object-position:center top!important}
@media(max-width:600px){#home .hero-photo-inner{padding-top:calc(73.125vw + 24px)}}