/* THE ROSE & THORN — PACKAGE 1 */

:root{
  --ink:#0b0a08;
  --deep:#120f0b;
  --panel:#17130e;
  --cream:#f3ead7;
  --parchment:#e8dcc0;
  --amber:#c8922a;
  --amber-light:#e8b84a;
  --text-dim:#9a8b6b;
  --border:rgba(200,146,42,0.2);
}

*{margin:0;padding:0;box-sizing:border-box;}

body {
  font-family: "Lato", sans-serif;
  background: radial-gradient(circle at top, #1a140f 0%, #0b0a08 70%);
  color: var(--cream);
  overflow-x: hidden;
}

/* NAV */
nav{
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
  display:flex;
  justify-content:space-between;
  padding:18px 32px;
  background:linear-gradient(rgba(15,11,8,.95),rgba(8,6,5,.92));
  border-bottom:1px solid var(--border);
}

.nav-logo{
  font-family:"Playfair Display",serif;
  color:var(--amber);
  text-decoration:none;
}

.nav-links{
  display:flex;
  gap:20px;
  list-style:none;
}

.nav-links a{
  color:var(--cream);
  text-decoration:none;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
}

.nav-links a:hover{
  color:var(--amber-light);
  opacity:1;
}

/* HERO */
.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 2rem;
  position: relative;

  background: url("../images/rose-thorn-pub-bg.jpg");
  background-size: cover;
  background-position: center;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at center,
      rgba(0,0,0,0.25),
      rgba(0,0,0,0.85)
    );
  z-index: 1;
}
.hero > *{position:relative;z-index:2;}

.hero h1{
  font-family:"Playfair Display",serif;
  font-size:clamp(60px,8vw,110px);
  color:var(--parchment);
  text-shadow: 0 0 30px rgba(200,146,42,.25);
}

.hero p{
  max-width:600px;
  margin-top:20px;
  color:var(--text-dim);
}

.btn{
  margin-top:30px;
  padding:14px 28px;
  border:1px solid var(--border);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:11px;
  color:var(--cream);
  background:rgba(200,146,42,.08);
  text-decoration:none;
}

/* SECTIONS */
.section{
  max-width:1200px;
  margin:0 auto;
  padding:80px 24px;
}

.section h2{
  font-family:"Playfair Display",serif;
  margin-bottom:20px;
}

/* CARDS */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}

.card{
  padding:24px;
  border:1px solid rgba(200,146,42,.15);
  background:linear-gradient(rgba(20,14,10,.85),rgba(10,8,6,.9));
}

.card h3{
  font-family:"Playfair Display",serif;
  margin-bottom:10px;
}

.card p{
  color:var(--text-dim);
  font-size:13px;
}

footer{
  text-align:center;
  padding:60px 20px;
  color:var(--text-dim);
  border-top:1px solid var(--border);
}
/* =========================
   LIVING ESTATE STATES
========================= */


/* active card behavior */
.card.active {
  border-color: rgba(200,146,42,.65);
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.55);
}

/* =========================
   LAYOUT SAFETY RESTORE
========================= */

.section {
  position: relative;
  z-index: 2;
}

.hero {
  z-index: 1;
}

/* =========================
   HOUSEHOLD PAGE ADDITIONS
========================= */

/* stat strip (hero-level numbers) */
.stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:1px;
  background:var(--border);
  border:1px solid var(--border);
  max-width:760px;
  margin:30px auto 0;
}
.stat-card{
  background:rgba(10,8,6,.9);
  padding:18px 16px;
  text-align:center;
}
.stat-card h3{
  font-size:28px;
  color:var(--amber);
  margin-bottom:4px;
}
.stat-card p{
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-dim);
}

/* persona cards */
.persona-card{
  border-top:2px solid var(--accent, var(--amber));
  cursor:pointer;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.persona-card .persona-icon{
  font-size:26px;
  display:block;
  margin-bottom:8px;
}
.persona-card .wake-word{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent, var(--amber));
  opacity:.8;
  margin-bottom:10px;
}
.persona-card .tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:14px;
}
.tag{
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:4px 9px;
  border:1px solid var(--border);
  color:var(--text-dim);
  background:rgba(200,146,42,.06);
}

/* capability cards */
.cap-card ul{
  list-style:none;
  margin-top:10px;
}
.cap-card li{
  font-size:12.5px;
  color:var(--text-dim);
  padding:5px 0;
  border-bottom:1px solid rgba(200,146,42,.08);
  line-height:1.5;
}
.cap-card li:last-child{ border-bottom:none; }
.cap-card li strong{ color:var(--cream); }

/* privacy strip */
.privacy-strip{
  border:1px solid var(--border);
  background:rgba(10,8,6,.9);
  padding:30px;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.privacy-strip h3{
  font-family:"Playfair Display",serif;
  color:var(--amber-light);
  margin-bottom:10px;
}
.privacy-points{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  margin-top:18px;
}
.privacy-points span{
  font-size:12px;
  color:var(--text-dim);
}