.cap[data-page=approach]{--ar:1.25}.apr-intro{max-width:84rem;padding:var(--section-y-tight) var(--gutter) clamp(3rem, 8svh, 5rem);flex-direction:column;gap:clamp(3rem,8svh,5rem);display:flex}.apr-intro-copy{flex-direction:column;gap:1.25rem;display:flex}.apr-intro h1{font-size:var(--page-title);letter-spacing:-.021em;max-width:12em;line-height:1.04}.apr-index ol{border-top:1px solid var(--wax);grid-template-columns:repeat(5,minmax(0,1fr));max-width:78rem;margin:0;padding:0;list-style:none;display:grid}.apr-index li{padding-top:.6rem;position:relative}.apr-index a{font-family:var(--display);letter-spacing:-.01em;color:var(--wax);transition:color .18s var(--ease);padding:.5rem 0;font-size:1.15rem;text-decoration:none;display:inline-block}@media (hover:hover){.apr-index a:hover{color:var(--dye)}}.apr-index-tick{background:var(--wax);width:1px;height:.7rem;position:absolute;top:-1px;left:0}.apr-index li:first-child .apr-index-tick{background:var(--dye);border-radius:50%;width:.55rem;height:.55rem;top:-.3rem}.apr-pin{padding:0 var(--gutter);border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.apr-stage{top:var(--site-header-height,64px);height:calc(100svh - var(--site-header-height,64px));justify-content:center;align-items:center;display:flex;position:sticky}.apr-figure{width:min(100%, calc((100svh - var(--site-header-height,64px) - 7rem) / var(--ar)));margin:0}.apr-band-tag{transition:color .18s var(--ease), background-color .18s var(--ease), opacity .35s var(--ease);left:15%}.apr-band-tag[data-state=unruled],.apr-person-tag[data-state=unruled]{opacity:0}.apr-band-tag[data-state=dry]{color:var(--muted)}.apr-band-tag[data-state=wet]{color:var(--graphite)}.apr-band-tag[data-state=active]{color:var(--wax);background:var(--slip)}.apr-band-tag[data-band="1"],.apr-band-tag[data-band="2"]{left:auto;right:10%}.apr-person-tag{color:var(--wax);background:var(--slip);border:1px solid var(--wax);transition:opacity .35s var(--ease);border-radius:2px;padding:3px 6px}.apr-person-tag:before{content:none}.apr-plan{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.apr-plan line,.apr-plan rect,.apr-plan ellipse{fill:none;stroke:var(--graphite);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.apr-figure figcaption{position:relative}.apr-now{display:none}.apr-steps{margin:0;padding:18svh 0 26svh;list-style:none}.apr-stage-copy{max-width:34rem;min-height:74svh;scroll-margin-top:calc(var(--site-header-height,64px) + 1rem);flex-direction:column;justify-content:center;gap:1.4rem;padding-block:2.5rem;display:flex}.cap .apr-line{font-size:var(--title);color:var(--wax);line-height:1.15}.apr-part{border-top:1px solid var(--rule);flex-direction:column;gap:.6rem;padding-top:.9rem;display:flex}.cap .apr-part-h{font-family:var(--mono);font-size:var(--mono-size);letter-spacing:0;color:var(--graphite);line-height:1.5}.apr-body{color:var(--graphite);max-width:36em;line-height:1.6}.apr-retained{padding:var(--section-y) var(--gutter);border-top:1px solid var(--rule);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"head record";align-items:start;gap:clamp(3rem,8svh,5rem) clamp(2rem,5vw,5rem);display:grid}.apr-retained-head{flex-direction:column;grid-area:head;gap:1.25rem;display:flex}.apr-retained-head h2{max-width:15em}.apr-record-wrap{flex-direction:column;grid-area:record;display:flex}.apr-record{border-bottom:1px solid var(--wax);grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem clamp(1.5rem,3vw,2.5rem);padding-bottom:2.75rem;display:grid}.cap .apr-ledger-h{font-family:var(--mono);font-size:var(--mono-size);letter-spacing:0;color:var(--wax);border-bottom:1px solid var(--wax);padding-bottom:.6rem;font-weight:400;line-height:1.5}.apr-ledger ul{color:var(--graphite);margin:0;padding:0;font-size:.9375rem;line-height:1.45;list-style:none}.apr-ledger li{border-bottom:1px solid var(--rule-soft);padding:.75rem 0}.apr-yours{z-index:1;align-self:flex-end;max-width:min(100%,24rem);margin-top:-1.6rem;margin-right:clamp(0rem,2vw,1.5rem);position:relative}.cap .apr-yours .cap-statement{max-width:16em;font-size:var(--title);line-height:1.12}.apr-starts{padding:var(--section-y) var(--gutter) clamp(3rem, 8svh, 5rem);border-top:1px solid var(--rule);flex-direction:column;gap:1.25rem;display:flex}.apr-starts h2{max-width:17em}@media (max-width:900px){.apr-retained{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""record"}.apr-index ol{border-top:none;border-left:1px solid var(--wax);grid-template-columns:minmax(0,1fr)}.apr-index li{padding:0 0 0 1.1rem}.apr-index a{padding:.35rem 0}.apr-index-tick{width:.7rem;height:1px;top:50%;left:-1px}.apr-index li:first-child .apr-index-tick{top:calc(50% - .275rem);left:-.3rem}}@media (max-width:700px){.apr-intro{padding-top:3.5rem}.apr-pin{grid-template-columns:minmax(0,1fr);gap:0}.apr-stage{z-index:2;height:auto;margin-inline:calc(-1 * var(--gutter));padding:.6rem var(--gutter) .4rem;background:var(--paper);border-bottom:1px solid var(--rule)}.apr-figure{width:min(100%, calc(36svh / var(--ar)));margin-inline:auto}.apr-figure figcaption{font-family:var(--mono);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-top:.35rem;font-size:.6875rem;display:flex}.apr-figure .cap-fig{display:contents}.apr-figure .cap-fig-text,.apr-person-tag,.apr-band-tag{display:none}.apr-now{font-family:var(--mono);color:var(--wax);order:1;font-size:.6875rem;line-height:1.5;display:block}.apr-steps{padding:4svh 0 12svh}.apr-stage-copy{min-height:60svh;scroll-margin-top:calc(var(--site-header-height,64px) + 36svh + 3rem);padding-block:2rem}.apr-record{grid-template-columns:minmax(0,1fr)}.apr-yours{align-self:stretch;max-width:none;margin-inline:1.75rem}}.cap[data-reduced] .apr-figure{width:min(100%,32rem)}.cap[data-reduced] .apr-stage-copy{min-height:0;padding-block:2.5rem}.cap[data-reduced] .apr-steps{padding:3rem 0 4rem}@media (max-width:700px){.cap[data-reduced] .apr-stage{border-bottom:none;height:auto;padding-block:2rem 0;position:relative;top:auto}.cap[data-reduced] .apr-figure{width:100%}.cap[data-reduced] .apr-figure .cap-fig-text,.cap[data-reduced] .apr-person-tag,.cap[data-reduced] .apr-band-tag{display:inline}.cap[data-reduced] .apr-now{display:none}.cap[data-reduced] .apr-stage-copy{scroll-margin-top:calc(var(--site-header-height,64px) + 1rem)}}
