/*
Theme Name:  Ana Datta - Social Motion
Theme URI:   https://anadatta.com
Author:      Ana Datta
Description: Feminine, personality-forward WordPress theme for Ana Datta.
Version:     1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
Text Domain: ana-datta-social-motion
Tags: custom-menu, custom-logo, featured-images, responsive-layout
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── Olive Vintage palette: tobacco · olive · mustard · terracotta · parchment ── */
  --yellow:#D97800;           /* vivid amber — pops against parchment */
  --yellow-light:#ECA020;     /* bright warm gold */
  --yellow-pale:#EDE0AA;      /* golden section bg */
  --yellow-dark:#A85C00;      /* deep amber */
  --purple:#5C5E2A;           /* olive (primary accent) */
  --purple-mid:#7A7C3A;       /* mid olive */
  --purple-light:#D0D2A0;     /* pale olive tint */
  --cream:#F0E6C4;            /* warm parchment bg (cooler so amber pops) */
  --off-white:#E8DEB8;        /* warm linen */
  --dark:#3D2210;             /* tobacco brown */
  --text:#5C3A1E;             /* warm brown body text */
  --muted:#9A8862;            /* warm taupe */
  --white:#FAF3DC;            /* warm off-white */
  --terracotta:#A04830;       /* terracotta accent */
}
.sun-ast{color:var(--purple);font-style:normal;font-weight:700}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--cream);color:var(--text);line-height:1.65;overflow-x:hidden}
/* GRAIN TEXTURE — subtle noise overlay on all backgrounds */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:9998;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:180px 180px;
  opacity:0.072;
  mix-blend-mode:multiply;
}

/* NAV */
.sm-nav{background:var(--white);border-bottom:1px solid rgba(92,94,42,.15);position:relative}
.sm-nav-inner{max-width:1140px;margin:0 auto;padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.sm-logo{font-family:'IM Fell English',serif;font-size:1.6rem;font-weight:600;color:var(--dark);text-decoration:none;line-height:1;flex-shrink:0}
.sm-logo{line-height:1.2}.sm-logo-tagline{display:block;font-family:'Lato',sans-serif;font-size:.6rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}
.sm-links{display:flex;gap:1.5rem;list-style:none;align-items:center;flex-wrap:nowrap}
.sm-links a{font-size:.8rem;font-weight:500;color:var(--text);text-decoration:none;letter-spacing:.02em;transition:color .2s;white-space:nowrap}
.sm-links a:hover{color:var(--purple)}
/* CTA button — Work With Me */
li.sm-nav-cta a,.sm-links li.sm-nav-cta a{background:var(--yellow)!important;color:var(--dark)!important;padding:.5rem 1.25rem!important;border-radius:100px!important;font-weight:700!important;font-size:.78rem!important;letter-spacing:.02em!important;transition:all .2s!important;border:2px solid var(--yellow)!important;text-decoration:none!important;white-space:nowrap!important}
li.sm-nav-cta a:hover,.sm-links li.sm-nav-cta a:hover{background:var(--yellow-dark)!important;color:var(--dark)!important;border-color:var(--yellow-dark)!important}
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px}
.wpadminbar{background:#1d2327;position:fixed;top:0;left:0;right:0;height:32px;z-index:99999;display:flex;align-items:center;padding:0 1rem;gap:1.5rem;font-family:-apple-system,sans-serif;font-size:.72rem;color:#a7aaad}

/* BUBBLE WRAPPERS — position:relative so absolute bubbles anchor to photo size */
.photo-bubble-wrap{position:relative;display:inline-block;overflow:visible}

/* HERO */
.sm-hero{position:relative;min-height:88vh;display:flex;align-items:center;background:var(--purple-light);overflow:hidden}.sm-hero-image{overflow:visible!important}
.sm-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(208,210,160,.7) 0%,rgba(240,230,196,.5) 65%,rgba(250,243,220,.3) 100%);opacity:1}
.sm-hero-content{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"top img" "bottom img";gap:2rem 4rem;align-items:start}
.sm-hero-top{grid-area:top}
.sm-hero-bottom{grid-area:bottom;align-self:start}
.sm-hero-image{grid-area:img;display:flex;justify-content:center;align-items:flex-start}
.sm-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:1rem}

