/* One 16:9 overview composition: every overlay scales with the fitted image. */
#stage[data-mode=overview] #surface{width:min(100vw,177.7778svh);height:min(56.25vw,100svh);left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
#stage[data-mode=overview] #still,#stage[data-mode=overview] #focus,#stage[data-mode=overview] #markers{inset:0;width:100%;height:100%;transform:none;object-fit:contain}
#stage[data-mode=overview] #overviewCopy{width:42cqw;max-width:none;left:auto;right:5%;top:auto;bottom:9%;text-align:left;transform:none}
#overviewCopy .course-name{font-size:1.5625cqw;margin-bottom:.625cqw}
#overviewCopy .eyebrow{font-size:.46875cqw;letter-spacing:.103cqw;line-height:1.8}
#overviewCopy h1{font-size:3.54cqw;white-space:nowrap;text-wrap:nowrap;line-height:.96;margin:.73cqw 0;letter-spacing:-.03em}
#overviewCopy p{font:italic 400 1.1458cqw/1.6 Didot,'Bodoni MT',Georgia,serif;white-space:nowrap;text-wrap:nowrap;margin:1.04cqw 0}
#courseStats{display:flex;justify-content:space-between;align-items:center;gap:.6cqw;margin:1.04cqw 0 .42cqw}
#courseStats>div{text-align:center;flex:1}
#courseStats>div+div{border-left:1px solid #eee6d044;padding-left:.6cqw}
#courseStats dt{font:.46875cqw/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06cqw;white-space:nowrap;opacity:.78}
#courseStats dd{font:400 1.67cqw/1 Didot,'Bodoni MT',Georgia,serif;margin:.3125cqw 0 0}
.yardageCaption{font:.4167cqw Arial,sans-serif;letter-spacing:.06cqw;text-transform:uppercase;opacity:.6;text-align:center}
#overviewCopy .pill{font-size:.5208cqw;letter-spacing:.018cqw;padding:.625cqw 1.04cqw;min-height:0;border-radius:2.08cqw;border-width:.052cqw}
#overviewCopy .pill span{margin-left:1.25cqw}
#stage[data-mode=overview] .marker{width:1.51cqw;height:1.51cqw;font-size:.5208cqw;border-width:.052cqw}
#stage[data-mode=overview] .marker.active{width:2.1875cqw;height:2.1875cqw;font-size:.729cqw;box-shadow:0 0 0 .365cqw #f3ebd81a}
#stage[data-mode=overview] #demoCallout{width:9.635cqw;padding:.417cqw 1.25cqw .417cqw 0;font-size:.8854cqw;line-height:1.35}
#stage[data-mode=overview] #demoCallout span{font-size:1.04cqw}
#stage[data-mode=overview] header{inset:1.5625cqw 4% auto}
#stage[data-mode=overview] .wordmark b{font-size:1.5625cqw}#stage[data-mode=overview] .wordmark span{font-size:.4167cqw}
#stage[data-mode=overview] nav{gap:1.77cqw;font-size:.573cqw}#stage[data-mode=overview] nav a{display:block}
#stage[data-mode=overview] .book{padding:.625cqw 1.04cqw;font-size:.5208cqw}#stage[data-mode=overview] .book span{margin-left:.9375cqw}
#stage[data-mode=overview] footer{bottom:.52cqw;min-height:.94cqw;font-size:.3125cqw;padding-right:9.375cqw;gap:.83cqw}
#stage[data-mode=overview] footer button{font-size:.365cqw}
#stage[data-mode=overview] #poweredBy{font-size:.573cqw;gap:.365cqw}#stage[data-mode=overview] #poweredBy img{width:5cqw}
#stage[data-mode=overview] #overviewCopy{font-size:.833333cqw;line-height:normal}
#courseStats>div+div{border-left-width:.052083cqw}
/* Demo invitation gently nudges toward the fixed, clickable ninth-hole marker. */
#stage[data-mode=overview] #demoCallout{animation:signatureInvitation 2.4s ease-in-out infinite}
@keyframes signatureInvitation{0%,100%{translate:-.3cqw 0}50%{translate:.2cqw 0}}
#stage[data-mode=overview] #demoCallout:hover,#stage[data-mode=overview] #demoCallout:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#stage[data-mode=overview] #demoCallout{animation:none;translate:0 0}}
/* Match Rustic's expanding hover halo, with a slight lift in circle size. */
#stage[data-mode=overview] .marker.active{transition:scale .2s ease,box-shadow .2s ease}
#stage[data-mode=overview] .marker.active:hover,#stage[data-mode=overview] .marker.active:focus-visible{scale:1.08;box-shadow:0 0 0 .573cqw #fffbed36,0 .156cqw 1.302cqw #050d0770}
@media(prefers-reduced-motion:reduce){#stage[data-mode=overview] .marker.active{transition:none}}