*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b0907;color:#d9b86c;font-family:Georgia,"Times New Roman",serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:10;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#0b0907,transparent)}.logo{display:flex;align-items:center}.logo img{width:64px;height:64px;object-fit:cover;border-radius:50%;display:block}.navlinks{display:flex;gap:25px;font:12px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#3c2c13 0,#171108 35%,#0b0907 70%);padding:80px 20px}.seal{width:180px;height:180px;border:1px solid #d9b86c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 35px;font-size:20px;letter-spacing:4px}.hero h1{font-size:clamp(42px,8vw,96px);font-weight:400;margin:0}.hero p{font-size:18px;letter-spacing:4px;text-transform:uppercase}.gold-btn{display:inline-block;border:1px solid #d9b86c;padding:15px 30px;margin-top:25px;font:12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.section{padding:110px 7vw}.section h2{text-align:center;font-size:44px;font-weight:400;margin:0 0 55px}.sub{text-align:center;max-width:650px;margin:-35px auto 55px;line-height:1.8;color:#bda878}.circles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:35px;max-width:1000px;margin:auto}.circle{aspect-ratio:1;border:1px solid #8f7136;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;transition:.3s}.circle:hover{background:#d9b86c;color:#0b0907;transform:scale(1.03)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.card{border:1px solid #3e311b;background:#110e09}.card .pic{height:300px;background:linear-gradient(135deg,#2c2111,#7a5b25,#20170c)}.card .info{padding:20px}.card h3{margin:0 0 8px;font-size:20px;font-weight:400}.card p{margin:0;color:#a9956c;font:12px Arial,sans-serif;letter-spacing:1px}.pagehead{padding:170px 7vw 80px;text-align:center;background:radial-gradient(circle at center,#2d210f,#0b0907 60%)}.pagehead h1{font-size:62px;font-weight:400;margin:0 0 15px}.story{max-width:850px;margin:auto;font-size:18px;line-height:2;color:#c5b58f}.footer{padding:55px 7vw;border-top:1px solid #302514;text-align:center;font:11px Arial,sans-serif;letter-spacing:2px;color:#8f7b55}.form{max-width:650px;margin:auto;display:grid;gap:15px}.form input,.form textarea{width:100%;padding:16px;background:#100d09;border:1px solid #4a3a20;color:#d9b86c;font:14px Georgia}.form textarea{min-height:180px}.form button{background:transparent;color:#d9b86c;border:1px solid #d9b86c;padding:16px;letter-spacing:2px;text-transform:uppercase}.gold{color:#d9b86c}@media(max-width:700px){.navlinks{display:none}.section{padding:80px 5vw}.pagehead{padding:130px 5vw 60px}.pagehead h1{font-size:42px}}

.hero .logo-large{width:min(420px,70vw);height:auto;border-radius:50%;display:block;margin:0 auto 35px;box-shadow:0 0 45px rgba(217,184,108,.18)}

/* Opening logo experience */
.splash{
  position:fixed;inset:0;z-index:9999;background:#fff;
  display:flex;align-items:center;justify-content:center;
  opacity:1;visibility:visible;
  transition:opacity .9s ease, visibility .9s ease;
}
.splash img{
  width:min(520px,82vw);height:auto;aspect-ratio:1/1;
  object-fit:cover;border-radius:50%;
  box-shadow:0 0 70px rgba(190,150,70,.28);
}
.home-page.entered .splash{opacity:0;visibility:hidden;pointer-events:none}
.home-page .hero{opacity:0;transition:opacity 1s ease}
.home-page.entered .hero{opacity:1}