/* Two views of one continuous AI panorama; same scale at the shared boundary. */
body{background:#f7eee0;background-image:none}
main{--coast-stage:clamp(580px,65vw,1000px);position:relative;isolation:isolate;min-height:calc(var(--coast-stage)*2);overflow:hidden;background:transparent}
main::before,main::after{content:"";position:absolute;left:0;width:100%;height:var(--coast-stage);pointer-events:none;z-index:-1;background-image:url('images/andaman-continuous.webp');background-size:100% 200%;background-repeat:no-repeat}
main::before{top:0;background-position:center top}
main::after{top:var(--coast-stage);background-position:center bottom}
main>.page-heading{background:transparent;min-height:520px}
.hero{background:transparent;min-height:650px}
.hero .landscape{display:none}
.heading-content,.hero-copy{background:#ffffffc9}
.page-heading>.coast-credit,.hero-caption{background:#fffffff0}
@media(max-width:760px){main{--coast-stage:760px}.hero{min-height:730px}main>.page-heading{min-height:650px;background:transparent}.heading-content,.hero-copy{background:#ffffffdc}}
@media(prefers-reduced-transparency:reduce){.heading-content,.hero-copy{background:white}}
/* Fixed scenery; document content retains normal scrolling on all screen sizes. */
body{isolation:isolate;background:#dff3f7}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('images/andaman-continuous.webp') center 55%/cover no-repeat}
main{min-height:0;overflow:visible;background:transparent}
main::before,main::after{display:none}
@media(max-width:760px){body::before{background-position:center center}}