/* Editorial visual refinement. Catalog, copy and application logic are unchanged. */
@media screen {
 :root{--deck-paper:#fbfaf7;--deck-ink:#1d2020;--deck-muted:#6b716f;--deck-line:#dfdfd8;--deck-red:#b33b2c}
 body{background:var(--deck-paper);color:var(--deck-ink);-webkit-font-smoothing:antialiased}
 .topbar{background:#fff;border-color:#e5e5df;padding-inline:4.5vw}
 .wordmark{font-size:25px;letter-spacing:-1.3px}
 .wordmark span{letter-spacing:1.6px;font-size:9px;color:#747975}
 .project{font-size:9px;letter-spacing:2.25px;color:#737a75}
 #toc-toggle{border-left:1px solid #deded8;padding-left:22px;font-weight:650}
 #toc{background:#1d2222;padding:22px;box-shadow:0 16px 42px #101c1926;border-radius:0}
 .slide{background:#fff;border-color:#e5e5df}
 .slide:nth-child(even){background:#f7f7f3}
 .slide.dark,.slide.cover{background:#1b2020;color:#fff}
 .section-head{margin-bottom:32px}
 .eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--deck-red);font-weight:750}
 h1{font-weight:740;letter-spacing:-4.7px}
 h2{font-weight:740;letter-spacing:-2.15px;line-height:1.22}
 h3{font-weight:710;letter-spacing:-.75px}
 em{color:var(--deck-red)}
 .footnote{color:#767d76;font-size:11px;line-height:1.65}
 .horizontal>p{color:#777d77;line-height:1.65}
 .dark em,.dark .eyebrow{color:#f2b19b}
 .dark .footnote{color:#b2beb6}
 .cover .eyebrow{color:#c7cfc8;letter-spacing:2.3px}
 .cover h1{line-height:1.12;position:relative;z-index:1}
 .cover h1 em{color:#f6b29d}
 .cover-brand{font-size:23px;letter-spacing:-.65px;color:#fff;font-weight:650}
 .cover .lead{color:#aebbb3;font-size:14px;line-height:1.75}
 .cover-photo{isolation:isolate}
 .cover-photo img{object-position:50% 60%}
 .cover-photo::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b202016,transparent 25%);z-index:1;pointer-events:none}
 .cover-photo figcaption{z-index:2;background:#17211dc9;color:#f0f3ef;border:1px solid #ffffff26;font-size:10px;left:24px;right:24px;bottom:22px;text-align:left;padding:10px 14px}
 .seal{color:#f5b5a1;border:1px solid #f5b5a17a;font-size:17px;line-height:1.2;transform:none;padding:9px 12px}
 .cover-meta{border-color:#ffffff2e;color:#dae2db;margin-top:30px;padding-top:20px}
 .cover-meta small{color:#94a79b;line-height:1.8}
 .cover-meta b{color:#f5b5a1;font-weight:600;letter-spacing:.4px}
 .brand-panel{background:#202626;color:#fff;border:0;padding:31px 36px}
 .brand-panel>p{color:#fff;letter-spacing:-1px}
 .since{color:#b3beb7;font-size:10px;letter-spacing:3px}
 .since strong{color:#fff;font-size:70px;font-weight:680;letter-spacing:-4px}
 .brand-panel small{color:#adbab2}
 .brand-panel .brand-statement{color:#dce5dd;font-weight:450;font-size:23px;line-height:1.45}
 .brand-rule{background:#c6745a;width:38px}
 .editorial-list article{border-color:#d9ddd7;padding:24px 0;gap:26px}
 .editorial-list article>span{font-size:11px;color:#9c4a38;font-variant-numeric:tabular-nums}
 .editorial-list h3{font-size:23px;margin-bottom:10px}
 .editorial-list p{color:#717873;font-size:14px;line-height:1.75}
 .audience article{border-color:#ffffff28;padding-block:17px}
 .audience article>span{font-size:10px;letter-spacing:2.8px;color:#d1a68f}
 .audience h3{font-size:24px;font-weight:600}
 .audience p{color:#b2c0b5;line-height:1.8;font-size:13px}
 .flow-panel{border:1px solid #ffffff36;background:#ffffff04;padding:28px 32px}
 .flow-panel .small-title{color:#e3e9e2;font-size:12px}
 .flow-step b{font-size:24px;color:#d9b29d;font-weight:450}
 .flow-step span{font-size:21px;font-weight:550}
 .flow-step small{color:#aebdb1;font-size:11px;line-height:1.7}
 .flow-panel i{color:#78917f}
 .main-menu{gap:24px}
 .main-menu article{min-width:0;padding-bottom:18px;border-bottom:1px solid #c7cdc5}
 .main-menu img{background:#fff;object-fit:contain;filter:none}
 .menu-name h3{font-size:20px;font-weight:700;line-height:1.4}
 .menu-name h3 small{font-size:12px;display:block;margin:4px 0 0;color:#757c74}
 .menu-name b{font-size:20px;color:#1f2922;white-space:nowrap;font-weight:600;letter-spacing:-.65px;font-variant-numeric:tabular-nums}
 .main-menu article>p{color:#7c827a;font-size:12px;line-height:1.75}
 .sesame-art{background:#263329;border:0;color:#fff;padding:29px}
 .sesame-art>span{color:#fff;font-weight:550;letter-spacing:-2px;line-height:1.24;font-size:40px}
 .sesame-art small{color:#a7bca9;letter-spacing:1.5px;font-size:9px}
 .side-intro{border-left:0;padding-left:0;padding-right:25px}
 .giant-type{font-size:82px;letter-spacing:-6px;font-weight:650;line-height:1.1}
 .side-intro>p:not(.giant-type){font-size:19px;color:#4a574c}
 .side-intro small{color:#7b857b;font-size:10px}
 .side-ledger article{padding-block:24px;border-color:#d2d9cf;gap:22px}
 .side-ledger article>span{color:#a85a43;font-size:11px;font-variant-numeric:tabular-nums}
 .side-ledger h3{font-size:25px;font-weight:650}
 .side-ledger h3 small{font-size:12px}
 .side-ledger b{font-size:22px;letter-spacing:-.6px;font-weight:600;font-variant-numeric:tabular-nums}
 .side-ledger p{color:#7b8479}
 .pricing-rows article{border-color:#506354;padding:29px 0}
 .set-label{font-size:28px;font-weight:650;letter-spacing:-.8px}
 .set-label small,.pricing-rows p small{color:#a5bba8;font-size:10px}
 .pricing-rows p{font-size:15px;color:#d9e3d9}
 .pricing-rows article>div b{color:#f0b59c;font-size:26px;font-weight:500;letter-spacing:-1px}
 .pricing-rows article>div small{color:#8fa895;font-size:10px}
 .pricing-rows strong{font-size:39px;font-weight:600;letter-spacing:-1.8px;color:#fff;font-variant-numeric:tabular-nums}
 .pricing-rows strong small{font-size:11px;color:#b0c4b2}
 .share-row{border-bottom-color:#506354}
 .notice-line{color:#9fb5a4;line-height:1.8;font-size:10px}
 .recommendations{gap:18px 20px}
 .recommendation{background:#fff;border:1px solid #dde3da;padding:21px 23px 20px;min-width:0}
 .recommendation:nth-child(4){background:#f4e9e2;border-color:#d8bcae}
 .recommendation .rec-tag{font-size:9px;color:#a45b43;letter-spacing:1.4px;font-weight:600}
 .recommendation h3{font-size:21px;font-weight:650;letter-spacing:-.7px;margin-top:12px}
 .rec-composition{color:#788372;font-size:11px;line-height:1.75;min-height:42px}
 .rec-price{margin-top:17px;border-top:1px solid #e3e6df;padding-top:13px;gap:12px}
 .rec-price strong{font-size:34px;font-weight:600;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}
 .rec-price del{font-size:11px;color:#9ca092}
 .rec-saving{font-size:10px;color:#b36a4e;line-height:1.7}
 .calculator-layout{gap:44px}
 .mode-options{gap:0;border:1px solid #bdc8b9;padding:4px;background:#fff}
 .mode-options span{border:0;min-height:44px;font-size:12px;font-weight:600}
 .mode-options input:checked+span{background:#263329;border:0;color:#fff}
 legend{font-size:12px;letter-spacing:.1px}
 select{border:1px solid #d4dccf;padding:12px;background:#fff;font-size:13px;min-height:48px;margin-top:9px}
 .side-options{gap:5px 16px}
 .side-options label{font-size:12px;color:#52614e;line-height:1.5}
 .side-options input{accent-color:#a75037}
 .fixed-notice{background:#e6eadf;border-left-color:#9c5a3e;color:#51654c}
 .input-note{color:#8b917f;font-size:10px}
 .calculator-result{background:#213227;color:#fff;padding:30px 34px;position:relative}
 .calculator-result .eyebrow{color:#b2c8b3;font-size:10px;letter-spacing:2.5px}
 #composition{color:#e1eadc;font-size:14px;line-height:1.8}
 .calculator-result dl{border-color:#698061;font-size:12px;color:#aabfa6}
 .calculator-result dd{color:#e2ecdf;font-weight:450}
 #saving{color:#f1b394}
 .result-caption{color:#d6e4d2;font-size:12px}
 .result-caption span{color:#96b093;font-size:10px}
 #total{color:#f7ebd8;font-size:58px;letter-spacing:-2.5px;line-height:1.2;font-weight:580;font-variant-numeric:tabular-nums}
 #rate{color:#adc2a6;font-size:11px;line-height:1.7}
 #calc-error{color:#ffc6a2}
 .calculator-result>small{color:#8ba381;font-size:9px;line-height:1.8}
 .timeline article{border-color:#c5d0be;gap:28px;padding:22px 0}
 .timeline article>b{font-size:12px;color:#9c5b3f;font-weight:550}
 .timeline h3{font-size:21px;font-weight:650}
 .timeline p{color:#7d8974;line-height:1.8;font-size:12px}
 .kpi-panel{background:#26382b;color:#fff;padding:29px 34px}
 .kpi-panel .eyebrow{color:#a4bfa7;font-size:10px}
 .kpi-panel h3{font-size:29px;font-weight:500;color:#eef3e9;letter-spacing:-1px}
 .kpi-panel li{border-color:#50694f;color:#9fb498;font-size:10px;line-height:1.8;padding:12px 0}
 .kpi-panel li b{color:#d4e4ce;font-size:11px}
 .next-steps li{border-color:#cbd4c4;padding-block:20px}
 .next-steps li:before{color:#a35b3c}
 .next-steps b{font-size:20px;font-weight:600;letter-spacing:-.6px}
 .next-steps span{color:#7a8970;font-size:12px;line-height:1.75}
 .source-box{background:#edf0e5;border:0;padding:25px 28px}
 .source-box h3{font-size:16px;color:#50634a;font-weight:600}
 .source-box p{color:#7b8b70;font-size:11px;line-height:1.75;margin-top:14px}
 .source-box b{color:#536a49}
 .closing-signature{border-color:#b5c3a8;margin-top:26px;padding-top:19px}
 .closing-signature>span{font-size:25px;font-weight:750;letter-spacing:-1px}
 .closing-signature p{color:#859578;font-size:10px}
 .deckbar{background:#fff;border-color:#dce3d7;padding-inline:4.5vw}
 .deckbar .disclaimer{font-size:9px;color:#8b9782;letter-spacing:.3px}
 .deck-controls{gap:24px}
 .deck-controls button{font-size:12px;font-weight:550}
 .page-count{color:#a2ad95;font-size:10px}
 .page-count b{font-size:19px;color:#34452d;font-weight:600}
 #progress{height:2px;background:#a14b31}
 #print{color:#7e8e70;font-size:10px}
}
@media screen and (min-width:701px){
 .cover{grid-template-columns:.94fr 1.12fr}
 .cover-copy{padding:36px 4vw 31px 5.2vw}
 .cover h1{font-size:clamp(55px,5.1vw,78px)}
 .cover-photo{border-top-left-radius:155px}
 .seal{top:45px;right:34px}
 .proposition{grid-template-columns:.78fr 1.5fr;gap:7vw}
 .brand-panel{min-height:360px}
 .audience-layout{gap:7vw;grid-template-columns:1.2fr 1fr}
 .main-menu .menu-name{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;min-height:60px}
 .main-menu img,.sesame-art{height:250px}
 .sides-layout{grid-template-columns:.8fr 2fr;gap:7vw}
}
@media screen and (min-width:1600px){.cover-copy{padding-left:max(5.2vw,calc((100vw - 1440px)/2))}}
@media screen and (min-width:701px) and (max-width:1100px){
 .cover h1{font-size:54px;letter-spacing:-3px}
 h2{font-size:35px}
 .main-menu .menu-name{flex-direction:column;min-height:92px}
 .main-menu img,.sesame-art{height:205px}
 .menu-name h3{font-size:18px}
 .pricing-rows strong{font-size:30px}
 .set-label{font-size:23px}
 .pricing-rows article>div b{font-size:23px}
 .recommendation{padding:17px}
 .recommendation h3{font-size:19px}
 .rec-price strong{font-size:28px}
 .calculator-result{padding:26px}
 #total{font-size:48px}
}
@media screen and (max-width:700px){
 .topbar{padding-inline:20px}
 .wordmark{font-size:21px}
 .wordmark span{font-size:7px;letter-spacing:.9px}
 #toc-toggle{padding-left:12px;min-width:62px}
 .slide{padding:38px 24px 42px}
 .slide.cover{padding:0}
 .cover-copy{padding:40px 24px 34px}
 .cover h1{font-size:51px;letter-spacing:-2.9px;line-height:1.13}
 .cover .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:27px}
 .cover-brand{font-size:20px;margin-top:25px}
 .cover .lead{font-size:13px}
 .cover-meta{margin-top:26px;font-size:10px;gap:12px}
 .cover-meta b{font-size:10px}
 .cover-photo{height:420px;border-radius:0}
 .cover-photo figcaption{font-size:8px;left:15px;right:15px;bottom:16px;padding:9px 10px}
 .section-head{margin-bottom:27px}
 .eyebrow{font-size:9px;letter-spacing:1.5px}
 h2{font-size:31px;letter-spacing:-1.5px}
 .horizontal>p{font-size:11px}
 .brand-panel{padding:24px 26px;min-height:0}
 .since strong{font-size:58px}
 .brand-panel .brand-statement{font-size:16px}
 .editorial-list article{padding:24px 0;gap:20px}
 .editorial-list h3{font-size:20px}
 .editorial-list p{font-size:13px}
 .audience h3{font-size:22px}
 .flow-panel{padding:25px}
 .main-menu{gap:29px 16px}
 .main-menu article{padding-bottom:16px}
 .main-menu img,.sesame-art{height:153px}
 .menu-name h3{font-size:17px;min-height:46px}
 .menu-name b{font-size:18px}
 .main-menu article>p{font-size:11px}
 .sesame-art{padding:18px}
 .sesame-art>span{font-size:28px;letter-spacing:-1.1px}
 .sesame-art small{font-size:8px;letter-spacing:0}
 .side-intro{padding-right:0}
 .giant-type{font-size:40px;letter-spacing:-2.5px}
 .side-intro>p:not(.giant-type){font-size:14px}
 .side-ledger article{gap:10px;padding-block:23px}
 .side-ledger h3{font-size:20px}
 .side-ledger b{font-size:17px}
 .side-ledger h3 small{font-size:10px}
 .pricing-rows article{padding:25px 0;gap:16px}
 .set-label{font-size:25px}
 .pricing-rows p{font-size:12px}
 .pricing-rows strong{font-size:34px}
 .pricing-rows article>div b{font-size:25px}
 .recommendations{gap:15px}
 .recommendation{padding:23px 22px}
 .recommendation h3{font-size:23px}
 .rec-composition{min-height:0;font-size:12px}
 .rec-price strong{font-size:35px}
 .calculator-layout{gap:28px}
 .calculator-result{padding:29px 26px}
 #total{font-size:55px}
 .side-options label{font-size:12px;min-height:44px}
 .timeline article{gap:17px;padding:21px 0}
 .timeline h3{font-size:19px}
 .kpi-panel{padding:28px 25px}
 .kpi-panel h3{font-size:27px}
 .source-box{padding:24px}
 .source-box p{font-size:11px}
 .closing-signature{align-items:flex-start;gap:13px}
 .closing-signature p{font-size:10px}
 .deckbar{padding-inline:12px}
 .deck-controls{gap:8px}
 .deckbar .disclaimer{font-size:8px}
 #print{font-size:9px}
}