*{box-sizing:border-box}body{margin:0;background:#f7f5ee;color:#142e2e;font:17px/1.6 system-ui,sans-serif}a{color:#165652;text-underline-offset:.24em}a:focus-visible{outline:3px solid #bc641a;outline-offset:4px}.wrap{width:min(1120px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #ddd}header .wrap,nav,.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}header .wrap{justify-content:space-between;padding:1rem 0}nav{font-size:.92rem}nav a{text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline}.brand{font-size:1.5rem;font-weight:850;text-decoration:none;letter-spacing:-.05em}.brand b{color:#a45a26}.hero{margin-top:1.3rem;background:radial-gradient(ellipse at 100% 0%,#2f6660,transparent 60%),#123b38;color:#fff;padding:clamp(1.5rem,6vw,5rem);border-radius:1.2rem}.hero p{color:#e6efeb}.kicker{font-size:.79rem;font-weight:800;letter-spacing:.13em;color:#ffda9a}h1,h2,h3{line-height:1.15}h1{font-size:clamp(2.25rem,6vw,4.6rem);letter-spacing:-.045em;margin:.22em 0;max-width:18ch}h2{font-size:clamp(1.5rem,3.6vw,2.35rem);letter-spacing:-.035em}p{max-width:68ch}.button{display:inline-block;padding:.65rem 1rem;background:#ffda9a;color:#173633;border-radius:.5rem;font-weight:800;text-decoration:none}.hero a:not(.button){color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}section{margin:2.4rem 0}.card,details,.band{background:#fff;border:1px solid #dbdfd5;border-radius:.8rem;padding:1.2rem}.card h3{margin-top:.2rem}.band{background:#e9efe6}.card a{font-weight:700}details{margin:.7rem 0}summary{cursor:pointer;font-weight:750}footer{padding:2rem 0;background:#e9efe6;margin-top:3rem}footer p{margin:.4rem 0}ul,ol{padding-left:1.35rem}li+li{margin-top:.4rem}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:.5rem}.skip:focus{top:0}

.brand img{display:block;width:126px;height:auto}

.hero-with-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,4vw,3rem);align-items:center}
.hero-photo{display:block;width:100%;max-width:100%;min-width:0;height:auto;border-radius:.8rem}
@media(min-width:800px){.hero-with-photo{grid-template-columns:repeat(2,minmax(0,1fr))}}