.sm-hero h1{font-family:'IM Fell English',serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;color:var(--purple);line-height:1.15;margin-bottom:1.25rem}
.sm-hero h1 em{font-style:italic;color:var(--purple)}

/* HERO HIGHLIGHT — marker-pen gradient band, olive text + brown underline */
.hero-mark{
  display:inline;
  background-image:linear-gradient(transparent 58%,rgba(61,34,16,.22) 58%);
  background-repeat:no-repeat;
  background-size:105% 100%;
  padding:0 4px 2px 2px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  position:relative;
  color:var(--purple);
  font-style:italic;
}
/* Light version for dark hero backgrounds */
.hero-mark--light{
  color:var(--yellow);
  background-image:linear-gradient(transparent 58%,rgba(250,243,220,.35) 58%);
}
/* Homepage: same olive text + brown band on pale sage bg */
.sm-hero .hero-mark{
  color:var(--dark)!important;
  background-image:linear-gradient(transparent 58%,rgba(61,34,16,.22) 58%)!important;
}
.sm-hero-sub{font-size:1.05rem;line-height:1.75;color:var(--text);opacity:.82;max-width:440px;margin-bottom:2.25rem}
.sm-hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{background:var(--dark);color:var(--yellow);padding:.85rem 1.9rem;border-radius:100px;font-weight:700;font-size:.88rem;text-decoration:none;display:inline-block;transition:opacity .2s,transform .2s}
.btn-primary:hover{opacity:.88;transform:translateY(-2px)}
.btn-secondary{background:transparent;color:var(--dark);border:2px solid var(--dark);padding:.82rem 1.75rem;border-radius:100px;font-weight:600;font-size:.88rem;text-decoration:none;display:inline-block;transition:all .2s}
.btn-secondary:hover{background:var(--dark);color:var(--yellow)}
.hero-photo-wrap{width:360px;height:440px;border-radius:180px 180px 40px 40px;overflow:hidden;border:3px solid var(--purple);position:relative;background:var(--purple-light)}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center}
.hero-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:.85rem;color:var(--purple);opacity:.5;text-align:center;line-height:1.5;padding:1rem}
.hero-bubble{position:absolute;background:var(--dark);color:var(--yellow);border-radius:16px;padding:.9rem 1.1rem;font-size:.75rem;font-weight:600;text-align:center;line-height:1.35;bottom:2rem;right:.75rem;z-index:10}
.hero-bubble strong{display:block;font-family:'Lora',serif;font-size:1.5rem;font-weight:700}

/* PRESS */
.sm-press{background:var(--white);padding:2rem;border-top:1px solid rgba(92,94,42,.1);border-bottom:1px solid rgba(92,94,42,.1)}
.sm-press-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.press-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.press-divider{width:1px;height:20px;background:rgba(92,94,42,.2);flex-shrink:0}
.press-names{display:flex;gap:2.5rem;flex-wrap:wrap}
.press-name{font-family:'Lora',serif;font-size:.95rem;font-weight:700;color:var(--muted);opacity:.55}

/* INTRO */
.sm-intro{max-width:1140px;margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;overflow:visible}
.intro-photo-wrap{width:100%;max-width:380px;aspect-ratio:3/4;border-radius:200px 200px 40px 40px;overflow:hidden;border:3px solid var(--purple);background:var(--purple-light);position:relative}.sm-intro-image{position:relative;overflow:visible!important}
.intro-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center}
.intro-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:.85rem;color:var(--purple);opacity:.4;text-align:center;padding:1rem}
.intro-deco{position:absolute;bottom:1.5rem;right:.75rem;z-index:10;background:var(--dark);color:var(--yellow);border-radius:16px;padding:.9rem 1.1rem;font-size:.75rem;font-weight:600;text-align:center;line-height:1.35;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.intro-deco strong{display:block;font-family:'Lora',serif;font-size:1.5rem;font-weight:700;line-height:1}
.sm-intro-image{position:relative}
.sm-section-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.6rem;display:block}

