/* Free preview: the plinth first, then everything a careful owner wants to know */
.pv-after{padding:clamp(48px,calc(var(--vh)*7),84px) var(--gut) clamp(44px,calc(var(--vh)*6),72px);background:linear-gradient(var(--saffron),var(--marigold))}
.pv-after__h{font-size:var(--d2);line-height:1.03;letter-spacing:-.02em;max-width:11em;margin-bottom:.34em}
.pv-steps{counter-reset:s}
.pv-step{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,24px);margin-left:calc(var(--i)*clamp(0px,7.4vw,126px));max-width:calc(100% - var(--i)*clamp(0px,7.4vw,126px));padding:10px 0 14px;border-top:2px solid var(--ink)}
.pv-step__n{flex:none;width:1.1em;font-family:var(--serif);font-size:var(--d3);line-height:1}
.pv-step>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr);gap:6px clamp(16px,3vw,48px);align-items:baseline;flex:1;min-width:0}
.pv-step h3{font-size:var(--d3);line-height:1.04;letter-spacing:-.016em}
.pv-step p{font-size:var(--t-body);line-height:1.44;max-width:34em}
.pv-step .nv-ph{white-space:normal}
.pv-after__n{margin-top:clamp(14px,2vw,28px);max-width:22em}

.pv-need{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pv-need__a{padding:clamp(48px,calc(var(--vh)*7),84px) var(--gut);background:var(--padpa)}
.pv-need__b{padding:clamp(48px,calc(var(--vh)*7),84px) var(--gut);background:var(--plum);color:var(--bone)}
.pv-need__h{font-size:var(--d3);line-height:1.04;letter-spacing:-.018em;margin-bottom:.4em}
.pv-yes li{font-family:var(--serif);font-size:clamp(50px,6.6vw,116px);line-height:1.08;letter-spacing:-.02em;border-top:1px solid var(--rule-ink)}
.pv-yes{border-bottom:1px solid var(--rule-ink);margin-bottom:14px}
.pv-no li{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6px clamp(14px,2.4vw,36px);align-items:center;padding:6px 0 9px;border-top:1px solid var(--rule-bone)}
.pv-no li:last-child{border-bottom:1px solid var(--rule-bone)}
.pv-no li>p:last-child{font-size:var(--t-body);line-height:1.38}
.pv-no__w{font-family:var(--serif);font-size:clamp(36px,4.4vw,76px);line-height:1.1;letter-spacing:-.018em}
.pv-no__w s{position:relative;display:inline;text-decoration:none;background:linear-gradient(var(--saffron),var(--saffron)) 0 58%/100% .05em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.pv-help{padding:clamp(48px,calc(var(--vh)*7),84px) 0 0;background:var(--bone)}
.pv-help__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,4vw,64px);align-items:end;padding:0 var(--gut) clamp(20px,3vw,40px)}
.pv-help__h{font-size:var(--d2);line-height:1.03;letter-spacing:-.02em}
.pv-rows li{background:var(--wall);color:var(--wall-fg)}
.pv-rows a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px clamp(20px,4vw,64px);align-items:baseline;padding:clamp(14px,1.7vw,24px) var(--gut) clamp(16px,1.9vw,26px);transition:padding-left .3s var(--ease)}
.pv-rows a:hover{padding-left:calc(var(--gut) + 14px)}
.pv-rows a:active{padding-left:calc(var(--gut) + 8px)}
.pv-rows a:focus-visible{outline:3px solid currentColor;outline-offset:-6px}
.pv-rows__t{font-family:var(--serif);font-size:var(--d4);line-height:1.08;letter-spacing:-.012em}
.pv-rows__d{font-size:var(--t-lede);line-height:1.36;max-width:38em}
.pv-rows .is-on .pv-rows__t{font-weight:700;letter-spacing:-.022em}
.pv-rows .is-on .pv-rows__t::after{content:"  You picked this.";font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:0;white-space:pre}

.pv-end{padding:clamp(52px,calc(var(--vh)*9),110px) var(--gut) clamp(52px,calc(var(--vh)*9),110px);background:var(--ruby);color:var(--bone)}
.pv-end__l{font-family:var(--serif);font-size:var(--d2);line-height:1.04;letter-spacing:-.02em;margin-bottom:.34em;max-width:10em}
.pv-end__l span{display:block}
.pv-end__o{margin-top:14px}

@media (max-width:820px){
  .pv-step{margin-left:0;max-width:none}
  .pv-step>div{grid-template-columns:minmax(0,1fr)}
  .pv-need,.pv-help__top,.pv-rows a{grid-template-columns:minmax(0,1fr)}
  .pv-no li{grid-template-columns:minmax(0,1fr)}
  .pv-yes li{font-size:15vw}
  .pv-end{padding-bottom:calc(var(--dock-h) + 40px)}
  .pv-rows a:hover{padding-left:var(--gut)}
}