:root{--ink:#162622;--paper:#f4f2eb;--accent:#ce6849;--sage:#d6dfd2;--muted:#65716b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:27px 6vw;color:white}header strong{font-size:19px;letter-spacing:-.7px}header a{color:white;text-decoration:none;font-size:13px;border:1px solid #ffffff9c;border-radius:100px;padding:11px 17px}.hero{height:min(850px,95svh);min-height:600px;position:relative;background:#17332a}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10231dbd 0%,#10231d4a 60%,transparent),linear-gradient(0deg,#12231b6b,transparent 48%)}.hero-content{position:absolute;z-index:1;bottom:13%;left:6vw;color:white;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:800}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(56px,8.5vw,135px);line-height:.96;margin:26px 0}h2{font-size:clamp(39px,5.2vw,75px);line-height:1.05;margin:12px 0 30px}.hero p{font-size:clamp(16px,1.8vw,23px);line-height:1.45;max-width:585px}.wrap{width:min(1160px,88%);margin:auto}.section{padding:110px 0}.lead{font-size:clamp(19px,2.2vw,29px);line-height:1.4;max-width:850px}.note{color:var(--muted);font-size:13px;line-height:1.65}.diagram{display:flex;height:185px;overflow:hidden;border-radius:8px;margin:38px 0 17px;box-shadow:0 10px 40px #21372a10}.strip{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 7px}.street{width:17.5%;background:#b9b9b0;color:#253029}.housing{width:65%;background:#d5a97c;color:#3b271b;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 26px,#ffffff33 27px,#ffffff33 28px)}.strip b{font-size:clamp(22px,4vw,49px);letter-spacing:-2px}.strip small{font-size:clamp(10px,1.3vw,14px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0}.stat{border-top:1px solid #b8bdb4;padding-top:24px}.stat strong{font-family:Georgia,serif;font-weight:400;display:block;font-size:clamp(36px,5vw,75px);letter-spacing:-.06em}.stat span{font-size:14px;color:#46544d}.dark{background:#19362e;color:#f4f2eb}.dark .note{color:#c1cec7}.lane{width:100%;height:500px;object-fit:cover;border-radius:7px;margin-top:22px}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start}.pill{display:inline-block;border:1px solid #9da89f;padding:10px 14px;border-radius:40px;font-size:12px;letter-spacing:.4px}.bigquote{font-size:clamp(26px,3.2vw,45px);font-family:Georgia,serif;line-height:1.18;letter-spacing:-.035em;margin:10px 0 35px}.numbers{background:#dfe7dc}.mathline{display:flex;justify-content:space-between;border-bottom:1px solid #abb8ab;padding:16px 0;gap:20px}.mathline b{font-size:22px;font-weight:600}.source a{color:inherit}.source{padding:40px 0 55px;border-top:1px solid #c8ccc2}.source p{max-width:1000px}footer{background:#19362e;color:#eaece5;padding:35px 6vw;display:flex;justify-content:space-between;gap:25px;font-size:13px}footer a{color:inherit}@media(max-width:700px){header{padding:22px 6vw}.hero{height:720px;min-height:0}.hero-content{bottom:9%}.section{padding:72px 0}.stats{grid-template-columns:1fr;gap:10px}.columns{grid-template-columns:1fr;gap:25px}.lane{height:330px}.diagram{height:135px}.strip b{letter-spacing:-1px}.strip small{font-size:10px}footer{display:block}}

.hero{height:min(860px,95svh);min-height:620px;position:relative;background:#17332a;overflow:hidden}
.hero-visual{position:absolute;inset:0}
.hero-before,.hero-after{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-before{background-image:url("sunset-before-photo.png");filter:saturate(.96) contrast(1.02)}
.hero-after{background-image:url("sunset-after-hero.jpg");clip-path:polygon(38% 0,100% 0,100% 100%,58% 100%);filter:saturate(1.03)}
.hero-blend{position:absolute;top:0;bottom:0;left:46%;width:18%;background:linear-gradient(90deg,rgba(18,35,27,.02) 0%,rgba(18,35,27,.35) 35%,rgba(18,35,27,.08) 52%,rgba(18,35,27,.28) 70%,rgba(18,35,27,.02) 100%);transform:skewX(-14deg)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10231de0 0%,#10231d88 23%,#10231d33 48%,#10231d25 100%),linear-gradient(0deg,#12231b75,transparent 48%)}
.hero-tag{position:absolute;top:110px;z-index:1;color:#fff;background:rgba(16,35,29,.62);backdrop-filter:blur(6px);padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25)}
.hero-tag.before{left:6vw}.hero-tag.after{right:6vw}
.hero-caption{position:absolute;right:6vw;bottom:7%;z-index:1;max-width:360px;color:#eef2ed;font-size:14px;line-height:1.5;text-align:right}
@media(max-width:700px){.hero-before{background-position:28% center}.hero-after{background-position:60% center;clip-path:polygon(24% 0,100% 0,100% 100%,54% 100%)}.hero-blend{left:40%;width:22%}.hero-tag{top:88px;font-size:11px;padding:9px 12px}.hero-tag.before{left:5vw}.hero-tag.after{right:5vw}.hero-caption{left:6vw;right:auto;bottom:6%;max-width:220px;text-align:left;font-size:13px}}


.hero{height:auto;min-height:0;position:relative;background:#17332a;overflow:hidden;padding-top:110px;padding-bottom:42px}
.hero-shell{width:min(1320px,92%);margin:0 auto;position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:28px;align-items:end}
.hero-copy{color:white;padding-bottom:10px}
.hero-copy p{max-width:38ch}
.hero-compare-card{position:relative}
.hero-compare{--divider:52%;position:relative;width:100%;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background:#d6d6d2;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.hero-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.hero-compare .before{z-index:1}
.hero-compare .after{z-index:2;clip-path:inset(0 0 0 var(--divider))}
.hero-compare .shade{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(9,18,15,.08),rgba(9,18,15,.12) 68%,rgba(9,18,15,.18));pointer-events:none}
.hero-compare .divider{position:absolute;top:0;bottom:0;left:var(--divider);width:0;z-index:4;pointer-events:none}
.hero-compare .divider::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.hero-compare .divider::after{content:"↔";position:absolute;left:-26px;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;background:#fff;color:#111;display:grid;place-items:center;font-size:22px;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.hero-label{position:absolute;top:16px;z-index:5;padding:10px 14px;border-radius:999px;background:rgba(16,35,29,.68);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.hero-label.left{left:16px}
.hero-label.right{right:16px}
.hero-range{width:100%;margin:18px 0 0;accent-color:#ce6849}
.hero-help{margin-top:8px;color:#d7e3dd;font-size:13px;line-height:1.5}
.hero-note-inline{margin-top:12px;color:#bcc8c2;font-size:12px;line-height:1.45}
@media(max-width:980px){.hero{padding-top:96px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy{max-width:760px}}
@media(max-width:700px){.hero{padding-top:88px;padding-bottom:28px}.hero-shell{width:min(94%,1320px)}.hero-label{top:10px;padding:8px 11px;font-size:11px}.hero-label.left{left:10px}.hero-label.right{right:10px}.hero-compare .divider::after{width:46px;height:46px;left:-23px;font-size:20px}.hero-help{font-size:12px}}


header .brand{display:flex;align-items:baseline;gap:14px}
header a.home{border:0;padding:0;font-size:13px;color:#d7e3dd}
header a.home:hover{color:#fff}