:root{color-scheme:light;--ink:#1e3229;--muted:#506259;--line:#c9cfc2;--paper:#f6f5ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}main,header,footer{width:min(1100px,92%);margin:auto}header,footer{padding:20px 0;font-size:.85rem}header{border-bottom:1px solid var(--line)}a{color:#23543e;text-underline-offset:.18em}a:hover{color:#874322}a:focus-visible,select:focus-visible{outline:3px solid #ae592c;outline-offset:3px}.intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;padding:50px 0}.intro p{max-width:34em;font:1.25rem/1.5 Georgia,serif}.intro span,figcaption,.note{font-size:.88rem;color:var(--muted)}small,label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2,dt{font-family:Georgia,serif}h1{font-size:clamp(4rem,8vw,7rem);letter-spacing:-.06em;line-height:.92;margin:.24em 0}h2{font-size:clamp(2rem,4.4vw,3.45rem);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:.2em 0 .5em}figure{margin:0}figure img{width:100%;aspect-ratio:3/2;display:block;object-fit:cover}figcaption{margin:.4rem 0}.intro img{border-radius:2px}nav{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;padding:.9rem 0;border-block:1px solid var(--line)}nav a{font-weight:650;font-size:.9rem}section{padding:3rem 0;border-bottom:1px solid var(--line)}p,li,dd{max-width:78ch}.pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.pair figure{padding:.65rem;background:white;border:1px solid var(--line)}select{width:100%;margin:.3rem 0 .7rem;padding:.45rem;background:var(--paper);color:var(--ink);font:inherit;border:1px solid var(--line)}dl{display:grid;grid-template-columns:minmax(145px,1fr) 4fr;margin:1.6rem 0 0}dt,dd{padding:.85rem 0;border-top:1px solid var(--line);margin:0}dt{font-size:1.25rem;padding-right:1rem}li{margin-bottom:.65rem}b{font-weight:680}footer{padding-bottom:3rem}@media(max-width:660px){.intro,.pair{grid-template-columns:1fr}.intro{gap:1.4rem;padding:2rem 0}.intro br{display:none}.intro br:after{content:" "}h1{font-size:3.8rem}section{padding:2rem 0}dl{display:block}dt{padding-bottom:0}dd{border:0;padding-top:.3rem}.pair{gap:1rem}nav{gap:.5rem 1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.choose{margin-bottom:0}.choose label{min-width:0}.axis{background:#e4eadf;padding:8px 14px;border-radius:4px;margin:8px 0}.axis label{display:flex;justify-content:space-between}.axis input{width:100%;accent-color:#285639}.axis small{display:block;text-transform:none;letter-spacing:0}
#comparison{--split:50%;position:relative;width:100%;aspect-ratio:3/2;isolation:isolate;background:#263e30;overflow:hidden}
#comparison img{position:absolute;inset:0;width:100%;height:100%}#leftPhoto{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
#comparison span{position:absolute;top:7px;background:#1b362dea;color:white;border-radius:4px;padding:3px 8px;font:700 16px system-ui}#leftTag{left:8px}#rightTag{right:8px}
#comparison i{position:absolute;top:0;bottom:0;left:var(--split);border-left:2px solid white;filter:drop-shadow(0 0 2px #284335)}#comparison i:after{content:'‹ ›';position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:100px;background:#17392d;color:white;padding:2px 9px;white-space:pre;font:700 20px system-ui}
#divider{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}#comparison:focus-within{outline:3px solid #ae592c;outline-offset:2px}
.airarchive{background:#fffdf6;border:1px solid var(--line);padding:10px 15px}.airarchive summary{cursor:pointer;font-weight:650}.airarchive ul{display:flex;gap:5px 25px;flex-wrap:wrap;list-style:none;padding:0}.airarchive p{margin:.6em 0}
