:root{color-scheme:dark;--gold:#ead3a1;--ink:#06141b;--mist:#e8efeb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:var(--mist);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:7px}.splash{position:relative;isolation:isolate;min-height:700px;height:100svh;overflow:hidden}.backdrop{position:absolute;inset:0;z-index:-1;background:#071c27 url('assets/mammoth-cinematic-poster.png') 70% center/cover no-repeat}.backdrop-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:0}.backdrop-film.is-front{opacity:1}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,17,.8),rgba(3,15,22,.42) 37%,transparent 72%),linear-gradient(180deg,rgba(2,10,16,.5),transparent 24%,transparent 64%,rgba(2,10,16,.9))}.frost{position:absolute;inset:18px;border:1px solid #d7e8e319;pointer-events:none}.masthead{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:40px 5%}.brand{display:flex;align-items:center;gap:13px}.brand img{filter:drop-shadow(0 0 13px #88dfd54d)}.brand span{font-size:9px;letter-spacing:2.9px;line-height:1.75}.brand strong{font-size:12px;letter-spacing:3px}.since{font-size:9px;letter-spacing:2.8px;color:#c9d8d7}.since b{font-weight:500;color:var(--gold)}.welcome{position:absolute;left:8%;top:50%;transform:translateY(-44%);max-width:620px}.eyebrow{display:flex;align-items:center;gap:15px;margin:0 0 24px;font-size:9px;letter-spacing:3.4px;color:var(--gold);font-weight:700}.eyebrow span{width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}h1{font-family:Cinzel,Georgia,serif;font-size:clamp(76px,7.4vw,126px);font-weight:600;line-height:.99;letter-spacing:-4px;margin:0;text-shadow:0 5px 28px #0009}h1 small{display:block;font-size:20px;letter-spacing:12px;text-transform:uppercase;margin-bottom:15px;color:#e8efeb;font-weight:500}h1 em{font-style:normal;font-size:.78em;color:var(--gold);letter-spacing:-2px}.tagline{font-size:16px;letter-spacing:.25px;margin:28px 0 30px;color:#e1e9e7}.tagline span{color:#a8bdbd}.join{position:relative;display:inline-flex;align-items:center;gap:16px;background:linear-gradient(120deg,#f1dfb5,#c9a66c);color:#1b2324;padding:19px 27px;min-width:248px;justify-content:center;border:1px solid #fff2cd;box-shadow:0 0 40px #dbb56f1f,inset 0 0 0 3px #6f532425;font-size:12px;font-weight:800;transition:box-shadow .2s,transform .2s}.join:before,.join:after{content:'';position:absolute;width:6px;height:6px;background:#eed8ac;transform:rotate(45deg);top:calc(50% - 3px)}.join:before{left:-4px}.join:after{right:-4px}.join:hover{transform:translateY(-3px);box-shadow:0 0 45px #dbb56f50}.join svg{width:21px;height:21px}.join>span{font-size:23px;margin-left:16px;line-height:1}.invitation{font-size:10px;letter-spacing:.4px;color:#b2c4c5;margin:17px 0 0}.footer{position:absolute;bottom:40px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between}.footer p{margin:0;font-size:8px;letter-spacing:2.5px;color:#aebfc0}.footer i{font-style:normal;font-size:8px;color:#d4b47b;margin:0 14px}.controls{display:flex;gap:10px}.controls button{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #c8ddd62e;color:#c9d7d5;background:#04121966;backdrop-filter:blur(10px);font-size:10px;cursor:pointer;min-height:40px}.controls button:hover{border-color:#e1ce9f80;color:#fff}.controls button span{color:var(--gold);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.backdrop{transform:translate3d(var(--shake-x,0px),var(--shake-y,0px),0) scale(1.06)}
.masthead,.welcome,.footer{translate:calc(var(--shake-x,0px) * .45) calc(var(--shake-y,0px) * .45)}
@media(prefers-reduced-motion:reduce){.backdrop{transform:none}.masthead,.welcome,.footer{translate:none}}
.vignette{z-index:2}.frost{z-index:3}
@media(min-width:1900px){.welcome{left:12%}}@media(max-width:1000px) and (min-width:601px){.welcome{left:7%}h1{font-size:82px}.backdrop-film,.backdrop{object-position:64% center;background-position:64% center}.masthead{padding:32px 5%}}
@media(max-width:600px){.splash{min-height:740px;max-height:1100px}.masthead{padding:29px 7%;align-items:flex-start}.brand img{width:36px;height:36px}.brand{gap:9px}.brand span{font-size:7px;letter-spacing:2px}.brand strong{font-size:9px;letter-spacing:2px}.since{font-size:7px;letter-spacing:1.4px;margin-top:12px}.frost{inset:10px}.backdrop-film{height:76%;object-position:83% center}.backdrop{background-position:83% top;background-size:auto 76%}.vignette{background:linear-gradient(180deg,#04111866,transparent 20%,#0411180a 33%,#041118b3 53%,#041118f5 78%,#041118),linear-gradient(90deg,#04111833,transparent 40%)}.welcome{top:auto;bottom:125px;left:6%;width:88%;max-width:none;transform:none;text-align:center}.eyebrow{justify-content:center;font-size:7px;letter-spacing:2.7px;margin-bottom:17px;gap:10px}.eyebrow span{width:20px}h1{font-size:clamp(60px,17vw,94px);letter-spacing:-2px;line-height:.99}h1 small{font-size:12px;letter-spacing:8px;margin-bottom:10px}h1 em{font-size:.77em;letter-spacing:-1px}.tagline{font-size:12px;margin:18px 0 24px}.join{min-width:230px;padding:17px 22px}.invitation{font-size:8px;margin-top:14px}.footer{left:7%;right:7%;bottom:29px;flex-direction:column;gap:19px}.footer p{font-size:6px;letter-spacing:1.8px}.footer i{margin:0 10px}.controls button{min-height:32px;padding:7px 11px;font-size:9px}.controls button span{font-size:11px}}
@media(max-height:740px) and (min-width:601px){.splash{min-height:580px}.masthead{padding-top:25px}.welcome{transform:translateY(-40%)}h1{font-size:78px}.eyebrow{margin-bottom:15px}.tagline{margin:18px 0 22px}.footer{bottom:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.join:hover{transform:none}}

.footer{bottom:62px}.site-credit{position:absolute;bottom:21px;left:5%;right:5%;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;font-size:9px;line-height:14px;letter-spacing:.3px;color:#aebfc0}.site-credit a{color:var(--gold)}.site-credit a:hover{text-decoration:underline;text-underline-offset:3px}.site-version{font-size:8px;font-variant-numeric:tabular-nums;color:#aebfc0}@media(max-width:600px){.footer{bottom:62px;gap:14px}.welcome{bottom:158px}.site-credit{bottom:17px}}
