/* Stable, independent slide layers keep outgoing and incoming crops separate. */
.experience-scene{isolation:isolate}
.experience-image{position:absolute;inset:0 0 0 auto;width:63%;height:100%;z-index:1;overflow:hidden}
.portrait-layer{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.portrait-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 10%;max-width:none}
.portrait-wash{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 70%)}
.portrait-layer[data-framing="full"] .portrait-photo{inset:var(--photo-inset,3%) 0;width:100%;height:calc(100% - var(--photo-inset,3%) * 2);object-fit:contain;object-position:center}
.experience-scene:after{display:block;position:absolute;z-index:2;inset:0 auto 0 0;width:54%;background:linear-gradient(90deg,#171615 55%,#171615e8 72%,#17161500 100%);pointer-events:none}
.experience-copy{z-index:3;width:46%;padding-left:6vw}
.experience-description h3{font-size:clamp(48px,5.7vw,94px)}
.experience-description>p{font-size:15px;line-height:1.75;max-width:340px}
.final-calls{width:min(100%,440px);margin-top:28px}
.final-calls strong{font-size:clamp(18px,1.45vw,23px);line-height:1.35}
.final-calls small{font-size:14px;line-height:1.55;max-width:360px;color:#c0b8ad}
.final-calls a{padding:17px 0;gap:18px}
.slideshow-controls{position:absolute;z-index:5;top:20px;right:124px;display:flex;gap:8px;align-items:center}
.slideshow-controls .slideshow-step,.slideshow-controls .slideshow-control{position:relative;inset:auto;border:1px solid #ffffff35;background:#1716159c;color:#e6dccd;cursor:pointer;backdrop-filter:blur(8px)}
.slideshow-step{width:30px;height:30px;border-radius:50%;font:16px Inter,Arial,sans-serif}
.slideshow-controls .slideshow-control{padding:7px 12px;font-size:10px;border-radius:30px;min-height:30px;white-space:nowrap}
.slideshow-count{margin-left:10px;font-size:9px}
@media(min-width:701px) and (max-height:720px){.experience-copy{padding-top:22px;padding-bottom:28px}.experience-copy>.eyebrow{margin-bottom:16px}.experience-description h3{font-size:clamp(36px,7.5svh,64px);margin-bottom:18px}.experience-description>p{font-size:14px}.final-calls{margin-top:20px}.final-calls a{padding:12px 0}.final-calls strong{font-size:18px}.final-calls small{font-size:13px}}
@media(max-width:700px){
 .experience-scene{height:100svh;display:block;padding:0}
 .experience-image{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - var(--copy-space,410px) + 140px);min-height:62svh;max-height:84%;z-index:1}
 .portrait-layer[data-shape="portrait"] .portrait-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
 .portrait-layer[data-shape="landscape"] .portrait-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
 .portrait-wash{display:none}
 .experience-scene:after{inset:0;width:100%;height:100%;z-index:2;background:linear-gradient(0deg,#171615 0%,#171615 27%,#171615f5 37%,#17161599 51%,#17161500 72%)}
 .experience-copy{position:absolute;inset:auto 0 0;width:100%;height:auto;padding:0 7vw max(30px,env(safe-area-inset-bottom));margin:0;z-index:3;display:flex}
 .experience-description h3{font-size:clamp(36px,10.4vw,60px);line-height:.98;margin-bottom:0}
 .experience-description>p{display:none}
 .final-calls{margin-top:22px;width:100%}.final-calls a{padding:14px 0;gap:12px}
 .final-calls strong{font-size:16px;line-height:1.4}.final-calls small{font-size:13px;line-height:1.5;max-width:none;margin-top:5px}
 .call-arrow{font-size:22px}
 .slideshow-controls{inset:14px auto auto 12px;gap:7px;max-width:calc(100% - 108px)}
 .slideshow-controls .slideshow-control{font-size:10px;padding:6px 9px;min-height:28px}
 .slideshow-step{width:28px;height:28px;font-size:15px}
 .slideshow-count{margin-left:7px;font-size:9px}
}
@media(max-width:700px) and (min-height:451px) and (max-height:700px){
 .experience-scene{height:calc(60svh + var(--copy-space,430px) - 75px);min-height:100svh}
 .experience-image{height:65svh;min-height:300px;max-height:none}
 .experience-scene:after{background:linear-gradient(0deg,#171615 0%,#171615 32%,#171615e8 49%,#17161560 65%,#17161500 79%)}
}
@media(max-width:700px) and (max-height:450px){
 .experience-scene{height:100svh}
 .experience-image{inset:0 0 0 auto;width:64%;height:100%;min-height:0;max-height:none}
 .portrait-layer[data-shape="portrait"] .portrait-photo{object-fit:contain;object-position:50% 50%}
 .experience-copy{width:57%;inset:0 auto 0 0;justify-content:center;padding:20px 4vw}
 .experience-description h3{font-size:32px}.final-calls{margin-top:16px}.final-calls a{padding:9px 0}.final-calls strong{font-size:15px}.final-calls small{font-size:12px}
 .experience-scene:after{background:linear-gradient(90deg,#171615 10%,#171615ed 40%,#17161500 80%)}
}
@media(prefers-reduced-motion:reduce){.portrait-layer{scroll-behavior:auto}}
@media(max-width:700px){.portrait-layer[data-shape="landscape"] .portrait-photo{height:min(65svh,100%)}}
@media(max-width:700px) and (max-height:450px){.portrait-layer[data-shape="landscape"] .portrait-photo{height:100%}}