/* Daymark Stage 3C-1 / T1: owner-authorized homepage-only additive correction.
   AI-illustrated reconstructed scene. Preserve 1536x505 Stage 3B original independently.
   No changes to practice-intro tablet question-note pending correction. */
.page-home.phase2-concept1 .home-hero{background:#f8f5f0;isolation:isolate;border-radius:10px}
.page-home.phase2-concept1 .hero-visual{background:#f8f5f0}
.page-home.phase2-concept1 .hero-visual::before{display:none}
.page-home.phase2-concept1 .hero-photo-window{position:absolute;inset:0;width:100%;height:100%;max-height:none}
.page-home.phase2-concept1 .hero-photo-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;border:0;border-radius:0}
.page-home.phase2-concept1 .hero-content{background:#f8f5f0}
@media(min-width:1100px){
 .page-home.phase2-concept1 .hero-visual{min-height:390px}
}
/* Responsive photo-first 701–1099px; compress vertical budget around 1099. */
@media(min-width:701px) and (max-width:1099px){
 .page-home.phase2-concept1 .home-hero{display:flex;flex-direction:column;min-height:0}
 .page-home.phase2-concept1 .hero-visual{order:0;position:relative;flex:none;width:100%;height:clamp(300px,36vw,390px)}
 .page-home.phase2-concept1 .hero-photo-window img{object-position:50% 7%}
 .page-home.phase2-concept1 .hero-content{order:1;padding:23px 28px 19px}
 .page-home.phase2-concept1 .hero-content h1{max-width:25ch;font-size:clamp(30px,3.3vw,36px);margin-bottom:10px}
 .page-home.phase2-concept1 .hero-description{max-width:65ch;line-height:1.48}
 .page-home.phase2-concept1 .hero-actions{gap:10px;margin-top:13px}
 .page-home.phase2-concept1 .hero-pathways{order:2}
}
/* Keep the same photo height and pathway layout on both sides of 701/700. */
@media(max-width:899px){
 .page-home.phase2-concept1 .hero-pathways{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px}
 .page-home.phase2-concept1 .hero-pathways a{min-height:48px;border:0;border-bottom:1px solid #e2dfd8;padding:7px 9px}
 .page-home.phase2-concept1 .hero-pathways a:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:700px){
 .page-home.phase2-concept1 .hero-visual{order:0;position:relative;width:100%;height:clamp(210px,43vw,300px);flex:none}
 .page-home.phase2-concept1 .hero-photo-window{height:100%;max-height:none}
 .page-home.phase2-concept1 .hero-content{order:1;padding:22px 22px 18px}
 .page-home.phase2-concept1 .hero-pathways{order:2}
}
@media(max-width:360px){
 .page-home.phase2-concept1 .hero-visual,.page-home.phase2-concept1 .hero-photo-window{height:210px}
}