.frame{--frame-color:var(--red);padding-bottom:64px}.frame[data-accent="1"]{--frame-color:var(--yellow)}.frame[data-accent="2"]{--frame-color:var(--blue)}.frame__head{grid-template-columns:92px minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:14px 32px;padding-block:40px 32px;display:grid}.frame__number{background:var(--frame-color);width:92px;height:92px;color:var(--ink);font:500 44px / 1 var(--font-display);animation:arch-rise var(--dur-3) var(--ease-out) backwards;border-radius:50% 50% 0 0;grid-row:1/4;place-items:center;display:grid}.frame__trail{grid-column:2;margin:0}.frame__title{font:600 clamp(32px, 4vw, 56px) / 1.04 var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;grid-column:2;margin:0}.frame__intro{max-width:48ch;color:var(--dim);grid-area:2/3/4;margin:0;font-size:17px;line-height:1.5}.frame__stack{flex-wrap:wrap;grid-column:2;gap:12px 20px;margin:0;display:flex}.frame__stack a{color:var(--ink);font:400 14px / 1.5 var(--font-display);text-transform:none;letter-spacing:normal}.frame .eyebrow{letter-spacing:.04em;font-size:12px}.frame__stage{border-top:8px solid var(--frame-color);min-width:0;padding:24px}.frame__stage>*{min-width:0}.frame__stage button,.frame__stage select,.frame__stage label{font-size:13px}.frame__stage button{min-height:36px}.frame__stage input[type=range]{accent-color:var(--yellow)}.frame__bar{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:16px;display:flex}.frame__controls{flex-wrap:wrap;gap:8px;display:flex}.frame__more{text-underline-offset:4px;margin-block:20px 32px;font-size:14px;text-decoration:underline;display:inline-block}.frame__notes{border-top:2px solid var(--ink);grid-template-columns:150px minmax(0,1fr);gap:32px;padding-block:40px;scroll-margin-top:24px;display:grid}.frame__notes-body{font-size:16px;line-height:1.65}.frame__notes .text-paper-2{color:var(--dim)}.frame__notes .font-serif{font-family:var(--font-display)}.frame__nav{border:2px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.frame__nav-link{color:inherit;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.frame__nav-link+.frame__nav-link{border-left:2px solid var(--ink)}.frame__nav-link:hover{background:var(--yellow)}.frame__nav-link--next{text-align:right;align-items:flex-end}.frame__nav-title{font:500 clamp(20px, 2.4vw, 32px) / 1.2 var(--font-display);letter-spacing:-.03em}@media (max-width:900px){.frame__head{grid-template-columns:64px minmax(0,1fr);gap:14px 20px}.frame__number{width:64px;height:64px;font-size:32px}.frame__intro{grid-area:auto/2}.frame__stage{padding:16px}}@media (max-width:640px){.frame__head{grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding-block:16px 8px}.frame__number{grid-row:1;width:32px;height:32px;font-size:18px}.frame__trail{align-self:center}.frame__title{grid-column:1/-1;font-size:clamp(26px,7vw,32px);line-height:1.08}.frame__intro{grid-column:1/-1;font-size:16px}.frame__stack{margin-top:16px}.frame__stage{margin-inline:-20px;padding:12px}.frame__notes{grid-template-columns:1fr;gap:16px}.frame__nav-link{padding:16px}}.frame__stage{min-height:70svh;margin-inline:0;padding:clamp(12px,2vw,32px)}.frame__more{margin-left:max(20px,50vw - 628px)}.frame__bar{padding-inline:max(20px,50vw - 628px)}.frame__nav{padding-inline:0}.atlas-viewport{height:max(620px,100svh - 160px)}@media (max-width:640px){.atlas-viewport{height:78svh;min-height:480px}}