/* Full-width opening slide, with the complete photograph kept in frame. */
body>main{width:100%;max-width:none;margin-inline:0}
.feature-opening{width:100%;max-width:none;margin-inline:0;min-height:calc(100svh - var(--site-header-height,90px));padding-inline:0;box-sizing:border-box}
.feature-opening .feature-opening-photo{inset:0;width:100%;height:100%;max-width:none;object-fit:contain!important;object-position:center center!important;transform:none!important;translate:none!important;scale:1!important;animation:none!important}
.feature-opening .feature-opening-content{width:min(64%,900px);min-width:0;padding:clamp(30px,5vh,64px) 24px clamp(40px,6vh,70px) clamp(24px,6vw,110px)}
.feature-opening h1 span{white-space:normal;overflow:visible;overflow-wrap:normal}
@media(max-width:760px){
 .feature-opening{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:calc(100svh - var(--site-header-height,90px))}
 .feature-opening .feature-opening-photo{position:relative;height:auto;aspect-ratio:3/2;flex:none;z-index:0;object-fit:contain!important}
 .feature-opening .feature-opening-shade{background:linear-gradient(0deg,#111b27 0%,#111b2700 65%);height:50%;top:0;bottom:auto;z-index:0;pointer-events:none}
 .feature-opening .feature-opening-content{width:100%;padding:24px max(24px,env(safe-area-inset-left)) 36px;flex:1}
 .feature-opening h1{font-size:clamp(28px,7vw,46px)}
}
/* Keep the first home-slide lettering within the visible area at every width. */
.feature-opening{height:auto;overflow:visible;scroll-margin-top:var(--site-header-height,90px)}
.feature-opening .hero-orbit{max-width:100%;left:0;overflow:hidden;pointer-events:none}
.feature-opening .feature-opening-content{max-width:100%;overflow:visible;transform:none!important;translate:none!important}
.feature-opening h1{font-size:clamp(30px,4vw,62px);max-width:100%;padding-inline:.08em;overflow:visible}
.feature-opening h1 span{max-width:100%;padding-inline:.06em;white-space:normal;transform:none!important;translate:none!important;animation:none!important;filter:none!important}
.feature-opening .feature-opening-tagline{max-width:100%;padding-inline:.12em}
.feature-opening .feature-opening-tagline span{transform:none!important;animation:none!important}
@media(max-width:1000px){.feature-opening .feature-opening-content{width:100%;padding-inline:clamp(24px,5vw,50px)}}
@media(max-width:760px){.feature-opening h1{font-size:clamp(24px,6.3vw,44px)}.feature-opening .feature-opening-content{padding-inline:max(24px,env(safe-area-inset-left));padding-bottom:40px}}
/* Edge-to-edge photo: remove the dark bars around the fitted image. */
.feature-opening{overflow:hidden;border:0;background-image:url('design/dr-sid-teaching-hero.jpg');background-size:cover;background-position:left center}
.feature-opening .feature-opening-photo{object-fit:cover!important;object-position:left center!important;border:0;border-radius:0}
@media(max-width:760px){.feature-opening{background-image:none}.feature-opening .feature-opening-photo{object-fit:cover!important;object-position:center!important;display:block;width:100%;margin:0;border:0;border-radius:0}}
