:root{--ink:#1c1b1a;--paper:#f5f1e9;--cream:#e8e0d4;--amber:#d68c45;--line:#c9beb0;--pad:clamp(1.25rem, 4vw, 4.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.blog-header{height:5.5rem;padding:0 var(--pad);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.back-link{align-items:center;gap:.35rem;font-size:.78rem;text-decoration:none;display:inline-flex}.back-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.back-link:hover{text-underline-offset:.3rem;text-decoration:underline}.article-intro,.article-body{max-width:48rem;padding-inline:var(--pad);margin:auto}.article-intro{padding-top:clamp(4.5rem,10vw,8rem);padding-bottom:clamp(2.4rem,5vw,3.8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;margin:0 0 1.5rem;font-size:.65rem;font-weight:650}.article-intro h1{letter-spacing:-.05em;margin:0;font:400 clamp(2.6rem,6.2vw,4.6rem)/.96 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.article-intro .meta{letter-spacing:.08em;text-transform:uppercase;color:#756f67;margin:1.4rem 0 0;font-size:.72rem}.article-intro .lede{color:#5e574f;margin:1.7rem 0 0;font-size:1.08rem;line-height:1.65}.article-body{padding-bottom:2.6rem;font-size:1.02rem;line-height:1.72}.article-body h2{letter-spacing:-.04em;margin:3.4rem 0 1rem;font:400 clamp(1.7rem,3vw,2.25rem)/1.08 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.article-body h2:first-child{margin-top:0}.article-body h3{letter-spacing:-.03em;margin:2.3rem 0 .7rem;font:400 1.35rem/1.2 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.article-body p,.article-body li{color:#4c4741}.article-body p{margin:0 0 1.15rem}.article-body em{color:var(--ink);font-style:italic}.article-body a{color:#91501f;text-underline-offset:.18rem}.article-body a:hover{color:#6e3c16}.next-note{max-width:48rem;padding:1.35rem var(--pad) clamp(5rem, 10vw, 8rem);border-top:1px solid var(--line);letter-spacing:-.03em;margin:0 auto;font:400 clamp(1.25rem,2.2vw,1.55rem)/1.25 Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.next-note a{color:inherit;text-decoration:none}.next-note span,.next-note a:hover{color:#a75d28}.article-figure{margin:2.2rem -.4rem 2.6rem}.article-figure img{background:var(--cream);width:100%;height:auto;display:block}.article-figure.portrait img{object-fit:cover;object-position:center 30%;max-height:38rem}.compare-stage{background:var(--cream);outline:none;position:relative}.compare-stage img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:none}.compare-stage img.is-visible{display:block}.compare.has-motion .compare-stage img.is-visible{animation:.35s compare-fade}.compare-btn{width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;background:#f6f1e9e8;border:0;border-radius:99px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.compare-btn:hover{background:#fff}.compare-btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.compare-stage:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.compare-btn.prev{left:.8rem}.compare-btn.next{right:.8rem}.compare-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.article-body .compare-label{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;background:#f6f1e9;border-radius:99px;margin:0;padding:.5rem .8rem;font-size:.68rem;font-weight:650;line-height:1;position:absolute;bottom:.9rem;left:.9rem}@keyframes compare-fade{0%{opacity:.35}to{opacity:1}}.article-figure figcaption{color:#756f67;margin-top:.75rem;font:italic .88rem/1.45 Iowan Old Style,Georgia,serif}@media (width<=600px){.blog-header{height:4.6rem}.back-link{font-size:.7rem}.article-intro .lede{font-size:1rem}.compare-btn{width:2.2rem;height:2.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.compare.has-motion .compare-stage img.is-visible{animation:none}}