.sm-h2{font-family:'IM Fell English',serif;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;color:var(--dark);line-height:1.12;margin-bottom:1.25rem}
.sm-h2 em{font-style:italic;color:var(--purple)}
.sm-p{font-size:1rem;line-height:1.8;color:var(--text);opacity:.83;margin-bottom:1.1rem}
.sm-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.85rem;color:var(--purple-mid);text-decoration:none;margin-top:.75rem;border-bottom:2px solid var(--purple);padding-bottom:2px}

/* SERVICES */
.sm-services{background:var(--yellow-pale);padding:5rem 2rem}
.sm-services-inner{max-width:1140px;margin:0 auto}
.sm-services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}
.sm-services-header .sm-h2{margin-bottom:0}
.sm-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.service-card{background:var(--white);border-radius:24px;padding:2.25rem 1.75rem;border:1.5px solid rgba(92,94,42,.12);position:relative;transition:box-shadow .25s,transform .25s}
.service-card:hover{box-shadow:0 12px 40px rgba(92,94,42,.1);transform:translateY(-4px)}
.service-num{font-family:'Lora',serif;font-size:3rem;font-weight:700;color:var(--yellow-dark);line-height:1;margin-bottom:.75rem}
.service-tag{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.5rem}
.service-title{font-family:'Lora',serif;font-size:1.3rem;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:.6rem}
.service-desc{font-size:.88rem;line-height:1.65;color:var(--muted);margin-bottom:1.25rem}
.service-link{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.service-card.featured{background:var(--dark)}
.service-card.featured .service-num{color:rgba(232,225,106,.2)}
.service-card.featured .service-tag{color:var(--yellow-light)}
.service-card.featured .service-title{color:var(--yellow)}
.service-card.featured .service-desc{color:rgba(255,255,255,.65)}
.service-card.featured .service-link{color:var(--yellow)}

/* CTA BAND */
.sm-cta-band{background:var(--dark);padding:4rem 2rem;text-align:center}
.sm-cta-band h2{font-family:'Lora',serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;color:var(--yellow);line-height:1.1;margin-bottom:1.5rem}
.sm-cta-band h2 em{font-style:italic;color:var(--purple-light)}

/* TESTIMONIALS */
.sm-testimonials{padding:6rem 2rem;background:var(--white)}
.sm-testimonials-inner{max-width:900px;margin:0 auto;text-align:center}
.sm-testi-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.6rem}
.sm-testi-h2{font-family:'Lora',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--dark);margin-bottom:3rem}
.testi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:left}
.testi-card{background:var(--yellow-pale);border-radius:20px;padding:1.75rem;border:1.5px solid rgba(92,94,42,.08)}
.testi-stars{color:var(--purple);font-size:.9rem;letter-spacing:2px;margin-bottom:.75rem}
.testi-quote{font-size:.92rem;line-height:1.75;color:var(--text);font-style:italic;opacity:.85;margin-bottom:1.1rem}
.testi-author{display:flex;align-items:center;gap:.65rem}
.testi-avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow-light);border:2px solid var(--purple);flex-shrink:0;overflow:hidden}
.testi-avatar img{width:100%;height:100%;object-fit:cover}
.testi-name{font-size:.82rem;font-weight:700;color:var(--dark)}
.testi-role{font-size:.72rem;color:var(--muted)}

