/* ============================================================
   ANGELIC CREATORS — SEAL section · Ink & Brass luxury theme
   2026-10-01 — replaces the old white/navy barbers.css.
   Deep black ink, warm ivory type, brass/gold accents.
   Loads AFTER cosmic-theme.css and overrides its neon/blue/red
   accents inside the /seal/ section. Layout untouched.
   ============================================================ */
:root{
  --brass:#C6A15B;
  --brass-hi:#e8c876;
  --brass-deep:#8a6d2f;
  --ink-bg:#06070c;
  --ink-2:#04060a;
  --ink-card:#0c0f18;
  --ivory:#f2e9d4;
  --muted:#bfae87;
  --dim:#877c60;
  --line:rgba(198,161,91,.30);
  --line-soft:rgba(198,161,91,.15);
  /* legacy names used by page inline <style> blocks (text roles) */
  --navy:#f2e9d4;
  --gold:#C6A15B;
  --gold-deep:#e8c876;
  --gold-bright:#e8c876;
  --gold-dim:#a88b4a;
  --gold-soft:rgba(198,161,91,.10);
  --ink:#f2e9d4;
  --foot:#877c60;
  --cream:#f2e9d4;
  --ink-deep:#04060a;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{color-scheme:dark;}
body{
  background-color:var(--ink-bg) !important;
  background-image:
    radial-gradient(1100px 520px at 50% -6%, rgba(198,161,91,.10), transparent 60%),
    radial-gradient(900px 600px at 50% 115%, rgba(198,161,91,.06), transparent 60%) !important;
  background-attachment:fixed;
  color:var(--ivory) !important;
  font-family:'Inter',system-ui,sans-serif;
  min-height:100vh;
  text-align:center;
  line-height:1.7;
}
h1,h2{
  font-family:'Cormorant Garamond','Space Grotesk',serif !important;
  font-weight:600 !important;
  color:var(--ivory) !important;
  letter-spacing:.01em;
}
h3,.btn,.nav,.fbrand,.num,.kicker,.eyebrow{
  font-family:'Space Grotesk',sans-serif;
}
h1 .hl,h2 .hl{
  background:linear-gradient(120deg,#e8c876,#C6A15B 60%,#9a7a3a) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;
}

/* ---------- nav ---------- */
nav,nav.nav,nav.mainnav,.site-nav{
  padding:1rem 1rem;
  display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;
  position:sticky;top:0;
  background:rgba(4,6,10,.96) !important;
  z-index:50;
  border-bottom:3px solid var(--brass) !important;
  border-image:none !important;
}
nav a,nav.nav a,nav.mainnav a,.site-nav a{
  color:#cbb98f !important;text-decoration:none;font-weight:600;
  letter-spacing:.08em;font-size:.78rem;text-transform:uppercase;
  transition:color .2s;
  font-family:'Inter',system-ui,sans-serif;
}
nav a:hover,nav a.active,nav.nav a:hover,nav.nav a.active,
nav.mainnav a:hover,nav.mainnav a.active{
  color:var(--brass-hi) !important;
}
nav .brand,nav.nav .brand{color:var(--ivory) !important;}
.staging-banner{
  background:rgba(198,161,91,.10) !important;
  color:var(--brass-hi) !important;
  font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.55rem 1rem;border-bottom:1px solid var(--line) !important;
  font-family:'Inter',system-ui,sans-serif;
}

/* ---------- layout / type ---------- */
.wrap{max-width:920px;margin:0 auto;padding:3rem 1.25rem 4rem;}
.wrap-narrow{max-width:720px;}
.wrap-mid{max-width:760px;}
.eyebrow{
  color:var(--brass-hi) !important;
  text-transform:uppercase;letter-spacing:.28em;
  font-size:.72rem;font-weight:700;margin-bottom:1.15rem;
}
h1{
  font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.12;
  margin-bottom:1.35rem;
}
.lede{
  font-size:1.1rem;line-height:1.8;color:var(--muted) !important;
  max-width:680px;margin:0 auto 2.4rem;
}
.lede strong{color:var(--ivory) !important;}
p{color:var(--muted);}
p strong,li strong{color:var(--ivory);}
.banner-stage{
  margin:0 auto 2.2rem;max-width:760px;
}
.banner-stage img{
  width:100%;height:auto;display:block;border-radius:14px;
  border:1px solid var(--line) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.5);
}
/* the approved seal emblem */
.seal-logo{
  display:block;margin:0 auto 2.2rem;
  border:2px solid var(--brass);
  border-radius:22px;
  box-shadow:0 0 60px rgba(198,161,91,.22),0 18px 44px rgba(0,0,0,.6);
  max-width:min(340px,80vw);height:auto;
}
.seal-stage{
  margin:0 auto 2.4rem;max-width:320px;
}
.seal-stage img{
  width:100%;height:auto;display:block;border-radius:50%;
  border:3px solid var(--brass) !important;
  box-shadow:0 0 44px rgba(198,161,91,.25),0 10px 30px rgba(0,0,0,.5) !important;
}
.seal-mini{max-width:150px;margin:0 auto 2.2rem;}
.seal-mini img{
  width:100%;height:auto;display:block;border-radius:50%;
  border:2px solid var(--brass) !important;
  box-shadow:0 0 30px rgba(198,161,91,.22) !important;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-block;margin:1rem .5rem;padding:1rem 2.4rem;
  border-radius:999px;font-weight:700;font-size:1rem;
  letter-spacing:.06em;text-decoration:none;transition:background .2s,transform .2s,filter .2s;
  border:none;cursor:pointer;text-transform:uppercase;
}
.btn-gold{
  background:linear-gradient(135deg,#e8c876,#C6A15B 55%,#9a7a3a) !important;
  color:#1a1408 !important;
  box-shadow:0 8px 26px rgba(198,161,91,.30) !important;
}
.btn-gold:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
.btn-green{
  background:linear-gradient(135deg,#e8c876,#C6A15B 55%,#9a7a3a) !important;
  color:#1a1408 !important;border:none !important;
  box-shadow:0 8px 26px rgba(198,161,91,.30) !important;
}
.btn-ghost,.btn-goldghost{
  border:2px solid var(--brass) !important;
  color:var(--brass-hi) !important;
  background:transparent !important;
}
.btn-ghost:hover,.btn-goldghost:hover{
  background:rgba(198,161,91,.12) !important;
  transform:translateY(-2px);
}

/* ---------- rhythm / offers / story ---------- */
.rhythm{
  display:flex;justify-content:center;gap:2.2rem;flex-wrap:wrap;
  margin:3rem auto;max-width:780px;padding:1.8rem 1rem;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
}
.rhythm div{
  font-family:'Inter',system-ui,sans-serif;font-weight:600;
  font-size:.95rem;color:var(--muted) !important;
}
.rhythm div b{
  color:var(--ivory) !important;display:block;font-size:1.25rem;
  margin-bottom:.25rem;font-family:'Space Grotesk',sans-serif;
}
.offer-layers{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1rem;margin:2.8rem auto;max-width:880px;text-align:center;
}
.offer-card{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:16px;padding:1.5rem 1.3rem;
  transition:border-color .2s, transform .2s, box-shadow .2s;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.offer-card:hover{
  border-color:var(--brass-hi) !important;
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(198,161,91,.14);
}
.offer-card .n{
  color:var(--brass-hi) !important;font-family:'Space Grotesk',sans-serif;font-size:.75rem;
  letter-spacing:.2em;text-transform:uppercase;margin-bottom:.55rem;font-weight:700;
}
.offer-card h3{
  color:var(--ivory) !important;font-size:1.05rem;margin-bottom:.55rem;font-weight:700;
}
.offer-card p{color:var(--muted) !important;line-height:1.65;font-size:.95rem;}
.story{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:20px;padding:2.4rem 2rem;
  margin:3rem auto;max-width:720px;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.story h2{
  color:var(--ivory) !important;font-size:1.7rem;margin-bottom:1.15rem;
}
.story p{
  line-height:1.85;color:var(--muted) !important;margin-bottom:1.1rem;font-size:1.02rem;
}
.flagship{
  max-width:680px;margin:0 auto 2.5rem;padding:1.5rem 1.6rem;
  border:1px dashed var(--brass) !important;border-radius:14px;
  background:rgba(198,161,91,.07) !important;
}
.flagship p{color:var(--muted) !important;line-height:1.75;font-size:.98rem;}
.flagship a{color:var(--brass-hi) !important;text-decoration:none;border-bottom:1px solid var(--brass);}
.flagship a:hover{border-bottom-color:var(--brass-hi);}
.flagship strong{color:var(--ivory) !important;}

/* ---------- pillars ---------- */
.pillars{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.2rem;margin:3rem 0;text-align:center;
}
.pillar-card,.pillar{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:16px;padding:1.8rem 1.4rem;
  transition:border-color .2s, transform .2s, box-shadow .2s;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.pillar-card:hover,.pillar:hover{
  border-color:var(--brass-hi) !important;
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(198,161,91,.14);
}
.pillar-card h3,.pillar h2,.pillar h3{
  color:var(--ivory) !important;font-size:1.12rem;margin-bottom:.7rem;
}
.pillar-card p,.pillar p,.pillar li{color:var(--muted) !important;line-height:1.7;font-size:.98rem;}
.pillar{
  max-width:720px;margin:0 auto 1.5rem;padding:2.1rem 1.9rem;
  text-align:center;
}
.pillar .num{
  color:var(--brass-hi) !important;font-weight:700;font-size:.8rem;
  letter-spacing:.28em;text-transform:uppercase;
}
.pillar h2{font-size:1.6rem;margin:.55rem 0 .95rem;}
.pillar .outcome{margin-top:1rem;color:var(--brass-hi) !important;font-weight:600;font-size:.98rem;}
.pillar ul{list-style:none;margin-top:.85rem;}
.pillar ul li{margin-bottom:.45rem;}
.pillar ul li .tick{color:var(--brass-hi) !important;margin-right:.45rem;}

/* ---------- tease / reserved / note / clause ---------- */
.tease,.reserved{
  margin:3.2rem auto;max-width:680px;padding:2.2rem;
  border:1px dashed var(--brass) !important;
  border-radius:20px;background:rgba(198,161,91,.07) !important;
}
.reserved{border:2px solid var(--brass) !important;max-width:720px;}
.tease h2,.reserved h2{
  color:var(--ivory) !important;font-size:1.6rem;margin-bottom:1rem;
}
.tease p,.reserved p{color:var(--muted) !important;line-height:1.8;font-size:1.02rem;margin-bottom:.9rem;}
.not{
  margin:3rem auto;max-width:640px;color:var(--muted) !important;
  font-size:.95rem;line-height:1.8;
}
.not strong{color:var(--ivory) !important;}
.clause{
  max-width:720px;margin:2.5rem auto;padding:1.8rem 1.6rem;
  background:var(--ink-card) !important;border:1px solid var(--line) !important;
  border-radius:14px;text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.clause h3{color:var(--ivory) !important;font-size:1rem;margin-bottom:.9rem;letter-spacing:.06em;}
.clause p{color:var(--muted) !important;font-size:.88rem;line-height:1.75;margin-bottom:.75rem;}

/* ---------- steps ---------- */
.step{
  display:flex;flex-direction:column;align-items:center;gap:.9rem;
  max-width:720px;margin:0 auto 1.35rem;padding:2rem 1.8rem;
  background:var(--ink-card) !important;border:1px solid var(--line) !important;
  border-radius:18px;text-align:center;transition:border-color .2s;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.step:hover{border-color:var(--brass-hi) !important;}
.step .n{
  width:54px;height:54px;border-radius:50%;
  border:2px solid var(--brass) !important;color:var(--brass-hi) !important;
  font-weight:700;font-size:1.25rem;
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;
}
.step .kicker{
  font-weight:600;font-size:.75rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--brass-hi) !important;
}
.step h2{color:var(--ivory) !important;font-size:1.5rem;}
.step p{color:var(--muted) !important;line-height:1.8;font-size:1rem;max-width:560px;}
.step p strong{color:var(--ivory) !important;}
.step .snum{color:var(--brass-hi) !important;}
.note{
  max-width:680px;margin:3rem auto 0;padding:2rem;
  border:1px dashed var(--brass) !important;border-radius:18px;
  background:rgba(198,161,91,.07) !important;
}
.note p{color:var(--muted) !important;line-height:1.85;font-size:1.02rem;}
.note strong{color:var(--ivory) !important;}

/* ---------- forms ---------- */
form{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:20px;padding:2.4rem 2rem;text-align:left;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}
.field{margin-bottom:1.3rem;}
label{
  display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:.78rem;letter-spacing:.08em;color:var(--ivory) !important;
  margin-bottom:.45rem;text-transform:uppercase;
}
input,textarea,select{
  width:100%;background:#0a0d16 !important;
  border:1px solid var(--line) !important;border-radius:12px;
  color:var(--ivory) !important;font-family:'Inter',system-ui,sans-serif;font-size:1rem;
  padding:.85rem 1rem;transition:border-color .2s, box-shadow .2s;
}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--brass-hi) !important;
  box-shadow:0 0 0 3px rgba(198,161,91,.18) !important;
}
textarea{min-height:130px;resize:vertical;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.check-row{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;margin-top:.4rem;}
.check-row label{
  display:flex;align-items:center;gap:.45rem;
  text-transform:none;letter-spacing:0;font-family:'Inter',system-ui,sans-serif;
  font-size:.92rem;color:var(--muted) !important;font-weight:500;cursor:pointer;
}
.check-row input{width:auto;}
form .btn{display:block;width:100%;margin-top:1.4rem;text-align:center;}
.hint{
  margin-top:1.4rem;padding:1.2rem;
  border:1px dashed var(--brass) !important;border-radius:14px;
  background:rgba(198,161,91,.07) !important;text-align:center;
}
.hint p{color:var(--muted) !important;font-size:.92rem;line-height:1.7;}
.hint strong{color:var(--ivory) !important;}
.contact-strip{
  margin:1.5rem auto 0;color:var(--muted) !important;font-size:.95rem;line-height:1.7;
}
.contact-strip a{color:var(--brass-hi) !important;text-decoration:none;}

/* ---------- details / faq ---------- */
details{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:16px;margin-bottom:1rem;
  text-align:center;transition:border-color .2s;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
details:hover{border-color:var(--brass-hi) !important;}
details[open]{border-color:var(--brass) !important;}
summary{
  cursor:pointer;padding:1.35rem 1.5rem;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.02rem;
  color:var(--ivory) !important;list-style:none;
  display:flex;justify-content:center;align-items:center;gap:.75rem;
}
summary::-webkit-details-marker{display:none;}
summary .pm{color:var(--brass-hi) !important;font-size:1.3rem;font-weight:700;}
details .a{
  padding:0 1.5rem 1.7rem;color:var(--muted) !important;
  line-height:1.85;font-size:1rem;max-width:620px;margin:0 auto;
}
details .a strong{color:var(--ivory) !important;}

/* ---------- footer ---------- */
footer,footer.fnew,footer.site,.site-footer{
  padding:2.5rem 1rem 3rem;color:#877c60;font-size:.85rem;
  border-top:4px solid var(--brass) !important;
  border-image:none !important;
  background:#020308 !important;text-align:center;
}
footer.fnew{padding:3.5rem 1.4rem 0;margin-top:3rem;}
footer .fbrand{
  color:var(--brass-hi) !important;font-weight:700;letter-spacing:.12em;margin-bottom:.5rem;
}
footer a{color:var(--brass-hi) !important;text-decoration:none;}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;
  max-width:1080px;margin:0 auto 2.5rem;}
.fcol h4{color:var(--brass-hi) !important;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;
  margin-bottom:1rem;font-family:'Space Grotesk',sans-serif;}
.fcol p{font-size:.92rem;line-height:1.8;color:#877c60;margin-bottom:.8rem;}
.fcol a{display:block;color:#cbb98f !important;text-decoration:none;font-size:.92rem;padding:.28rem 0;}
.fcol a:hover{color:var(--brass-hi) !important;}
.fbrand{color:var(--ivory) !important;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.14em;
  font-size:1.05rem;margin-bottom:.6rem;}
.ftag{color:var(--brass-hi) !important;}
.fcol iframe{width:100%;height:170px;border:1px solid var(--line) !important;
  border-radius:12px;background:#0a0d16;max-width:340px;}
.fsocial{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;max-width:1080px;
  margin:0 auto;padding:1.4rem 0;border-top:1px solid var(--line-soft) !important;}
.fsocial a{color:#cbb98f !important;text-decoration:none;font-size:.88rem;}
.fsocial a:hover{color:var(--brass-hi) !important;}
.fbottom{border-top:1px solid var(--line-soft) !important;padding:1.4rem 1rem 1.8rem;
  max-width:1080px;margin:0 auto;}
.fbottom p{font-size:.85rem;color:#877c60;margin-bottom:.8rem;}
.fbottom a{color:var(--brass-hi) !important;text-decoration:none;}
.fbottom a:hover{text-decoration:underline;}
.refstrip{font-size:.8rem;color:#877c60;line-height:1.9;}
.refstrip .reflinks a{color:#cbb98f !important;text-decoration:none;margin:0 .4rem;white-space:nowrap;}
.refstrip .reflinks a:hover{color:var(--brass-hi) !important;}
.refstrip .refdisc{display:block;margin-top:.3rem;}

/* ---------- music player ---------- */
#angelic-player{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;align-items:center;gap:8px;
  background:#04060a !important;border:1px solid var(--brass) !important;border-radius:999px;padding:8px 14px 8px 8px;
  box-shadow:0 6px 20px rgba(0,0,0,.5);font-family:inherit;max-width:calc(100vw - 32px);}
#angelic-playbtn{width:42px;height:42px;border-radius:50%;border:none;
  background:linear-gradient(135deg,#e8c876,#C6A15B) !important;color:#1a1408 !important;
  font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;}
#angelic-prev,#angelic-next{width:32px;height:32px;border-radius:50%;border:1px solid var(--brass) !important;
  background:transparent;color:var(--brass-hi) !important;font-size:13px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex:none;}
#angelic-prev:hover,#angelic-next:hover{background:rgba(198,161,91,.15);}
#angelic-track{color:var(--ivory) !important;font-size:12px;white-space:nowrap;max-width:170px;
  overflow:hidden;text-overflow:ellipsis;}
#angelic-min{width:24px;height:24px;border-radius:50%;border:1px solid var(--brass) !important;background:transparent;
  color:var(--brass-hi) !important;font-size:14px;line-height:1;cursor:pointer;flex:none;}
#angelic-buy{color:var(--brass-hi) !important;font-size:12px;white-space:nowrap;text-decoration:none;
  border:1px solid var(--brass) !important;padding:6px 12px;border-radius:999px;flex:none;}
#angelic-buy:hover{background:var(--brass) !important;color:#1a1408 !important;}
#angelic-player.min{padding:5px;}
#angelic-player.min>:not(#angelic-playbtn){display:none !important;}

/* ---------- digital services / case study extensions ---------- */
.digital-hub-cta{
  max-width:820px;margin:2.2rem auto 2.8rem;padding:2rem 1.8rem;
  background:rgba(198,161,91,.07) !important;
  border:1px solid var(--brass) !important;border-radius:18px;
  text-align:center;
}
.digital-hub-cta .n{
  color:var(--brass-hi) !important;font-family:'Space Grotesk',sans-serif;font-size:.72rem;
  letter-spacing:.22em;text-transform:uppercase;margin-bottom:.55rem;font-weight:700;
}
.digital-hub-cta h2{
  color:var(--ivory) !important;font-size:1.6rem;margin-bottom:.85rem;line-height:1.3;
}
.digital-hub-cta p{
  color:var(--muted) !important;line-height:1.75;font-size:1.02rem;margin:0 auto 1.2rem;max-width:640px;
}
.digital-hub-cta strong{color:var(--ivory) !important;}
.pkg-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.15rem;margin:2.4rem auto;max-width:900px;text-align:center;
}
.pkg-card{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:16px;padding:1.7rem 1.4rem;
  transition:border-color .2s, transform .2s, box-shadow .2s;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.pkg-card:hover{
  border-color:var(--brass-hi) !important;
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(198,161,91,.14);
}
.pkg-card .tag{
  color:var(--brass-hi) !important;font-family:'Space Grotesk',sans-serif;font-size:.72rem;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem;font-weight:700;
}
.pkg-card h3{color:var(--ivory) !important;font-size:1.12rem;margin-bottom:.65rem;}
.pkg-card p{color:var(--muted) !important;line-height:1.7;font-size:.95rem;margin-bottom:.85rem;}
.pkg-card ul{
  list-style:none;
  display:inline-block;
  text-align:center;
  margin:0 auto;
  padding:0;
}
.pkg-card ul li{
  color:var(--muted) !important;font-size:.92rem;line-height:1.55;
  padding:.28rem 0;
}
.pkg-card ul li::before{
  content:"\2726 ";
  color:var(--brass-hi) !important;
  font-size:.7rem;
}
.case-study{
  margin:3.2rem auto;max-width:900px;text-align:center;
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:20px;padding:2.2rem 1.8rem 2.4rem;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
.case-study .case-head{text-align:center;margin-bottom:1.6rem;}
.case-study .case-head .eyebrow{margin-bottom:.7rem;}
.case-study .case-head h2{
  color:var(--ivory) !important;font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:.7rem;
}
.case-study .case-head p{
  color:var(--muted) !important;line-height:1.75;font-size:1.02rem;max-width:640px;margin:0 auto;
}
.case-study .case-head a{color:var(--brass-hi) !important;}
.case-shots{
  display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.6rem 0 1.4rem;
}
@media(max-width:700px){.case-shots{grid-template-columns:1fr;}}
.shot-frame{
  background:#0a0d16;
  border:1px solid var(--line) !important;
  border-radius:14px;overflow:hidden;
  position:relative;
  max-height:220px;
}
.shot-frame .shot-label{
  font-family:'Inter',system-ui,sans-serif;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-hi) !important;padding:.55rem .85rem;
  border-bottom:1px solid var(--line) !important;
  background:rgba(198,161,91,.08) !important;
}
.shot-frame img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:top;
  display:block;
  vertical-align:middle;
}
.shot-frame::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:55%;
  background:linear-gradient(180deg,transparent 0%,rgba(6,7,12,.55) 45%,rgba(6,7,12,.92) 100%);
  pointer-events:none;
}
.shot-frame .preview-badge{
  position:absolute;
  left:50%;
  bottom:.65rem;
  transform:translateX(-50%);
  z-index:2;
  font-family:'Inter',system-ui,sans-serif;
  font-size:.65rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ivory) !important;
  background:rgba(6,7,12,.85);
  border:1px solid var(--line) !important;
  border-radius:999px;
  padding:.28rem .75rem;
  white-space:nowrap;
  pointer-events:none;
}
.case-stats{
  display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem 2rem;
  margin:1.6rem 0 1.2rem;padding:1.2rem 0;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  text-align:center;
}
.case-stats div b{
  display:block;color:var(--ivory) !important;font-family:'Space Grotesk',sans-serif;
  font-size:1.35rem;margin-bottom:.2rem;
}
.case-stats div{color:var(--muted) !important;font-size:.88rem;line-height:1.4;}
.case-body{
  text-align:center;
  max-width:620px;
  margin:0 auto 1rem;
  color:var(--muted) !important;line-height:1.8;font-size:1rem;
}
.case-body strong{color:var(--ivory) !important;}
.case-ctas{text-align:center;margin-top:1.4rem;}
.soft-academy{
  max-width:680px;margin:2.8rem auto;padding:1.5rem 1.5rem;
  border:1px dashed var(--brass) !important;border-radius:14px;
  background:rgba(198,161,91,.07) !important;text-align:center;
}
.soft-academy p{color:var(--muted) !important;font-size:.95rem;line-height:1.75;}
.soft-academy a{color:var(--brass-hi) !important;text-decoration:none;border-bottom:1px solid var(--brass);}
.soft-academy a:hover{border-bottom-color:var(--brass-hi);}
.soft-academy strong{color:var(--ivory) !important;}
.stack-list{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:.85rem;margin:1.8rem auto 2.2rem;max-width:880px;text-align:center;
}
.stack-item{
  background:var(--ink-card) !important;
  border:1px solid var(--line) !important;
  border-radius:12px;padding:1.1rem 1.15rem;
}
.stack-item h4{color:var(--ivory) !important;font-size:.95rem;margin-bottom:.35rem;font-family:'Space Grotesk',sans-serif;}
.stack-item p{color:var(--muted) !important;font-size:.9rem;line-height:1.55;margin:0;}
.case-muted{
  color:var(--dim) !important;
  font-size:.85rem;
  line-height:1.65;
  max-width:540px;
  margin:.85rem auto 0;
}
.case-muted a{color:var(--brass-hi) !important;text-decoration:none;}
.lens-feature{
  max-width:720px;
  margin:2.6rem auto 2.2rem;
  padding:2rem 1.7rem;
  text-align:center;
  background:var(--ink-card) !important;
  border:1px dashed var(--brass) !important;
  border-radius:18px;
}
.lens-feature .tag{
  color:var(--brass-hi) !important;
  font-family:'Space Grotesk',sans-serif;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:.55rem;
  font-weight:700;
}
.lens-feature h2{
  color:var(--ivory) !important;
  font-size:1.5rem;
  margin-bottom:.7rem;
}
.lens-feature p{
  color:var(--muted) !important;
  line-height:1.75;
  font-size:1rem;
  max-width:560px;
  margin:0 auto 1rem;
}
.lens-feature .opt-note{
  color:var(--dim) !important;
  font-size:.88rem;
  margin-bottom:1.1rem;
}
.lens-feature strong{color:var(--ivory) !important;}

/* ---------- divider ---------- */
.divider{border-top:1px solid var(--line) !important;}

/* ---------- quote ---------- */
.quote .qm{color:var(--brass-hi) !important;}

/* ---------- responsive ---------- */
@media(max-width:560px){
  .wrap{padding:2rem 1rem 3rem;}
  .story,.pillar,form{padding:1.7rem 1.15rem;}
  .two{grid-template-columns:1fr;}
  .rhythm{gap:1.1rem;}
  nav{gap:1rem;}
  #angelic-player{right:10px;bottom:10px;}
  #angelic-track{max-width:110px;}
  #angelic-buy{display:none;}
}