/* The same large Octave words and reversible ink reveal as From why to wow. */
.about-greeting{--greeting-stage-height:min(720px,calc(100svh - 140px));position:relative;height:calc(var(--greeting-stage-height) + 45svh);margin:0 0 clamp(36px,5vw,72px)}
.about-greeting-stage{position:sticky;top:94px;height:var(--greeting-stage-height);display:flex;align-items:center}
.octave-home .about-greeting-title{display:flex;flex-direction:column;align-items:flex-start;margin:0;font-family:'Octave',Georgia,serif;font-weight:200;font-variation-settings:'wght' 200,'opsz' 12;line-height:1;letter-spacing:0;text-transform:uppercase;font-feature-settings:'dlig' 1,'ss01' 1,'ss06' 1,'ss11' 1;text-align:left}
.about-greeting.is-scroll-driven .why-wow-word{opacity:calc(.16 + var(--word-reveal,0)*.84);transition:none;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.home-about #services{margin-top:clamp(56px,7vw,112px)}
.how-i-work>.team-section-heading{margin-top:clamp(72px,9vw,144px)}
.home-about .how-i-work>.team-scroll{margin-bottom:0}
@media(max-width:679px){.about-greeting{--greeting-stage-height:min(560px,calc(100svh - 140px));margin-bottom:40px}.about-greeting-stage{top:88px}}
@media(max-height:500px){.about-greeting{--greeting-stage-height:calc(100svh - 100px)}.about-greeting-stage{top:80px}}
@media(prefers-reduced-motion:reduce){.about-greeting{height:auto}.about-greeting-stage{position:relative;top:auto;height:auto;min-height:65svh;padding-block:40px}.about-greeting.is-scroll-driven .why-wow-word{opacity:1}}
/* Keep the longer chapter names readable inside the existing navigation pill. */
body.octave-home .jm-bar .jm-bar-inner{width:max-content!important;min-width:min(205px,calc(100vw - 40px));max-width:calc(100vw - 40px)!important}
body.octave-home .jm-bar .toolbar-home-capsule{flex:1 1 auto}
/* Sticky creates its own stacking context: keep the bio and controls above the travelling canvas. */
.team-sticky{z-index:20}