/* Edge-to-edge landscape. No contain-fit image or framed surface. */
.alpine-journey.alpine-panorama{height:clamp(600px,49vw,800px);width:100%;max-width:none;margin:0;padding:0;background:#f6f4ed;--alpine-depth:0;isolation:isolate;overflow:hidden}
.alpine-panorama .alpine-landscape{position:absolute;inset:-3% 0;z-index:0;transform:translate3d(0,calc(var(--alpine-depth)*9px),0);pointer-events:none}
.alpine-panorama .alpine-landscape img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 19%,#000 81%,transparent)}
.alpine-panorama .alpine-heading{position:absolute;z-index:4;top:17%;left:20%;width:60%;padding:0;text-align:center}
.alpine-panorama .alpine-heading>span{font-size:12px;letter-spacing:.14em;color:#907746}
.alpine-panorama .alpine-heading h2{font:400 clamp(66px,6.6vw,104px)/.94 CampaignSerif,Georgia,serif;letter-spacing:-.035em;color:#26342a;margin:25px 0 0;text-shadow:0 1px 18px #f6f4ed50}
.alpine-panorama .alpine-heading h2 em{font:inherit;color:#9b7c3f;display:inline-block;margin-top:7px}
.alpine-panorama .alpine-veil{position:absolute;z-index:2;inset:43% -24% -7%;background:#fcfbf5;mask:url('assets/range-mist.webp') center/100% 100% no-repeat;mask-mode:luminance;pointer-events:none;animation:panorama-mist-front 23s ease-in-out infinite alternate;opacity:.72}
.alpine-panorama .veil-distant{inset:32% -18% 9%;opacity:.4;animation:panorama-mist-back 32s ease-in-out infinite alternate}
.alpine-panorama .alpine-edge-fade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(#f6f4ed,transparent 17%,transparent 77%,#f6f4ed 99%)}
.alpine-panorama .alpine-footnote{z-index:4;bottom:25px}
@keyframes panorama-mist-front{0%{transform:translate3d(-9%,3%,0) scale(1.04)}100%{transform:translate3d(10%,-3%,0) scale(1.12)}}
@keyframes panorama-mist-back{0%{transform:translate3d(7%,-2%,0) scaleX(-1)}100%{transform:translate3d(-8%,3%,0) scaleX(-1)}}
@media(max-width:700px){.alpine-journey.alpine-panorama{height:470px}.alpine-panorama .alpine-landscape{inset:120px 0 0;transform:none}.alpine-panorama .alpine-landscape img{height:auto;object-fit:contain;mask-image:linear-gradient(transparent,#000 16%,#000 78%,transparent)}.alpine-panorama .alpine-heading{top:36px;left:7%;width:86%}.alpine-panorama .alpine-heading>span{font-size:12px;letter-spacing:.07em}.alpine-panorama .alpine-heading h2{font-size:clamp(48px,13.5vw,76px);line-height:.97;margin:22px 0 0;max-width:none}.alpine-panorama .alpine-veil{inset:51% -28% -2%;opacity:.66;animation-duration:25s}.alpine-panorama .veil-distant{display:block;inset:49% -23% 9%;opacity:.28;animation-duration:34s}.alpine-panorama .alpine-footnote{bottom:22px;font-size:11px;gap:12px;letter-spacing:.04em}.alpine-panorama .alpine-footnote i{width:25px}}
@media(prefers-reduced-motion:reduce){.alpine-panorama .alpine-veil{animation:none}.alpine-panorama .alpine-landscape{transform:none}}
.motion-paused .alpine-panorama .alpine-veil,.alpine-panorama:not(.bridge-in-view) .alpine-veil{animation-play-state:paused}
/* The supplied airplane is the only new visual in this section. */
#intro.alpine-panorama .alpine-landscape{opacity:.46;}
#intro.alpine-panorama .alpine-aircraft{position:absolute;z-index:3;left:50%;bottom:0;width:clamp(340px,53vw,820px);pointer-events:none;opacity:0;transform:translate(-50%,150%);animation:scads-alpine-ascent 18s 1.2s linear infinite;will-change:transform,opacity;}
#intro .alpine-aircraft img{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 10px 16px #51483b18);}
#intro .alpine-heading{z-index:5;}
#intro .alpine-footnote{z-index:5;}
@keyframes scads-alpine-ascent{
 0%,5%{opacity:0;transform:translate(-50%,150%) scale(.78)}
 14%{opacity:.88;transform:translate(-50%,20%) scale(.85)}
 37%{opacity:1;transform:translate(-50%,-240px) perspective(900px) rotateX(0deg) scale(1)}
 60%{opacity:1;transform:translate(-50%,-610px) perspective(900px) rotateX(8deg) scale(1.16)}
 76%,100%{opacity:0;transform:translate(-50%,-1030px) perspective(900px) rotateX(20deg) scale(1.26)}
}
#intro.alpine-panorama:not(.bridge-in-view) .alpine-aircraft,.motion-paused #intro .alpine-aircraft{animation-play-state:paused;}
@media(max-width:700px){
 #intro.alpine-panorama .alpine-landscape{opacity:.35;}
 #intro.alpine-panorama .alpine-aircraft{width:79vw;max-width:480px;animation-name:scads-alpine-ascent-mobile;}
 #intro .alpine-aircraft img{filter:drop-shadow(0 5px 8px #51483b12);}
 @keyframes scads-alpine-ascent-mobile{
  0%,5%{opacity:0;transform:translate(-50%,155%) scale(.77)}
  15%{opacity:.92;transform:translate(-50%,-70px) scale(.88)}
  38%{opacity:1;transform:translate(-50%,-185px) perspective(700px) rotateX(0deg) scale(.98)}
  60%{opacity:1;transform:translate(-50%,-340px) perspective(700px) rotateX(7deg) scale(1.06)}
  78%,100%{opacity:0;transform:translate(-50%,-610px) perspective(700px) rotateX(18deg) scale(1.14)}
 }
}
@media(prefers-reduced-motion:reduce){
 #intro.alpine-panorama .alpine-aircraft{animation:none;opacity:.85;bottom:19%;width:min(52vw,650px);transform:translateX(-50%);will-change:auto;}
}

#intro .flight-sound{position:absolute;z-index:6;right:5%;bottom:62px;background:none;border:0;border-bottom:1px solid #aa905947;padding:12px 0;color:#867044;font:400 11px/1.4 Body,Arial,sans-serif;letter-spacing:.12em;cursor:pointer;min-height:44px;}
#intro .flight-sound:focus-visible{outline:1px solid #a1874d;outline-offset:5px;}
@media(max-width:700px){#intro .flight-sound{bottom:51px;right:7%;font-size:11px;}}