/* FREEBIE */
.sm-freebie{background:var(--yellow-light);padding:5rem 2rem}
.sm-freebie-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.freebie-image{background:var(--dark);border-radius:24px;aspect-ratio:4/3;overflow:hidden;position:relative}
.freebie-image img{width:100%;height:100%;object-fit:cover}
.freebie-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:1rem;color:var(--yellow);opacity:.4;text-align:center;padding:2rem}
.freebie-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--yellow);color:var(--dark);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .8rem;border-radius:100px}
.freebie-title{font-family:'Lora',serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--dark);line-height:1.1;margin-bottom:1rem}
.freebie-desc{font-size:.98rem;line-height:1.75;color:var(--text);opacity:.82;margin-bottom:1.75rem}
.freebie-form{display:flex;gap:.6rem;max-width:400px}
.freebie-form input{flex:1;padding:.8rem 1.1rem;border-radius:100px;border:2px solid var(--purple);background:rgba(255,255,255,.85);font-family:'Lato',sans-serif;font-size:.88rem;color:var(--text);outline:none}
.freebie-form input:focus{background:#fff}
.freebie-form button{background:var(--purple);color:var(--yellow);border:none;border-radius:100px;font-family:'Lato',sans-serif;font-weight:700;font-size:.85rem;padding:.8rem 1.4rem;cursor:pointer;white-space:nowrap;transition:opacity .2s}
.freebie-form button:hover{opacity:.85}

/* INSTAGRAM */
.sm-instagram{padding:4rem 2rem;background:var(--white);text-align:center}
.sm-instagram h3{font-family:'Lora',serif;font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:.4rem}
.sm-instagram p{font-size:.85rem;color:var(--muted);margin-bottom:1.75rem}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:1140px;margin:0 auto}
.ig-tile{aspect-ratio:1;background:var(--yellow-pale);border-radius:8px;overflow:hidden}
.ig-tile img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.ig-tile img:hover{opacity:.8}

/* PAGE HERO */
.page-hero{background:var(--yellow-pale);padding:5rem 2rem 4rem;text-align:center;border-bottom:1px solid rgba(92,94,42,.1)}
.page-hero-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.6rem}
.page-hero h1{font-family:'IM Fell English',serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700;color:var(--dark);line-height:1.1;margin-bottom:1rem}
.page-hero h1 em{font-style:italic;color:var(--purple)}
.page-hero p{font-size:1.05rem;color:var(--text);opacity:.8;max-width:560px;margin:0 auto 2rem}
.page-section{max-width:1140px;margin:0 auto;padding:5rem 2rem}
.page-section-narrow{max-width:760px;margin:0 auto;padding:5rem 2rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.ep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}
.ep-card{background:var(--white);border-radius:16px;padding:1.5rem;border:1.5px solid rgba(92,94,42,.1);transition:box-shadow .2s}
.ep-card:hover{box-shadow:0 6px 24px rgba(92,94,42,.08)}
.ep-num{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-mid);margin-bottom:.4rem}
.ep-title{font-family:'Lora',serif;font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.35rem}
.ep-meta{font-size:.75rem;color:var(--muted)}
.page-feat-image{width:100%;border-radius:20px;overflow:hidden;background:var(--yellow-light);aspect-ratio:4/5;border:2px solid rgba(92,94,42,.12)}
.page-feat-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.page-feat-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:.9rem;color:var(--purple);opacity:.4;text-align:center;padding:1rem}
.module-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}
.module-list li{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--white);border-radius:14px;border:1.5px solid rgba(92,94,42,.1)}
.module-num{font-family:'Lora',serif;font-size:1.6rem;font-weight:700;color:var(--purple);flex-shrink:0;line-height:1}
.module-title{font-weight:700;color:var(--dark);margin-bottom:.2rem;font-size:.95rem}
.module-desc{font-size:.85rem;color:var(--muted);line-height:1.55}
.price-box{background:var(--dark);color:var(--yellow);border-radius:24px;padding:2.5rem;text-align:center;margin-top:2rem}
.price-box h3{font-family:'Lora',serif;font-size:1.5rem;margin-bottom:.5rem}
.price-big{font-family:'Lora',serif;font-size:3.5rem;font-weight:700;line-height:1;margin:1rem 0}
.price-sub{font-size:.82rem;opacity:.6;margin-bottom:1.5rem}
.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:560px;margin:2rem auto 0}
.contact-form input,.contact-form textarea{padding:.9rem 1.2rem;border-radius:12px;border:1.5px solid rgba(92,94,42,.2);background:var(--white);font-family:'Lato',sans-serif;font-size:.95rem;color:var(--text);outline:none;width:100%}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple)}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form button{background:var(--dark);color:var(--yellow);border:none;border-radius:100px;font-family:'Lato',sans-serif;font-weight:700;font-size:.88rem;padding:.9rem 2rem;cursor:pointer;align-self:flex-start;transition:opacity .2s}

