:root{
  --black:#040404;
  --gold:#c99a3e;
  --gold2:#e8c66f;
  --gold3:#f4df9a;
  --cream:#f4ead2;
  --muted:#c9bea7;
  --line:rgba(201,154,62,.36);
  --wood1:#1d0f05;
  --wood2:#3a210e;
  --wood3:#6d421f;
  --wood4:#9a6834;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
a{text-decoration:none;color:inherit}

/* PUBLIC BUILDERS ONLY GATE */
.gate-body{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 20%,rgba(201,154,62,.18),transparent 28%),
    linear-gradient(180deg,#090909,#020202 72%,#000);
}
.gate-header{
  padding:22px 6% 0;
  display:flex;
  justify-content:center;
}
.gate-header img{
  width:300px;
  max-width:82vw;
  height:auto;
  display:block;
}
.gate-main{
  min-height:calc(100vh - 110px);
  display:grid;
  place-items:center;
  padding:28px 6% 60px;
  position:relative;
}
.gate-main:before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(201,154,62,.04) 1px,transparent 1px),
    linear-gradient(rgba(201,154,62,.03) 1px,transparent 1px);
  background-size:90px 90px;
  opacity:.35;
  mask-image:radial-gradient(circle at center,black,transparent 72%);
}
.gate-content{position:relative;z-index:2;text-align:center;width:100%;max-width:1080px}
.door-scene{
  margin:0 auto 28px;
  width:min(760px,92vw);
  min-height:520px;
  position:relative;
  display:grid;
  place-items:end center;
  perspective:1400px;
}
.door-frame{
  position:absolute;
  inset:0;
  border:2px solid rgba(244,223,154,.45);
  border-radius:190px 190px 8px 8px;
  background:
    radial-gradient(circle at 50% 8%,rgba(244,223,154,.18),transparent 18%),
    linear-gradient(90deg,#080808,#1a1008,#080808);
  box-shadow:0 40px 100px rgba(0,0,0,.7), inset 0 0 55px rgba(0,0,0,.75);
}
.massive-door{
  position:absolute;
  left:7%;
  right:7%;
  bottom:0;
  top:8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border-radius:155px 155px 4px 4px;
  border:1px solid rgba(201,154,62,.7);
  box-shadow:inset 0 0 38px rgba(0,0,0,.7);
}
.door-half{
  position:relative;
  background:
    linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.035),rgba(0,0,0,.35)),
    repeating-linear-gradient(90deg,var(--wood1) 0,var(--wood2) 18%,var(--wood3) 34%,var(--wood2) 50%,var(--wood1) 68%);
  border-right:1px solid rgba(244,223,154,.24);
}
.door-half.right{border-right:none;border-left:1px solid rgba(244,223,154,.24)}
.door-half:before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(244,223,154,.22);
  border-radius:120px 120px 3px 3px;
}
.door-handle{
  position:absolute;
  top:54%;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--gold3);
  box-shadow:0 0 18px rgba(244,223,154,.45);
}
.door-half.left .door-handle{right:22px}
.door-half.right .door-handle{left:22px}
.builders-plaque{
  position:absolute;
  top:17%;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  background:linear-gradient(180deg,var(--gold3),#a86f24);
  color:#100b04;
  border:1px solid #f8e5a3;
  padding:18px 34px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 12px 30px rgba(0,0,0,.55);
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:900;
  font-size:clamp(20px,3vw,34px);
  min-width:min(440px,82vw);
}
.gate-title{
  position:absolute;
  top:31%;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  color:var(--gold2);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-family:Arial,sans-serif;
  font-size:13px;
}
.gate-actions{display:flex;flex-direction:column;align-items:center;gap:16px}
.enter-button{
  display:inline-block;
  padding:17px 30px;
  background:linear-gradient(180deg,var(--gold3),var(--gold));
  color:#070707;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-family:Arial,sans-serif;
  font-weight:900;
  border:1px solid #f8e5a3;
  box-shadow:0 12px 30px rgba(201,154,62,.18);
}
.discovery-link{
  color:var(--gold2);
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:13px;
  border-bottom:1px solid rgba(232,198,111,.6);
  padding-bottom:4px;
}
.gate-footer{
  position:relative;
  z-index:2;
  color:#d7ccb6;
  font-size:16px;
  margin-top:22px;
}

/* DISCOVERY PUBLIC PAGE */
.public-header,.site-header{
  min-height:92px;
  padding:14px 5.5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  background:#030303;
}
.public-header img,.site-header img{width:255px;max-height:78px;object-fit:contain;display:block}
.public-nav,.top-actions{display:flex;gap:18px;align-items:center;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--muted)}
.public-nav a{color:var(--muted)}
.login-pill{background:linear-gradient(180deg,var(--gold3),var(--gold));color:#090909;padding:12px 18px;font-weight:800}
.discovery-hero,.room-hero{
  padding:78px 6% 58px;
  text-align:center;
  background:radial-gradient(circle at center,rgba(201,154,62,.18),transparent 32%),linear-gradient(180deg,#090909,#030303);
  border-bottom:1px solid var(--line);
}
.discovery-hero h1,.room-hero h1{font-size:clamp(42px,5vw,76px);line-height:1;margin:0 0 16px;color:#fff}
.discovery-hero p,.room-hero p{max-width:850px;margin:0 auto;font-size:21px;color:#ded1b7}
.section{padding:64px 6%}
.section-title{text-align:center;max-width:920px;margin:0 auto 38px}
.section-title h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:0 0 12px;color:#fff}
.section-title p{color:var(--muted);font-size:18px;margin:0}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:0 auto}
.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(201,154,62,.1),transparent 42%),rgba(255,255,255,.035);padding:30px;min-height:230px}
.card h3{color:var(--gold2);font-size:28px;margin:0 0 12px}
.card p{color:#d8ceb7;margin:0 0 20px}
.card a{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:10px 14px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px}

/* MEMBER HEADQUARTERS */
.member-home{
  position:relative;
  padding:56px 5.5%;
  min-height:calc(100vh - 92px);
  background:
    radial-gradient(circle at 50% 20%,rgba(201,154,62,.16),transparent 28%),
    linear-gradient(180deg,#080808,#020202);
}
.member-title{text-align:center;max-width:960px;margin:0 auto 36px}
.member-title h1{font-size:clamp(42px,5.4vw,78px);line-height:1;margin:0 0 12px;color:#fff}
.member-title h2{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--gold2);font-weight:normal;font-size:18px}
.member-title p{font-size:20px;color:#ded1b7;max-width:760px;margin:0 auto}
.door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:0 auto}
.door-card{
  min-height:300px;
  border:1px solid rgba(201,154,62,.55);
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),
    radial-gradient(circle at 50% 32%,rgba(232,198,111,.18),transparent 34%),
    linear-gradient(90deg,var(--wood1),var(--wood3),var(--wood1));
  box-shadow:inset 0 0 30px rgba(0,0,0,.65),0 24px 60px rgba(0,0,0,.45);
  border-radius:125px 125px 6px 6px;
  padding:30px 16px 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  transition:.22s ease;
}
.door-card:hover{transform:translateY(-5px);border-color:var(--gold3)}
.door-card h3{color:var(--gold3);font-size:24px;line-height:1.05;text-transform:uppercase;letter-spacing:.055em;margin:16px 0 6px}
.door-icon{font-size:34px;color:var(--gold2)}
.brass-plaque{
  background:linear-gradient(180deg,var(--gold3),#b9812d);
  color:#120d06;
  border:1px solid #f7e3a1;
  padding:10px 8px;
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800;
  font-size:12px;
  margin:0 auto 12px;
  width:100%;
}
.enter-small{display:block;border:1px solid var(--gold);color:var(--gold2);font-family:Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:11px 10px;background:rgba(0,0,0,.55)}
.soon .enter-small{background:linear-gradient(180deg,#e2bd65,#ad7d31);color:#090909;font-weight:800}
.footer{padding:38px 6%;text-align:center;border-top:1px solid var(--line);background:#030303;color:#d7ccb6}
.footer h3{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-weight:normal}

/* ROOM PAGES */
.room-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:18px 6%;background:#050505;border-bottom:1px solid var(--line)}
.room-nav a{border:1px solid var(--line);padding:10px 14px;color:var(--gold2);font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.bookshelf{max-width:1280px;margin:0 auto 48px;padding:30px 24px 54px;border:1px solid rgba(201,154,62,.45);background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.03),rgba(0,0,0,.45)),linear-gradient(180deg,var(--wood3),var(--wood1));box-shadow:inset 0 0 40px rgba(0,0,0,.6),0 28px 70px rgba(0,0,0,.42);position:relative}
.bookshelf:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:22px;background:linear-gradient(180deg,#8a5625,#201005);border-top:1px solid rgba(242,217,139,.35)}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative;z-index:2;align-items:end}
.book-card{text-align:center}
.book-cover{height:260px;max-width:182px;margin:0 auto 14px;padding:18px 14px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(145deg,rgba(201,154,62,.12),transparent 35%),linear-gradient(180deg,#181818,#030303);border:1px solid var(--gold);box-shadow:10px 12px 24px rgba(0,0,0,.48),inset 7px 0 12px rgba(255,255,255,.05)}
.book-cover img{width:72px;max-height:62px;object-fit:contain}
.book-title{font-size:20px;line-height:1.12;color:var(--gold2);font-weight:bold}
.book-cover small{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#e0d6bd}
.download-btn{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:8px 12px;background:#090909;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.soon-page .room-hero{min-height:62vh;display:grid;place-items:center}
.brass-large{display:inline-block;margin-top:24px;background:linear-gradient(180deg,var(--gold3),#b9812d);color:#111;padding:14px 24px;text-transform:uppercase;letter-spacing:.12em;font-family:Arial,sans-serif;font-weight:800}

@media(max-width:1100px){.door-grid{grid-template-columns:repeat(2,1fr)}.book-grid,.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
  .public-nav{display:none}.gate-header img,.public-header img,.site-header img{width:190px}
  .door-scene{min-height:430px}.door-grid,.book-grid,.card-grid{grid-template-columns:1fr}
  .builders-plaque{font-size:20px;min-width:70vw;padding:14px 20px}
}