/* October 6 feedback. Keep the existing 800px navigation breakpoint. */
.hero-motion .hero-piece{animation-delay:1.85s}
.hero-motion .hero-piece picture{animation-delay:2.75s}

/* The digit's ink, rather than the complete Step label, centers on the rule. */
.step-number{align-self:stretch}
@media(min-width:601px){
 .step-art{position:absolute;top:50%;height:auto;transform:translateY(-63.2155%)}
 .timeline li:nth-child(3) .step-art,.timeline li:nth-child(5) .step-art{transform:translateY(-63.3838%)}
 .timeline li:nth-child(4) .step-art{transform:translateY(-59.2493%)}
 .step-content:before{left:calc(-1.25 * var(--unit));top:calc(-1.25 * var(--unit));width:calc(8.169 * var(--unit));height:calc(100% + 2.5 * var(--unit));background-image:url('assets/day-line-short-thick-1006.svg')}
 .timeline li:nth-child(4) .step-content:before{background-image:url('assets/day-line-long-thick-1006.svg')}
}
@media(max-width:600px){
 .step-number strong{position:absolute;top:50%;transform:translateY(-50%);line-height:1}
 .step-number span{position:absolute;bottom:calc(50% + var(--step-digit-size)/2 + var(--step-caption-gap));margin:0}
 .step-content{border-left-width:3px}
 .step-content:before{top:50%;border-top-width:3px;border-right-width:3px}
}

/* The cropped photo meets the inside of the bottom border. */
.shift-note{overflow:hidden}
.shift-note img{right:0;bottom:0}
.shift-note p{position:relative;z-index:3}

/* Scale the supplied horizontal Topic layout to its actual card width. */
.career-note{--topic-unit:var(--unit);container-type:inline-size;width:calc(666 * var(--unit));min-width:0;max-width:none;min-height:0;padding:calc(70 * var(--topic-unit)) calc(42 * var(--topic-unit)) calc(24 * var(--topic-unit));align-self:flex-end}
.career-note>div{width:100%}
.career-note h3{width:max-content;max-width:100%;font-size:max(20px,calc(50 * var(--topic-unit)));letter-spacing:0;line-height:1.3;margin:0 0 calc(8 * var(--topic-unit));white-space:nowrap}
.career-note h3 span{font-size:.56em}
.career-note p{width:61%;font-size:max(11px,calc(20 * var(--topic-unit)));line-height:1.7;margin:0}
.career-note .handwritten{width:calc(125 * var(--topic-unit));height:calc(64 * var(--topic-unit));top:calc(-45 * var(--topic-unit))}
.career-note img{width:36%;max-width:none;height:auto;max-height:100%;right:2.55%;bottom:0}
@media(max-width:600px){
 .career-note{--topic-unit:min(.75075075px,calc((100vw - 48px)/666));width:calc(100vw - 48px);max-width:500px;min-width:272px}
}

/* Fill from the left without moving the button or its border. */
.more-links a{position:relative;isolation:isolate;overflow:hidden;transition:color .15s ease;--hover-fill:#6b4eff}
.more-links a:nth-child(2){--hover-fill:#9b32ff}
.more-links a:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--hover-fill);transform:translateX(-101%);transition:transform .45s ease}
.more-links a:hover,.more-links a:focus-visible{color:white;opacity:1;background:transparent}
.more-links a:hover:before,.more-links a:focus-visible:before{transform:translateX(0)}
.gradient-button{transition-duration:.45s}
@media(prefers-reduced-motion:reduce){
 .more-links a,.more-links a:before,.gradient-button{transition:none}
}