/* CONTACT PAGE — email layout */
.contact-email-block{margin:2rem 0 2.5rem;text-align:center}
.contact-email-link{display:inline-block;font-family:'Lora',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--purple);text-decoration:none;border-bottom:3px solid var(--yellow);padding-bottom:4px;transition:opacity .2s}
.contact-email-link:hover{opacity:.75}
.contact-reply-note{font-size:.88rem;color:var(--muted);margin-top:1rem;line-height:1.6}
.contact-divider{display:flex;align-items:center;gap:1rem;margin:2.5rem 0;color:var(--muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.contact-divider::before,.contact-divider::after{content:'';flex:1;height:1px;background:rgba(92,94,42,.12)}

/* STATS BAND */
.sm-stats-band{background:var(--dark);padding:3rem 2rem}
.sm-stats-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.stat-item{text-align:center;padding:0 3rem;display:flex;flex-direction:column;gap:.35rem}
.stat-num{font-family:'Lora',serif;font-size:2.8rem;font-weight:700;color:var(--yellow);line-height:1}
.stat-plus{font-size:1.6rem}
.stat-lbl{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.stat-divider{width:1px;height:48px;background:rgba(255,255,255,.15);flex-shrink:0}

/* PODCAST STRIP */
.sm-podcast-strip{background:var(--dark);padding:5rem 2rem}
.sm-podcast-strip-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}
.podcast-strip-art{width:220px;height:220px;background:var(--yellow);border-radius:24px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex-direction:column;gap:.5rem;flex-shrink:0;transition:transform .25s}
.podcast-strip-art:hover{transform:rotate(2deg) scale(1.03)}
.podcast-art-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem;text-align:center}
.podcast-art-title{font-family:'Lora',serif;font-size:1.15rem;font-weight:700;color:var(--dark);line-height:1.2}
.podcast-art-host{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dark);opacity:.6;margin-top:.4rem}

/* WORK WITH ME PAGE — service blocks */
.wwm-service-block{padding:5rem 2rem;background:var(--cream)}
.wwm-service-block--alt{background:var(--yellow-pale)}
.wwm-block-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.wwm-block-text{display:flex;flex-direction:column;gap:1rem}
.wwm-includes{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}
.wwm-includes li{font-size:.9rem;color:var(--text);padding-left:1.2rem;position:relative}
.wwm-includes li::before{content:'·';position:absolute;left:0;color:var(--purple);font-weight:700}
.wwm-price-tag{font-family:'Lora',serif;font-size:1.4rem;font-weight:700;color:var(--dark);margin:.25rem 0}
.wwm-price-tag span{font-size:.82rem;font-weight:400;font-family:'Lato',sans-serif;color:var(--muted)}
.wwm-block-visual{border-radius:24px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;text-decoration:none}
.wwm-block-visual--dark{background:var(--dark)}
.wwm-block-visual--yellow{background:var(--yellow)}
.wwm-block-visual--purple{background:var(--purple)}
.wwm-block-num{font-family:'Lora',serif;font-size:5rem;font-weight:700;line-height:1;opacity:.18}
.wwm-block-visual--dark .wwm-block-num{color:var(--yellow)}
.wwm-block-visual--yellow .wwm-block-num{color:var(--dark)}
.wwm-block-visual--purple .wwm-block-num{color:var(--yellow)}
.wwm-block-label{font-family:'Lora',serif;font-size:1.8rem;font-weight:700;line-height:1.15}
.wwm-block-visual--dark .wwm-block-label{color:var(--yellow)}
.wwm-block-visual--yellow .wwm-block-label{color:var(--dark)}
.wwm-block-visual--purple .wwm-block-label{color:var(--yellow)}
.contact-form button:hover{opacity:.85}
.social-row{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}
.social-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:100px;border:1.5px solid rgba(92,94,42,.2);font-size:.82rem;font-weight:600;color:var(--dark);text-decoration:none;transition:all .2s}
.social-pill:hover{background:var(--dark);color:var(--yellow)}
.hq-perks{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:2rem 0}
.perk{background:var(--white);border-radius:16px;padding:1.5rem;border:1.5px solid rgba(92,94,42,.1)}
.perk-title{font-family:'Lora',serif;font-size:1.05rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}
.perk-desc{font-size:.84rem;color:var(--muted);line-height:1.55}

