:root{font:17px/1.55 system-ui;color:#f7eed9;background:#151d18}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1150px;margin:auto;padding:22px}header{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}a{color:#ffd08c}h1,h2,h3{line-height:1.08}h1{font-size:clamp(38px,8vw,92px);margin:0 0 18px}h2{font-size:clamp(26px,4vw,44px)}.hero{min-height:480px;display:grid;align-content:end;padding:clamp(22px,6vw,68px);border-radius:28px;background:linear-gradient(90deg,#111b16ef,#111b1648),url('/fleuve.jpg') center/cover}.hero p{max-width:500px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:24px 0}article,section.panel{background:#202d24;border:1px solid #415044;border-radius:18px;padding:23px}section.panel{max-width:720px;margin:20px auto}button,.button{display:inline-block;padding:10px 15px;border-radius:8px;border:0;background:#f3c481;color:#201a12;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}label{display:block;margin:12px 0}input,select{display:block;width:100%;font:inherit;border:1px solid #78877a;border-radius:8px;background:#151d18;color:inherit;padding:9px}video{width:100%;border-radius:16px}small{color:#e1cdb0}[hidden]{display:none!important}
:root{color-scheme:dark}.interior main{max-width:790px}.interior h1{font-size:clamp(36px,7vw,62px)}.interior h2{font-size:clamp(22px,4vw,30px)}.interior section.panel{max-width:none}.interior textarea{display:block;width:100%;font:inherit;border:1px solid #78877a;border-radius:8px;background:#151d18;color:inherit;padding:9px}.interior input[type=checkbox]{display:inline;width:auto;accent-color:#f3c481}.interior audio{display:block;width:100%;margin:12px 0}.interior button{margin:4px 6px 4px 0}.interior button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:2px solid #ffd08c;outline-offset:3px}