:root { --navy:#112c3c; --forest:#173f3b; --green:#2f6557; --ink:#17252b; --muted:#5e6a6a; --line:#d9ded8; --warm:#f8f6f0; --paper:#fffefa; --gold:#b58741; font-family:Arial,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; line-height:1.6; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.18em; }
.container { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.site-header { min-height:92px; border-bottom:1px solid var(--line); background:var(--paper); }
.header-inner { min-height:92px; display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.brand { color:var(--navy); font-size:1.25rem; font-weight:700; letter-spacing:-.03em; text-decoration:none; }
.brand span { display:block; color:var(--green); font-size:.63rem; letter-spacing:.15em; text-transform:uppercase; }
.back-link { color:var(--green); font-size:.88rem; font-weight:700; }
main { border-bottom:1px solid var(--line); }
.hero { padding:6rem 0 5rem; background:var(--warm); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(220px,.55fr); gap:3rem; align-items:center; }
.hero-graphic { min-height:240px; display:grid; place-items:center; position:relative; padding:1.5rem; border:1px solid rgba(17,44,60,.22); background:#dfe9df; }
.hero-graphic img { width:min(100%,210px); height:185px; filter:sepia(.15) saturate(.6); }
.hero-graphic span { position:absolute; left:0; bottom:0; padding:.7rem 1rem; background:var(--navy); color:#fff; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.hero h1, h2, h3 { color:var(--navy); font-family:Georgia,serif; letter-spacing:-.055em; line-height:1.08; margin:.7rem 0; }
.hero h1 { max-width:780px; font-size:clamp(2.8rem,4.8vw,4.4rem); }
h2 { font-size:clamp(2rem,4vw,3.5rem); }
h3 { font-size:1.7rem; }
.eyebrow { color:var(--green); font-size:.72rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.lede { max-width:720px; color:var(--muted); font-size:1.15rem; }
.button-row { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { display:inline-flex; padding:.8rem 1.15rem; background:var(--forest); color:#fff; font-weight:700; text-decoration:none; }
.button.secondary { border:1px solid var(--forest); background:transparent; color:var(--forest); }
.section { padding:5.5rem 0; }
.section-heading { display:block; margin-bottom:2.5rem; }
.section-heading p { max-width:760px; color:var(--muted); margin:.9rem 0 0; }
.network-section { background:var(--warm); }
.network-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.network-fact { min-height:164px; padding:1.5rem; background:var(--paper); }
.network-fact strong { display:block; color:var(--navy); font-family:Georgia,serif; font-size:clamp(2.5rem,5vw,4rem); line-height:1; }
.network-fact span { display:block; max-width:220px; margin-top:.8rem; color:var(--muted); font-size:.86rem; }
.contract-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.95fr); gap:4rem; align-items:start; }
.contract-copy { max-width:560px; color:var(--muted); font-size:1.05rem; }
.small-note { color:var(--muted); font-size:.9rem; }
.facts-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }
.fact { min-height:118px; padding:1.3rem; background:var(--paper); }
.fact strong { display:block; color:var(--navy); font-family:Georgia,serif; font-size:1.55rem; }
.fact span { display:block; color:var(--muted); font-size:.8rem; }
.band { width:100%; }
.park-section { padding:5.5rem 0; background:var(--navy); color:#fff; }
.inverse h2, .inverse .eyebrow { color:#fff; }
.inverse .eyebrow { color:#b8d4b7; }
.inverse p { color:#c4d0d1; }
.dark-lede { max-width:820px; margin:0; color:#c4d0d1; font-size:1.08rem; }
.spec-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:2.5rem; background:rgba(255,255,255,.25); }
.spec-card { min-height:130px; padding:1.35rem; background:var(--forest); }
.spec-card strong { display:block; color:#fff; font-family:Georgia,serif; font-size:1.45rem; }
.spec-card span { display:block; color:#c4d0d1; font-size:.82rem; }
.park-note { max-width:820px; margin-top:2rem; padding:1rem 1.2rem; border-left:3px solid #b8d4b7; background:#204c47; color:#d5e1da; font-size:.9rem; }
.sharing-section { background:var(--warm); }
.portal-summary { max-width:820px; margin:0; color:var(--muted); font-size:1.05rem; }
.text-link { color:var(--green); font-weight:700; }
.links-section { border-top:1px solid var(--line); }
.link-row { display:block; }
.source-links { display:grid; gap:.8rem; margin-top:1.2rem; }
.source-links a { color:var(--green); font-weight:700; }
.site-footer { padding:2.7rem 0; background:var(--forest); color:#c4d0d1; font-size:.82rem; }
.site-footer strong { color:#fff; }
.site-footer p { max-width:780px; }
@media (max-width:800px) { .container { width:min(100% - 32px,620px); } .header-inner { min-height:auto; padding:1.1rem 0; align-items:flex-start; flex-direction:column; gap:.7rem; } .hero { padding:4rem 0; } .hero-grid { grid-template-columns:1fr; gap:2rem; } .section,.park-section { padding:4rem 0; } .contract-grid { grid-template-columns:1fr; gap:1.5rem; } .facts-grid,.spec-grid,.network-grid { grid-template-columns:1fr; } }
@media (max-width:480px) { .facts-grid,.spec-grid { grid-template-columns:1fr; } .button { width:100%; justify-content:center; text-align:center; } }