:root{--orange:#f36d2f;--ink:#0b0b0b;--paper:#f1eee8;--muted:#6b6862;--line:#d7d1c7;--white:#fff;--green:#25D366}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#151515;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:999}.sitebar{background:#0b0b0b;color:#fff;border-bottom:1px solid #242424;position:sticky;top:0;z-index:30}.sitebar .wrap{height:92px;display:flex;align-items:center;gap:28px}.brand img{width:72px;height:auto;display:block}.nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:13px}.nav a{text-decoration:none;color:#d8d8d8}.nav a:hover{color:#fff}.cta-top{background:var(--orange);color:#111!important;padding:15px 18px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.crumbs{font-size:12px;color:#777;padding:22px 0}.crumbs a{text-decoration:none}.hero{background:#0d0d0d;color:#fff}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:520px}.hero-copy{padding:72px 56px 64px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:70px;line-height:.91;text-transform:uppercase;margin:0 0 24px;letter-spacing:-.015em}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;line-height:1.65;color:#c9c9c9;max-width:680px}.hero-media{min-height:520px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.meta{margin-top:22px;color:#888;font-size:12px}.article{padding:64px 0 76px}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:54px;align-items:start}.prose{font-size:17px;line-height:1.82}.prose h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:44px;line-height:1.02;margin:38px 0 14px;text-transform:uppercase}.prose h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:30px;margin:26px 0 10px}.prose p{margin:0 0 18px}.prose strong{font-weight:750}.note{border-left:4px solid var(--orange);padding:18px 20px;background:#fff;margin:28px 0;color:#3e3e3e}.photo{margin:34px 0}.photo img{width:100%;display:block;border:1px solid #ccc5ba}.caption{font-size:12px;color:#777;margin-top:8px}.compare{width:100%;border-collapse:collapse;margin:24px 0 34px;background:#fff;font-size:14px}.compare th,.compare td{padding:16px 14px;border-bottom:1px solid #e6e0d7;text-align:left;vertical-align:top}.compare th{background:#151515;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.compare tr:last-child td{border-bottom:0}.sizecards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 38px}.sizecard{background:#fff;border:1px solid var(--line);padding:18px}.sizecard img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#0c0c0c}.sizecard h3{font-size:28px;margin:16px 0 4px}.sizecard small{color:#666}.side{position:sticky;top:120px}.sidebox{background:#121212;color:#fff;padding:26px;border-top:3px solid var(--orange);margin-bottom:18px}.sidebox h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:32px;line-height:1;margin:0 0 14px;text-transform:uppercase}.sidebox p{font-size:14px;line-height:1.6;color:#bbb}.btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:var(--orange);color:#111;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sidebox .btn{width:100%;margin-top:10px}.related{padding:62px 0;background:#0c0c0c;color:#fff}.related h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:44px;text-transform:uppercase;margin:0 0 24px}.related-card{display:block;background:#171717;border:1px solid #303030;padding:26px;text-decoration:none;max-width:720px}.related-card span{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.12em}.related-card h3{font-family:"Barlow Condensed",Impact,sans-serif;font-size:32px;line-height:1.05;margin:12px 0 8px}.related-card p{color:#aaa;margin:0;line-height:1.6}.footer{background:#080808;color:#bbb;padding:34px 0}.footer .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}.footer img{width:64px;height:auto}.floatwa{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--green);color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:17px 20px;border-radius:999px;box-shadow:0 12px 30px #0004}.floatwa:before{content:"◉";margin-right:8px}.listing{padding:58px 0 80px}.listing h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:64px;line-height:.95;margin:10px 0 16px;text-transform:uppercase}.listing-intro{max-width:720px;line-height:1.7;color:#555}.post-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.post-card{background:#fff;border:1px solid var(--line);text-decoration:none;overflow:hidden}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.post-card div{padding:24px}.post-card .tag{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.12em}.post-card h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:36px;line-height:1;margin:10px 0 10px}.post-card p{color:#666;line-height:1.6;margin:0}.backhome{display:inline-block;margin-top:28px;font-weight:700;color:#222}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:56px 0 48px}.hero-media{min-height:330px}.article-grid{grid-template-columns:1fr}.side{position:static}.sizecards{grid-template-columns:1fr 1fr}.post-list{grid-template-columns:1fr}.nav a:not(.cta-top){display:none}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1120px)}.sitebar .wrap{height:78px}.brand img{width:58px}.cta-top{padding:13px 14px;font-size:10px}.hero h1{font-size:48px}.lead{font-size:16px}.hero-media{min-height:250px}.article{padding:42px 0 56px}.prose{font-size:16px;line-height:1.72}.prose h2{font-size:37px;margin-top:30px}.sizecards{grid-template-columns:1fr}.compare{display:block;overflow-x:auto}.footer .wrap{align-items:flex-start;flex-direction:column}.floatwa{right:14px;bottom:14px;padding:15px 17px}.listing h1{font-size:50px}}
