.experience-stack{--stack-top:96px;--stack-step:24px;--stack-tail:32px}
.experience-panels{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:clamp(32px,10vh,100px);padding-bottom:var(--stack-tail)}
.experience-panel{--panel-index:0;position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:530px;border-radius:26px;background:#baa6ee;color:#17121e;box-shadow:0 15px 45px #0004;scroll-margin-top:100px}
.experience-panel-2{--panel-index:1;background:#a99af5}
.experience-panel-3{--panel-index:2;background:#9bb8f3}
.experience-panel-4{--panel-index:3;background:#c5ace9}
.experience-panel-copy{padding:40px clamp(26px,4vw,64px) 44px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.experience-panel-label{display:flex;align-items:baseline;gap:18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:42px;line-height:1.4}
.experience-panel-label>span:first-child{font-size:24px;font-weight:500;letter-spacing:-.04em}
.experience-panel h3{font-size:clamp(30px,3.4vw,51px);line-height:1.07;max-width:13ch;margin:0 0 22px;overflow-wrap:break-word}
.experience-panel p{font-size:15px;line-height:1.65;color:#34283e;max-width:39ch;margin:0 0 28px}
.experience-panel-cta{margin-top:auto;background:#151019;color:#fff;border-radius:100px;min-height:48px;text-transform:none;font-size:12px;letter-spacing:0;gap:24px;padding:14px 20px;max-width:100%;text-align:left}
.experience-panel-cta:hover{background:#30223e;transform:translateY(-2px)}
.experience-panel-cta:focus-visible{outline:3px solid #17121e;outline-offset:5px}
.experience-panel-media{position:relative;min-width:0;min-height:100%;border-radius:0 26px 26px 0;overflow:hidden;background:#191122}
.experience-panel-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.experience-panel-cutout{background:radial-gradient(ellipse at 50% 50%,#e4d9ff75,transparent 65%),linear-gradient(135deg,#ffffff20,#45387120)}
.experience-panel-cutout img{object-fit:contain;padding:34px 40px 48px;filter:drop-shadow(0 22px 20px #35224440)}
.experience-panel-signature{position:absolute;right:24px;bottom:20px;letter-spacing:.15em;font-size:9px;color:#fff;mix-blend-mode:difference}
.experience-panel-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#302039;line-height:.8}
.experience-panel-placeholder>span{font-size:clamp(100px,17vw,240px);letter-spacing:-.1em;font-weight:700}
.experience-panel-placeholder>span>span{display:block;font-size:.3em;letter-spacing:.02em;margin:14px 0 28px}
.experience-panel-placeholder small{font-size:9px;letter-spacing:.2em}
.experience-stack.is-stackable .experience-panel{position:sticky;top:calc(var(--stack-top) + var(--panel-index)*var(--stack-step));z-index:var(--panel-index)}
/* Keyboard navigation exposes every link, including panels covered by the stack. */
.experience-stack:has(:focus-visible) .experience-panel{position:relative;top:auto}
.motion-paused .experience-stack .experience-panel{position:relative;top:auto}
@media(max-width:850px){
 .experience-stack{--stack-top:90px;--stack-step:18px}
 .experience-panel{min-height:460px}
 .experience-panel-copy{padding:30px 24px}
 .experience-panel-label{gap:12px;font-size:10px;margin-bottom:28px}
 .experience-panel h3{font-size:34px}
 .experience-panel p{font-size:14px}
 .experience-panel-cutout img{padding:24px}
}
@media(max-width:600px){
 .experience-stack{--stack-top:82px;--stack-step:16px}
 .experience-panels{gap:56px}
 .experience-panel{grid-template-columns:1fr;min-height:0;border-radius:20px}
 .experience-panel-copy{padding:22px 22px 24px}
 .experience-panel-label{font-size:9px;margin-bottom:18px;gap:14px}
 .experience-panel-label>span:first-child{font-size:21px}
 .experience-panel h3{font-size:30px;max-width:16ch;margin-bottom:16px}
 .experience-panel p{font-size:15px;line-height:1.55;margin-bottom:22px}
 .experience-panel-cta{font-size:11px;padding:12px 17px;min-height:48px}
 .experience-panel-media{grid-row:2;height:180px;min-height:0;border-radius:0 0 20px 20px}
 .experience-panel-cutout img{padding:8px 24px 16px}
 .experience-panel-placeholder>span{font-size:100px}
 .experience-panel-placeholder>span>span{margin:5px 0 14px}
 .experience-panel-placeholder small{font-size:8px}
 .experience-panel-signature{right:16px;bottom:12px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.experience-stack .experience-panel{position:relative;top:auto}.experience-panel-cta{transition:none}.experience-panel-cta:hover{transform:none}}

/* The panel is one native link: image, text and blank space share its destination. */
.experience-panel{text-decoration:none}
.experience-panel:focus-visible{outline:3px solid #fff;outline-offset:5px}