.hurricane-study{background:#162922;border-block:1px solid #405c4d}.comparison-intro{padding-bottom:2.5rem}.comparison-premise{max-width:46rem;color:#c4d9ca;font-size:1.12rem;margin:2rem 0 0}.comparison-track{padding:0 4.5%}.comparison-sticky{max-width:1500px;margin:auto}.comparison-track.is-scroll-driven{min-height:175svh}.is-scroll-driven .comparison-sticky{position:sticky;top:1rem}.scenario-label{display:flex;justify-content:space-between;gap:.7rem 2rem;flex-wrap:wrap;margin:0;padding:1rem 0;color:#d6e6db;font-size:.8rem}.scenario-label strong{letter-spacing:.08em;color:var(--teal);font-weight:400}.comparison-stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1672/941;background:#202d26;max-height:none;margin:auto;width:100%}.comparison-stage>img,.comparison-after,.comparison-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.comparison-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.comparison-state{position:absolute;inset:1rem 1rem auto;display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.comparison-state span{background:#12251feb;color:#eef5ee;font-size:.72rem;letter-spacing:.07em;padding:.45rem .65rem}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#f3ffec;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 6px #0008}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:#142b21;border:2px solid #e4ffdf;border-radius:50%;font-size:1.8rem;color:#eff9e8}.comparison-range{position:absolute;inset:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;width:100%;height:100%;margin:0;cursor:ew-resize;touch-action:pan-y;opacity:0}.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;background:transparent;border:0}.comparison-range::-moz-range-thumb{width:44px;height:44px;background:transparent;border:0}.comparison-stage:focus-within{outline:3px solid var(--teal);outline-offset:4px}.house-labels{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-bottom:1px solid #547763;padding:.65rem 0;color:#e2eee1;font-size:.9rem}.house-labels span+span{border-left:1px solid #547763}.comparison-controls{display:flex;align-items:center;gap:.7rem 1.3rem;flex-wrap:wrap;padding:1rem 0;background:#162922}.comparison-buttons{display:flex;gap:.45rem}.comparison-controls button{min-height:44px;padding:.5rem .9rem;color:#e5f1e3;background:transparent;border:1px solid #658c74;cursor:pointer}.comparison-controls button[aria-pressed=true]{color:#11271b;background:#a6dec0;border-color:#a6dec0}.comparison-controls button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.comparison-controls p{font-size:.8rem;color:#bed1c2;margin:0 0 0 auto}.comparison-context{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:3rem}.comparison-context .eyebrow{color:#8fd9b6;margin-bottom:1rem}.comparison-context h3{font-size:clamp(1.7rem,2.6vw,2.6rem)}.comparison-context article>p:not(.eyebrow){max-width:39rem;color:#c6d9c8}.gallery-section .poster-grid h3{font-size:1.55rem;line-height:1.18}.gallery-section .poster-grid p,.gallery-section .plates p{color:#385c45;font-size:1rem;line-height:1.6}.gallery-section .poster-grid .poster-open{font-size:.85rem;display:inline-block;color:#22593c;margin-top:.2rem}.gallery-section .plates h3{font-size:1.25rem;margin:1rem 0 .5rem}.gallery-section .plates p{font-size:.92rem}.gallery-section>details{border-top:1px solid #92ab91;margin-top:1rem}.gallery-section .section-heading>p{max-width:29rem}
.comparison-stage,.house-labels{width:min(100%,calc(60svh * 1672 / 941));margin-inline:auto}
@media(max-width:700px){.comparison-track{padding-inline:5%}.comparison-intro{padding-bottom:1.5rem}.comparison-track.is-scroll-driven{min-height:135svh}.is-scroll-driven .comparison-sticky{top:.5rem}.scenario-label{font-size:.7rem;gap:.2rem;padding:.7rem 0}.scenario-label span{width:100%}.comparison-stage{max-height:none}.comparison-state{inset:.5rem .5rem auto}.comparison-state span{font-size:.58rem;padding:.25rem .35rem}.comparison-divider span{width:38px;height:38px;font-size:1.4rem}.house-labels{font-size:.76rem;line-height:1.4;gap:.5rem}.comparison-controls{gap:.6rem;font-size:.8rem}.comparison-controls button{padding:.5rem .7rem}.comparison-controls p{width:100%;margin:0}.comparison-context{grid-template-columns:1fr;gap:2rem}.comparison-premise{font-size:1rem}.gallery-section .poster-grid{grid-template-columns:1fr;gap:2.7rem}.gallery-section .poster-grid figure{max-width:34rem;width:100%;margin:auto}.gallery-section .plates{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.comparison-track.is-scroll-driven{min-height:0}.is-scroll-driven .comparison-sticky{position:static}}

.comparison-state [data-before-label]{margin-left:auto}.comparison-state [hidden]{display:none}