:root{color-scheme:light;--navy:#082331;--ink:#17353f;--teal:#b2e6de;--paper:#f6f8f6;--focus:#efbe63;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}header,footer{max-width:1440px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center}header{min-height:88px}.identity{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700;font-size:18px}header span{font-size:14px}.skip{position:absolute;top:12px;left:12px;background:white;padding:16px;z-index:2;transform:translateY(-200%)}.skip:focus{transform:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.hero{background:linear-gradient(90deg,rgba(5,26,39,.96),rgba(5,26,39,.79) 47%,rgba(5,26,39,.16)),url('/assets/river-aerial.webp') center/cover;min-height:650px;display:flex;align-items:center;color:white}.hero-content{width:100%;max-width:1440px;margin:auto;padding:80px 5%}.region{font-size:17px;line-height:1.5;color:var(--teal);margin:0 0 24px}h1{font-size:clamp(48px,6.8vw,96px);letter-spacing:-.04em;line-height:1.04;max-width:900px;margin:0 0 32px;font-weight:700}.intro{font-size:clamp(19px,2vw,24px);max-width:580px;line-height:1.55;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:16px 24px;background:var(--teal);color:var(--navy);text-decoration:none;font-size:17px;font-weight:700;border-radius:4px;transition:transform 120ms cubic-bezier(.23,1,.32,1)}.button:active{transform:scale(.98)}.button:focus-visible{transition:none}.link-note{font-size:14px;line-height:1.5;margin:14px 0 0;color:#e2ecef}.context{max-width:1440px;margin:auto;padding:88px 5%;display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{margin:0;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.15;max-width:480px}.context p{font-size:18px;line-height:1.65;margin:0 0 20px}.context p:last-child{margin:0}footer{border-top:1px solid #ccd7d8;padding-top:28px;padding-bottom:28px;font-size:14px;line-height:1.6}footer span{font-weight:700}footer p{margin:0;max-width:500px}footer a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;text-underline-offset:3px}@media(hover:hover) and (pointer:fine){.button:hover{background:#d0f4ee}.identity:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:700px){header{min-height:72px;padding:20px 6%}header{align-items:flex-start;flex-direction:column;gap:8px}header span{font-size:13px}.hero{min-height:650px;background-position:60% center;background-image:linear-gradient(90deg,rgba(5,26,39,.94),rgba(5,26,39,.65)),url('/assets/river-aerial.webp')}.hero-content{padding:64px 6%}.region{font-size:15px;max-width:260px}h1{font-size:clamp(46px,10.5vw,72px);margin-bottom:28px}.intro{font-size:20px}.button{padding:16px 20px;gap:24px;font-size:16px}.context{padding:56px 6%;grid-template-columns:1fr;gap:28px}footer{padding:24px 6%;display:block}footer p{margin-top:12px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}
