/* One shared stage carries the finished package into the sales conversation. */
.handoff-scroll-space{height:170svh}
.handoff-scene{position:absolute;inset:0;z-index:7;color:var(--ink);pointer-events:none;overflow:hidden}
.handoff-flight{position:absolute;inset:0;width:100%;height:100%;z-index:8;overflow:visible;pointer-events:none}
.handoff-scene .handoff-grid{height:100%;padding:80px 0;gap:80px;align-items:center}
.handoff-scene .eyebrow{margin-bottom:28px}
.handoff-scene h2{font-size:clamp(42px,min(6vw,8.8svh),84px)}
.handoff-scene h2 em{color:var(--forest);display:block}
.handoff-scene .handoff-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.9}
.handoff-scene .handoff-art{height:min(520px,65svh)}
.handoff-scene .door-frame{height:min(355px,44svh)}
.handoff-scene .briefing{background:#e2eafa;transform:none}
.handoff-scene .briefing .eyebrow{margin:0 0 17px}
.handoff.is-linked{padding-top:0}
.handoff.is-linked>.handoff-grid{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.handoff.is-linked .outcome{padding-top:55px}
@media(max-width:1000px) and (min-width:761px){
  .handoff-scene .handoff-grid{gap:35px}
  .handoff-scene .briefing{width:280px;padding:25px}
  .handoff-scene .briefing h3{font-size:27px}
  .handoff-scene .door-frame{left:20%;width:210px}
}
@media(max-width:760px){
  .handoff-scene .handoff-grid{display:block;position:relative;padding:55px 0 0}
  .handoff-scene .handoff-grid>div:first-child{max-width:410px}
  .handoff-scene .eyebrow{font-size:8px;margin-bottom:18px}
  .handoff-scene h2{font-size:clamp(30px,7.8vw,45px);line-height:1.08}
  .handoff-scene h2 br{display:none}
  .handoff-scene h2 em{display:block;margin-top:4px}
  .handoff-scene .handoff-grid>div>p:not(.eyebrow){font-size:12px;line-height:1.75;max-width:370px;margin-top:19px}
  .handoff-scene .handoff-art{position:absolute;left:0;right:0;bottom:65px;height:46svh;max-height:405px;width:100%;margin:0;max-width:none}
  .handoff-scene .door-frame{left:calc(50% - 35px);top:0;width:160px;height:min(290px,34svh);border-width:18px;border-bottom:0}
  .handoff-scene .briefing{width:270px;left:calc(50% - 140px);bottom:0;padding:25px}
  .handoff-scene .briefing h3{font-size:26px}
  .handoff-scene .briefing li{font-size:9px}
  .handoff-scene .briefing-bottom{font-size:8px}
  .handoff.is-linked .outcome{padding-top:30px}
}
@media(max-width:360px){
  .handoff-scene .handoff-grid{padding-top:45px}
  .handoff-scene .handoff-grid>div>p:not(.eyebrow){font-size:11px}
  .handoff-scene .handoff-art{bottom:45px}
  .handoff-scene .door-frame{left:calc(50% - 45px);width:150px}
  .handoff-scene .briefing{width:250px;left:calc(50% - 130px);padding:22px}
  .handoff-scene .briefing h3{font-size:24px}
}
@media(min-width:361px) and (max-width:760px) and (max-height:750px){
  .handoff-scene .door-frame{top:-45px}
}
@media(min-width:501px) and (max-width:760px) and (max-height:750px){
  .handoff-scene .handoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:50px 0;align-items:center}
  .handoff-scene h2{font-size:32px}
  .handoff-scene .handoff-grid>div>p:not(.eyebrow){font-size:11px}
  .handoff-scene .handoff-art{position:relative;inset:auto;height:360px;margin:0}
  .handoff-scene .door-frame{top:0;left:calc(50% - 35px);width:140px;height:240px;border-width:16px;border-bottom:0}
  .handoff-scene .briefing{width:230px;left:calc(50% - 115px);padding:22px}
  .handoff-scene .briefing h3{font-size:23px}
  .handoff-scene .briefing li{font-size:8px}
  .handoff-scene .briefing .eyebrow{font-size:7px}
  .handoff-scene .briefing-bottom{font-size:7px}
}