.brand-logo{display:block;width:49px;height:49px;background:url('assets/extinction-protocol-logo.png') 50% 29% / 175% no-repeat;flex:none}
.hero-image{filter:brightness(.9);object-position:50% 50%}
.hero-shade{background:linear-gradient(90deg,rgba(7,17,12,.86) 0%,rgba(7,17,12,.64) 35%,rgba(7,17,12,.12) 73%),linear-gradient(0deg,#111711 0%,transparent 36%,rgba(8,16,11,.25) 100%)}
.community-logo{width:290px;height:290px;object-fit:contain;flex:none;box-shadow:0 0 65px rgba(0,0,0,.12)}
.footer .brand-logo{width:40px;height:40px}
.hero-content>.eyebrow{text-transform:uppercase;max-width:680px;line-height:1.8}
.hero h1{font-size:clamp(65px,7.3vw,112px);line-height:1.02}
.hero-description{max-width:640px;font-size:15px;line-height:1.85}
.principles h3{padding-right:25px;font-size:19px;line-height:1.5;max-width:330px;min-height:57px}
.intro-grid h2{text-transform:uppercase;font-size:clamp(40px,3.8vw,57px)}
.hero h1{font-size:clamp(65px,6.7vw,103px)}
.discord-icon{width:19px;height:19px;fill:currentColor;flex:none;vertical-align:middle}
.nav-discord{gap:12px}
.button[data-discord]{gap:13px;justify-content:flex-start}
.button[data-discord]>span:last-child{margin-left:18px}
.principles a[data-discord],.staff-note a[data-discord],.footer a[data-discord]{display:inline-flex;align-items:center;gap:9px}
.staff-note a[data-discord]{line-height:1.7}
.staff-note a[data-discord] .discord-icon,.footer a[data-discord] .discord-icon{width:15px;height:15px}
[data-discord][aria-disabled="true"]{opacity:.65;cursor:wait}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 40px);width:max-content;background:#eef0e5;color:#24311d;border:1px solid #b3bd9d;padding:14px 20px;font-size:13px;box-shadow:0 7px 35px #0004;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.rule summary{transition:color .18s,background-color .18s}
.rule summary:hover{background-color:#dce2cd55}
.rule-plus{transition:transform .21s}
.rule[open] .rule-plus{transform:rotate(180deg)}
.principles a,.nav-discord{transition:color .18s,background .18s,border-color .18s}
.hero-content{animation:hero-appear .6s ease-out both}
@keyframes hero-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-content{animation:none}.toast,.rule-plus,.rule summary{transition:none}}
@media(max-width:1100px){.community-logo{width:240px;height:240px}}
@media(max-width:760px){.brand-logo{width:38px;height:38px}.hero{min-height:900px;height:auto;max-height:none;padding-block:145px 155px}.hero-content{padding-block:0}.hero h1{font-size:clamp(47px,12.1vw,72px);margin-block:23px}.hero-description{font-size:13px;line-height:1.9;max-width:510px}.hero-content>.eyebrow{max-width:320px}.hero-image{object-position:72% center;filter:brightness(.84)}.hero-shade{background:linear-gradient(90deg,rgba(8,18,11,.83),rgba(8,18,11,.4)),linear-gradient(0deg,#111711,transparent 55%)}.principles h3{min-height:0;max-width:100%;font-size:18px}.community-inner{display:block}.community-logo{display:block;width:210px;height:210px;margin:42px auto 0}.footer .brand-logo{width:36px;height:36px}}