/* FOOTER */
.sm-footer{background:var(--dark);color:rgba(255,255,255,.7)}
.sm-footer-top{max-width:1140px;margin:0 auto;padding:4rem 2rem 2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}
.footer-brand-name{font-family:'Lora',serif;font-size:1.2rem;font-weight:700;color:var(--yellow);display:block;margin-bottom:.7rem;text-decoration:none}
.footer-brand-desc{font-size:.84rem;line-height:1.7;max-width:220px;color:rgba(255,255,255,.75)}
.footer-col-title{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-light);margin-bottom:.85rem}
.footer-col-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer-col-links a{font-size:.84rem;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s}
.footer-col-links a:hover{color:var(--yellow-light)}
.sm-footer-bottom{border-top:1px solid rgba(232,225,106,.2);background:rgba(0,0,0,.3);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.74rem;flex-wrap:wrap;gap:.75rem;color:var(--yellow)}
.sm-footer-bottom a{color:var(--yellow);opacity:.75;text-decoration:none}.sm-footer-bottom a:hover{opacity:1}
.footer-socials{display:flex;gap:.6rem}
.fsoc{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--yellow);text-decoration:none;transition:all .2s;line-height:0}
.fsoc:hover{background:var(--yellow);color:var(--dark)}


/* PAGE HERO DARK VARIANT */
.page-hero--dark{background:var(--dark);border-bottom:none}
.page-hero--dark .page-hero-label{color:var(--yellow-light)}
.page-hero--dark h1{color:var(--yellow)}
.page-hero--dark h1 em{color:var(--yellow-light)}
.page-hero--dark p{color:rgba(255,255,255,.72)}

/* SPEAKER — TOPICS GRID */
.speaker-topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.topic-card{background:var(--white);border-radius:20px;padding:2rem 1.6rem;border:1.5px solid rgba(92,94,42,.12);display:flex;flex-direction:column;gap:.6rem;transition:box-shadow .25s,transform .25s}
.topic-card:hover{box-shadow:0 10px 36px rgba(92,94,42,.09);transform:translateY(-3px)}
.topic-card--featured{background:var(--dark)}
.topic-num{font-family:'Lora',serif;font-size:2.8rem;font-weight:700;color:var(--yellow-dark);line-height:1}
.topic-card--featured .topic-num{color:rgba(232,225,106,.2)}
.topic-title{font-family:'Lora',serif;font-size:1.18rem;font-weight:700;color:var(--dark);line-height:1.25}
.topic-card--featured .topic-title{color:var(--yellow)}
.topic-desc{font-size:.87rem;line-height:1.65;color:var(--muted);flex:1}
.topic-card--featured .topic-desc{color:rgba(255,255,255,.6)}
.topic-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.topic-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:100px;background:var(--yellow-pale);color:var(--purple-mid);border:1.5px solid rgba(92,94,42,.12)}
.topic-card--featured .topic-tag{background:rgba(232,225,106,.15);color:var(--yellow-light);border-color:rgba(232,225,106,.2)}

/* SPEAKER — FORMATS GRID */
.formats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.format-card{background:var(--white);border-radius:20px;padding:1.75rem 1.4rem;border:1.5px solid rgba(92,94,42,.1);text-align:center}
.format-icon{font-size:2rem;margin-bottom:.75rem;display:block}
.format-title{font-family:'Lora',serif;font-size:1.2rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}
.format-desc{font-size:.85rem;line-height:1.6;color:var(--muted)}

