@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#203b34;--paper:#faf8f2;--blue:#2261be;--orange:#b85324}
*{box-sizing:border-box}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
.logo{display:block;flex-shrink:0;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px}
.logo img{display:block;width:420px;max-width:100%;height:auto}
header.site-header{padding-top:10px;padding-bottom:10px}
@media(max-width:580px){header.site-header{gap:12px;padding:8px 16px}.logo{max-width:78%}.logo img{width:290px}}

header.site-header{display:flex;align-items:center;justify-content:space-between;max-width:none;margin:0;background:rgba(255,249,239,.55);border-bottom:1px solid #ffffff60;padding-left:max(24px,calc((100vw - 1136px)/2));padding-right:max(24px,calc((100vw - 1136px)/2));backdrop-filter:blur(10px)}
.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{font-size:14px;color:var(--ink);text-decoration:none}
footer{max-width:1136px;margin:0 auto;border-top:1px solid #e2e4db;padding:20px 24px;display:flex;justify-content:space-between;gap:15px;color:#536459;font-size:11px;font-family:'DM Sans',sans-serif}.palette{display:flex;gap:7px;align-items:center}.swatch{width:10px;height:10px;border-radius:50%;display:inline-block}
@media(max-width:580px){header.site-header{padding:8px 16px}.site-header nav a{font-size:11px}footer{flex-wrap:wrap}}

[hidden]{display:none!important}.legal-gate p{font-size:14px;line-height:1.8}.legal-gate a{color:#2261be;text-decoration:underline}.legal-choice{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:18px 0}.legal-choice input{width:18px;height:18px;flex-shrink:0;accent-color:#b85324}.legal-gate .primary{margin-top:12px}footer nav a{color:inherit}

.site-header nav a.member-login{font-weight:700;border:1px solid #203b3430;border-radius:999px;padding:10px 15px;white-space:nowrap}
@media(max-width:580px){.site-header .logo{max-width:60%}.site-header nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a.member-login{padding:8px 10px}}