/* Two approved compositions, sharing one photograph and original site tokens. */
.about-canvas{position:relative;padding-top:0;max-width:none}
.about-content,.about-visual{display:contents}
.about-lead{grid-column:1/-1;position:relative;height:calc(100svh - 90px);min-height:0;padding:0}
#about-heading{position:absolute;left:10%;top:5.4svh;width:90%;margin:0;transform:none;letter-spacing:-.035em;line-height:1.12;font-size:min(4.5vw,8.05svh);z-index:1}
#about-heading>span{overflow:visible;white-space:nowrap}
#about-heading .trouble-word{font-size:min(25vw,44.4svh);line-height:1.05;letter-spacing:-.035em;margin-left:-.01em;margin-top:-.045em;transform:none}
.about-photo.about-layered{grid-column:1/-1;grid-row:1;position:absolute;inset:0 0 auto;margin:0;width:100%;max-width:none;height:calc(100svh - 90px);min-height:0;max-height:none;z-index:2}
.about-layered>img.journey-woman{height:52svh;top:calc(41.5svh - 90px);left:50.5%;bottom:auto;width:auto;max-width:none;max-height:none;transform:translateX(-50%);z-index:3}
.about-layered>img.journey-plane{left:84.5%;top:calc(10.8svh - 90px);width:10%;max-width:none;max-height:none;transform:rotate(-10deg)}
.about-layered .flight-art,.about-layered .flight-curve{left:-5vw;top:-90px;width:100vw;height:100svh;stroke:var(--red);stroke-width:2;opacity:1}
.about-layered .portrait-note,.about-layered .about-star,.about-lead .about-journey{display:none!important}
.about-layered .journey-grass,.about-layered .grass-accents{left:32%;width:35%;bottom:4.5svh;top:auto}
.about-layered .boot-contact-shadow{display:none}
.about-biography{position:absolute;left:0;bottom:5.2svh;width:100%;z-index:5}
#about-toggle{margin:0;width:320px;min-height:70px;font-size:17px;padding:18px 32px}
.trouble-emphasis{position:absolute;left:3%;top:2.5svh;width:6%;height:12svh;fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round}
.about-canvas:not(.story-open) .career-sections{display:none}
/* Permanent Image 2: real left content column and constrained sticky visual. */
.about-canvas.story-open{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(24px,3vw,52px);align-items:start}
.story-open .about-content{display:block;grid-column:1;min-width:0}
.story-open .about-visual{display:block;grid-column:2;grid-row:1;position:sticky;top:25px;height:calc(100svh - 50px);min-width:0;align-self:start}
.about-canvas.story-open .about-lead{height:auto;min-height:calc(100svh - 90px);padding-top:35px;padding-bottom:110px}
#about-permanent-heading{position:relative;margin:0;transform:rotate(-2deg);transform-origin:left center;font:400 min(9vw,13.8svh)/.95 var(--display);letter-spacing:-.035em;color:var(--red);width:100%}
#about-permanent-heading>span{display:block;white-space:nowrap}
.about-canvas.story-open .about-biography,.about-canvas.story-open .about-biography:has(#about-toggle[aria-expanded="true"]){position:relative;inset:auto;width:100%;margin:0;background:transparent}
.story-open #about-toggle{width:230px;min-height:58px;font-size:13px;padding:16px 24px;margin-top:72px}
.about-canvas.story-open .about-biography #about-more{height:clamp(360px,55svh,510px);max-height:510px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid var(--red);padding:26px;margin:42px 0 0;background:transparent;scrollbar-width:thin;scrollbar-color:var(--red) transparent}
.story-open #about-more>p{font-size:clamp(14px,1.1vw,18px);line-height:1.75;margin-bottom:22px}
.story-open #about-close{display:flex;margin:28px 0 0;width:auto;min-width:130px;font-size:12px;padding:12px 22px}
.story-open .career-sections{display:grid;width:100%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.about-canvas.story-open .about-photo.about-layered{position:relative;inset:auto;display:block;margin:0;width:100%;height:100%;min-height:0;max-height:none;grid-area:auto}
.about-canvas.story-open .about-layered>img.journey-woman{left:43%;top:20%;height:64.6875svh;width:auto;max-height:71%;transform:translateX(-50%)}
.about-canvas.story-open .about-layered>img.journey-plane{left:64%;top:0;width:26%;max-width:26%;max-height:17%}
.about-canvas.story-open .about-layered .flight-art{left:-11%;top:-63px;width:116%;height:42%;stroke-width:1.7}
.about-canvas.story-open .about-layered .flight-curve{left:-3%;top:-15px;width:92%;height:36%;stroke:var(--ink);stroke-width:1.7}
.about-canvas.story-open .journey-grass,.about-canvas.story-open .grass-accents{left:-8%;bottom:10.5%;top:auto;width:100%}
.about-canvas.story-open .about-layered .portrait-note{display:block!important;right:0;top:35%;width:24%;font-size:clamp(12px,1.4vw,22px)}
.about-canvas.story-open .about-layered .about-star{display:block!important;left:0;top:0;width:70px}
.story-open .trouble-emphasis{display:none}
.about-canvas.story-open .about-lead .about-journey.editorial-sketch{display:block!important;position:absolute;bottom:10px;right:0;width:230px;height:94px;margin:0}
@media(min-width:751px) and (max-width:1100px){#about-permanent-heading{font-size:8.3vw}.story-open .career-sections{grid-template-columns:1fr}.about-canvas.story-open .portrait-note{font-size:11px!important}.about-canvas.story-open .about-layered>img.journey-woman{height:52svh;top:23%}}
@media(max-width:750px){
 .about-canvas{display:block;padding-top:0}.about-lead{height:calc(100svh - 64px);min-height:650px}
 #about-heading{left:0;top:45px;font-size:5.6vw;width:100%;letter-spacing:-.025em;line-height:1.2}#about-heading .trouble-word{font-size:24vw;margin-top:18px}
 .about-photo.about-layered{height:calc(100svh - 64px);min-height:650px;top:0}
 .about-layered>img.journey-woman{height:43svh;max-height:390px;top:180px;left:51%}
 .about-layered>img.journey-plane{width:21%;left:74%;top:70px}
 .about-layered .flight-curve{top:140px;left:54%;width:29%;height:55px}
 .about-layered .flight-art{top:0;left:0;height:100%;width:100%}
 .about-layered .journey-grass,.about-layered .grass-accents{left:16%;width:68%;bottom:auto;top:calc(180px + min(43svh,390px) - 55px)}
 .about-biography{bottom:22px}#about-toggle{width:240px;min-height:58px;font-size:13px;padding:14px 22px}.trouble-emphasis{display:none}
 .about-canvas.story-open{display:flex;flex-direction:column;gap:28px}.story-open .about-content{display:contents}
 .about-canvas.story-open .about-lead{order:0;width:100%;padding-top:25px;padding-bottom:100px;min-height:0}
 #about-permanent-heading{font-size:10.5vw}
 .story-open .about-visual{order:1;position:relative;top:auto;width:100%;height:480px;flex:none}
 .story-open .career-sections{order:2;grid-template-columns:1fr}
 .about-canvas.story-open .about-layered>img.journey-woman{height:330px;max-height:none;top:110px;bottom:auto;left:43%}
 .about-canvas.story-open .journey-grass,.about-canvas.story-open .grass-accents{left:0;top:auto;bottom:15px;width:100%}
 .about-canvas.story-open .about-layered>img.journey-plane{top:0;left:65%;width:25%}
 .about-canvas.story-open .about-layered .flight-curve{top:0}
 .about-canvas.story-open .about-layered .about-star{display:none!important}
 .about-canvas.story-open .about-biography #about-more{padding:22px;height:58svh;max-height:490px}
}
.about-canvas:not(.story-open) .career-sections{display:none!important}
@media(min-width:1101px){
 .about-canvas.story-open .about-lead{padding-top:6svh}
 #about-permanent-heading{font-size:min(9.8vw,15svh)}
 .about-canvas.story-open .about-layered>img.journey-woman{height:67.5svh;max-height:74%;left:39%;top:18%}
 .about-canvas.story-open .about-layered .portrait-note{width:34%;font-size:1.65vw}
 .about-canvas.story-open .about-layered .about-star{left:-16%;width:min(7vw,150px)}
 .about-canvas.story-open .about-lead .about-journey.editorial-sketch{width:min(16vw,450px);height:auto;bottom:18px}
 .story-open #about-toggle{width:min(16vw,460px);min-height:7svh;font-size:1vw;padding:1.4vw 1.8vw}
 .about-canvas.story-open .journey-grass,.about-canvas.story-open .grass-accents{left:-12%;bottom:9.5%}
}

@media(min-width:751px){.about-canvas.story-open .about-layered .flight-curve{top:-39px}.about-canvas.story-open .about-layered .flight-art{top:-87px}}
/* Resting-state divider shares the portrait's ground baseline. */
@media(min-width:1101px){
 .about-canvas.story-open .about-lead:not(:has(#about-toggle[aria-expanded="true"])){height:calc(85.5svh - 9px);min-height:calc(85.5svh - 9px);padding-bottom:35px}
}
@media(min-width:751px) and (max-width:1100px){
 .about-canvas.story-open .about-lead:not(:has(#about-toggle[aria-expanded="true"])){height:calc(75svh - 11.5px);min-height:calc(75svh - 11.5px);padding-bottom:25px}
}

#experience:focus{outline:none}
@media(min-width:751px){.story-open .about-content{padding-bottom:clamp(80px,10svh,160px)}}

/* Consistent reading rhythm without stretching spaces between words. */
.about-canvas.story-open .about-biography #about-more>p{width:100%;max-width:none;text-wrap:pretty;line-height:1.65;margin:0 0 20px;orphans:3;widows:3}

/* One shared open-book drawing: burgundy on the cover, ink in the editorial view. */
.about-canvas:not(.story-open) .about-layered .about-star{display:block!important;left:24%;top:calc(77svh - 90px);width:140px;height:92px;stroke:var(--red);stroke-width:2;transform:rotate(-7deg)}
.about-layered .about-star{transition:stroke .4s ease}
@media(max-width:750px){.about-canvas:not(.story-open) .about-layered .about-star{left:9%;top:62%;width:70px;height:50px}}

.about-canvas:not(.story-open) .about-layered .about-star{display:none!important}

/* Small sole contacts only; no silhouette filtering or body transparency. */
.about-layered .boot-contact-shadow{display:block;left:var(--woman-center);top:var(--woman-ground);width:var(--woman-width);height:12px;background:radial-gradient(ellipse 26% 38% at 20% 50%,#35232a40,transparent 100%),radial-gradient(ellipse 18% 38% at 76% 50%,#35232a40,transparent 100%);z-index:2}

.about-layered .boot-grass-contact{position:absolute;left:var(--woman-center);top:calc(var(--woman-ground) - 18px);width:var(--woman-width);height:22px;transform:translateX(-50%);fill:none;stroke:#746237;stroke-width:1;stroke-linecap:round;z-index:4;pointer-events:none}

/* An accessible second exit sits outside the independently scrolling story. */
#about-close-outside{margin:16px 0 0;width:auto;min-width:130px;font-size:12px;padding:12px 22px}
#about-close-outside:not([hidden]){display:flex}

/* Small optical nudge for the handwritten portrait note. */
.about-canvas.story-open .about-layered .portrait-note{translate:12px 16px}

/* Persistent, operable scroll rail: visible even when macOS hides native overlay scrollbars. */
.about-reading-box{position:relative;margin-top:42px}
.about-canvas.story-open .about-reading-box #about-more{margin:0;padding-right:32px;scrollbar-width:none}
.about-reading-box #about-more::-webkit-scrollbar{display:none}
.about-scroll-rail{position:absolute;right:6px;top:10px;bottom:10px;width:9px;border-radius:6px;background:#a73d4d30;cursor:pointer;touch-action:none}
.about-scroll-thumb{position:absolute;top:0;left:0;width:100%;min-height:36px;border-radius:6px;background:var(--red)}
.about-scroll-rail:hover,.about-scroll-rail:focus-visible{background:#a73d4d50;outline:1px solid var(--red);outline-offset:2px}