/* Content stays visible if observation or JavaScript is unavailable. */
[data-home-effect].home-effect-visible{animation:home-section-rise .7s cubic-bezier(.2,.65,.3,1) var(--home-effect-delay,0s) backwards}
[data-home-effect="photo"].home-effect-visible{animation-name:home-photo-reveal;animation-duration:.8s}
@keyframes home-section-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-photo-reveal{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#home-view .facility-card img,#dc-home .dc-space-grid img,#dc-home .dc-programs .dc-photo{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
#home-view .quick-icon,#dc-home .dc-quick>a>span{transition:transform .35s ease}
@media(hover:hover) and (pointer:fine){
#home-view .facility-card:hover img,#dc-home .dc-space-grid>a:hover img,#dc-home .dc-programs>a:hover .dc-photo{transform:scale(1.035)}
#home-view .quick-links>button:hover .quick-icon,#dc-home .dc-quick>a:hover>span{transform:translateY(-4px) rotate(-4deg)}
#home-view .quick-links>button,#home-view .education-links>button,#home-view .community-links>button,#dc-home .dc-quick>a,#dc-home .dc-community>div:last-child>a{transition:transform .3s ease,box-shadow .3s ease}
#home-view .quick-links>button:hover,#home-view .education-links>button:hover,#home-view .community-links>button:hover,#dc-home .dc-quick>a:hover,#dc-home .dc-community>div:last-child>a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #38502a0b}
}
@media(max-width:760px){
[data-home-effect].home-effect-visible{animation-duration:.6s}
@keyframes home-section-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-photo-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
[data-home-effect].home-effect-visible{animation:none!important}
#home-view .facility-card img,#dc-home .dc-space-grid img,#dc-home .dc-programs .dc-photo,#home-view .quick-icon,#dc-home .dc-quick>a>span{transition:none!important;transform:none!important}
#home-view .quick-links>button,#home-view .education-links>button,#home-view .community-links>button,#dc-home .dc-quick>a,#dc-home .dc-community>div:last-child>a{transition:none!important;transform:none!important}
}
/* A gentle continuous rhythm for the main introduction photograph. */
#home-view .about-visual>img{animation:about-photo-breathe 8s ease-in-out infinite;transform-origin:50% 60%}
#home-view .about-caption{animation:about-caption-float 5.5s ease-in-out infinite;text-shadow:none}
#home-view .about-visual:after{animation:about-ring-drift 6.5s ease-in-out infinite}
@keyframes about-photo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes about-caption-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes about-ring-drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.06)}}
@media(max-width:760px){
@keyframes about-caption-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes about-ring-drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.04)}}
}
@media(prefers-reduced-motion:reduce){#home-view .about-visual>img,#home-view .about-caption,#home-view .about-visual:after{animation:none!important;transform:none!important}}

#home-view .notice-row{grid-template-columns:minmax(0,1fr) 108px}
@media(max-width:600px){#home-view .notice-row{grid-template-columns:minmax(0,1fr)}#home-view .notice-row .date{grid-column:1}}