/* BRAND PHOTOGRAPHY — INCLUDES GRID */
.brand-includes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.brand-include-card{background:var(--white);border-radius:20px;padding:2rem 1.6rem;border:1.5px solid rgba(92,94,42,.12)}
.brand-include-card--featured{background:var(--purple)}
.bi-num{font-family:'Lora',serif;font-size:2.8rem;font-weight:700;color:var(--yellow-dark);line-height:1;margin-bottom:.5rem}
.brand-include-card--featured .bi-num{color:rgba(232,225,106,.4)}
.bi-title{font-family:'Lora',serif;font-size:1.12rem;font-weight:700;color:var(--dark);line-height:1.25;margin-bottom:.5rem}
.brand-include-card--featured .bi-title{color:var(--yellow-light)}
.bi-desc{font-size:.86rem;line-height:1.65;color:var(--muted)}
.brand-include-card--featured .bi-desc{color:rgba(255,255,255,.7)}

/* BRAND PHOTOGRAPHY — PROCESS STEPS */
.process-steps{max-width:680px;margin:0 auto;display:flex;flex-direction:column}
.process-step{display:flex;gap:2rem;align-items:flex-start;padding:1.75rem 0;border-bottom:1px solid rgba(92,94,42,.1)}
.process-step:last-child{border-bottom:none}
.ps-number{font-family:'Lora',serif;font-size:2.5rem;font-weight:700;color:var(--yellow-dark);line-height:1;flex-shrink:0;width:2.5rem;text-align:center}
.ps-title{font-family:'Lora',serif;font-size:1.18rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}
.ps-desc{font-size:.88rem;line-height:1.65;color:var(--muted)}

/* BRAND PHOTOGRAPHY — GALLERY */
.brand-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:1rem}
.bg-tile{border-radius:16px;overflow:hidden;background:rgba(255,255,255,.08);position:relative}
.bg-tile--tall{grid-row:span 2}
.bg-tile img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.bg-tile img:hover{opacity:.85}
.bg-tile .intro-photo-placeholder{color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}

/* BRAND HERO PHOTO */
.brand-hero-photo{width:100%;border-radius:24px;overflow:hidden;background:var(--yellow-pale);aspect-ratio:3/4;border:2px solid rgba(92,94,42,.15)}
.brand-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
.brand-hero-photo .intro-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:'Lora',serif;font-size:.9rem;color:var(--purple);opacity:.4;text-align:center;padding:1.5rem}

/* Ensure no pseudo-element dashes on eyebrow or section labels */
.sm-eyebrow::before,.sm-eyebrow::after,
.sm-section-label::before,.sm-section-label::after,
.page-hero-label::before,.page-hero-label::after{content:none!important;display:none!important}


/* IPAD — ensure bubble stays visible */
@media(min-width:769px) and (max-width:1100px){
  .sm-intro{gap:3rem;padding:4rem 1.5rem}
  .sm-hero-content{gap:2rem 2.5rem;padding:3.5rem 1.5rem}
  .hero-photo-wrap{width:280px;height:340px}
  .intro-photo-wrap{max-width:280px}
  .photo-bubble-wrap{display:block}
  .hero-bubble,.intro-deco{right:.5rem;bottom:1rem}
}

/* MOBILE */
/* IPAD new sections */
@media(min-width:961px) and (max-width:1100px){
  .sm-podcast-strip-inner{gap:2.5rem}
  .podcast-strip-art{width:180px;height:180px}
  .wwm-block-inner{gap:3rem}
}

/* IPAD speaker/brand grids */
@media(min-width:769px) and (max-width:1100px){
  .speaker-topics-grid{grid-template-columns:repeat(2,1fr)}
  .formats-grid{grid-template-columns:repeat(2,1fr)}
  .brand-includes-grid{grid-template-columns:repeat(2,1fr)}
  .brand-gallery{grid-auto-rows:180px}
}

