
:root{--ink:#111111;--ivory:#F5F0E7;--red:#D72D2D;--muted:#c6bdb3}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ivory);font:17px/1.75 'DM Sans',Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #ff7973;outline-offset:5px}
.sitehead{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:18px clamp(20px,5vw,80px);border-bottom:1px solid #55473f}
.wordmark{font:26px/1.1 Anton,Impact,sans-serif;text-decoration:none;letter-spacing:.02em}.wordmark span{color:var(--red)}
.sitehead nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:800;letter-spacing:.12em}.sitehead nav a{text-decoration:none}.sitehead nav a:hover{color:#ff796e}
.hero{display:grid;grid-template-columns:1.06fr .94fr;min-height:510px;align-items:stretch;border-bottom:2px solid var(--red);background:#201615}
.herocopy{padding:clamp(38px,6vw,96px) clamp(20px,5vw,75px);display:flex;flex-direction:column;justify-content:center}
.eyebrow,.overline{color:#fa615a;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.05}
h1{font-size:clamp(55px,7.6vw,110px);margin:14px 0 24px;max-width:750px}
h2{font-size:clamp(33px,4vw,54px);margin:48px 0 14px}
h3{font-size:clamp(23px,3vw,31px);margin:28px 0 10px}
.lead{font:italic clamp(21px,2.25vw,29px)/1.5 Georgia,serif;max-width:570px;color:#fff9ed}
.heroart{width:100%;height:100%;object-fit:cover;min-height:380px}
main{min-width:0}
.content{width:min(100% - 44px,1000px);margin:0 auto;padding:48px 0 100px}
.content p,.content li{max-width:880px}
.content p{margin:18px 0;line-height:1.8}
.content ul,.content ol{padding-left:24px}
.content li{padding:3px 0}
.content strong{color:#fff}
.content a:not(.cta){text-underline-offset:4px;color:#ff8d85}
.content .disclose,.content .note{margin:25px 0;padding:19px 23px;background:#281e1c;border-left:5px solid var(--red);font-size:15px}
.fact{padding:22px 25px;background:#f5f0e7;color:#111;margin:28px 0}
.fact strong{color:#111}
.compare{width:100%;border-collapse:collapse;margin:30px 0;font-size:15px;line-height:1.6}
.compare th,.compare td{border-bottom:1px solid #5b4f49;text-align:left;padding:16px 13px;vertical-align:top}
.compare th{color:#ff877c}
.cta{display:inline-block;padding:13px 20px;background:var(--red);color:white;text-decoration:none;font:21px/1.4 Anton,Impact,sans-serif;margin:12px 0}
.cta:hover{background:var(--ivory);color:var(--ink)}
.steps{counter-reset:step;list-style:none;padding-left:0!important}
.steps li{position:relative;padding:20px 20px 20px 78px!important;margin:12px 0;border:1px solid #4c3937;background:#1b1918}
.steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:22px;color:#ef4944;font:40px Anton,Impact,sans-serif}
.related{border-top:1px solid #55433f;padding-top:24px;margin-top:60px}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-links a{padding:21px;background:#241c1b;text-decoration:none!important;font-weight:800;color:var(--ivory)!important;border:1px solid #443630}
.related-links a:hover{border-color:var(--red)}
.date{font-size:13px;color:#b8aea5;margin-top:35px}
footer{border-top:1px solid #51443f;padding:27px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}
footer a{color:#e8ddd3}
@media(max-width:850px){.hero{grid-template-columns:1fr}.heroart{max-height:340px;min-height:220px;order:-1}.hero h1{font-size:clamp(51px,12vw,85px)}.compare{font-size:13px}.compare th,.compare td{padding:10px 7px}}
@media(max-width:480px){.related-links{grid-template-columns:1fr}.sitehead nav{gap:12px}.content{width:min(100% - 34px,1000px)}}
@media print{body{color:black;background:white}.sitehead,.heroart,.cta,footer{display:none}.hero{min-height:0;color:black;background:white}.herocopy{padding:10px}h1{color:black}.content{padding:10px}.content p,.content li{color:black}}
