#ap-photo-intro{--photo-exit:0;position:fixed;inset:0;z-index:4;visibility:hidden;overflow:hidden;isolation:isolate;pointer-events:none;color:#f5efe3;background:transparent;font-family:Arial,sans-serif}
#ap-photo-intro.is-visible{visibility:visible;pointer-events:auto}
#ap-photo-intro .photo-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:#111b22;opacity:calc(1 - var(--photo-exit));touch-action:pan-y;user-select:none;-webkit-user-select:none}
#ap-photo-intro .photo-image-frame{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;overflow:hidden}
#ap-photo-intro .photo-image-frame img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;user-select:none;-webkit-user-select:none;pointer-events:none}
#ap-photo-intro .photo-base{z-index:0}
#ap-photo-intro .photo-portal{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;will-change:clip-path;overflow:hidden}
#ap-photo-intro .photo-person-region{mask-size:100% 100%;mask-position:0 0;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-size:100% 100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat}
#ap-photo-intro .photo-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#080f15ae 0%,#080f1570 23%,transparent 49%),linear-gradient(0deg,#080f15b8,transparent 29%,transparent 76%,#080f153d)}
#ap-photo-intro .photo-lens{position:absolute;left:0;top:0;z-index:3;opacity:0;border:1px solid #fff4dcaf;border-radius:50%;box-shadow:0 0 0 5px #fbddb51a;pointer-events:none;will-change:transform,opacity}
#ap-photo-intro .photo-lens span{position:absolute;left:50%;bottom:-26px;white-space:nowrap;transform:translateX(-50%);font:500 9px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#fff2de;text-shadow:0 1px 10px #000}
#ap-photo-intro .photo-mast,#ap-photo-intro .photo-copy,#ap-photo-intro .photo-reveal-control,#ap-photo-intro .photo-caption,#ap-photo-intro .photo-scroll{position:absolute;z-index:4;opacity:max(0,calc(1 - var(--photo-exit)*1.6))}
#ap-photo-intro .photo-mast{top:36px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
#ap-photo-intro .photo-wordmark{font:italic 900 34px/.8 Impact,'Arial Narrow',sans-serif;letter-spacing:-.03em;white-space:nowrap}
#ap-photo-intro .photo-wordmark>span{font:11px Arial,sans-serif;letter-spacing:.23em;margin-left:9px}
#ap-photo-intro .photo-edition{font:10px Arial,sans-serif;letter-spacing:.2em;color:#d0d5d6}
#ap-photo-intro .photo-jump{font:10px Arial,sans-serif;letter-spacing:.14em;color:inherit;text-decoration:none;white-space:nowrap}
#ap-photo-intro .photo-jump>span{font-size:22px;margin-left:18px}
#ap-photo-intro .photo-copy{left:6vw;top:24vh;max-width:49vw;pointer-events:none;text-shadow:0 2px 20px #0003}
#ap-photo-intro .photo-eyebrow{font:500 clamp(12px,1.15vw,18px)/1.3 Arial,sans-serif;letter-spacing:.19em;margin:0 0 22px;color:#e9ba90}
#ap-photo-intro h1{font:italic 900 clamp(105px,13.7vw,242px)/.73 Impact,'Arial Narrow',sans-serif;letter-spacing:-.065em;margin:0 0 32px;transform:skew(-3deg);text-shadow:0 8px 48px #0004}
#ap-photo-intro h1>span{display:block;font:500 clamp(25px,4.25vw,78px)/1.5 Arial,sans-serif;letter-spacing:-.08em}
#ap-photo-intro .photo-star{color:#eabc8a;display:inline-block;font-size:.68em;margin-left:20px;vertical-align:15%}
#ap-photo-intro .photo-description{font:400 clamp(28px,3.4vw,55px)/1.07 Arial,sans-serif;letter-spacing:-.06em;margin:0 0 20px}
#ap-photo-intro .photo-description em{font-family:Georgia,serif;letter-spacing:-.065em;font-weight:400}
#ap-photo-intro .photo-body{font-size:clamp(12px,1.15vw,16px);line-height:1.5;color:#ccd6d9;margin:0 0 32px}
#ap-photo-intro .photo-enter{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:36px;font:10px Arial,sans-serif;letter-spacing:.17em;pointer-events:auto}
#ap-photo-intro .photo-enter i{display:grid;place-items:center;width:45px;height:45px;border:1px solid #d1c1a899;border-radius:50%;font:22px Arial,sans-serif;font-style:normal;transition:background .18s ease-out,color .18s ease-out}
#ap-photo-intro .photo-reveal-control{border:0;background:transparent;color:#f5efe3;right:8vw;bottom:18vh;min-height:44px;padding:12px 0;display:flex;align-items:center;gap:13px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
#ap-photo-intro .photo-reveal-control>span:not([class]){font:11px Arial,sans-serif;letter-spacing:.035em}
#ap-photo-intro .photo-control-line{width:34px;height:1px;background:#e9be8c}
#ap-photo-intro .photo-control-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #c6d4d666;border-radius:50%;color:#e9be8c;font:21px/1 Arial,sans-serif}
#ap-photo-intro .photo-reveal-control:disabled{visibility:hidden}
#ap-photo-intro .photo-caption{right:8vw;bottom:9vh;display:flex;flex-direction:column;gap:8px;pointer-events:none}
#ap-photo-intro .photo-caption b{font:10px Arial,sans-serif;letter-spacing:.16em;color:#edd3b3}
#ap-photo-intro .photo-caption>span{font:9px Arial,sans-serif;letter-spacing:.13em;color:#c3ccd0}
#ap-photo-intro .photo-scroll{left:6vw;bottom:5vh;display:flex;align-items:center;gap:34px;font:9px Arial,sans-serif;letter-spacing:.2em;color:#bcccd3;pointer-events:none}
#ap-photo-intro .photo-scroll i{font:23px Arial,sans-serif;color:#dec6a5;font-style:normal}
#ap-photo-intro a:focus-visible,#ap-photo-intro button:focus-visible{outline:2px solid #e9be8c;outline-offset:7px}
#ap-photo-intro .photo-sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.intro-active #hint,body.intro-active #spoken{visibility:hidden}
@media(hover:hover) and (pointer:fine){#ap-photo-intro .photo-enter:hover i{background:#d9a875;color:#17202b}#ap-photo-intro .photo-reveal-control:hover{color:#e9be8c}}
@media(max-aspect-ratio:17/20){
 #ap-photo-intro .photo-mast{top:max(25px,env(safe-area-inset-top));left:7vw;right:7vw}
 #ap-photo-intro .photo-base{mask-image:linear-gradient(180deg,transparent 0%,#000 3%,#000 98%,transparent 100%)}
 #ap-photo-intro .photo-edition,#ap-photo-intro .photo-jump{display:none}
 #ap-photo-intro .photo-copy{top:12vh;left:7vw;max-width:40vw}
 #ap-photo-intro .photo-eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:17px}
 #ap-photo-intro h1{font-size:clamp(65px,18vw,105px);margin-bottom:24px}
 #ap-photo-intro h1>span{font-size:clamp(19px,5vw,30px);white-space:nowrap}
 #ap-photo-intro .photo-star{margin-left:8px}
 #ap-photo-intro .photo-description{font-size:clamp(18px,4.7vw,27px);line-height:1.13}
 #ap-photo-intro .photo-body{display:none}
 #ap-photo-intro .photo-enter{position:fixed;bottom:max(3.5vh,20px);left:7vw;font-size:8px;gap:18px}
 #ap-photo-intro .photo-reveal-control{right:7vw;bottom:11.5vh;gap:9px}
 #ap-photo-intro .photo-reveal-control>span:not([class]){font-size:10px}
 #ap-photo-intro .photo-control-line{width:22px}
 #ap-photo-intro .photo-caption{bottom:4.5vh;right:7vw;gap:5px}
 #ap-photo-intro .photo-caption b{font-size:8px;letter-spacing:.12em}
 #ap-photo-intro .photo-caption>span,#ap-photo-intro .photo-scroll{display:none}
 #ap-photo-intro .photo-shade{background:linear-gradient(90deg,#071019a8,transparent 55%),linear-gradient(0deg,#071019cc,transparent 34%),linear-gradient(180deg,#07101988,transparent 28%)}
 #ap-photo-intro .photo-lens span{font-size:8px;bottom:-22px}
}
@media(max-height:600px) and (min-aspect-ratio:17/20){
 #ap-photo-intro .photo-mast{top:22px}#ap-photo-intro .photo-copy{top:22vh}#ap-photo-intro .photo-eyebrow{margin-bottom:13px;font-size:11px}#ap-photo-intro h1{font-size:clamp(80px,12vw,130px);margin-bottom:15px}#ap-photo-intro h1>span{font-size:clamp(25px,4vw,43px)}#ap-photo-intro .photo-description{font-size:26px;margin-bottom:16px}#ap-photo-intro .photo-body{display:none}#ap-photo-intro .photo-scroll{display:none}#ap-photo-intro .photo-reveal-control{bottom:24vh}#ap-photo-intro .photo-caption{bottom:10vh}
}
@media(prefers-reduced-motion:reduce){#ap-photo-intro .photo-enter i{transition:none}#ap-photo-intro .photo-portal,#ap-photo-intro .photo-lens{will-change:auto}}

#ap-photo-intro.photo-wide .photo-base{mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%)}
#ap-photo-intro.world-loading .photo-enter,#ap-photo-intro.world-loading .photo-jump{cursor:progress}

#ap-photo-intro .photo-bike-region{mask-size:100% 100%;mask-position:0 0;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-size:100% 100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat}

#ap-photo-intro .photo-bike-control{position:absolute;z-index:4;right:8vw;bottom:13vh;min-height:40px;padding:8px 0;border:0;background:none;color:#f5efe3;font:11px Arial,sans-serif;letter-spacing:.035em;cursor:pointer;opacity:max(0,calc(1 - var(--photo-exit)*1.6))}#ap-photo-intro .photo-bike-control span{margin-left:14px;color:#e9be8c}#ap-photo-intro .photo-bike-control:disabled{visibility:hidden}@media(max-width:700px){#ap-photo-intro .photo-bike-control{right:7vw;bottom:15vh}}
