/* ============================================================
   EARTHIC SITE — shared design system
   Colours and fonts sourced directly from the brand guide at
   brain/assets/earthic-branding/Colours and fonts.png — do not
   invent new shades; extend this palette instead.
   ============================================================ */

:root{
  --ivory:#f8f3ed;
  --wine:#803f34;
  --coral:#d49b7d;
  --sand:#dcb997;
  --terracotta:#b67548;
  --clay:#995738;
  --olive:#66764f;
  --olive-light:#c3c679;
  --sage:#879985;
}

*{margin:0;padding:0;box-sizing:border-box;}
::selection{background:var(--coral);color:var(--wine);}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:var(--clay);background:var(--ivory);font-weight:300;line-height:1.7;}
img{max-width:100%;display:block;}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px;}
section{padding:80px 0;}

h1,h2{font-family:'Playfair Display',serif;font-weight:600;color:var(--wine);line-height:1.15;}
h1{font-size:48px;}
h2{font-size:34px;margin-bottom:18px;}
h1 .it,h2 .it{font-style:italic;font-weight:500;}
.eyebrow{font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:3px;font-size:13px;color:var(--terracotta);margin-bottom:14px;}
p{font-size:16.5px;margin-bottom:14px;max-width:62ch;}
.center{text-align:center;}
.center p{margin-left:auto;margin-right:auto;}

.btn{display:inline-block;font-family:'Marcellus',serif;letter-spacing:2px;text-transform:uppercase;font-size:12px;
  padding:15px 28px;border-radius:40px;text-decoration:none;margin:8px 8px 0 0;transition:.2s;}
.btn-solid{background:var(--wine);color:var(--ivory);}
.btn-solid:hover{background:var(--clay);}
.btn-outline{border:1.5px solid var(--wine);color:var(--wine);}
.btn-outline:hover{background:rgba(128,63,52,.06);}
.on-dark .btn-solid{background:var(--ivory);color:var(--wine);}
.on-dark .btn-outline{border-color:var(--sand);color:var(--sand);}

.on-dark{background:var(--wine);color:var(--ivory);}
.on-dark h1,.on-dark h2{color:var(--ivory);}
.on-dark .eyebrow{color:var(--sand);}
.on-sage{background:var(--sage);color:var(--ivory);}
.on-sage h2{color:var(--ivory);}
.on-sage .eyebrow{color:#eef1ea;}

.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.shot{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(110,47,42,.14);}
.photo-placeholder{display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--wine);
  font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:2px;font-size:13px;border:1px dashed var(--wine);box-shadow:none;}

/* ---------- header / nav ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,243,237,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(128,63,52,.08);}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;max-width:1200px;}
.site-header .logo{position:relative;display:block;width:118px;height:78px;overflow:hidden;flex:0 0 auto;}
.site-header .logo img{position:absolute;width:160px;height:160px;max-width:none;left:-22px;top:-34px;}
nav.main-nav{display:flex;align-items:center;gap:30px;}
nav.main-nav > a{font-family:'Poppins',sans-serif;font-size:15px;color:var(--clay);text-decoration:none;position:relative;}
nav.main-nav > a:hover{color:var(--wine);}
.nav-item{position:relative;}
.nav-item > span{cursor:pointer;font-size:15px;color:var(--clay);}
.nav-item:hover > span{color:var(--wine);}
.nav-item .dropdown{position:absolute;top:100%;left:0;margin-top:10px;background:var(--ivory);
  border-radius:10px;box-shadow:0 10px 30px rgba(110,47,42,.16);min-width:220px;padding:8px 0;
  opacity:0;pointer-events:none;transform:translateY(6px);transition:.15s;}
.nav-item:hover .dropdown{opacity:1;pointer-events:auto;transform:translateY(0);}
.nav-item .dropdown a{display:block;padding:10px 20px;font-size:14.5px;color:var(--clay);text-decoration:none;}
.nav-item .dropdown a:hover{background:rgba(128,63,52,.06);color:var(--wine);}
@media(max-width:860px){
  nav.main-nav{gap:16px;}
  nav.main-nav > a,.nav-item > span{font-size:13.5px;}
  .site-header .logo{width:100px;height:66px;}
  .site-header .logo img{width:138px;height:138px;left:-19px;top:-30px;}
}
/* ---------- mobile nav toggle ---------- */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--wine);}
.nav-toggle svg{display:block;width:24px;height:24px;}
@media(max-width:640px){
  .nav-toggle{display:block;}
  nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ivory);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 0;
    border-bottom:1px solid rgba(128,63,52,.12);box-shadow:0 12px 24px rgba(110,47,42,.1);}
  nav.main-nav.open{display:flex;}
  nav.main-nav > a{padding:14px 32px;border-top:1px solid rgba(128,63,52,.08);}
  .nav-item{width:100%;}
  .nav-item > span{display:block;padding:14px 32px;border-top:1px solid rgba(128,63,52,.08);}
  .nav-item .dropdown{position:static;opacity:1;pointer-events:auto;transform:none;box-shadow:none;
    background:rgba(128,63,52,.03);padding:0;margin-top:0;display:none;}
  .nav-item.open .dropdown{display:block;}
  .nav-item .dropdown a{padding-left:48px;}
}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:110px 0 100px;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(128,63,52,.86),rgba(110,47,42,.9));}
.hero .wrap{position:relative;z-index:1;}
.hero h1{color:var(--ivory);max-width:16ch;}
.hero .lede{color:var(--sand);max-width:48ch;font-size:18px;margin-top:16px;}

