/* Author's marginalia, not another set of cards. Existing tokens/fonts retained. */
body.personality-pass .pd-note{font:400 12px/1.65 Inter,Arial,sans-serif;color:var(--ad-graphite);letter-spacing:0;max-width:270px;margin:0}
body.personality-pass .pd-note small{display:block;font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.08em;margin-bottom:10px}
body.personality-pass .pd-note span{display:block}
body.personality-pass .connected-note{position:relative;padding-top:18px}
body.personality-pass .connected-note:before{content:'';position:absolute;top:0;left:0;width:62px;height:1px;background:currentColor}
body.personality-pass #approved-hero{position:relative;padding-bottom:64px}
body.personality-pass #approved-hero .name-invitation{margin:20px 0 0 12%;padding-left:52px;position:relative}
body.personality-pass #approved-hero .name-invitation:before{content:'';position:absolute;left:0;top:-24px;width:36px;height:39px;border-left:1px solid currentColor;border-bottom:1px solid currentColor}
body.personality-pass #approved-hero .name-invitation small{margin:0}
body.personality-pass #approved-hero .name-invitation span{font-size:10px;margin-top:3px}
body.personality-pass #approved-hero .showcase{padding-top:40px!important;row-gap:36px}
body.personality-pass #approved-hero .hero-personal-note{grid-column:10/span 3;grid-row:1;align-self:end;border-top:1px solid var(--ad-plum);padding-top:16px}
body.personality-pass #approved-hero .hero-summary{grid-column:1/span 6!important;grid-row:2!important}
body.personality-pass #work .work-author-note{max-width:270px}
body.personality-pass #trust .trust-author-note{margin-bottom:28px}
/* Narrow ribbon bookmarks with a cut tail, visible behind the folder edge. */
body.personality-pass #trust .promise-slot{isolation:isolate}
body.personality-pass #trust .folder-bookmark{width:32px!important;height:76px!important;top:-43px!important;right:26px!important;z-index:-1!important;border-radius:0!important;padding-top:12px!important;font-size:11px!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);border:1px solid color-mix(in srgb,var(--ad-plum) 25%,transparent);transition:transform 260ms cubic-bezier(.16,1,.3,1)!important}
body.personality-pass #trust .promise-folder{position:relative;z-index:1}
body.personality-pass #trust .promise-slot.is-revealed>.folder-bookmark{transform:translateY(-13px)!important}
/* Stage in the same blue process composition, with natural document scroll. */
body.personality-pass #process{overflow:visible!important}
body.personality-pass #process .block-content{position:relative}
body.personality-pass #process .block-content>h2{margin-bottom:36px!important}
body.personality-pass #process .process-progress{display:flex;align-items:center;gap:0;margin-bottom:24px;max-width:610px}
body.personality-pass #process .process-progress button{position:relative;flex:1;border:0;border-top:1px solid var(--ad-graphite);border-radius:0;background:transparent;color:var(--ad-graphite);text-align:left;padding:14px 0;min-height:48px;font:500 12px/1 Inter,Arial,sans-serif;cursor:pointer;opacity:.55;transition:opacity 180ms linear!important}
body.personality-pass #process .process-progress button.is-current{opacity:1;color:var(--ad-plum);border-top:3px solid var(--ad-plum);padding-top:12px}
body.personality-pass #process .process-progress button.is-past{opacity:1}
body.personality-pass #process .process-personal-note{margin-bottom:48px}
body.personality-pass #process .process-stage{display:none}
body.personality-pass #process.process-scroll .block-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
body.personality-pass #process.process-scroll .block-content>h2{grid-column:1/-1}
body.personality-pass #process.process-scroll .process-progress{grid-column:1/span 6}
body.personality-pass #process.process-scroll .process-personal-note{grid-column:9/span 4;align-self:start}
body.personality-pass #process.process-scroll .process-stage{display:block;grid-column:1/span 7;grid-row:3;position:sticky;top:112px;align-self:start;margin:0}
body.personality-pass #process .process-stage-window{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--ad-paper)}
body.personality-pass #process .process-stage-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.personality-pass #process .process-stage figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ad-plum);padding-top:14px;margin-top:16px;font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.06em}
body.personality-pass #process.process-scroll .process-story{grid-column:9/span 4;grid-row:3}
body.personality-pass #process.process-scroll .step,body.personality-pass #process.process-scroll .step.process-active{display:flex!important;flex-direction:column;gap:18px;min-height:250px!important;padding:24px 0 32px!important;border-top:1px solid var(--ad-graphite)}
body.personality-pass #process.process-scroll .step.process-active{border-top:2px solid var(--ad-plum)}
body.personality-pass #process.process-scroll .step>.process-picture{display:none!important}
body.personality-pass #process.process-scroll .step>span{order:-1;font-size:28px!important;letter-spacing:-.06em;line-height:1;transition:font-size 320ms cubic-bezier(.16,1,.3,1)!important}
body.personality-pass #process.process-scroll .step.process-active>span{font-size:100px!important}
body.personality-pass #process.process-scroll .step details{width:100%;align-self:start}
body.personality-pass #process.process-scroll .step summary{font-size:23px!important;font-weight:500!important}
body.personality-pass #process.process-scroll .step summary::after{display:none!important}
body.personality-pass #process.process-scroll .step details p{font-size:14px!important;line-height:1.65!important;margin-top:18px!important}
body.personality-pass #about .desk-scene .desk-photo img{aspect-ratio:2/3!important;object-fit:cover!important}
body.personality-pass #about .about-personal-note{margin:22px 0 0 auto;max-width:230px}
body.personality-pass #contact .footer-personal-note{color:var(--ad-paper);margin:64px 0 -56px auto;border-top:1px solid var(--ad-blue);padding-top:16px;width:260px}
body.personality-pass #contact .footer-signature{padding-bottom:40px!important}
body.personality-pass #contact .footer-end-rule{height:1px;background:var(--ad-blue);margin-bottom:26px}
body.personality-pass #contact a svg{transition:transform 180ms cubic-bezier(.16,1,.3,1)!important}
@media(hover:hover) and(pointer:fine){body.personality-pass #contact a:hover svg{transform:translate(2px,-2px)}}
@media(max-width:999px){body.personality-pass #process .process-story{display:block}body.personality-pass #process .process-progress{max-width:100%}body.personality-pass #process .process-personal-note{margin-bottom:32px}}
@media(max-width:750px){
 body.personality-pass #approved-hero .name-invitation{display:none}
 body.personality-pass #approved-hero .showcase{padding-top:36px!important;row-gap:28px}
 body.personality-pass #approved-hero .hero-personal-note{grid-column:2/span 3;grid-row:3;justify-self:end;max-width:200px;width:100%;margin-top:12px}
 body.personality-pass #approved-hero .hero-summary{grid-column:1/-1!important;grid-row:2!important;max-width:290px}
 body.personality-pass #trust .trust-answers{row-gap:76px}
 body.personality-pass #trust .folder-bookmark{height:70px!important;top:-40px!important}
 body.personality-pass #about .columns>.desk-scene{grid-column:1/-1!important}
 body.personality-pass #about .about-personal-note{max-width:230px}
 body.personality-pass #contact .footer-personal-note{margin:48px 0 -28px auto;width:230px}
}
@media(hover:none),(pointer:coarse){body.personality-pass #approved-hero .name-invitation{display:none}}
@media(prefers-reduced-motion:reduce){
 body.personality-pass #approved-hero .name-invitation{display:none}
 body.personality-pass #trust .folder-bookmark,body.personality-pass #process .step>span,body.personality-pass #contact .footer-signature span{transition:none!important;transform:none!important}
 body.personality-pass #process .process-image-reveal{clip-path:none!important}
}
/* Keep the final process frame readable and the About copy close to its heading. */
body.personality-pass #process.process-scroll .process-story{padding-bottom:160px}
body.personality-pass #about .columns{grid-template-rows:min-content 1fr!important}
@media(max-width:750px){body.personality-pass #about .columns{grid-template-rows:auto!important}}
/* Stable scroll landmarks: changing the active type must not shift the document. */
body.personality-pass #process.process-scroll .step,body.personality-pass #process.process-scroll .step.process-active{height:360px!important;min-height:360px!important;box-sizing:border-box}
@media(min-width:1000px) and(max-width:1199px){body.personality-pass #process.process-scroll .step,body.personality-pass #process.process-scroll .step.process-active{height:400px!important;min-height:400px!important}}
body.personality-pass #approved-hero .name-invitation{margin-left:35%}
@media(prefers-reduced-motion:reduce){body.personality-pass #contact a svg{transition:none!important;transform:none!important}}