/* Full-width editorial photographs with an overscanned, scroll-driven image plane. */
.photo-story{position:relative;isolation:isolate;overflow:hidden;background:#131313;min-height:540px;height:76svh;max-height:850px;border-block:1px solid #ffffff16;--photo-shift:0px;--photo-copy-y:0px;--photo-turn:0deg}
.photo-story-frame{position:absolute;inset:0;z-index:-3;overflow:hidden}
.photo-story-image{position:absolute;left:-6%;top:0;width:112%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%;display:block;transform:translate3d(var(--photo-shift),0,0)}
.photo-story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909cc 0%,#09090972 32%,#0909090a 65%),linear-gradient(0deg,#0909099c,transparent 45%)}
.photo-story--right .photo-story-shade{background:linear-gradient(270deg,#090909db 0%,#09090985 32%,#09090900 70%),linear-gradient(0deg,#09090985,transparent 48%)}
.photo-story-content{position:absolute;left:var(--pad);top:50%;width:min(45%,640px);transform:translate3d(0,calc(-50% + var(--photo-copy-y)),0);z-index:2}
.photo-story--right .photo-story-content{left:auto;right:var(--pad);width:min(44%,610px)}
.photo-story-content .eyebrow{color:#ff8b38;font-size:10px;letter-spacing:.18em;margin-bottom:25px}
.photo-story h2{font-size:clamp(45px,5.1vw,82px);line-height:1.04;color:#f4f0e9;letter-spacing:-.06em;text-wrap:balance}
.photo-story h2 em{color:#ff7b1c}
.photo-story-description{font-size:15px;line-height:1.8;max-width:370px;color:#ddd8d0;margin-top:25px}
.photo-story .text-link{margin-top:29px;font-size:12px;border-color:#b0a79b;color:#f4f0e9}
.photo-story .text-link:hover{color:var(--accent);border-color:var(--accent)}
.photo-story-marker{position:absolute;right:var(--pad);top:30px;color:#edece5;letter-spacing:.15em;font-size:9px;border:1px solid #ffffff45;border-radius:50%;height:56px;width:56px;display:grid;place-items:center;transform:rotate(var(--photo-turn));background:#11111130}
.photo-story--right .photo-story-marker{right:auto;left:var(--pad)}
.photo-story-credit{position:absolute;right:var(--pad);bottom:28px;color:#ded9d0;font-size:8px;letter-spacing:.14em}
.photo-story--right .photo-story-credit{right:auto;left:var(--pad)}
.motion-on .photo-story-image{will-change:transform}
.motion-on .photo-story-content{will-change:transform}
.photo-story--design-digital .photo-story-image{object-position:45% 0%}
.photo-story--creation-3d .photo-story-image{object-position:50% 0%}
@media(min-width:1700px){.photo-story{height:80svh;max-height:950px}.photo-story-content{left:max(var(--pad),calc((100vw - 1560px)/2))}.photo-story--right .photo-story-content{right:max(var(--pad),calc((100vw - 1560px)/2))}}
@media(max-width:1000px){.photo-story{height:680px;min-height:0}.photo-story-content{width:48%}.photo-story--right .photo-story-content{width:47%}.photo-story h2{font-size:52px}.photo-story-description{font-size:14px;max-width:300px}.photo-story-content .eyebrow{font-size:9px}}
@media(max-width:700px){.photo-story{height:710px;max-height:none;min-height:0}.photo-story-frame{bottom:125px}.photo-story-image{top:0;height:100%;object-position:var(--mobile-focus,50%) 0%}.photo-story--design-digital .photo-story-image,.photo-story--creation-3d .photo-story-image{object-position:var(--mobile-focus,50%) 0%}.photo-story .photo-story-shade{background:linear-gradient(0deg,#131313 1%,#131313f0 23%,#1313134d 52%,#13131300 76%)}.photo-story .photo-story-content{left:var(--pad);right:var(--pad);top:auto;bottom:50px;width:auto;transform:translate3d(0,var(--photo-copy-y),0)}.photo-story-content .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}.photo-story h2{font-size:clamp(40px,10vw,59px);max-width:460px}.photo-story-description{font-size:13px;line-height:1.7;margin-top:16px;max-width:310px}.photo-story .text-link{font-size:11px;margin-top:19px;gap:20px}.photo-story-marker,.photo-story--right .photo-story-marker{top:22px;left:auto;right:var(--pad);width:43px;height:43px;font-size:8px}.photo-story-credit,.photo-story--right .photo-story-credit{left:var(--pad);right:auto;bottom:18px;font-size:6px}.photo-story--film{height:690px}.photo-story--creation-3d{height:710px}}
@media(prefers-reduced-motion:reduce){.photo-story-image{transform:none!important;will-change:auto!important}.photo-story-content{transform:translateY(-50%)!important;will-change:auto!important}.photo-story-marker{transform:none!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.photo-story .photo-story-content{transform:none!important}}
