/* The scattered hero notes become a concrete first handoff at the close. */
.handoff-desk { background:#26163d; padding:96px var(--gutter) 42px; text-align:left; overflow:clip; }
.handoff-intro { max-width:1280px; margin:0 auto 50px; display:flex; gap:50px; justify-content:space-between; align-items:flex-end; }
.handoff-desk .eyebrow { color:#d2b7ef; font-size:10px; margin-bottom:22px; }
.handoff-desk h2 { font-size:clamp(58px,6.7vw,104px); line-height:.98; letter-spacing:-.065em; }
.handoff-desk h2 em { color:#c7a6ef; }
.handoff-intro>p { color:#dbcee7; font-size:14px; line-height:1.8; max-width:32ch; padding-bottom:8px; }
.handoff-layout { display:grid; grid-template-columns:1fr 1.05fr; align-items:start; gap:clamp(35px,6vw,92px); max-width:1280px; margin:auto; }
.handoff-pick { padding-top:25px; }
.handoff-label { color:#c7b3db; font-size:9px; letter-spacing:.13em; margin-bottom:31px; }
.handoff-choices { display:grid; grid-template-columns:1fr 1fr; gap:26px 24px; padding:0 4px; }
.handoff-note { display:flex; flex-direction:column; align-items:stretch; text-align:left; min-width:0; min-height:198px; padding:22px 20px 17px; border:1px solid #ffffff20; border-radius:1px; background:#f0e9da; color:#292031; box-shadow:5px 9px 0 #10091d30; transform:rotate(-3deg); transition:transform 180ms,background-color 180ms; }
.handoff-note:nth-child(2) { background:#e2d2f2; transform:rotate(2deg); }
.handoff-note:nth-child(3) { background:#e7dbed; transform:rotate(1.5deg); }
.handoff-note:nth-child(4) { background:#eee8e0; transform:rotate(-2deg); }
.handoff-note:not(:disabled):hover { transform:translateY(-5px) rotate(0); }
.handoff-note[aria-pressed=true] { background:#c9a5ff; transform:translateY(-4px) rotate(0); border-color:#edddff; }
.handoff-note:focus-visible { outline:3px solid #fff; outline-offset:7px; }
.handoff-note:disabled { opacity:1; }
.note-type { font-size:8px; letter-spacing:.12em; color:#574360; }
.handoff-note strong { font-family:Instrument,Georgia,serif; font-size:clamp(27px,2.6vw,41px); font-weight:400; line-height:1.02; letter-spacing:-.03em; margin:20px 0; }
.note-bottom { display:flex; gap:8px; align-items:center; justify-content:space-between; font-size:9px; line-height:1.5; margin-top:auto; color:#493853; }
.note-bottom i { display:grid; place-items:center; flex:0 0 22px; height:22px; border:1px solid #79608970; border-radius:50%; font-size:13px; font-style:normal; color:transparent; }
.handoff-note[aria-pressed=true] .note-bottom i { background:#301348; color:white; border-color:#301348; }
.handoff-pick-foot { color:#bda8ce; font-size:11px; margin-top:35px; max-width:36ch; }
.handoff-paper { position:relative; background:#fffdf7; color:#28202f; padding:30px 34px 25px; box-shadow:10px 12px 0 #bc9bdb25; border-top:5px solid #bc91f1; min-width:0; }
.handoff-paper-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid #ddd3df; }
.handoff-paper-head>span:first-child { display:flex; align-items:center; gap:10px; font-size:8px; letter-spacing:.1em; }
.handoff-stamp { border:1px solid #b8a2c2; color:#756081; font-size:7px; letter-spacing:.07em; padding:5px 6px; transform:rotate(-4deg); text-align:center; }
.handoff-paper-label { margin-top:26px; color:#725d7e; font-size:8px; letter-spacing:.1em; }
.handoff-paper h3 { font-family:Instrument,Georgia,serif; font-weight:400; font-size:clamp(32px,3.1vw,48px); line-height:1.08; letter-spacing:-.025em; margin-top:10px; text-wrap:initial; min-height:2.16em; }
.handoff-steps { margin:8px 0 24px; }
.handoff-steps>div { padding:16px 0; border-bottom:1px solid #e7dfe9; }
.handoff-steps dt { font-size:12px; font-weight:600; }
.handoff-steps dt span { color:#8a6c9b; font-size:8px; font-weight:400; margin-right:12px; }
.handoff-steps dd { margin:7px 0 0 26px; font-size:12px; line-height:1.65; color:#66546f; }
.handoff-steps .handoff-owner { background:#f2ebf9; padding:16px 12px; margin:10px -12px 0; border:0; }
.handoff-owner dt { color:#6224a2; }
.handoff-contact { display:flex; justify-content:space-between; align-items:center; min-height:54px; gap:20px; background:#7424ed; border:1px solid #7424ed; color:#fff; font-weight:500; font-size:13px; padding:14px 20px; border-radius:5px; }
.handoff-contact:hover { background:#5b16ca; }
.handoff-contact span { font-size:22px; }
.handoff-contact-note { font-size:10px; line-height:1.7; color:#766280; margin-top:14px; }
.handoff-contact-note a { text-decoration:underline; text-underline-offset:3px; }
.handoff-desk .brief-secondary { text-align:center; margin-top:54px; }
.handoff-nojs { font-size:12px; max-width:650px; margin:26px auto; color:#d7c5e5; }
@media(max-width:900px) {
 .handoff-intro { align-items:flex-start; flex-direction:column; gap:24px; }
 .handoff-intro>p { max-width:none; }
 .handoff-layout { gap:35px; }
 .handoff-note { padding:18px 13px 15px; min-height:180px; }
 .handoff-choices { gap:23px 16px; }
 .handoff-paper { padding:25px 23px; }
 .handoff-stamp { display:none; }
}
@media(max-width:700px) {
 .handoff-desk { padding:56px 24px 30px; }
 .handoff-desk h2 { font-size:clamp(52px,13vw,80px); }
 .handoff-intro { margin-bottom:18px; }
 .handoff-intro>p { font-size:13px; }
 .handoff-intro>p br { display:none; }
 .handoff-layout { grid-template-columns:1fr; gap:32px; }
 .handoff-pick { padding-top:12px; }
 .handoff-label { font-size:8px; margin-bottom:23px; }
 .handoff-note { min-height:170px; }
 .handoff-note strong { font-size:32px; margin:16px 0; }
 .note-bottom { font-size:8px; gap:5px; }
 .note-type { font-size:7px; }
 .handoff-pick-foot { margin-top:25px; font-size:10px; max-width:none; }
 .handoff-paper h3 { font-size:38px; min-height:0; }
 .handoff-paper-label { margin-top:23px; }
 .handoff-steps dd { font-size:12px; }
 .handoff-desk .brief-secondary { margin-top:35px; }
}
@media(prefers-reduced-motion:reduce) { .handoff-note { transition:none; } }
.handoff-mobile-next { display:none; }
.handoff-paper { scroll-margin-top:24px; }
@media(max-width:700px) { .handoff-mobile-next { display:inline-flex; align-items:center; gap:20px; min-height:44px; padding:10px 0; margin-top:8px; color:#e4d3f5; font-size:12px; border-bottom:1px solid #bda8ce65; } }