/* Full photographic frame: natural image dimensions determine the hero height. */
@media(min-width:761px){
 html body .hero-scroll{width:100%;max-width:none;margin:0;padding:0}
 html body .hero-stage{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:auto;margin:0;padding:0;overflow:visible;isolation:isolate}
 html body .hero-photo{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;align-self:center;transform:none;translate:none;filter:none}
 html body .hero-shade{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,rgba(250,241,224,.7),rgba(250,241,224,.35) 34%,transparent 57%)}
 html[data-theme=dark] body .hero-shade{background:linear-gradient(90deg,rgba(17,26,34,.78),rgba(17,26,34,.42) 34%,transparent 60%)}
 html body .hero-content{grid-area:1/1;position:relative;align-self:center;width:49%;max-width:none;margin:0;padding:40px 24px 40px 4%;z-index:2;background:transparent}
 html body .hero-content h1{font-size:clamp(40px,4.6vw,100px)}
 html body .hero-content>p{max-width:650px;font-size:clamp(17px,1.25vw,24px)}
 html:lang(km) body .hero-content h1{font-size:clamp(28px,3.2vw,68px)}
 html body .section,html body .proof-section,html body .journey-grid,html body .impact-inner{width:96%;max-width:none;margin-inline:auto}
 html body .membership-preview{width:96%;max-width:none;padding:40px 2%}
 html body .ivory-workspace{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 html body .ivory-tile{height:auto;min-height:0;max-height:none;aspect-ratio:3/2}
 html body .ivory-tile .picture-art img{object-fit:contain;background:#27383f}
 html body .community{width:96%;max-width:none}
}
@media(min-width:761px) and (max-width:1100px){
 html body .hero-content{width:53%;padding:24px 20px 24px 3%}
 html body .hero-content h1{font-size:clamp(32px,4.3vw,47px);margin:12px 0 18px}
 html body .hero-content>.eyebrow{margin-bottom:10px}
 html body .hero-content>p{font-size:16px;margin-bottom:18px}
 html body .hero-actions .button{font-size:13px;padding:10px 14px;min-height:44px}
 html body .hero-values{font-size:12px;gap:12px;margin-top:18px}
 html:lang(km) body .hero-content h1{font-size:28px}
}
/* On phones, show the complete photograph above the live, selectable text. */
@media(max-width:760px){
 html body .hero-stage{display:flex;flex-direction:column;padding-top:0;min-height:0;height:auto;aspect-ratio:auto}
 html body .hero-photo{position:relative;inset:auto;order:0;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none;translate:none}
 html body .hero-shade{display:none}
 html body .hero-content{order:1;width:100%;padding:28px 6% 36px}
 html body .ivory-tile .picture-art img{object-fit:contain;background:#27383f}
}