/* =====================================================================
   SITE — Aurelia Haynes specific layout. Uses tokens (no hardcoded brand
   colors). Load order: tokens.css → base.css → site.css
   ===================================================================== */

/* ---- Light editorial hero (overrides base's dark hero for this site) ---- */
.hero{background:var(--bg-page);color:var(--text-body)}
.hero::before{background:radial-gradient(72% 58% at 90% -4%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 60%)}
.hero h1{color:var(--text-strong)}
.hero__sub{color:var(--text-muted)}
.hero__inner{grid-template-columns:1.05fr .95fr}
.hero .eyebrow{color:var(--link)}
@media (max-width:880px){.hero__inner{grid-template-columns:1fr}}

/* ---- Signature portrait frame ---- */
.portrait{position:relative;border-radius:var(--radius-card);overflow:hidden;max-width:430px;margin-inline:auto;
  background:var(--bg-surface);border:1px solid var(--gold-hair);box-shadow:var(--shadow-lg)}
.portrait::after{content:"";position:absolute;inset:0;border-radius:var(--radius-card);
  box-shadow:inset 0 0 0 1px rgba(199,162,74,.35);pointer-events:none}
.portrait img,.portrait video{width:100%;display:block;background:var(--bg-surface)}
.portrait__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.portrait.is-finished .portrait__still{opacity:1}

/* ---- Tag chips ---- */
.tagchips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}

/* ---- Link-hub (the link-in-bio core) ---- */
.linkhub{display:grid;gap:var(--space-3);max-width:580px;margin-inline:auto}
.linkrow{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);
  background:var(--bg-surface);border:1px solid var(--border-hair);border-radius:var(--radius-card);
  box-shadow:var(--shadow-sm);color:var(--text-body);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.linkrow:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gold-hair);color:var(--text-strong)}
.linkrow__ico{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;
  background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
.linkrow__ico svg{width:22px;height:22px}
.linkrow__txt{display:flex;flex-direction:column;line-height:1.25}
.linkrow__txt b{font-family:var(--font-body);font-weight:700;color:var(--text-strong)}
.linkrow__txt span{font-size:var(--fs-small);color:var(--text-muted)}
.linkrow__go{margin-left:auto;color:var(--gold);transition:transform var(--dur) var(--ease)}
.linkrow:hover .linkrow__go{transform:translateX(3px)}

/* ---- Partner CTA band: ink + gold email (quiet-luxury) ---- */
.cta-band--ink{background:var(--bg-dark);color:var(--text-on-dark)}
.cta-band--ink .eyebrow{color:var(--gold)}
.cta-band--ink h2{color:#fff}
.cta-band--ink .email{font-family:var(--font-display);font-size:clamp(1.55rem,1rem + 2.8vw,2.7rem);
  color:var(--gold);display:inline-block;margin:var(--space-3) 0 var(--space-5);word-break:break-word}
.cta-band--ink .email:hover{color:#fff}
.cta-band--ink p{margin-inline:auto;color:var(--text-on-dark-muted)}

/* ---- AI disclosure ---- */
.disclosure{display:flex;gap:var(--space-3);align-items:flex-start;max-width:62ch}
.disclosure .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:.55em}

/* ---- Glasses mark in header/footer ---- */
.brand__glasses{height:24px;width:auto;flex:none;color:var(--gold)}

/* ---- About value row ---- */
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-7)}
.about-values .v h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text-strong);margin-bottom:var(--space-1)}
.about-values .v p{color:var(--text-muted);font-size:var(--fs-small)}
.about-values .v{border-top:2px solid var(--gold-hair);padding-top:var(--space-3)}
@media (max-width:620px){.about-values{grid-template-columns:1fr}}