/* ---------- offerings grid ---------- */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;text-align:left;}
.offer-card{background:var(--ivory);border:1px solid rgba(128,63,52,.12);border-radius:14px;padding:28px 26px;
  text-decoration:none;color:inherit;transition:.2s;display:block;}
.offer-card:hover{border-color:var(--wine);box-shadow:0 10px 26px rgba(110,47,42,.12);transform:translateY(-2px);}
.offer-card h3{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:var(--wine);margin-bottom:8px;}
.offer-card p{font-size:14.5px;margin:0;}
@media(max-width:860px){.offer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.offer-grid{grid-template-columns:1fr;}}

/* ---------- signup box (email capture placeholder) ---------- */
.signup-box{max-width:560px;margin:34px auto 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);
  border-radius:16px;padding:34px 30px;text-align:center;}
.signup-box .soon{font-style:italic;font-size:14px;opacity:.85;margin-top:6px;}

/* ---------- footer ---------- */
footer.site-footer{background:var(--wine);color:var(--ivory);padding:60px 0 40px;}
footer.site-footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;}
footer.site-footer img{display:block;width:180px;height:180px;max-width:none;margin:-39px 0 -54px -25px;}
footer.site-footer .footer-tagline{font-family:'Playfair Display',serif;font-size:17px;line-height:1.5;
  color:var(--ivory);opacity:.9;max-width:29ch;margin:6px 0 0;}
footer.site-footer .footer-tagline em{display:block;font-style:italic;font-weight:400;}
footer.site-footer h4{font-family:'Marcellus',serif;letter-spacing:2px;text-transform:uppercase;font-size:12.5px;
  color:var(--sand);margin-bottom:14px;}
footer.site-footer a{color:var(--ivory);text-decoration:none;font-size:14.5px;display:block;margin-bottom:8px;
  opacity:.9;border-bottom:1px solid transparent;}
footer.site-footer a:hover{opacity:1;border-bottom-color:rgba(248,243,237,.4);}
footer.site-footer .footer-social-links{display:flex;gap:10px;margin-top:14px;}
footer.site-footer .footer-social-links a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;
  color:var(--ivory);border:1px solid rgba(248,243,237,.55);border-radius:50%;opacity:.9;}
footer.site-footer .footer-social-links a:hover{color:var(--wine);background:var(--sand);border-color:var(--sand);}
footer.site-footer .bottom{grid-column:1/-1;margin-top:30px;padding-top:24px;border-top:1px solid rgba(248,243,237,.18);
  font-size:12.5px;opacity:.75;}
@media(max-width:760px){footer.site-footer .wrap{grid-template-columns:1fr;gap:28px;}}

/* ---------- simple stub-page hero (About / Contact / Work with me / Events) ---------- */
.page-hero{padding:70px 0 20px;}
.page-hero h1{font-size:40px;}

/* ---------- social icon row (Contact page, etc.) ---------- */
.social-links{display:flex;gap:16px;margin-bottom:26px;}
.social-links a{color:var(--wine);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--wine);border-radius:50%;transition:background .15s,color .15s;}
.social-links a:hover{background:var(--wine);color:var(--ivory);}

/* ---------- contact form ---------- */
.contact-form{display:grid;gap:16px;max-width:560px;}
.contact-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.contact-form label{font-size:13.5px;color:var(--clay);display:block;margin-bottom:6px;}
.contact-form input,.contact-form textarea{font-family:'Poppins',sans-serif;font-size:15px;padding:13px 16px;
  border:1px solid rgba(128,63,52,.25);border-radius:10px;background:#fff;color:var(--clay);width:100%;}
.contact-form textarea{min-height:140px;resize:vertical;}

/* ---------- responsive type & spacing ---------- */
@media(max-width:860px){
  .two{grid-template-columns:1fr;gap:28px;}
  .two .shot{max-width:420px;margin:0 auto;}
}
@media(max-width:640px){
  .wrap{padding:0 22px;}
  section{padding:52px 0;}
  h1{font-size:32px;}
  h2{font-size:25px;}
  p{font-size:15.5px;}
  .hero{padding:60px 0 52px;}
  .hero .lede{font-size:16px;}
  .btn{display:block;text-align:center;margin:10px 0 0;}
  footer.site-footer .wrap{grid-template-columns:1fr;gap:28px;}
  .page-hero h1{font-size:30px;}
}