/* Visual direction adapted from Mermaid Promise's institutional website. */
:root{--gold:#d2b982;--ink:#090909;--line:#514936;--paper:#f7f5ef}
body{background:var(--ink);color:#f6f3ed;font-family:Arial,sans-serif}
header{background:#070707f5;border-color:#332e25}nav .brand{font-family:Georgia,serif;color:var(--gold);font-size:15px;letter-spacing:2.5px}nav a{color:#f5f2ed}nav a:hover{color:var(--gold)}.review{color:#d7c599;border-color:#6d5e40}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.8px}h1{font-size:clamp(43px,5.2vw,73px);line-height:1.1}h2{font-size:clamp(34px,3.8vw,49px);line-height:1.2}h3{font-family:Georgia,'Times New Roman',serif;font-size:25px}p,li{color:#d0ceca}.eyebrow{color:var(--gold);font-weight:400;letter-spacing:2px}.eyebrow:after{content:'';display:block;width:65px;height:1px;background:var(--gold);margin-top:16px;opacity:.75}
main>section{border-bottom:1px solid #393326;padding-top:90px;padding-bottom:90px}.hero{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.78) 48%,rgba(0,0,0,.2) 100%),url('assets/645.webp') center 55%/cover;grid-template-columns:1.2fr .8fr;gap:4%;min-height:90vh}.hero .logo{filter:none;width:235px;height:140px;object-position:left; margin-bottom:25px}.hero-photo{height:490px;border-radius:0;object-fit:cover;opacity:.94}.hero figure{align-self:end;margin-bottom:25px!important}.hero .caption{color:#ddd6c8;font-size:11px;background:#090909b0;padding:7px 10px;margin-top:0}.hero .lead{font-size:19px;max-width:570px}.hero p{max-width:550px}.hero .eyebrow{font-size:11px}.hero h1{max-width:680px}.btn{border-radius:0;background:var(--gold);border-color:var(--gold);color:#111;letter-spacing:.5px;padding:13px 21px}.btn.secondary{color:#ece5d7;border-color:#a38e62;background:transparent}.btn:hover{background:#e4cfa7;color:#111}.btn.secondary:hover{background:#d2b98218;color:#fff}
.tint{background:#101010}.closing{background:linear-gradient(115deg,#080808,#25231f)}.wide-photo,.project-link img,.gallery img{border-radius:0}.project-link img{height:320px}.project-link h3{color:#f4f0e7}.project-link p{color:#c9c5ba}.pill{border-color:#82704d;color:#d6bf8b;border-radius:0;font-size:11px;letter-spacing:1px}.project-link .pill{background:#17140f}.stat strong{color:#d7c297;font-family:Georgia,serif;font-size:38px}.stat span{color:#c6c2ba}.steps details,.support div{border-color:#9d8657}.steps h3{color:#d3bd8d}.steps summary{font-family:Georgia,serif;font-size:22px}.support h3{color:#ded0b0}.rule,details,.finance{border-color:#504734}summary{color:#ebe5d9}details p{color:#c9c5bc}.note,.muted,.caption{color:#b9b3a7}.share{border-color:#8a7750;color:#dcc89e;border-radius:0}.gallery-tabs button,.controls button,.controls select{color:#e0d5bc;border-color:#82704d;border-radius:0}.gallery-tabs button[aria-pressed=true],.controls button[aria-pressed=true]{background:var(--gold);color:#111;border-color:var(--gold)}.gallery button{color:#c6b794}.finance>.eyebrow{margin-bottom:22px}.scenario{background:var(--paper);border-color:#b8a780;border-radius:0;color:#292720;padding:30px}.scenario .pill{color:#75613c;border-color:#b8a780}.scenario .total{color:#332d22;font-family:Georgia,serif;font-size:51px;letter-spacing:-1px}.scenario .sub{color:#675f52}.scenario .metric{border-color:#d7d1c4}.scenario .bar{background:#e2ddd1}.bar i{background:#8b7346}.bar i.appreciation{background:#bbb09b}.bar i.totalbar{background:#32302c}.metric{border-color:#4f4838}.review-note{background:#211d15;border-color:#b69a61;color:#d8ccb3}.allocation h3{color:#d7c297}.support p{color:#c9c5bc}footer{border-color:#52452e;color:#b6a991;background:#050505}.toast{background:#d2b982;color:#111}dialog{background:#f7f5ef;color:#28251f}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline-color:#ddbf80}
@media(max-width:850px){nav .brand{font-size:12px}.hero{grid-template-columns:1fr;background:linear-gradient(90deg,#000e,#0009),url('assets/645.webp') center/cover}.hero figure{display:none}.hero .logo{width:210px;height:125px}.hero p{max-width:650px}.hero{min-height:85vh}.project-link img{height:260px}}
@media(max-width:540px){main>section{padding-top:65px;padding-bottom:65px}.hero h1{font-size:45px}.hero .logo{width:190px;height:113px}.hero .actions{gap:12px}.hero .btn{width:100%;text-align:center}.stat strong{font-size:30px}.scenario{padding:23px}.metric{font-size:13px}.hero .lead{font-size:18px}}
.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.63)),url('assets/645.webp') center 55%/cover;min-height:90vh}.hero>div{max-width:850px}.hero h1{max-width:850px;margin-left:auto;margin-right:auto}.hero p{margin-left:auto;margin-right:auto;max-width:660px}.hero .logo{object-position:center;height:130px;margin-bottom:20px}.hero .eyebrow:after{margin-left:auto;margin-right:auto}.hero .actions{justify-content:center}.hero figure{align-self:center;margin:25px 0 0!important}.hero figure img{display:none}.hero .caption{background:none;color:#bbb4a7;font-size:10px}.hero .eyebrow{margin-bottom:20px}.hero .lead{font-size:20px}main>section:not(.hero) h2{margin-bottom:28px}
@media(max-width:850px){.hero figure{display:block}.hero .logo{height:115px}.hero .lead{font-size:18px}}