*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070503;--text: #f0ebe0;--text-dim: rgba(240, 235, 224, .48);--copper: #bf9a5a;--border: rgba(191, 154, 90, .28);--border-h: rgba(191, 154, 90, .65);--overlay: rgba(6, 4, 2, .52);--font-body: "Raleway", sans-serif;--font-ui: "Cinzel", serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.045;pointer-events:none;z-index:1000;mix-blend-mode:overlay}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:-5%;background-image:url(/images/bg.jpg);background-size:cover;background-position:center 38%;will-change:transform,opacity;animation:bgReveal 2s cubic-bezier(.22,1,.36,1) forwards,breathe 28s ease-in-out 2.2s infinite}.hero-overlay{position:absolute;inset:0;background:var(--overlay)}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 15%,rgba(4,2,1,.6) 100%);pointer-events:none}.content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(1.1rem,3vw,1.6rem);padding:clamp(1.5rem,5vw,2.5rem) clamp(1.5rem,6vw,2.5rem);width:100%;max-width:580px;text-align:center}.logo{width:clamp(160px,44vw,240px);max-width:100%;height:auto;object-fit:contain;margin-bottom:-.5rem;animation:fadeUp 1.1s cubic-bezier(.22,1,.36,1) .4s both}.tagline{font-family:var(--font-body);font-weight:400;font-size:clamp(.95rem,2.8vw,1.05rem);line-height:1.75;letter-spacing:.02em;color:#f0ebe0eb;max-width:100%;margin-top:-.4rem;animation:fadeUp 1.1s cubic-bezier(.22,1,.36,1) .6s both}.rule{width:0;border:none;border-top:1px solid var(--copper);opacity:.5;animation:ruleExpand .9s cubic-bezier(.22,1,.36,1) .85s both}.buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;animation:fadeUp 1s cubic-bezier(.22,1,.36,1) 1s both}.menu-row,.action-row{display:flex;flex-direction:column;gap:.5rem}.btn-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.btn--menu{flex-direction:column;gap:.2rem}.menu-label{font-family:var(--font-ui);font-size:.45rem;font-weight:400;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase;line-height:1}.btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:.85rem 1rem;border:1px solid var(--border);background:#06040247;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text);text-decoration:none;font-family:var(--font-ui);font-size:.78rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease}.btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}.btn:hover{border-color:var(--border-h);background:#bf9a5a12;box-shadow:0 0 24px #bf9a5a14,inset 0 0 16px #bf9a5a08}.btn:hover:after{transform:scaleX(1)}.btn:active{background:#bf9a5a1f}.socials{display:flex;gap:1.4rem;align-items:center;animation:fadeIn 1s ease 1.3s both}.socials a{display:flex;align-items:center;color:#f0ebe073;text-decoration:none;transition:color .25s ease,transform .25s ease}.socials a:hover{color:var(--copper);transform:translateY(-1px)}@keyframes bgReveal{0%{transform:scale(1.07);opacity:0}to{transform:scale(1);opacity:1}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ruleExpand{0%{width:0;opacity:0}to{width:36px;opacity:.5}}@media(min-width:540px){.menu-row{display:grid;grid-template-columns:repeat(3,1fr)}.action-row{flex-direction:row}.btn-wrap{width:100%}}@media(hover:none){.btn{min-height:52px}.socials a{padding:.4rem;margin:-.4rem}}@media(max-width:539px){.btn-wrap .btn{min-width:unset}}