:root{--navy:#0b1630;--bg:#0d1834;--navy2:#111f40;--navy3:#1a2a52;--gold:#d4af6a;--gold2:#f1d9a0;--text:#e8e4d8;--muted:#a9b0c4;--line:rgba(212,175,106,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.7}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:var(--gold2);line-height:1.2;margin:.2em 0}
h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}h2{font-size:clamp(1.7rem,3vw,2.2rem)}h3{font-size:1.5rem}
a{color:var(--gold)}img{max-width:100%;display:block}
/* top bar */
.top{position:sticky;top:0;z-index:20;background:rgba(9,17,38,.96);backdrop-filter:blur(6px);border-bottom:1px solid rgba(212,175,106,.3);display:flex;align-items:center;gap:20px;padding:10px 4vw}
.top .b{display:flex;align-items:center;gap:12px;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--gold2);text-decoration:none;margin-right:auto}
.top .b img{width:40px;height:40px;aspect-ratio:1/1;object-fit:contain;flex:0 0 40px;border-radius:50%}
.top ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.top ul a{color:var(--text);text-decoration:none;font-size:.9rem;letter-spacing:.06em}
.top ul a:hover,.top ul a.active{color:var(--gold)}.btn.join{padding:8px 16px;margin:0}
#menu{display:none;background:none;border:1px solid var(--gold);color:var(--gold);padding:5px 11px;border-radius:4px;font-size:1rem;cursor:pointer}
/* buttons & bits */
.btn{display:inline-block;padding:12px 28px;border:1px solid var(--gold);background:var(--gold);color:var(--navy);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;margin:4px 6px 4px 0;cursor:pointer;font-family:inherit;border-radius:2px}
.btn:hover{background:var(--gold2)}.btn.ghost{background:transparent;color:var(--gold)}.btn.ghost:hover{color:var(--navy);background:var(--gold)}
.ph{background:rgba(212,175,106,.18);border:1px dashed var(--gold);color:var(--gold2);padding:0 6px;border-radius:3px;font-size:.9em}
.badge{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:2px 8px;border-radius:2px;vertical-align:middle;font-family:Inter,sans-serif;margin-left:4px}
.label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}
.note{border-left:3px solid var(--gold);padding:10px 16px;background:rgba(212,175,106,.08);margin:20px 0;font-size:.95rem;border-radius:0 4px 4px 0}
/* home (layout C) */
.banner{background:linear-gradient(90deg,var(--gold),#b8914a);color:var(--navy);padding:12px 4vw;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:.95rem}
.banner strong{font-family:'Cormorant Garamond',serif;font-size:1.25rem}.banner .badge{background:var(--navy);color:var(--gold);margin:0}.banner .ph{color:var(--navy);border-color:var(--navy)}
.page{max-width:1200px;margin:0 auto;padding:34px 4vw}
.mag{display:grid;grid-template-columns:2fr 1fr;gap:22px}
.tile,.card{background:var(--navy2);border:1px solid rgba(212,175,106,.22);padding:28px;border-radius:6px;position:relative;overflow:hidden}
.feat{grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:36px}.feat img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:50%;max-width:420px;justify-self:center;align-self:center;min-width:0;max-height:420px}
.sym{position:absolute;right:16px;bottom:-14px;font-size:6rem;color:rgba(212,175,106,.12);font-family:serif;pointer-events:none}
.card .sym{position:static;font-size:2rem;color:var(--gold)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.hd{display:flex;justify-content:space-between;align-items:baseline;margin:50px 0 10px;border-bottom:1px solid rgba(212,175,106,.3);padding-bottom:8px}.hd h2{margin:0}
.tile .date{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--gold)}
.cta{margin-top:50px;text-align:center;padding:50px;background:radial-gradient(circle at top,var(--navy3),var(--navy2));border:1px solid rgba(212,175,106,.3);border-radius:6px}
/* inner pages */
.wrap{max-width:1200px;margin:0 auto;padding:0 4vw}
.hero{padding:56px 0 46px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at top left,var(--navy3),var(--bg) 70%)}
.hero .wrap{max-width:1200px}.tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.35rem;color:var(--gold);margin:0}
.lead{max-width:720px;color:var(--muted);font-size:1.05rem}
.hero + section{padding-top:40px}section{padding:40px 0 60px}.alt{background:transparent}
section>.wrap[style]{max-width:1200px!important}
section>.wrap[style]>h2,section>.wrap[style]>p,section>.wrap[style]>ul{max-width:820px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.alt .wrap{background:var(--navy2);border:1px solid rgba(212,175,106,.22);border-radius:6px;padding:34px}
.event{display:grid;grid-template-columns:130px 1fr;gap:22px;background:var(--navy2);border:1px solid rgba(212,175,106,.22);border-radius:6px;padding:22px;margin-bottom:16px}
.event .date{text-align:center;font-family:'Cormorant Garamond',serif;color:var(--gold);border:1px solid rgba(212,175,106,.35);padding:10px;border-radius:4px;height:fit-content}
form{display:grid;gap:16px;max-width:640px;background:var(--navy2);border:1px solid rgba(212,175,106,.22);border-radius:6px;padding:30px}
label{font-size:.85rem;color:var(--muted);letter-spacing:.04em}
input,select,textarea{width:100%;padding:12px;background:var(--bg);border:1px solid rgba(212,175,106,.35);color:var(--text);font:inherit;border-radius:3px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.hidden{display:none}.center{text-align:center}
footer{border-top:1px solid var(--line);padding:34px 4vw;text-align:center;color:var(--muted);font-size:.88rem;margin-top:30px}
@media(max-width:900px){.mag,.grid3,.feat{grid-template-columns:1fr}.feat{grid-row:auto}
#menu{display:block}.top ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:14px;background:#091126;padding:16px 4vw;border-bottom:1px solid var(--line)}.top ul.open{display:flex}
.event{grid-template-columns:1fr;gap:8px}.event .date{width:fit-content}.cta{padding:34px 20px}.alt .wrap{padding:24px}}
@media(max-width:420px){.top .b{font-size:1.05rem}.top{gap:10px}}
.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
section.alt{padding:0 4vw 60px}section.alt>.wrap[style]{max-width:1200px!important;margin:0 auto;padding:34px}
@media(max-width:900px){section.alt>.wrap[style]{padding:24px}}
.grid{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.grid{grid-template-columns:1fr}}
section>.wrap[style]>p.center{text-align:left;max-width:none}
section.alt{padding:0 0 60px}section.alt>.wrap[style]{max-width:none!important;margin:0 max(4vw,calc((100% - 1200px)/2 + 4vw))}

.social{display:flex;justify-content:center;gap:14px;margin:14px 0 6px}.social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);transition:background .2s,color .2s}.social a:hover,.social a:focus-visible{background:var(--gold);color:var(--navy)}.social svg{width:20px;height:20px;fill:currentColor}