/* One continuous composition: purchase, reserve, generations. */
.preservation-section{padding:clamp(64px,7vw,104px) 5vw 80px;scroll-margin-top:96px;background:var(--paper);border-top:1px solid var(--line)}
.preservation-inner{max-width:1100px;margin:0 auto}
.preservation-panel{padding:52px 52px 38px;border-radius:24px;background:var(--surface-inverse);color:var(--text-on-inverse);text-align:center}
.preservation-header{max-width:760px;margin:0 auto}
.preservation-eyebrow{margin:0 0 18px;font:500 .75rem/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--amber-300)}
.preservation-header h2{margin:0;font:400 clamp(2.5rem,4vw,3.5rem)/1.08 var(--serif);letter-spacing:-.04em;text-wrap:balance}
.preservation-header h2:focus{outline:none}
.preservation-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:42px 0 0}
.preservation-stage{min-width:0;position:relative}
.preservation-art{display:block;width:176px;height:144px;max-width:100%;margin:0 auto 20px;color:var(--text-on-inverse-muted)}
.preservation-art-muted{stroke:var(--brand-300)}
.preservation-art-tone{fill:var(--surface-inverse-emphasis);stroke:none}
.preservation-art-leaf{fill:var(--surface-inverse-emphasis)}
.preservation-art-accent{fill:var(--amber-300);stroke:var(--amber-300)}
.preservation-art-hatch{stroke:var(--brand-200);stroke-width:.7;opacity:.55}
.preservation-stage-trust .preservation-art{color:var(--text-on-inverse)}
.preservation-stage h3{font:400 1.875rem/1.2 var(--serif);letter-spacing:-.025em;margin:0 0 13px}
.preservation-stage p{font:400 1rem/1.65 var(--sans);color:var(--text-on-inverse-secondary);max-width:30ch;margin:0 auto;text-wrap:pretty}
.preservation-stage-purchase p,.preservation-stage-generations p{max-width:25ch}
.preservation-horizon{white-space:nowrap}
.preservation-stage-connector{position:absolute;top:64px;right:-52px;width:56px;height:16px;color:var(--line-on-inverse);pointer-events:none}
.preservation-plans-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:32px;padding:4px 8px;color:var(--text-on-inverse);font:500 .875rem/1.5 var(--sans);text-decoration:none;text-underline-offset:5px;border-radius:4px}
.preservation-plans-link:hover{text-decoration:underline}
.preservation-plans-link:focus-visible{outline:2px solid var(--amber-300);outline-offset:4px}
/* A spacious desktop composition, with the preservation trust at its center. */
@media(min-width:1100px){
 .preservation-inner{max-width:1180px}
 .preservation-panel{padding:64px 64px 40px;border-radius:20px}
 .preservation-header h2{font-size:3.75rem;line-height:1.08}
 .preservation-stages{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:44px;margin-top:56px}
 .preservation-art{width:220px;height:180px;margin-bottom:26px;color:var(--brand-100)}
 .preservation-art-muted{stroke:var(--brand-200)}
 .preservation-art-tone{fill:color-mix(in srgb,var(--brand-600) 45%,var(--surface-inverse))}
 .preservation-art-leaf{fill:var(--brand-600)}
 .preservation-stage-trust .preservation-art{transform:scale(1.12);transform-origin:50% 80%}
 .preservation-stage p{font-size:1.0625rem;line-height:1.65;max-width:34ch}
 .preservation-stage-purchase p,.preservation-stage-generations p{max-width:25ch}
 .preservation-stage-connector{top:83px;right:-42px;width:40px;color:var(--brand-200)}
 .preservation-plans-link{font-size:.9375rem;margin-top:40px}
}
/* The artwork and essential copy are always visible, including reduced motion. */
@media(max-width:1099px){
 .preservation-panel{padding:42px 28px 32px}.preservation-stages{gap:30px}
 .preservation-stage h3{font-size:1.625rem}.preservation-stage-connector{width:36px;right:-33px}
}
@media(max-width:759px){
 .preservation-section{padding:64px 5vw}
 .preservation-panel{padding:38px 24px 28px;border-radius:20px}
 .preservation-header h2{font-size:clamp(2rem,6vw,2.75rem)}
 .preservation-stages{grid-template-columns:minmax(0,1fr);gap:62px;max-width:380px;margin:34px auto 0}
 .preservation-art{width:154px;height:126px;margin-bottom:17px}
 .preservation-stage-trust .preservation-art{width:176px;height:144px;color:var(--text-on-inverse)}
 .preservation-stage h3{font-size:1.75rem}
 .preservation-stage-connector{top:auto;bottom:-39px;right:auto;left:50%;width:32px;height:16px;transform:translateX(-50%) rotate(90deg)}
 .preservation-plans-link{margin-top:32px}
}
@media(max-width:359px){
 .preservation-panel{padding-inline:18px}
 .preservation-header h2{font-size:1.875rem}
}