:root{
  --bg:#171513;
  --bg2:#1e1b18;
  --panel:#211e1a;
  --paper:#eee3cf;
  --muted:#b9ad9c;
  --bronze:#ad7c47;
  --bronze-soft:#c39a6a;
  --line:rgba(238,227,207,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--paper);
  background:var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit}
.wrap{width:min(1100px,calc(100% - 40px));margin:auto}
.hero{
  min-height:800px;
  background:
    radial-gradient(circle at 50% 18%,rgba(173,124,71,.18),transparent 26rem),
    linear-gradient(180deg,var(--bg2),var(--bg));
  border-bottom:1px solid var(--line);
}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between}
.nav a{text-decoration:none}
.mini-brand{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:800;letter-spacing:.16em}
.mini-brand img{width:54px;height:38px;object-fit:contain}
.portal-link{font-size:13px;color:#d6c8b5;font-weight:700;border-bottom:1px solid rgba(173,124,71,.7);padding-bottom:4px}
.hero-inner{text-align:center;padding:72px 0 110px}
.eyebrow,.section-kicker,.motto{text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--bronze);font-size:12px}
.brand-mark{display:block;width:min(430px,78vw);height:205px;object-fit:contain;margin:15px auto 18px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h1{text-transform:uppercase;font-size:clamp(48px,8vw,86px);line-height:.95;letter-spacing:.035em;margin:8px 0 24px}
.center-line{font:italic clamp(21px,3vw,31px)/1.45 Georgia,"Times New Roman",serif;color:#d8c9b4;margin:0 auto 18px}
.center-line span{white-space:nowrap}
.motto{margin:0 0 40px}
.button{display:inline-block;text-decoration:none;border:1px solid rgba(173,124,71,.75);padding:15px 22px;font-size:13px;font-weight:800;letter-spacing:.04em;background:rgba(173,124,71,.08);transition:.2s ease}
.button:hover{background:rgba(173,124,71,.18);transform:translateY(-1px)}
.button span{color:var(--bronze-soft);padding-left:6px}
.meaning{background:#12110f;border-bottom:1px solid var(--line)}
.meaning-inner{max-width:900px;padding:55px 0 60px;text-align:center}
.cross-icon{font-size:25px;color:var(--bronze);margin-bottom:15px}
.meaning p{margin:0;font:clamp(21px,3vw,31px)/1.55 Georgia,"Times New Roman",serif;color:#dacbb7}
.portal{padding:92px 0 105px}
.portal h2{font-size:clamp(38px,5vw,56px);margin:10px 0 10px}
.section-intro{color:var(--muted);margin:0 0 40px;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{position:relative;min-height:260px;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));text-decoration:none;display:flex;flex-direction:column;transition:.2s ease;overflow:hidden}
a.card:hover{transform:translateY(-3px);border-color:rgba(173,124,71,.62);background:linear-gradient(180deg,rgba(173,124,71,.10),rgba(255,255,255,.018))}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--bronze),transparent);opacity:.35}
.icon{font-size:31px;line-height:1;margin-bottom:25px;filter:saturate(.75)}
.arrow{position:absolute;right:24px;top:21px;color:var(--bronze);font-size:22px}
.card small{letter-spacing:.16em;color:var(--bronze-soft);font-weight:800;font-size:10px}
.card h3{font-size:29px;margin:10px 0 7px}
.card p{color:var(--muted);line-height:1.6;margin:0 0 20px}
.card b{margin-top:auto;font-size:13px;color:#e2d5c2}
.coming{opacity:.58}
.standard{background:#12110f;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:78px 0 85px}
.values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:30px}
.values div{border-top:1px solid rgba(173,124,71,.65);padding-top:18px}
.values span{display:block;color:var(--bronze);font-size:22px;height:30px}
.values b{display:block;font:23px Georgia,"Times New Roman",serif;margin:8px 0 7px}
.values small{display:block;color:var(--muted);line-height:1.45;font-size:12px}
footer{text-align:center;padding:60px 20px 68px;background:#171513}
footer img{width:145px;height:92px;object-fit:contain;margin-bottom:15px;opacity:.9}
footer p{font-size:11px;font-weight:800;letter-spacing:.18em;margin:5px 0 18px}
footer strong{display:block;font:italic 17px Georgia,"Times New Roman",serif;color:#cdbca5;margin-bottom:17px}
footer small{display:block;color:var(--bronze);letter-spacing:.20em;font-size:10px;font-weight:800}
@media(max-width:760px){
  .hero{min-height:auto}
  .nav{height:78px}
  .mini-brand span{display:none}
  .hero-inner{padding:45px 0 78px}
  .brand-mark{height:160px;width:min(360px,88vw)}
  h1{font-size:clamp(42px,14vw,66px)}
  .center-line span{white-space:normal}
  .cards{grid-template-columns:1fr}
  .portal{padding:72px 0 82px}
  .values{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.values{grid-template-columns:1fr}.meaning-inner{padding-left:8px;padding-right:8px}}