/* The same small present opens from centuries into four recent years. */
.home-time-tick{fill:none;stroke:var(--guide);stroke-width:1;vector-effect:non-scaling-stroke}
.home-time-year{font:400 11px var(--font);font-variant-numeric:tabular-nums;fill:var(--muted)}
.home-now-window{fill:#d8007014;stroke:var(--pink);stroke-width:1;vector-effect:non-scaling-stroke}
.home-experience[data-home-view="timeline"] .home-today-point .home-context-label{width:82px;color:var(--pink)}
.home-experience[data-home-view="timeline"] .home-today-point .home-dot{width:6px;height:6px}
.home-experience[data-home-view="timeline"] .home-context-point .home-dot{width:7px;height:7px}
.home-experience[data-home-view="timeline"] .home-context-label{font-size:12px}

/* All five texts participate in one intrinsic grid row. No pixel-height guess,
   clipping, or reduced type size is needed when a phone wraps them differently. */
.home-caption-stack,.home-copy-stack{display:grid;min-width:0}
.home-caption-stack{max-width:1120px;margin:0 auto}
.home-caption-stack>.home-graph-caption,.home-copy-stack>.home-copy,.home-copy-stack>.home-idea-detail{grid-area:1 / 1;min-width:0}
.home-caption-stack>.home-graph-caption{width:100%}
.home-copy-stack>.home-copy,.home-copy-stack>.home-idea-detail{align-self:start}
.home-view-reserve{visibility:hidden;pointer-events:none;user-select:none}
.home-copy-stack .home-copy{min-height:0}
.home-description-inner{grid-template-rows:minmax(0,1fr) auto}
.home-experience{overflow-anchor:none}
@media(max-width:800px){
 /* Width-based height stays put when a mobile browser's address bar changes.
    Short screens can scroll the page; all labels and copy keep their size. */
 .home-graph-wrap{height:clamp(220px,70vw,320px)}
}

/* R10: the project title leads the whole Home experience. */
.home-title{max-width:1120px;margin:24px auto 0;color:var(--blue);font-size:clamp(2rem,3.15vw,2.625rem);font-weight:380;line-height:1.1;letter-spacing:-.055em;text-align:left}
.home-description-inner{grid-column:2}
@media(max-width:760px){
 .home-title{margin-top:20px;font-size:2.125rem}
 .home-description-inner{grid-column:1}
}