/* Local visual draft. Original brand artwork is preserved. */
html { background:#080909; scroll-behavior:smooth; scroll-padding-top:110px; }
body { background:#080909; isolation:isolate; }
body::before {
  position:absolute; z-index:-1; opacity:.6; animation:none; transform:none;
  background-image:url('gold-veins.svg'); background-size:1600px 1200px;
  background-position:center top; background-repeat:repeat-y;
}
body::after { display:none; }
.container { max-width:1320px; padding:24px 40px 36px; }
nav { top:12px; padding:16px 20px; border-radius:8px; background:rgba(8,9,9,.94); box-shadow:0 8px 32px #0005; }
.nav-brand { font-weight:500; font-size:14px; letter-spacing:.2px; }
.nav-links a,.nav-cart,.nav-logout { border-radius:4px; border-color:transparent; font-weight:500; }
.nav-account-links{gap:8px}.nav-admin-badge{min-height:34px}
.nav-links a:hover,.nav-logout:hover { box-shadow:none; transform:none; border-color:#d4af3760; }
.nav-links .unavailable { color:#aaa; padding:8px 10px; font-size:13px; cursor:default; }
.hero { padding:24px 0 56px; margin:0; }
.logo-wrap { max-width:980px; padding:0; margin:0 auto 8px; border:0; border-radius:0; background:none; box-shadow:none; }
.hero img { width:100%; max-width:780px; border-radius:0; box-shadow:none; mix-blend-mode:screen; mask-image:radial-gradient(ellipse at center,black 35%,transparent 72%); }
h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(30px,4vw,48px); line-height:1.2; color:#f3e7c3; margin:0 0 16px; }
.tagline { font-size:15px; line-height:1.7; margin:0; color:#bdbbb3; }
.hero::after { content:''; display:block; width:80px; height:1px; background:#bca058; margin:30px auto 0; }
.division-heading { margin:0 0 26px; }
.division-heading h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:32px; color:#f3e7c3; }
.division-heading p { color:#bdbbb3; margin:12px 0 0; font-size:14px; }
.grid { gap:20px; padding:0; align-items:start; }
.card { min-height:120px; border-radius:8px; background:rgba(10,12,12,.94); border-color:#bda15c50; box-shadow:0 12px 28px #0003; }
.card:hover { transform:translateY(-2px); box-shadow:0 8px 28px #bca05816; border-color:#d4af3790; }
.card.active { box-shadow:0 8px 28px #0004; border-color:#d4af37a0; }
.card::before,.card::after { display:none; }
.card-header { width:100%; min-height:120px; border:0; background:none; color:inherit; font:inherit; cursor:pointer; text-align:left; justify-content:flex-start; padding:26px 48px 26px 24px; }
.card-header h3 { text-align:left; font-size:16px; font-weight:500; line-height:1.5; }
.card-toggle { font-size:20px; right:22px; }
.card-content { display:none; max-height:none; transition:none; padding:0 24px; }
.card.active .card-content { display:block; max-height:none; padding:0 24px 26px; }
.card-content p { font-size:14px; color:#c7c6c0; line-height:1.8; }
.contact { margin-top:64px; padding:36px 20px; background:#090b0bed; border-bottom:1px solid #d4af3726; box-shadow:none; }
.contact h4 { font-size:11px; letter-spacing:1.7px; color:#c7ad68; line-height:1.7; }
.contact .name { font-family:Georgia,serif; font-size:25px; font-weight:400; margin:14px 0; }
.contact p { font-size:14px; overflow-wrap:anywhere; }
.footer { font-size:12px; color:#aaa99f; padding:26px 60px 0; line-height:1.7; }
.whatsapp-float { width:48px; height:48px; box-shadow:0 5px 20px #0008; }
.whatsapp-float:hover { box-shadow:0 5px 22px #bca05840; transform:none; }
a:focus-visible,button:focus-visible { outline:2px solid #f0d78c; outline-offset:4px; }
@media(max-width:860px) {
  .container { padding:16px 24px 28px; }
  nav { gap:10px; }
  .hero { padding-top:12px; }
}
@media(max-width:600px) {
  html { scroll-padding-top:150px; }
  .container { padding:12px 18px 24px; }
  nav { top:6px; padding:14px 8px; margin-bottom:12px; }
  .nav-brand { font-size:12px; gap:7px; white-space:normal; }
  .nav-links { gap:2px; }
  .nav-links a,.nav-cart,.nav-logout { width:auto; font-size:12px; padding:7px 9px; }.nav-account-links{gap:2px}.nav-admin-badge{min-height:31px;padding:0 7px;font-size:10px}
  .nav-links .unavailable { font-size:12px; padding:7px; }
  .hero { padding:8px 0 40px; }
  .logo-wrap { width:calc(100% + 28px); margin-left:-14px; }
  h1 { font-size:30px; }
  .tagline { font-size:13px; }
  .division-heading h2 { font-size:28px; }
  .division-heading p { font-size:12px; }
  .grid { gap:14px; }
  .card,.card-header { min-height:96px; }
  .contact { margin-top:40px; padding:28px 12px; }
  .footer { padding:24px 28px 12px; font-size:11px; }
  .whatsapp-float { position:static; margin:0 auto 24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }