:root{--ink:#0C0B0A;--brass:#B08D3F;--brass-lt:#D9BC77;--cream:#EDE3D2;--muted:#A9A093}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--cream);font-family:Jost,system-ui,sans-serif;min-height:100svh;position:relative;overflow-x:hidden;display:flex;flex-direction:column}
.bg{position:fixed;inset:0;background:url('/lounge.jpg') center/cover no-repeat;filter:brightness(1.25) saturate(1.05);z-index:0}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(12,11,10,.10),rgba(12,11,10,.55) 75%),linear-gradient(180deg,rgba(12,11,10,.45),rgba(12,11,10,.25) 45%,rgba(12,11,10,.70))}
.grain{position:fixed;inset:0;z-index:1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.5'/></svg>")}
.wrap{position:relative;z-index:2;width:min(860px,100%);margin:0 auto;padding:clamp(18px,4vw,44px);flex:1;display:flex;flex-direction:column}
nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,34px);padding:14px 0 6px;flex-wrap:wrap}
nav a{color:var(--brass-lt);text-decoration:none;font-size:clamp(10px,2.4vw,12px);letter-spacing:.34em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid transparent}
nav a:hover{color:var(--cream)}
nav a.on{border-bottom-color:var(--brass);color:var(--cream)}
main{position:relative;margin:clamp(18px,4vw,30px) 0;padding:clamp(30px,5vw,56px) clamp(22px,5vw,54px);border:1px solid rgba(176,141,63,.55);outline:1px solid rgba(176,141,63,.22);outline-offset:7px;background:linear-gradient(180deg,rgba(12,11,10,.62),rgba(12,11,10,.50));backdrop-filter:blur(2px)}
main::before,main::after{content:"";position:absolute;width:26px;height:26px;border:1px solid rgba(176,141,63,.75)}
main::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
main::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.logo{display:block;margin:0 auto;width:min(72%,340px);height:auto;filter:drop-shadow(0 6px 34px rgba(0,0,0,.65))}
.logo.sm{width:min(46%,190px)}
.deco{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px auto}
.deco i{display:block;height:1px;width:clamp(48px,14vw,120px);background:linear-gradient(90deg,transparent,var(--brass))}
.deco i+i{background:linear-gradient(90deg,var(--brass),transparent)}
.deco b{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--brass)}
h2{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(34px,8vw,58px);line-height:.9;text-align:center;background:linear-gradient(180deg,#F1E6CE 8%,var(--brass-lt) 55%,#8E6E2B);-webkit-background-clip:text;background-clip:text;color:transparent}
p{font-size:clamp(15px,3.2vw,18px);line-height:1.8;color:#D9D1C4;font-weight:300;max-width:36em;margin:0 auto 18px}
p.center{text-align:center}
.lede{font-size:clamp(16px,3.4vw,20px)}
.kicker{text-align:center;font-size:clamp(11px,2.6vw,13px);letter-spacing:.4em;text-transform:uppercase;color:var(--brass-lt);margin-bottom:6px}
.soon{display:block;width:max-content;margin:30px auto 0;font-size:clamp(11px,2.6vw,13px);letter-spacing:.42em;text-transform:uppercase;color:var(--brass-lt);border:1px solid rgba(176,141,63,.6);padding:13px 26px 13px 30px;text-decoration:none}
a.soon:hover{background:rgba(176,141,63,.15)}
form{max-width:34em;margin:0 auto}
label{display:block;margin:18px 0 6px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass-lt)}
input,select,textarea{width:100%;background:rgba(237,227,210,.05);border:1px solid rgba(176,141,63,.45);color:var(--cream);font-family:Jost,sans-serif;font-size:16px;font-weight:300;padding:12px 14px;border-radius:0}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brass-lt);background:rgba(237,227,210,.09)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}
select option{background:#0C0B0A;color:var(--cream)}
textarea{min-height:120px;resize:vertical}
button{margin-top:28px;width:100%;background:transparent;border:1px solid var(--brass);color:var(--brass-lt);font-family:Jost,sans-serif;font-size:13px;letter-spacing:.42em;text-transform:uppercase;padding:15px;cursor:pointer;transition:.2s}
button:hover{background:var(--brass);color:#0C0B0A}
.hp{position:absolute;left:-9999px}
footer{position:relative;z-index:2;padding:8px 0 26px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7C736A;text-align:center}
footer a{color:var(--brass);text-decoration:none}
@media(max-width:520px){main{padding:30px 20px}}

.portrait{margin:6px auto 30px;max-width:440px;padding:8px;border:1px solid rgba(176,141,63,.5);background:rgba(12,11,10,.4)}
.portrait img{display:block;width:100%;height:auto;filter:saturate(.92) contrast(1.02)}