/* Three client situations share one material stage. Existing copy and destinations stay in place. */
.doors .section-intro{margin-bottom:48px}
.doors .section-intro .section-subtitle{max-width:none;width:100%}
.doors-experience{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,3vw,58px);align-items:start}
.doors .doors-grid{display:flex;flex-direction:column;gap:8px;min-width:0}
.doors .door-story,.doors .door-story:first-child,.doors .door-story:hover,.doors .door-story:first-child:hover{display:block;min-height:0;margin:0;padding:24px 30px 25px;background:transparent;border:0;color:var(--ink);transition:background .25s ease,padding .25s ease}
.doors .door-story.is-active,.doors .door-story.is-active:hover{padding:34px 38px 35px;background:var(--white)}
.doors .door-story .door-tag,.doors .door-story:first-child .door-tag{display:flex;align-items:center;gap:19px;margin:0 0 15px;color:var(--muted);font:500 11px/1.5 var(--body);letter-spacing:.035em}
.door-story-number{color:var(--oxide-deep);font:500 13px/1.2 var(--head);letter-spacing:0}
.doors .door-story .door-title{margin:0;min-height:0;font:500 clamp(23px,1.55vw,34px)/1.2 var(--head);letter-spacing:-.035em}
.door-select{all:unset;display:block;width:100%;box-sizing:border-box;cursor:pointer;color:inherit;text-wrap:pretty}
.door-select:focus-visible{outline:2px solid var(--oxide);outline-offset:5px}
.doors .door-story:not(.is-active) .door-title{max-width:27ch}
.doors .door-story.is-active .door-title{max-width:24ch}
.doors .door-story .door-story-body{padding-top:23px}
.doors .door-story .door-story-body[hidden]{display:none}
.doors .door-story .door-summary,.doors .door-story:first-child .door-summary{max-width:55ch;margin:0;color:var(--muted);font:400 clamp(15px,1vw,18px)/1.65 var(--body)}
.doors .door-story .door-details{margin:23px 0 0;border:0}
.doors .door-story .door-details>summary{padding:10px 0;font:500 12px/1.5 var(--body)}
.doors .door-story .door-desc,.doors .door-story:first-child .door-desc{color:var(--muted);font:400 15px/1.68 var(--body)}
.doors .door-story .door-list,.doors .door-story:first-child .door-list{color:var(--muted);font:400 14px/1.7 var(--body);padding-left:20px}
.doors .door-story .door-meta,.doors .door-story:first-child .door-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:20px 0 0;color:var(--ink);font:500 15px/1.5 var(--body)}
.doors .door-story .door-price{font:500 clamp(19px,1.25vw,25px)/1.3 var(--head);letter-spacing:-.025em}
.doors .door-story .door-term{color:var(--muted);font-weight:400}
.doors .door-story .door-cta,.doors .door-story:first-child .door-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:42px;margin:17px 0 0;padding:0;border:0;color:var(--oxide-deep);font:600 14px/1.4 var(--body)}
.doors .door-story .door-cta:hover{text-decoration:underline;text-underline-offset:5px}
.doors-stage{position:sticky;top:110px;width:100%;height:clamp(535px,33vw,660px);min-height:0;margin:0;overflow:hidden;background:var(--depth);isolation:isolate}
.doors-stage-images,.doors-stage-images:after{position:absolute;inset:0}
.doors-stage-images:after{content:"";z-index:2;background:linear-gradient(180deg,transparent 56%,rgba(12,18,21,.78) 100%);pointer-events:none}
.doors-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);transition:opacity .55s ease,transform 1s ease}
.doors-stage-image.is-active{opacity:1;transform:scale(1)}
.doors-stage figcaption{position:absolute;z-index:3;left:clamp(28px,3vw,55px);right:clamp(28px,3vw,55px);bottom:clamp(27px,2.5vw,44px);display:flex;justify-content:space-between;gap:20px;align-items:end;padding-top:15px;border-top:1px solid rgba(255,255,255,.55);color:#fff}
.doors-stage-kicker{font:500 10px/1.5 var(--body);letter-spacing:.16em;white-space:nowrap}
.doors-stage-name{max-width:18ch;text-align:right;font:400 clamp(20px,1.5vw,31px)/1.18 var(--head);letter-spacing:-.03em}
.doors .doors-footer{margin-top:32px;color:var(--muted);font:400 14px/1.65 var(--body)}
.doors .doors-footer a{color:var(--ink);font-weight:500}
@media(max-width:1150px){.doors-experience{grid-template-columns:1fr;gap:26px}.doors-stage{position:relative;top:auto;grid-row:1;height:390px}.doors .doors-grid{grid-row:2}.doors .door-story,.doors .door-story:first-child{padding:21px 25px}.doors .door-story.is-active{padding:29px 31px}}
@media(max-width:700px){.doors .section-intro{margin-bottom:27px}.doors-stage{height:270px}.doors-stage figcaption{left:22px;right:22px;bottom:20px;display:block}.doors-stage-name{display:block;max-width:none;margin-top:8px;text-align:left;font-size:23px}.doors .doors-grid{gap:5px}.doors .door-story,.doors .door-story:first-child{padding:22px 20px}.doors .door-story.is-active{padding:27px 23px}.doors .door-story .door-title{font-size:25px}.doors .door-story .door-tag{font-size:10px}.doors .door-story .door-summary{font-size:15px}.doors .door-story .door-story-body{padding-top:17px}.doors .door-story .door-price{font-size:19px}.doors .doors-footer{font-size:13px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.doors-stage-image,.doors .door-story{transition:none}}