@media(max-width:960px){
  .sm-nav-inner{padding:0 1.25rem}
  .sm-links{display:none;flex-direction:column;position:absolute;top:70px;left:0;right:0;background:var(--white);padding:1rem 1.5rem 1.5rem;border-bottom:1px solid rgba(92,94,42,.15);z-index:200;gap:.25rem}
  .sm-links.open{display:flex}
  .sm-links > li{position:static}
  .sm-links a{padding:.6rem 0;font-size:.88rem;border-bottom:1px solid rgba(92,94,42,.06);white-space:normal!important}
  /* Dropdown on mobile: hidden by default, shown when li.open */
  .sm-links .sub-menu{display:none;position:static;box-shadow:none;border:none;border-radius:0;padding:0 0 .25rem .75rem;background:transparent;min-width:auto}
  .sm-links .menu-item-has-children.open > .sub-menu{display:block}
  .sm-links .sub-menu li a{padding:.4rem 0;font-size:.82rem;color:var(--muted);border-bottom:none}
  .sm-links li.sm-nav-cta{margin-top:.5rem}
  .sm-links li.sm-nav-cta a{display:block!important;text-align:center!important;padding:.65rem 1.4rem!important}
  .nav-hamburger{display:flex}
  .sm-hero-content{grid-template-columns:1fr;grid-template-areas:"top" "img" "bottom";padding:2.5rem 1.25rem;gap:1.5rem}
  .hero-photo-wrap{width:220px;height:280px;margin:0 auto}
  .sm-press-inner{justify-content:center}
  .sm-intro{grid-template-columns:1fr;padding:4rem 1.5rem;gap:3rem}
  .sm-services-grid{grid-template-columns:1fr}
  .sm-cta-band{padding:3rem 1.5rem}
  .testi-cards{grid-template-columns:1fr}
  .sm-freebie-inner{grid-template-columns:1fr;gap:2.5rem}
  .freebie-form{flex-direction:column}
  .freebie-form input,.freebie-form button{width:100%;border-radius:12px}
  .ig-grid{grid-template-columns:repeat(3,1fr)}
  .sm-footer-top{grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 1.5rem 1.5rem}
  .two-col{grid-template-columns:1fr}
  .ep-grid{grid-template-columns:1fr}
  .hq-perks{grid-template-columns:1fr}
  .page-section,.page-section-narrow{padding:3rem 1.5rem}
  .sm-hero-sub{max-width:100%}
  .sm-intro{padding:3rem 1.25rem;gap:2rem}
  .intro-photo-wrap{max-width:260px}
  .intro-deco{right:.5rem;bottom:1rem}
  .sm-services{padding:3rem 1.25rem}
  .sm-cta-band{padding:2.5rem 1.25rem}
  .testis,.sm-freebie,.sm-instagram{padding:2.5rem 1.25rem}
  .page-hero{padding:3rem 1.25rem 2.5rem}
  .price-box{padding:1.75rem 1.25rem}
  .freebie-form{flex-direction:column}
  .freebie-form input,.freebie-form button{width:100%;border-radius:12px}
  .ig-grid{grid-template-columns:repeat(3,1fr)}
  .sm-footer-bottom{flex-direction:column;text-align:center;gap:.5rem}
  .social-row{flex-wrap:wrap}
  .speaker-topics-grid{grid-template-columns:1fr}
  .formats-grid{grid-template-columns:1fr 1fr}
  .brand-includes-grid{grid-template-columns:1fr}
  .brand-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .bg-tile--tall{grid-row:span 1}
  .process-step{gap:1rem}
  .sm-stats-inner{gap:0;flex-direction:row}
  .stat-item{padding:0 1.5rem}
  .sm-podcast-strip-inner{grid-template-columns:1fr;text-align:center}
  .podcast-strip-art{width:160px;height:160px;margin:0 auto}
  .wwm-block-inner{grid-template-columns:1fr}
  .wwm-service-block--alt .wwm-block-inner{direction:ltr}
  .wwm-block-visual{min-height:180px}
  .contact-divider{margin:2rem 0}
  .sm-calendly-section{padding:3rem 1.25rem}
}

/* CALENDLY INLINE EMBED SECTION */
.sm-calendly-section{background:var(--off-white);padding:5rem 2rem}
.sm-calendly-inner{max-width:900px;margin:0 auto}
.sm-calendly-inner .sm-h2{margin-bottom:.75rem}
.calendly-inline-widget{border:1.5px solid rgba(92,94,42,.12);border-radius:20px;overflow:hidden}
@media(max-width:480px){
  .sm-hero-btns{flex-direction:column}
  .ig-grid{grid-template-columns:repeat(2,1fr)}
  .sm-footer-top{grid-template-columns:1fr}
}
