.subpage header{position:relative;background:var(--green)}.subpage .page-hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;background:var(--green);color:var(--paper)}.page-hero-copy{padding:30px 8% 65px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#bbcdb0;margin-bottom:55px}.breadcrumbs a{border-bottom:1px solid #bbcdb0}.page-hero h1{font-size:clamp(65px,6.7vw,106px);line-height:.93;letter-spacing:-1.5px}.page-hero h1 em{font-style:normal;color:var(--yellow)}.page-intro{color:#d0dec6;font-size:17px;margin:30px 0;max-width:510px}.page-image{position:relative;overflow:hidden;min-height:420px}.page-image img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform 1s}.page-image:hover img{transform:scale(1.04)}.page-image>span{position:absolute;bottom:20px;left:20px;font-size:10px;background:#13291bd9;color:white;padding:6px 10px}.interactive-card{padding:35px;background:#e6ecda;border:1px solid #cbd6be;box-shadow:12px 12px 0 #d7dfcb;align-self:start}.tool-kicker{display:block;font-size:12px;letter-spacing:1.5px;margin-bottom:25px}.interactive-card label{display:block;font-size:14px;font-weight:600;margin:20px 0 9px}.interactive-card output{float:right}.interactive-card input[type=number]{width:100%;padding:14px;font:400 18px 'DM Sans';border:1px solid #a7ba93;background:var(--paper);color:var(--green);border-radius:0}.interactive-card input[type=range]{width:100%;accent-color:var(--green);height:24px;cursor:ew-resize}.calculation{margin-top:28px;border-top:1px solid #a9b999;padding-top:23px}.calculation>span{font-size:11px;letter-spacing:1.5px}.calculation strong{font:600 clamp(45px,5vw,72px)/1.3 'Barlow Condensed';display:block;color:var(--green);overflow-wrap:anywhere}.calculation p{font-size:14px;margin:8px 0}.interactive-card .tool-note{font-size:12px;margin:15px 0 0}.dark-band{background:var(--green);color:var(--paper)}.dark-band h2 em{color:var(--yellow)}.dark-band p{color:#c2d4b7}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.editorial-grid.two{grid-template-columns:repeat(2,1fr)}.editorial-grid article{border-top:1px solid #ffffff40;padding-top:22px}.editorial-grid article>span{display:block;font:600 50px 'Barlow Condensed';color:var(--yellow);margin-bottom:20px}.editorial-grid p{font-size:16px}.offer-check{padding:35px;border:1px solid var(--line);align-self:start}.offer-check>p{font-size:14px}.offer-check label{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:15px;cursor:pointer}.offer-check input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.offer-check label:has(input:checked){color:#668348}.offer-check output{display:block;margin-top:24px;font-size:14px;color:var(--green)}.decision-options{display:grid;gap:9px}.decision-options button{display:flex;align-items:center;gap:15px;padding:17px 15px;border:1px solid #a9bb96;background:transparent;color:var(--green);font-size:13px;text-align:left;transition:transform .3s,background .3s}.decision-options button span{flex:1;font-size:15px}.decision-options button.active{background:var(--green);color:var(--yellow);transform:translateX(5px)}.decision-answer{border-top:1px solid #a9bb96;margin-top:27px;padding-top:25px}.answer-index{font:600 56px 'Barlow Condensed';color:#809966}.decision-answer p{font-size:15px;margin-bottom:0}.numbered-notes article{padding:25px 0;border-top:1px solid var(--line)}.numbered-notes article>span{font:600 44px 'Barlow Condensed';color:#839a70;float:left;margin-right:23px;line-height:1}.numbered-notes h3{font-size:20px}.numbered-notes p{font-size:15px;margin-left:60px}.source-note{max-width:1280px;margin:0 auto;padding:0 6%;font-size:13px}.source-note a{text-decoration:underline}.compare-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.compare-controls button{padding:14px 22px;border:1px solid #a9bb96;background:transparent;font-size:14px;color:var(--green)}.compare-controls button.active{background:var(--green);color:var(--yellow)}.live-compare .material{min-height:310px}.live-compare.is-changing .material{animation:compare-change .4s ease-out}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.related-grid>a{padding:27px 28px;border:1px solid #b8c7aa;position:relative;transition:background .3s,transform .3s;min-height:180px}.related-grid>a:hover{background:#e5edda;transform:translateY(-5px)}.related-grid>a>span{font-size:10px;letter-spacing:1.5px;color:#627850}.related-grid h3{font-size:23px;margin:24px 30px 0 0}.related-grid b{position:absolute;bottom:25px;right:25px;font-size:25px;font-weight:400}.page-motion{position:fixed;bottom:20px;left:20px;z-index:10;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--yellow);border:1px solid var(--yellow)}.subpage.motion-paused *{animation-play-state:paused!important}.subpage .fade-in{opacity:1}.subpage.motion-on .fade-in{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.subpage.motion-on .fade-in.in-view{opacity:1;transform:none}.subpage.motion-paused .fade-in{opacity:1;transform:none}@keyframes compare-change{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){header nav{font-size:12px;gap:16px}.page-hero-copy{padding:25px 7% 50px}.page-hero h1{font-size:7.5vw}.editorial-grid{gap:25px}.interactive-card{padding:26px}.breadcrumbs{margin-bottom:35px}.page-intro{font-size:16px}}@media(max-width:760px){.subpage .page-hero{grid-template-columns:1fr}.page-hero-copy{padding:25px 6% 40px}.page-hero h1{font-size:clamp(57px,12vw,80px)}.page-image{min-height:330px}.page-image img{object-position:center}.breadcrumbs{font-size:11px;margin-bottom:30px}.editorial-grid,.editorial-grid.two{grid-template-columns:1fr;gap:30px}.interactive-card{box-shadow:7px 7px 0 #d7dfcb}.calculation strong{font-size:58px}.compare-controls{gap:8px}.compare-controls button{padding:12px 13px;font-size:12px}.live-compare .material{min-height:0}.related-grid{grid-template-columns:1fr}.offer-check{padding:26px}.subpage .page-hero .eyebrow{font-size:11px}.source-note{padding:0 6%}.subpage footer{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){.subpage.motion-on .fade-in{opacity:1;transform:none}.page-image img{transition:none}.page-image:hover img{transform:none}}
