/* ===== OM DAYA — shared styles ===== */
:root{
  --bg: #FDFBF8;
  --surface: #FFFFFF;
  --lavender: #F6F0F9;
  --sky: #EEF8FA;
  --peach: #FDF2E9;
  --sun: #FFF8E4;

  --ink: #401230;
  --ink-soft: #6E5A69;
  --ink-faint: #9A8A97;

  --purple: #7C4DA9;
  --magenta: #B2417F;
  --blue: #4BA1DE;
  --teal: #4CB9CE;
  --orange: #F0812E;
  --yellow: #F2B705;

  --grad: linear-gradient(92deg, #4BA1DE 0%, #4CB9CE 22%, #7C4DA9 48%, #B2417F 68%, #F0812E 86%, #F2B705 100%);
  --grad-soft: linear-gradient(135deg, rgba(75,161,222,0.16), rgba(124,77,169,0.14) 45%, rgba(240,129,46,0.14));

  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 12px 40px -18px rgba(64,18,48,0.22);
  --shadow-sm: 0 6px 20px -12px rgba(64,18,48,0.18);
  --maxw: 1160px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Nunito Sans', system-ui, sans-serif;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Fraunces', Georgia, serif;
  font-weight:500;
  color:var(--ink);
  line-height:1.15;
  margin:0;
}
p{margin:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
button{font-family:inherit; cursor:pointer;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
section{padding:88px 0;}
@media (max-width:720px){ section{padding:56px 0;} }

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Nunito Sans', sans-serif;
  font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--magenta);
}
.eyebrow::before{
  content:""; width:18px; height:2px; border-radius:2px;
  background:var(--grad);
}

.placeholder-tag{
  display:inline-block;
  font-family:'Nunito Sans', sans-serif;
  font-size:11.5px; font-weight:700; letter-spacing:.02em;
  color:var(--ink-faint);
  background:transparent;
  border:1.4px dashed #D9C9D4;
  border-radius:100px;
  padding:3px 10px;
  margin-left:8px;
  vertical-align:middle;
}

/* ---------- HEADER ---------- */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(253,251,248,0.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(64,18,48,0.06);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 28px;
  max-width:var(--maxw); margin:0 auto;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand img{height:44px; width:auto;}
.brand-name{font-family:'Fraunces', serif; font-weight:600; font-size:19px; letter-spacing:.01em;}
.brand-name small{display:block; font-family:'Nunito Sans',sans-serif; font-weight:600; font-size:10px; letter-spacing:.09em; color:var(--ink-soft); text-transform:uppercase;}

nav.main-nav{display:flex; align-items:center; gap:30px;}
nav.main-nav a{
  font-size:15px; font-weight:600; color:var(--ink-soft);
  transition:color .2s;
  padding-bottom:2px;
  border-bottom:2px solid transparent;
}
nav.main-nav a:hover{color:var(--magenta);}
nav.main-nav a.active{color:var(--ink); border-bottom-color:var(--magenta);}

.header-actions{display:flex; align-items:center; gap:14px;}
.lang-toggle{
  display:flex; gap:2px; font-size:13px; font-weight:700; color:var(--ink-faint);
}
.lang-toggle span{padding:4px 6px; border-radius:8px; cursor:pointer;}
.lang-toggle span.active{color:var(--ink); background:var(--lavender);}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 26px;
  border-radius:100px;
  font-weight:700; font-size:15px;
  border:none;
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.btn-primary{
  background:var(--grad);
  background-size:160% 160%;
  color:#fff;
  box-shadow:var(--shadow-sm);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:var(--shadow);}
.btn-ghost{
  background:var(--surface);
  color:var(--ink);
  border:1.5px solid rgba(64,18,48,0.12);
}
.btn-ghost:hover{border-color:var(--magenta); color:var(--magenta);}
.btn-sm{padding:9px 18px; font-size:13.5px;}

.menu-toggle{display:none; background:none; border:none; padding:6px;}
.menu-toggle span{display:block; width:22px; height:2px; background:var(--ink); margin:5px 0; border-radius:2px;}

@media (max-width:900px){
  nav.main-nav{
    position:fixed; inset:64px 0 0 0; background:var(--bg);
    flex-direction:column; align-items:flex-start; gap:0;
    padding:10px 28px 28px; transform:translateY(-8px);
    opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
  }
  nav.main-nav.open{opacity:1; pointer-events:auto; transform:translateY(0);}
  nav.main-nav a{width:100%; padding:14px 0; border-bottom:1px solid rgba(64,18,48,0.07);}
  .header-actions .btn-primary{display:none;}
  .menu-toggle{display:block;}
}

/* ---------- PAGE HERO (inner pages) ---------- */
.page-hero{
  position:relative; overflow:hidden;
  padding:64px 0 56px;
}
.page-hero .petal-blob{ top:-200px; right:-200px; width:520px; height:520px; }
.page-hero .wrap{position:relative; z-index:1;}
.breadcrumb{font-size:13px; font-weight:700; color:var(--ink-faint); margin-bottom:18px;}
.breadcrumb a{color:var(--magenta);}
.page-hero h1{font-size:clamp(30px,4vw,44px);}
.page-hero p.lead{margin-top:16px; font-size:17px; color:var(--ink-soft); max-width:56ch;}

/* ---------- HOME HERO ---------- */
.hero{
  position:relative; overflow:hidden;
  padding:76px 0 40px;
}
.petal-blob{
  position:absolute; z-index:0; filter:blur(2px); opacity:.5;
  pointer-events:none;
}
.hero .petal-blob{ top:-160px; right:-180px; width:620px; height:620px; }
.hero-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1.05fr .8fr; gap:56px; align-items:center;
}
@media (max-width:900px){ .hero-grid{grid-template-columns:1fr;} }

.hero h1{font-size:clamp(32px,4.6vw,52px); letter-spacing:-.01em;}
.hero h1 em{font-style:italic; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero p.lead{margin-top:20px; font-size:18px; color:var(--ink-soft); max-width:46ch;}
.hero-ctas{display:flex; gap:14px; margin-top:32px; flex-wrap:wrap;}
.trust-row{display:flex; align-items:center; gap:18px; margin-top:40px; flex-wrap:wrap;}
.trust-row .stat{font-family:'Fraunces',serif; font-size:22px; font-weight:600;}
.trust-row .stat small{display:block; font-family:'Nunito Sans',sans-serif; font-size:12px; font-weight:600; color:var(--ink-soft);}

.hero-visual{
  position:relative; aspect-ratio:1/1.05; border-radius:32px;
  background:var(--grad-soft);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.hero-visual img{width:62%; filter:drop-shadow(0 18px 30px rgba(64,18,48,0.18));}

/* ---------- PILLARS ---------- */
.pillars{background:var(--surface);}
.pillars-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
@media (max-width:820px){.pillars-grid{grid-template-columns:1fr;}}
.pillar-card{
  padding:30px; border-radius:var(--radius);
  background:var(--lavender);
}
.pillar-card:nth-child(2){background:var(--sky);}
.pillar-card:nth-child(3){background:var(--peach);}
.pillar-icon{
  width:48px; height:48px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; margin-bottom:18px; font-size:22px;
  box-shadow:var(--shadow-sm);
}
.pillar-card h3{font-size:19px; margin-bottom:10px;}
.pillar-card p{color:var(--ink-soft); font-size:14.5px;}
.pillar-card a.more{display:inline-block; margin-top:14px; font-size:13.5px; font-weight:700; color:var(--purple); text-decoration:underline; text-underline-offset:3px;}

/* expanded program blocks on programs.html */
.program-detail{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center;
  padding:48px 0; border-bottom:1px solid rgba(64,18,48,0.08);
}
.program-detail:last-child{border-bottom:none;}
.program-detail:nth-child(even){grid-template-columns:1.1fr .9fr;}
.program-detail:nth-child(even) .program-media{order:2;}
@media (max-width:800px){
  .program-detail, .program-detail:nth-child(even){grid-template-columns:1fr;}
  .program-detail:nth-child(even) .program-media{order:0;}
}
.program-media{
  aspect-ratio:4/3; border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:700; color:var(--ink-soft);
}
.program-media .ph-label{background:#fff; padding:6px 14px; border-radius:100px; border:1.4px dashed #D9C9D4;}
.program-detail h3{font-size:25px; margin-top:12px;}
.program-detail p{margin-top:14px; color:var(--ink-soft); font-size:15px;}
.program-detail ul{margin:16px 0 0; padding-left:20px; color:var(--ink-soft); font-size:14.5px;}
.program-detail li{margin-bottom:6px;}

/* ---------- SECTION HEAD ---------- */
.section-head{max-width:640px; margin-bottom:16px;}
.section-head h2{font-size:clamp(26px,3.2vw,36px); margin-top:14px;}
.section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px;}
.section-head.center{margin:0 auto; text-align:center;}
.section-head.center .eyebrow{justify-content:center;}
.section-head.center p{margin-left:auto; margin-right:auto;}

/* ---------- FUNDRAISERS (external campaign links) ---------- */
.fundraiser-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
@media (max-width:700px){.fundraiser-grid{grid-template-columns:1fr;}}
.fundraiser-card{
  background:var(--surface); border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-sm); display:flex; flex-direction:column;
}
.fundraiser-media{aspect-ratio:16/9; background:var(--grad-soft); display:flex; align-items:center; justify-content:center;}
.fundraiser-media .ph-label{font-size:12px; font-weight:700; color:var(--ink-soft); background:#fff; padding:5px 12px; border-radius:100px; border:1.4px dashed #D9C9D4;}
.fundraiser-body{padding:24px; display:flex; flex-direction:column; flex:1;}
.fundraiser-body h3{font-size:19px; margin-top:8px;}
.fundraiser-body p{margin-top:10px; font-size:14px; color:var(--ink-soft); flex:1;}

/* ---------- DONATE (legacy widget styles kept for compatibility) ---------- */
.donate-section{
  background:var(--lavender);
  position:relative; overflow:hidden;
}
.donate-card{
  position:relative; z-index:1;
  background:var(--surface);
  border-radius:28px;
  box-shadow:var(--shadow);
  padding:42px;
  max-width:640px; margin:40px auto 0;
}
@media (max-width:600px){ .donate-card{padding:26px;} }

.toggle-row{
  display:flex; background:var(--bg); border-radius:100px; padding:4px; gap:4px;
}
.toggle-row button{
  flex:1; border:none; background:none; padding:11px 0; border-radius:100px;
  font-weight:700; font-size:14.5px; color:var(--ink-soft); transition:.2s;
}
.toggle-row button.active{background:var(--surface); color:var(--ink); box-shadow:var(--shadow-sm);}

.amount-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  margin-top:22px;
}
@media (max-width:480px){ .amount-grid{grid-template-columns:repeat(2,1fr);} }
.amount-pill{
  border:1.5px solid rgba(64,18,48,0.12);
  background:var(--surface);
  border-radius:14px; padding:14px 8px; text-align:center;
  font-weight:700; font-size:15px; transition:.15s;
}
.amount-pill small{display:block; font-weight:500; font-size:11px; color:var(--ink-soft); margin-top:2px;}
.amount-pill:hover{border-color:var(--magenta);}
.amount-pill.active{
  border-color:transparent; color:#fff;
  background:var(--grad);
}
.amount-pill.active small{color:rgba(255,255,255,0.85);}

.custom-amount{
  margin-top:12px; position:relative;
}
.custom-amount input{
  width:100%; padding:15px 50px 15px 16px; border-radius:14px;
  border:1.5px solid rgba(64,18,48,0.12); font-size:15px; font-family:inherit;
  background:var(--surface); color:var(--ink);
}
.custom-amount input:focus{outline:2px solid var(--purple); outline-offset:1px;}
.custom-amount span{position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--ink-soft); font-weight:700;}

.donate-submit{width:100%; margin-top:22px; padding:16px; font-size:16px;}

.pay-icons{display:flex; gap:8px; margin-top:18px; flex-wrap:wrap; justify-content:center;}
.pay-chip{
  font-size:12.5px; font-weight:700; color:var(--ink-soft);
  border:1px solid rgba(64,18,48,0.1); border-radius:8px; padding:6px 10px;
}

.quick-links{display:flex; gap:10px; margin-top:16px; justify-content:center; flex-wrap:wrap;}
.quick-links a{font-size:13px; font-weight:700; color:var(--purple); text-decoration:underline; text-underline-offset:3px;}

details.req-accordion{
  margin-top:26px; border-top:1px solid rgba(64,18,48,0.1); padding-top:18px;
}
details.req-accordion summary{
  cursor:pointer; font-weight:700; font-size:14.5px; list-style:none;
  display:flex; align-items:center; justify-content:space-between;
}
details.req-accordion summary::-webkit-details-marker{display:none;}
details.req-accordion summary::after{content:"+"; font-size:20px; color:var(--purple);}
details.req-accordion[open] summary::after{content:"–";}
.req-body{
  margin-top:14px; padding:16px; border-radius:14px;
  background:var(--bg); font-size:13.5px; color:var(--ink-soft);
  border:1.4px dashed #D9C9D4;
  white-space:pre-line; line-height:1.7;
}

/* ---------- IMPACT ---------- */
.impact-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:44px;
}
@media (max-width:900px){.impact-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.impact-grid{grid-template-columns:1fr;}}
.impact-card{
  border-radius:var(--radius); overflow:hidden; background:var(--surface);
  border:1px solid rgba(64,18,48,0.08);
}
.impact-card .swatch{height:96px; background:var(--grad-soft);}
.impact-card:nth-child(4n+1) .swatch{background:linear-gradient(135deg,#EEF8FA,#E4F2F5);}
.impact-card:nth-child(4n+2) .swatch{background:linear-gradient(135deg,#F6F0F9,#EFE2F4);}
.impact-card:nth-child(4n+3) .swatch{background:linear-gradient(135deg,#FDF2E9,#FBE7D6);}
.impact-card:nth-child(4n+4) .swatch{background:linear-gradient(135deg,#FFF8E4,#FCEFC7);}
.impact-body{padding:20px;}
.impact-amount{font-family:'Fraunces',serif; font-size:22px; font-weight:600;}
.impact-body p{margin-top:8px; font-size:14px; color:var(--ink-soft);}

/* ---------- STORIES ---------- */
.stories-section{background:var(--surface);}
.story-card{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:0;
  border-radius:28px; overflow:hidden; margin-top:40px;
  box-shadow:var(--shadow); background:var(--surface);
}
@media (max-width:800px){ .story-card{grid-template-columns:1fr;} }
.story-media{
  background:var(--grad-soft);
  display:flex; align-items:center; justify-content:center;
  min-height:280px; position:relative;
}
.story-media .ph-label{
  font-size:13px; font-weight:700; color:var(--ink-soft);
  background:#fff; padding:6px 14px; border-radius:100px;
  border:1.4px dashed #D9C9D4;
}
.story-content{padding:40px;}
@media (max-width:600px){ .story-content{padding:26px;} }
.story-content h3{font-size:23px; margin-top:12px;}
.story-content p{margin-top:14px; color:var(--ink-soft); font-size:15px;}

/* story grid on stories.html */
.story-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;}
@media (max-width:900px){.story-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.story-grid{grid-template-columns:1fr;}}
.story-mini{border-radius:var(--radius); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-sm);}
.story-mini .story-mini-media{aspect-ratio:4/3; background:var(--grad-soft); display:flex; align-items:center; justify-content:center;}
.story-mini-body{padding:22px;}
.story-mini-body h3{font-size:17px; margin-top:8px;}
.story-mini-body p{margin-top:8px; font-size:14px; color:var(--ink-soft);}

/* ---------- STATS ---------- */
.stats-section{
  background:var(--ink);
  color:#fff; position:relative; overflow:hidden;
}
.stats-section::before{
  content:""; position:absolute; inset:0; opacity:.18; background:var(--grad); mix-blend-mode:screen;
}
.stats-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center;
}
@media (max-width:700px){.stats-grid{grid-template-columns:1fr;}}
.stat-num{font-family:'Fraunces',serif; font-size:44px; font-weight:600;}
.stat-label{margin-top:8px; font-size:14.5px; color:rgba(255,255,255,0.75);}
.stats-section .section-head p{color:rgba(255,255,255,0.7);}
.stats-section .section-head h2, .stats-section .eyebrow{color:#fff;}

/* ---------- FAQ ---------- */
.faq-list{max-width:760px; margin-top:36px;}
.faq-list.center{margin-left:auto; margin-right:auto;}
.faq-item{border-bottom:1px solid rgba(64,18,48,0.1);}
.faq-item summary{
  cursor:pointer; list-style:none; padding:20px 0;
  display:flex; justify-content:space-between; align-items:center;
  font-weight:700; font-size:16.5px; font-family:'Fraunces',serif;
  gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+"; font-size:22px; color:var(--purple); flex-shrink:0;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{padding-bottom:20px; color:var(--ink-soft); font-size:15px; max-width:70ch;}

/* ---------- TEAM (about.html) ---------- */
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:44px;}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.team-grid{grid-template-columns:1fr;}}
.team-card{text-align:center;}
.team-photo{
  aspect-ratio:1/1; border-radius:20px; background:var(--grad-soft);
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;
}
.team-photo .ph-label{font-size:12px; font-weight:700; color:var(--ink-soft); background:#fff; padding:5px 12px; border-radius:100px; border:1.4px dashed #D9C9D4;}
.team-card h4{font-size:16px; font-weight:700;}
.team-card span{display:block; font-size:13px; color:var(--ink-soft); margin-top:2px;}

/* values grid on about.html */
.values-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:44px;}
@media (max-width:700px){.values-grid{grid-template-columns:1fr;}}
.value-card{padding:26px; border-radius:var(--radius-sm); background:var(--surface); border:1px solid rgba(64,18,48,0.08);}
.value-card h4{font-size:17px; margin-bottom:8px;}
.value-card p{font-size:14.5px; color:var(--ink-soft);}

/* ---------- CONTACTS ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:44px; align-items:start;}
@media (max-width:800px){.contact-grid{grid-template-columns:1fr;}}
.contact-info-card{
  background:var(--surface); border-radius:var(--radius); padding:32px;
  border:1px solid rgba(64,18,48,0.08);
}
.contact-info-row{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid rgba(64,18,48,0.08);}
.contact-info-row:last-child{border-bottom:none;}
.contact-info-icon{
  width:38px; height:38px; border-radius:10px; background:var(--lavender);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:16px;
}
.contact-info-row h4{font-size:14px; margin-bottom:3px;}
.contact-info-row p, .contact-info-row a{font-size:14.5px; color:var(--ink-soft);}
.contact-form{background:var(--surface); border-radius:var(--radius); padding:32px; border:1px solid rgba(64,18,48,0.08);}
.form-row{margin-bottom:16px;}
.form-row label{display:block; font-size:13px; font-weight:700; margin-bottom:6px; color:var(--ink-soft);}
.form-row input, .form-row textarea{
  width:100%; padding:13px 14px; border-radius:12px; border:1.5px solid rgba(64,18,48,0.14);
  font-family:inherit; font-size:14.5px; background:var(--bg); color:var(--ink);
}
.form-row textarea{min-height:120px; resize:vertical;}
.form-row input:focus, .form-row textarea:focus{outline:2px solid var(--purple); outline-offset:1px;}

/* ---------- NEWSLETTER ---------- */
.newsletter{
  background:var(--sky);
  border-radius:28px; padding:48px; text-align:center;
  max-width:var(--maxw); margin:0 auto;
}
@media (max-width:600px){ .newsletter{padding:30px 22px;} }
.newsletter h2{font-size:26px;}
.newsletter p{margin-top:10px; color:var(--ink-soft);}
.newsletter-form{
  display:flex; gap:10px; max-width:420px; margin:26px auto 0;
}
@media (max-width:480px){ .newsletter-form{flex-direction:column;} }
.newsletter-form input{
  flex:1; padding:14px 16px; border-radius:100px; border:1.5px solid rgba(64,18,48,0.14);
  font-family:inherit; font-size:14.5px;
}

/* ---------- CTA BAND ---------- */
.cta-band{
  border-radius:28px; padding:56px; text-align:center;
  background:var(--grad); color:#fff;
}
.cta-band h2{color:#fff; font-size:28px;}
.cta-band p{color:rgba(255,255,255,0.9); margin-top:10px;}
.cta-band .btn-ghost{background:#fff; border-color:#fff; margin-top:22px;}

/* ---------- FOOTER ---------- */
footer{background:#fff; border-top:1px solid rgba(64,18,48,0.08); padding-top:64px;}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px;
  padding-bottom:44px;
}
@media (max-width:800px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .footer-grid{grid-template-columns:1fr;} }
.footer-brand img{height:40px; margin-bottom:14px;}
.footer-brand p{color:var(--ink-soft); font-size:13.5px; max-width:32ch;}
.footer-col h4{font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); margin-bottom:16px;}
.footer-col a, .footer-col p{display:block; font-size:14.5px; color:var(--ink-soft); margin-bottom:10px;}
.footer-col a:hover{color:var(--magenta);}
.social-row{display:flex; gap:10px; margin-top:6px;}
.social-row a{
  width:36px; height:36px; border-radius:10px; background:var(--lavender);
  display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700;
  color:var(--ink-soft);
  transition:.2s;
}
.social-row a:hover{background:var(--grad); color:#fff;}
.footer-bottom{
  border-top:1px solid rgba(64,18,48,0.08);
  padding:22px 0 30px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  font-size:12.5px; color:var(--ink-faint);
}
.footer-bottom a{color:var(--ink-faint); margin-left:16px;}

::selection{background:var(--purple); color:#fff;}