*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:#12100f;color:#e2d7c4;font-family:Verdana, Geneva, sans-serif;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
section{max-width:1080px;margin:0 auto;padding:5rem 6vw}
h2{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:800;font-size:clamp(1.7rem,4.2vw,2.7rem);
  margin-bottom:1rem;letter-spacing:-.01em}
/* HERO HUB */
.hub{display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:100vh;text-align:center}
.ring{position:relative;width:min(80vw,520px);aspect-ratio:1;margin:0 auto}
.rline{position:absolute;inset:0;width:100%;height:100%;
  transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ring[data-open="0"] .rline{transform:rotate(-40deg);opacity:.4}
.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:44%;aspect-ratio:1;border-radius:50%;background:#c07a2a;color:#ffffff;
  border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.25rem;box-shadow:0 12px 40px rgba(0,0,0,0.28);z-index:3}
.rkick{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;opacity:.85}
.rname{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:800;font-size:clamp(1.1rem,3.4vw,1.9rem);
  line-height:1;padding:0 .4rem}
.rhint{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.orbit{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),
  opacity .4s}
.ring[data-open="0"] .orbit{transform:scale(.36);opacity:0;pointer-events:none}
.spoke{position:absolute;transform:translate(-50%,-50%);
  font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:700;font-size:.9rem;white-space:nowrap;
  background:#191613;border:1px solid rgba(226,215,196,0.16);border-radius:999px;
  padding:.5rem 1rem;transition:.2s;z-index:2}
.spoke:hover{background:#c07a2a;color:#ffffff;border-color:#c07a2a}
.rsub{color:#77695b;font-size:1.1rem;max-width:44ch;margin-top:2.4rem}
/* PILL ABOUT */
.rpill{max-width:760px;text-align:center}
.rpill{background:#191613;border:1px solid rgba(226,215,196,0.16);border-radius:999px;
  padding:4rem clamp(2rem,7vw,5rem);margin-top:2rem;margin-bottom:2rem}
.rpill p{color:#77695b;font-size:1.1rem}
/* SERVICE DIAL */
.rdial-head{text-align:center;margin-bottom:2.4rem}
.rtag{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;
  color:#c07a2a;border:1px solid #c07a2a;border-radius:999px;padding:.4rem 1.1rem}
.rdial{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}
.rslice{position:relative}
.rslice-in{background:#191613;border:1px solid rgba(226,215,196,0.16);border-radius:3px;
  padding:1.6rem;height:100%;position:relative;overflow:hidden;transition:.25s}
.rslice-in::before{content:"";position:absolute;top:-30px;right:-30px;width:80px;
  height:80px;border-radius:50%;background:rgba(192,122,42,0.14);transform:rotate(var(--a))}
.rslice-in:hover{transform:translateY(-4px);border-color:#c07a2a}
.rdot{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;
  height:2.2rem;border-radius:50%;background:#c07a2a;color:#ffffff;
  font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:800;margin-bottom:.7rem}
.rslice h3{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-size:1.05rem;margin-bottom:.35rem}
.rslice p{color:#77695b;font-size:.92rem}
/* LOCKETS */
.lockets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1.4rem;justify-items:center}
.locket{margin:0;width:100%;max-width:200px;aspect-ratio:1;border-radius:50%;
  overflow:hidden;border:3px solid rgba(226,215,196,0.16);transition:.3s}
.locket:hover{border-color:#c07a2a;transform:scale(1.05)}
.locket img{width:100%;height:100%;object-fit:cover}
/* QUOTES */
.rquotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}
.rquote{margin:0;background:#191613;border:1px solid rgba(226,215,196,0.16);border-radius:3px;
  padding:1.6rem;text-align:center}
.rquote p{font-style:italic;font-size:1.05rem;margin-bottom:.7rem}
.rquote cite{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-style:normal;color:#c07a2a;font-size:.85rem;
  letter-spacing:.08em}
/* CONTACT */
.rcontact{display:flex;justify-content:center}
.rcontact-disc{background:#c07a2a;color:#ffffff;border-radius:36px;
  padding:clamp(2.5rem,7vw,4.5rem);text-align:center;max-width:640px}
.rcontact-disc h2{color:#ffffff}
.rcontact-disc p{opacity:.92;margin-bottom:1.6rem}
.rbtn{display:inline-block;background:#12100f;color:#e2d7c4;font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;
  font-weight:700;padding:.85rem 2rem;border-radius:999px;margin-bottom:1.4rem;
  transition:.2s}
.rbtn:hover{transform:translateY(-2px)}
.rlines{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;
  font-size:.9rem;opacity:.9}
.rfoot{text-align:center;padding:3rem 6vw;color:#77695b;font-size:.85rem}
@media(max-width:640px){
  .spoke{font-size:.72rem;padding:.35rem .7rem}
  .rpill{border-radius:32px;padding:2.5rem 1.6rem}
}
@media(prefers-reduced-motion:reduce){
  .orbit,.rline,.rslice-in,.locket,.rbtn{transition:none}
}


.xq{box-sizing:border-box;font-family:Verdana, Geneva, sans-serif;color:#e2d7c4;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#c07a2a;margin-bottom:10px;font-weight:700}

.xq-checklist{list-style:none;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 26px}
.xq-checklist li{position:relative;padding:10px 0 10px 32px;border-bottom:1px dashed rgba(226,215,196,0.14)}
.xq-checklist li::before{content:"\2713";position:absolute;left:0;top:8px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:#c07a2a;color:#ffffff;font-size:.75rem;font-weight:800}


.xq-tl-list{list-style:none;padding:0;margin-top:24px;position:relative;border-left:2px solid rgba(226,215,196,0.14)}
.xq-tl-item{position:relative;padding:0 0 26px 26px}
.xq-tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#c07a2a;box-shadow:0 0 0 4px rgba(226,215,196,0.05)}
.xq-tl-item time{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:800;color:#c07a2a;display:block;margin-bottom:4px}
.xq-tl-item p{color:#77695b;max-width:58ch}


/* =====================================================
   DESIGN DNA: neon-grid
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.55) 0 1px,transparent 1px 4px);opacity:.14;}
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:1px solid rgba(192,122,42,.7);background:none;box-shadow:inset 0 0 60px rgba(192,122,42,.18)}
h1,h2,h3{font-family:Futura, 'Century Gothic', 'Segoe UI', sans-serif !important;text-transform:uppercase !important;letter-spacing:.14em !important;text-shadow:0 0 14px rgba(192,122,42,.85)}
img{filter:saturate(1.45) contrast(1.08);border-radius:4px !important;box-shadow:0 0 22px rgba(192,122,42,.5) !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:3px !important;box-shadow:0 0 16px rgba(192,122,42,.6) !important;text-transform:uppercase;letter-spacing:.14em}