.pep-photo-story {position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(650px,66.667vw,1100px);margin:15px 0 110px;background:#201914;color:#fff;}
.pep-photo-story__images {position:absolute;inset:0;z-index:-2;}
.pep-photo-story__image {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,center);opacity:0;transform:scale(1.045);transition:opacity .7s ease,transform 1.4s cubic-bezier(.16,1,.3,1);}
.pep-photo-story__image.is-active {opacity:1;transform:scale(1);}
.pep-photo-story::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0005,transparent 52%),linear-gradient(0deg,#0005,transparent 38%);}
.pep-photo-story__eyebrow {position:absolute;left:clamp(24px,2.65vw,45px);top:7.3%;font-size:clamp(10px,1vw,16px);font-weight:600;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;}
.pep-photo-story__next-photo {position:absolute;left:clamp(24px,2.65vw,45px);top:13.5%;width:clamp(180px,24.4vw,380px);aspect-ratio:1;padding:0;border:3px solid #fff;background:#fff;color:#fff;overflow:hidden;}
.pep-photo-story__next-photo img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.pep-photo-story__next-photo > span {position:absolute;inset:auto 0 0;padding:12px 14px;background:#000b;font-size:11px;letter-spacing:.04em;text-align:left;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1);}
.pep-photo-story__next-photo:focus-visible {outline:3px solid #fff;outline-offset:6px;}
.pep-photo-story__next-photo:focus-visible > span {opacity:1;transform:none;}
.pep-photo-story__title {position:absolute;left:clamp(24px,2.65vw,45px);bottom:5.9%;width:65%;color:#fff;line-height:.85;font-size:clamp(120px,20.5vw,340px);font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.035em;pointer-events:none;}
.pep-photo-story__title span {display:block;white-space:nowrap;width:max-content;transform:scaleX(.71);transform-origin:left bottom;}
.pep-photo-story__controls {position:absolute;right:clamp(24px,2.65vw,45px);bottom:7%;display:flex;align-items:center;gap:clamp(20px,3vw,48px);background:#0e0a08b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-left:clamp(18px,2vw,32px);}
.pep-photo-story__company {font-size:clamp(12px,1.45vw,23px);font-weight:600;line-height:1;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;}
.pep-photo-story__count {font-size:clamp(11px,1vw,16px);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pep-photo-story__advance {display:grid;place-items:center;width:clamp(56px,4.5vw,76px);height:clamp(56px,4.5vw,76px);padding:0;background:var(--blue);color:#fff;}
.pep-photo-story__advance svg {transition:transform .45s cubic-bezier(.16,1,.3,1);}
.pep-photo-story__advance:focus-visible {outline:3px solid #fff;outline-offset:4px;}
.pep-photo-story__announcement {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(hover:hover) and (pointer:fine){.pep-photo-story__next-photo:hover img {transform:scale(1.045);}.pep-photo-story__next-photo:hover > span {opacity:1;transform:none;}.pep-photo-story__advance:hover svg {transform:translateX(4px);}}
@media(min-width:601px) and (max-width:1100px){.pep-photo-story__title {bottom:130px;}}
@media(max-width:850px){.pep-photo-story__company {font-size:12px;letter-spacing:.08em;}.pep-photo-story__controls {gap:18px;}.pep-photo-story__title {font-size:20vw;}.pep-photo-story__next-photo {width:25vw;}}
@media(max-width:600px){
 .pep-photo-story {height:680px;margin:5px 0 65px;}
 .pep-photo-story__eyebrow {top:30px;left:24px;max-width:28ch;font-size:10px;line-height:1.8;letter-spacing:.14em;}
 .pep-photo-story__next-photo {top:90px;left:24px;width:124px;border-width:2px;}
 .pep-photo-story__title {left:24px;bottom:112px;width:calc(100% - 48px);font-size:clamp(100px,26.5vw,158px);}
 .pep-photo-story__title span {transform:scaleX(.71);}
 .pep-photo-story__controls {left:24px;right:24px;bottom:30px;justify-content:space-between;gap:16px;padding-left:16px;}
 .pep-photo-story__company {font-size:12px;letter-spacing:.08em;}
 .pep-photo-story__advance {width:56px;height:56px;flex:none;}
 .pep-photo-story__image {object-position:72% center;}
 .pep-photo-story__next-photo > span {padding:8px;font-size:9px;}
}
@media(prefers-reduced-motion:reduce){.pep-photo-story__image,.pep-photo-story__next-photo img,.pep-photo-story__next-photo > span,.pep-photo-story__advance svg {transition:none;transform:none;}}

/* Both photo states share the same heading scale and final resting position. */
.pep-photo-journey .pep-photo-story__title {
 left:clamp(24px,3.5vw,64px);right:clamp(24px,3.5vw,64px);bottom:7%;width:auto;
 font-size:clamp(70px,10vw,170px);line-height:.9;letter-spacing:-.025em;
}
.pep-photo-journey .pep-photo-story__title span {transform:none;}
@media(max-width:700px) {
 .pep-photo-journey .pep-photo-story__title {font-size:clamp(64px,17vw,105px);}
}