:root{--accent:#d9825b;--sand:#f1e4cc;--muted:#c8b9a0;--clay:#b5543a;--turq:#3fb5ad;--sage:#9bb097}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sand);font-family:'Montserrat',system-ui,sans-serif;line-height:1.65;background:#1a0f0a;min-height:100vh}
.bg{position:fixed;inset:0;z-index:-1;background:
radial-gradient(60% 50% at 85% 5%,rgba(181,84,58,.45),transparent 70%),
radial-gradient(50% 45% at 8% 35%,rgba(47,140,136,.30),transparent 70%),
radial-gradient(70% 50% at 50% 100%,rgba(120,70,40,.45),transparent 70%),
linear-gradient(180deg,#24160f,#1a0f0a 60%,#130b07)}
.top{padding:28px 6vw}
.mark{font-family:'Playfair Display',serif;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
main{max-width:1000px;margin:0 auto;padding:0 6vw}
.hero{padding:9vh 0 10vh}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--turq);margin:0 0 24px}
h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(2.4rem,6.4vw,4.6rem);line-height:1.08;margin:0 0 24px;max-width:15em}
.lede{font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--muted);margin:0 0 36px;max-width:30em}
.btn{display:inline-block;border:0;cursor:pointer;font:600 .95rem 'Montserrat',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#1a0f0a;background:linear-gradient(135deg,#e8946b,#b5543a);padding:16px 32px;border-radius:999px;text-decoration:none;box-shadow:0 8px 30px rgba(217,130,91,.3);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(217,130,91,.45)}
.block{padding:64px 0;border-top:1px solid rgba(217,175,130,.22)}
h2{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0 0 22px;color:var(--accent)}
.big{font-size:clamp(1.05rem,1.9vw,1.25rem);max-width:40em;margin:0 0 18px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pillars article{background:linear-gradient(160deg,rgba(63,181,173,.14),rgba(40,22,14,.6));border:1px solid rgba(217,175,130,.28);border-radius:18px;padding:30px 26px;backdrop-filter:blur(4px)}
h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin:0 0 10px;color:var(--sand)}
.pillars p{margin:0;color:var(--muted)}
.join p{color:var(--muted);max-width:32em}
.form{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;max-width:540px}
input{flex:1 1 240px;padding:16px 22px;border-radius:999px;border:1px solid rgba(217,175,130,.45);background:rgba(26,15,10,.75);color:var(--sand);font:1rem 'Montserrat',sans-serif}
input::placeholder{color:#a08d74}
input:focus{outline:2px solid var(--turq);outline-offset:2px}
.msg{min-height:1.5em;margin-top:14px;color:var(--turq)!important}
.sr{position:absolute;left:-9999px}
footer{padding:40px 6vw;text-align:center;font-size:.8rem;color:#9a8870;border-top:1px solid rgba(217,175,130,.15)}
@media(max-width:760px){.pillars{grid-template-columns:1fr}.hero{padding:6vh 0 7vh}.block{padding:48px 0}}

.pillars article:nth-child(1){border-top:3px solid var(--clay)}.pillars article:nth-child(2){border-top:3px solid var(--turq)}.pillars article:nth-child(3){border-top:3px solid var(--sage)}
