:root{--gold:#e0c58f;--gold-bright:#f4e3bd;--gold-deep:#c9a86a;--gold-line:rgba(224,197,143,.28);--cream:#f1e8d6;--cream-dim:#d7c9ac;--navy-deep:#030f21;--font-heading:"Lama Sans","Segoe UI",system-ui,sans-serif;--metal-gold:linear-gradient(108deg,#a9803f 0%,#cda85f 13%,#efd79c 29%,#fff7e4 43%,#f0dcab 52%,#d4af6b 64%,#ecd49a 77%,#c39d59 90%,#a9803f 100%);--navy-glass:rgba(6,22,45,.72);--fade-line:linear-gradient(to left,rgba(224,197,143,.6),rgba(224,197,143,0) 92%);--soft-white:#eef2f7;--header-h:85px}
@property --beam{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes beam-spin{to{--beam:360deg}}
@keyframes divider-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes logo-gleam{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:1000;block-size:var(--header-h);display:flex;align-items:center;background:linear-gradient(to bottom,var(--navy-deep,#030f21) 60%,rgba(3,15,33,0))}
.site-header .shell,.site-footer .shell{inline-size:min(95%,1680px);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.8rem)}
.site-header .header-inner{inline-size:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-header .header-start,.site-header .header-end{display:flex;align-items:center;gap:.7rem}
.site-header .brand-logo{display:block;block-size:clamp(34px,5vw,52px);inline-size:auto;aspect-ratio:908/191;-webkit-mask:url("/assets/logo/wordmark-gold.svg") center/contain no-repeat;mask:url("/assets/logo/wordmark-gold.svg") center/contain no-repeat;background-image:var(--metal-gold);background-size:240% 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 16px rgba(224,197,143,.3));animation:logo-gleam 6s ease-in-out infinite}
.site-header .icon-btn{position:relative;display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:999px;color:var(--gold);border:1px solid transparent;transition:color .25s,background-color .25s}
.site-header .icon-btn:hover{color:var(--gold-bright);background:rgba(224,197,143,.08)}
.site-header .icon-btn svg{inline-size:1.55rem;block-size:1.55rem}
.comm--header{display:flex;align-items:center;gap:.3rem}
.join-pill,.blog-pill{position:relative;display:inline-flex;align-items:center;align-self:center;gap:.4rem;padding:.35rem .25rem .65rem;color:var(--cream-dim);font-family:var(--font-heading,inherit);font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap;background:none;border:0;transition:color .2s}
.join-pill::after,.blog-pill::after{content:"";position:absolute;inset-inline:0;bottom:0;block-size:1.5px;background:linear-gradient(to left,var(--gold),var(--gold-deep) 30%,transparent 96%);transform:scaleX(0);transform-origin:right;transition:transform .32s}
.join-pill:hover::after,.blog-pill:hover::after{transform:scaleX(1)}
.join-pill:hover,.blog-pill:hover{color:var(--gold-bright)}
.blog-pill{color:var(--gold-bright);font-weight:700}
.lang-dd{position:relative}
.lang-dd-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(3,15,33,.4);border:1px solid var(--gold-line);color:var(--gold-bright);border-radius:999px;padding:.42rem;line-height:0;cursor:pointer;transition:border-color .2s,color .2s}
.lang-dd-btn:hover{border-color:var(--gold-deep);color:var(--gold)}
.lang-dd-menu{position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-end:0;min-inline-size:9rem;background:#0a2440;border:1px solid var(--gold-line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.4);padding:.3rem;display:none;z-index:1001}
.lang-dd.open .lang-dd-menu{display:block}
.lang-dd-menu button{display:block;inline-size:100%;text-align:start;background:none;border:0;color:#d7c9ac;padding:.5rem .7rem;border-radius:8px;font:inherit;font-size:.9rem;cursor:pointer}
.lang-dd-menu button:hover{background:rgba(224,197,143,.1);color:var(--gold)}
.site-footer{position:relative;background:#030f21;padding-block:clamp(2.6rem,5vw,3.8rem) 0;margin-block-start:2rem}
.site-footer::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:1px;background:var(--fade-line)}
.site-footer .footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.5fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:start}
.site-footer .footer-about{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}
.site-footer .footer-brand{text-decoration:none}
.site-footer .brand-logo--footer{block-size:clamp(48px,5.5vw,72px);inline-size:auto;aspect-ratio:908/191;display:block;-webkit-mask:url("/assets/logo/wordmark-gold.svg") center/contain no-repeat;mask:url("/assets/logo/wordmark-gold.svg") center/contain no-repeat;background-image:var(--metal-gold);background-size:240% 100%;background-repeat:no-repeat}
.site-footer .footer-col{min-inline-size:0}
.site-footer .footer-h{position:relative;color:var(--gold);font-family:var(--font-heading);font-weight:600;font-size:.98rem;letter-spacing:.02em;padding-block-end:.7rem;margin:0 0 .9rem}
.site-footer .footer-h::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:2.6rem;block-size:1px;background:var(--fade-line)}
.site-footer .footer-links{list-style:none;display:flex;flex-direction:column;gap:.15rem;padding:0;margin:0}
.site-footer .footer-link{display:inline-block;color:var(--cream-dim);font-size:.92rem;font-weight:300;padding-block:.4rem;text-decoration:none;transition:color .2s,padding-inline-start .2s}
.site-footer .footer-link:hover{color:var(--soft-white);padding-inline-start:.35rem}
.site-footer .footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;padding:0;margin:0}
.site-footer .footer-contact-row{display:flex;align-items:center;gap:.7rem;inline-size:100%;color:var(--cream);text-align:start;background:none;border:0;cursor:pointer;text-decoration:none;transition:color .2s}
.site-header svg[viewBox],.site-footer svg[viewBox]{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header svg.ico-fill,.site-footer svg.ico-fill{fill:currentColor;stroke:none}
.site-footer .footer-contact-row svg{inline-size:1.35rem;block-size:1.35rem;color:var(--gold);flex:none}
.site-footer .footer-contact-row--static{cursor:default}
.site-footer .fc-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.35}
.site-footer .fc-label{font-size:.76rem;color:var(--cream-dim)}
.site-footer .fc-val{font-size:.92rem;letter-spacing:.01em}
.site-footer .footer-bar{position:relative;margin-block-start:clamp(2rem,4vw,3rem);padding-block:1.5rem clamp(1.5rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1.5rem}
.site-footer .footer-bar::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:1px;background:var(--fade-line)}
.site-footer .footer-legal-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;flex-wrap:wrap;inline-size:100%}
.site-footer .footer-legal-row span{color:var(--cream-dim);font-size:.78rem;opacity:.82;line-height:1.6}
.site-footer .admin-link{color:var(--cream-dim);opacity:.18;text-decoration:none;padding:0 .35rem}
.site-footer .ico-fill{fill:currentColor}
@media(max-width:820px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.site-header .header-inner{flex-wrap:wrap;row-gap:.4rem}.site-header .header-end{flex-wrap:wrap;justify-content:flex-start;gap:.15rem .6rem}.join-pill,.blog-pill{font-size:.78rem;padding:.15rem 0 .2rem}.join-pill::after,.blog-pill::after{display:none}}
@media(max-width:560px){.site-footer .footer-grid{grid-template-columns:1fr;text-align:center}.site-footer .footer-about{align-items:center}.site-footer .footer-h::after{inset-inline-start:50%;transform:translateX(-50%)}.site-footer .footer-contact-row,.site-footer .fc-text{align-items:center;justify-content:center}}
.site-footer--bare{padding-block-start:0}
.site-footer--bare .footer-bar{margin-block-start:0}
.site-footer--bare .footer-bar::before{display:none}
@media(max-width:600px){.site-header{block-size:auto;padding-block:.6rem}.site-header .header-inner{flex-wrap:wrap;row-gap:.5rem;align-items:center}.site-header .header-start{flex:0 0 100%;justify-content:flex-start;min-inline-size:0}.site-header .header-end{flex:0 0 100%;flex-wrap:wrap;justify-content:flex-start;min-inline-size:0}.site-header .brand-logo{block-size:26px}}