:root{--canvas:#103e3c;--ink:#f1f5dc;--muted:#bfcebc;--line:#ffffff29;font-family:'Trebuchet MS',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px;background:var(--sky)}body{margin:0;background:var(--sky);color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--canvas);z-index:10}.skip:focus{top:12px}header{position:absolute;inset:0 0 auto;z-index:3;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;color:white}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-.02em}.wordmark svg{width:42px;height:42px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.wordmark-dot{color:var(--accent)}nav{display:flex;gap:38px;align-items:center;font-size:12px}nav a{text-decoration:none;border-bottom:1px solid #ffffff66;padding:7px 0}nav a span{margin-left:16px}.location{color:#e2eced;font-size:11px}.location i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.hero{min-height:780px;height:94svh;max-height:1100px;position:relative;display:flex;align-items:center;padding:130px 7% 110px;isolation:isolate;background:var(--sky);overflow:hidden}.hero-copy{width:64%;position:relative;z-index:2;padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.19em;line-height:1.6;font-weight:700;margin:0 0 27px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.8vw,104px);font-weight:400;line-height:1.03;letter-spacing:-.015em;margin-bottom:28px;color:white}h1 em{font-style:normal;color:var(--accent)}.primary{display:inline-flex;gap:35px;align-items:center;min-height:50px;padding:13px 23px;background:var(--accent);color:var(--canvas);border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.primary span{font-size:20px}.landscape{position:absolute;inset:0;z-index:-1;overflow:hidden}.landscape img{position:absolute;right:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;display:block}.landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--canvas) 72%,transparent),transparent 23%),linear-gradient(90deg,color-mix(in srgb,var(--sky) 93%,transparent) 0%,color-mix(in srgb,var(--sky) 79%,transparent) 22%,color-mix(in srgb,var(--sky) 45%,transparent) 42%,transparent 73%),linear-gradient(0deg,var(--canvas) 0%,transparent 26%);pointer-events:none}.scenic-label{position:absolute;z-index:1;bottom:187px;right:5%;color:white;padding:10px 0;font-size:11px;text-shadow:0 1px 8px var(--canvas)}.scenic-label span{margin-right:8px}.hero-bottom{position:absolute;left:7%;right:5%;bottom:26px;z-index:2;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;font-size:9px;letter-spacing:.15em;color:#d8e6cf}.family{max-width:1500px;margin:auto;padding:48px 7% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:14px;color:var(--accent)}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1;font-weight:400;letter-spacing:-.015em;margin-bottom:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{text-align:left;text-decoration:none;border:1px solid #ffffff29;border-radius:18px;background:var(--card);padding:25px 23px 0;cursor:pointer;min-height:315px;display:flex;flex-direction:column;transition:transform .2s,background .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#d4eca077;background:var(--card-hover)}.card-top{display:flex;justify-content:space-between;height:80px}.number{font-size:10px;letter-spacing:.1em;color:var(--muted)}.card-top svg{width:50px;height:50px;stroke-width:1.3;fill:none;stroke:currentColor;overflow:visible;margin-top:10px;color:var(--accent)}.ellene{background:var(--card-alt)}.alyna{background:var(--card-warm)}.daisy{background:var(--card-last)}.role{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--detail)}h3{font-size:35px;letter-spacing:-.01em;font-weight:400;margin:9px 0 12px;display:flex;justify-content:space-between;align-items:center}h3 span{font-size:18px;opacity:0;transition:opacity .2s}.card:hover h3 span,.card:focus-visible h3 span{opacity:1}.card p{font-size:12px;line-height:1.8;color:var(--detail);margin-bottom:23px}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);min-height:50px;font-size:10px}.card-link span{font-size:18px}.closing{text-align:center;padding:75px 20px 65px}.closing p{font-size:24px;line-height:1.5;letter-spacing:-.01em;margin:18px 0}.closing .eyebrow{font-size:9px;color:var(--muted)}footer{margin:0 7%;border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a{text-decoration:none;color:var(--ink)}footer a span{margin-left:20px}dialog{border:1px solid #658378;border-radius:22px;padding:48px;max-width:530px;width:calc(100% - 40px);background:var(--canvas);color:var(--ink);box-shadow:0 30px 100px #061c2455}dialog::backdrop{background:#061c2488;backdrop-filter:blur(5px)}.close{position:absolute;right:17px;top:10px;font-size:28px;border:0;background:transparent;cursor:pointer;width:44px;height:44px}dialog h2{font-size:52px;margin-bottom:22px}#dialog-copy{font-size:15px;line-height:1.8;color:var(--detail)}#dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}#dialog-tags span{padding:7px 12px;background:var(--card-hover);border-radius:20px;font-size:11px}.dialog-back{border:0;border-bottom:1px solid #8fa89c;background:none;padding:12px 0;cursor:pointer;font-size:12px;margin-top:23px}.dialog-back span{margin-left:30px}/* Birds share the painting's crop and atmospheric overlay. */
.marsh-birds{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.landscape:after{z-index:1}
.scenic-label{z-index:2}
@media(max-width:1000px){.location{display:none}.hero{min-height:740px}.hero-copy{width:65%}h1{font-size:76px}.landscape img{width:100%;object-position:65% 65%}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{min-height:310px}.card-top{height:80px}}@media(max-width:650px){header{padding:22px 6%}.wordmark{font-size:20px;gap:8px}.wordmark svg{width:34px;height:34px}nav{font-size:10px}.hero{height:930px;min-height:850px;max-height:none;padding:140px 7% 390px;align-items:flex-start}.hero-copy{width:100%;padding:0}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(52px,12.5vw,78px);margin-bottom:23px}.landscape img{width:100%;object-position:60% bottom}.landscape:after{background:linear-gradient(180deg,var(--sky) 0%,color-mix(in srgb,var(--sky) 96%,transparent) 15%,color-mix(in srgb,var(--sky) 69%,transparent) 35%,transparent 63%,transparent 87%,var(--canvas) 100%)}.scenic-label{bottom:247px;left:auto;right:6%;font-size:10px}.hero-bottom{font-size:7px;left:7%;right:7%;bottom:16px;gap:15px}.family{padding:38px 6% 0}.section-heading{align-items:start}h2{font-size:35px}.section-heading>p{display:none}.cards{gap:12px}.card{padding:18px 15px 0;min-height:300px;border-radius:15px}.card-top{height:78px}.card-top svg{width:40px;height:40px}.number{font-size:9px}.role{font-size:8px;letter-spacing:.04em}h3{font-size:30px}.card p{font-size:11px}.card-link{font-size:9px;min-height:47px}.closing{padding:52px 20px}.closing p{font-size:21px}footer{flex-wrap:wrap;margin:0 6%;font-size:10px}footer>span:last-child{display:none}dialog{padding:40px 27px}dialog h2{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.scenic-label{background:color-mix(in srgb,var(--canvas) 65%,transparent);border:1px solid #ffffff33;border-radius:24px;padding:10px 15px;backdrop-filter:blur(6px)}
@media(max-width:650px){.scenic-label{bottom:247px}}

:root{--sky:#0753aa;--accent:#e1f5a5;--accent-hover:#f0ffd0;--card:#194b47;--card-alt:#204e46;--card-warm:#2a5146;--card-last:#315348;--card-hover:#245a51;--detail:#d2dfce}
.sky-clouds{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.marsh-birds{z-index:0}.card:hover{border-color:var(--accent)}.hero-bottom{color:var(--detail)}

.season-cycle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-6px 4px -6px -6px;padding:0;border:0;background:none;color:inherit;cursor:default;line-height:1;font-size:13px;vertical-align:middle}

.season-cycle svg{display:block;width:16px;height:16px;flex:none}.park-link{display:inline-flex;align-items:center;text-decoration:none;border-bottom:1px solid transparent;cursor:pointer}.park-link-indicator{width:11px;height:11px;margin-left:3px;opacity:0;transition:opacity .18s}.park-link:hover,.park-link:focus-visible{border-bottom-color:currentColor}.park-link:hover .park-link-indicator,.park-link:focus-visible .park-link-indicator{opacity:1}

/* Coordinated color enhancement. Original sRGB pixels and geometry stay intact.
   P3 is a wider color gamut, not an increase in HDR peak brightness. */
:root{--canvas:var(--canvas-sdr,#103e3c);--ink:var(--ink-sdr,#f1f5dc);--muted:var(--muted-sdr,#bfcebc);--sky:var(--sky-sdr,#0753aa);--accent:var(--accent-sdr,#e1f5a5);--accent-hover:var(--accent-hover-sdr,#f0ffd0);--card:var(--card-sdr,#194b47);--card-alt:var(--card-alt-sdr,#204e46);--card-warm:var(--card-warm-sdr,#2a5146);--card-last:var(--card-last-sdr,#315348);--card-hover:var(--card-hover-sdr,#245a51);--detail:var(--detail-sdr,#d2dfce);}
:root{--scene-saturation:1.045;--scene-contrast:1.015;--scene-light-opacity:0}
:root[data-season="spring"]{--scene-saturation:1.055}
:root[data-season="summer"]{--scene-saturation:1.045}
:root[data-season="autumn"]{--scene-saturation:1.06}
:root[data-season="winter"]{--scene-saturation:1.035}
.landscape [data-season-image]{filter:saturate(var(--scene-saturation)) contrast(var(--scene-contrast))}
.scene-light{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--scene-light-opacity);mix-blend-mode:soft-light;background:linear-gradient(180deg,var(--sky),transparent 58%,var(--accent));}
@supports (color:color(display-p3 1 1 1)){
  @media (color-gamut:p3){
    :root{--canvas:var(--canvas-p3,var(--canvas-sdr,#103e3c));--ink:var(--ink-p3,var(--ink-sdr,#f1f5dc));--muted:var(--muted-p3,var(--muted-sdr,#bfcebc));--sky:var(--sky-p3,var(--sky-sdr,#0753aa));--accent:var(--accent-p3,var(--accent-sdr,#e1f5a5));--accent-hover:var(--accent-hover-p3,var(--accent-hover-sdr,#f0ffd0));--card:var(--card-p3,var(--card-sdr,#194b47));--card-alt:var(--card-alt-p3,var(--card-alt-sdr,#204e46));--card-warm:var(--card-warm-p3,var(--card-warm-sdr,#2a5146));--card-last:var(--card-last-p3,var(--card-last-sdr,#315348));--card-hover:var(--card-hover-p3,var(--card-hover-sdr,#245a51));--detail:var(--detail-p3,var(--detail-sdr,#d2dfce));
      --scene-light-opacity:.17;
    }
  }
}

/* Interface marks are SVG geometry, independent of platform emoji fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible;pointer-events:none}

.family-design-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--accent);text-decoration:none;cursor:default}.family-design-link svg{display:block;width:40px;height:40px;pointer-events:none}

/* Safari derives its browser tint from the page background. Keep ground surfaces inside it. */
.page-surface{background:var(--canvas)}

/* The closing panel sits within the same sky color as Safari's page canvas. */
.closing-court{margin-top:32px;padding:28px 7% 32px;background:var(--sky)}
.closing{max-width:1120px;margin:0 auto;padding:28px 24px 30px;border-radius:28px;background:var(--canvas)}
.closing p{margin:18px 0 0}
footer{margin:0 7%;border-top:1px solid var(--line);padding:22px 0 28px;min-height:80px;align-items:center;background:var(--sky);color:#f0f5f2}
footer a{color:inherit}
@media(max-width:650px){.closing-court{margin-top:28px;padding:24px 6% 28px}.closing{padding:26px 20px;border-radius:24px}.closing p{font-size:20px}footer{margin:0 6%;padding:22px 0 32px;min-height:100px}}

.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:inherit}.footer-links a{display:inline-flex;align-items:center;min-height:44px}.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline;text-underline-offset:4px}