/* Essential only: keep photography away from copy and interactive controls. */
#essential .essential-composition{position:relative}
#essential .essential-complete-watch{pointer-events:none;z-index:0}
#essential .essential-complete-watch>.full-watch-photo{pointer-events:none}
#essential .feature-gallery-column{position:relative;z-index:2}
#essential .gallery-choices{position:relative;z-index:3}
#essential .gallery-choice{position:relative;pointer-events:auto;cursor:pointer}
#essential .gallery-choice>span{pointer-events:none}
@media(min-width:901px){
 #essential .essential-complete-watch>.primary-watch{transform:translateX(-10%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 15%,#000 38%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 15%,#000 38%,#000 100%)}
 #essential .feature-gallery-column{width:82%;max-width:350px;justify-self:end}
 #essential .feature-slide img{max-height:min(34svh,310px);object-fit:contain}
}
/* Give the Essential photograph more presence; match Moon detail scale to Essential. */
@media(min-width:901px){
 #essential .essential-complete-watch>.primary-watch{transform:translateX(-10%) scale(1.18)}
 #moon .feature-gallery-column{width:82%;max-width:350px;justify-self:end}
 #moon .feature-slide img{max-height:min(34svh,310px);object-fit:contain}
}
@media(max-width:900px){
 #essential .essential-complete-watch>.primary-watch{width:140%;max-height:92svh}
 #moon .feature-slide img{width:80%;max-width:310px;margin-inline:auto}
}