/* One focused comparison of preservation models. */
.preservation-section{padding:84px 4vw 80px;scroll-margin-top:96px;background:var(--paper);border-top:1px solid var(--line)}
.preservation-inner{max-width:1100px;margin:0 auto}
.preservation-header{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:34px}
.preservation-eyebrow{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.preservation-intro h2{font:400 clamp(44px,4.2vw,60px)/1.08 var(--serif);letter-spacing:-.045em}
.preservation-intro h2:focus{outline:none}
.preservation-explanation{max-width:42ch;justify-self:end;color:var(--muted);font-size:16px;line-height:1.6;padding-bottom:3px}
.preservation-diagram{--path-gap:30px;--path-columns:1fr 1.36fr 1.12fr .88fr;background:#193e37;border:1px solid #31574d;border-radius:16px;overflow:hidden}
.ordinary-model,.forever-model{display:grid;grid-template-columns:136px minmax(0,1fr);column-gap:28px;row-gap:15px;align-items:center;padding:27px 30px}
.model-label{grid-column:1;grid-row:1;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.035em}
.ordinary-model{color:#cad6ca;border-bottom:1px solid #3a5c51}
.preservation-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:var(--path-columns);gap:var(--path-gap);align-items:center}
.preservation-path>li{position:relative;min-width:0}
.preservation-path>li:not(:last-child):after{content:'';position:absolute;right:calc(-1*var(--path-gap) + 5px);width:calc(var(--path-gap) - 10px);height:1px;top:50%;background:currentColor;opacity:.5}
.preservation-path>li:not(:last-child):before{content:'';position:absolute;right:calc(-1*var(--path-gap) + 5px);width:5px;height:5px;top:50%;transform:translateY(-2px) rotate(45deg);border-top:1px solid currentColor;border-right:1px solid currentColor;opacity:.5}
.ordinary-path{grid-column:2;grid-row:1;font-size:15px;line-height:1.45}
.model-note{grid-column:2;grid-row:2;font-size:13px;line-height:1.5;color:#b9cbbd}
.forever-model{color:#f3f3e9;background:#104b43;padding-top:23px;padding-bottom:24px;row-gap:17px}
.forever-model .model-label{font-size:15px;letter-spacing:0}
.forever-flow{grid-column:2;grid-row:1;position:relative;display:grid;grid-template-columns:var(--path-columns);column-gap:var(--path-gap);grid-template-rows:38px auto}
.company-layer{grid-column:2/4;grid-row:1;align-self:start;justify-self:end;position:relative;display:flex;align-items:baseline;gap:8px;width:max-content;max-width:100%;padding:0 0 7px;color:#b9d0c3;border-bottom:1px dashed #73968a;opacity:0;pointer-events:none;white-space:nowrap}
.company-layer:after{content:'';position:absolute;bottom:-10px;right:60px;height:9px;border-left:1px dashed #73968a}
.company-layer>span{font-size:13px;line-height:1.4}
.company-layer>small{font-size:12px;line-height:1.4}
.preservation-motion .company-layer{opacity:1}
.preservation-motion.is-independent .company-layer{opacity:0;transition:opacity 1400ms ease-out}
.forever-path{grid-column:1/-1;grid-row:2}
.forever-path>li{font:400 22px/1.22 var(--serif);letter-spacing:-.025em}
.forever-path strong{font-weight:500}
.forever-path small{display:block;max-width:22ch;font:400 13px/1.45 var(--sans);letter-spacing:0;color:#bed3c7;margin-top:7px}
.forever-path .preservation-trust strong{display:block;font-size:24px}
.forever-path .preservation-horizon{display:flex;flex-direction:column;align-items:flex-start}
.preservation-horizon>strong{font:400 62px/.95 var(--serif);letter-spacing:-.055em;white-space:nowrap}
.preservation-horizon>strong>span{font-size:.62em;vertical-align:top;position:relative;top:.06em;margin-left:2px}
.preservation-years{font:400 19px/1.2 var(--serif);letter-spacing:-.025em;margin-top:3px}
.preservation-independence{grid-column:2;grid-row:2;font-size:13px;line-height:1.5;color:#bed3c7}
@media(max-width:1100px){
 .preservation-header{gap:36px;grid-template-columns:1.2fr 1fr}
 .preservation-intro h2{font-size:44px}
 .ordinary-model,.forever-model{grid-template-columns:1fr;padding:25px 28px;row-gap:17px}
 .model-label{grid-column:1;grid-row:1}
 .ordinary-path,.forever-flow{grid-column:1;grid-row:2}
 .model-note,.preservation-independence{grid-column:1;grid-row:3}
}
@media(max-width:760px){
 .preservation-section{padding:66px 5vw;scroll-margin-top:86px}
 .preservation-header{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .preservation-intro h2{font-size:clamp(36px,7vw,48px)}
 .preservation-explanation{max-width:52ch;justify-self:start}
 .preservation-diagram{--path-gap:24px}
 .ordinary-model,.forever-model{padding:25px}
 .ordinary-path{grid-template-columns:1fr;gap:24px;padding-left:12px}
 .preservation-path>li:not(:last-child):after{right:auto;left:3px;top:auto;bottom:-16px;width:1px;height:10px}
 .preservation-path>li:not(:last-child):before{right:auto;left:1px;top:auto;bottom:-17px;transform:rotate(135deg)}
 .forever-flow{display:block;padding-left:12px}
 .company-layer{display:none}
 .forever-path{grid-template-columns:1fr;gap:32px}
 .forever-path small{max-width:none}
 .forever-path>li:not(:last-child):after{bottom:-20px;height:12px}
 .forever-path>li:not(:last-child):before{bottom:-21px}
 .forever-path .preservation-horizon{padding-top:8px}
 .preservation-horizon>strong{font-size:62px}
}