@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:#161616;font-family:"Nunito",Arial,sans-serif}a{color:inherit}header{max-width:1180px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:146px;height:54px;object-fit:cover;object-position:center}nav{display:flex;gap:24px;font-size:15px;font-weight:700}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{background:#f5f0ff;padding:75px 24px 78px;text-align:center}.eyebrow{font-weight:800;letter-spacing:.15em;font-size:13px;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,90px);line-height:1.04;letter-spacing:-.055em;margin:14px auto 20px;max-width:940px}.hero p{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:610px;margin:0 auto 30px}.btn{display:inline-block;background:#151515;color:white;border-radius:100px;padding:16px 27px;text-decoration:none;font-size:16px;font-weight:800}.btn:hover{background:#393939}.wrap{max-width:1180px;margin:auto;padding:76px 28px}h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.04em;margin:0 0 15px}.intro{font-size:18px;line-height:1.6;max-width:690px;margin:0 0 34px}.covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.book img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 6px 18px #00000013}.book h3{font-size:16px;text-align:center;margin:13px 0 0}.home-hero{background:#F8E6AC}.sampler{background:#F6C9A9;padding:75px 24px;text-align:center}.sampler p{max-width:650px;margin:0 auto 28px;font-size:19px;line-height:1.55}.note{font-size:13px;color:#555}footer{padding:34px 24px;text-align:center;font-size:14px;border-top:1px solid #e8e5df}footer a{margin:0 9px}@media(max-width:900px){.covers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){header{padding:10px 18px}.logo{width:115px;height:45px}nav{gap:13px;font-size:12px}.hero{padding:65px 18px}.wrap{padding:56px 18px}.covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.book h3{font-size:14px}}
/* OLUNIO typography: book-cover font pairing */
h1,h2,h3{font-family:"Fredoka One","Nunito",sans-serif;font-weight:400}
.hero h1{letter-spacing:-.025em}
h2{letter-spacing:-.015em}
.book h3{letter-spacing:0}

/* Free sampler page — warm pistachio refresh */
.sampler-hero{background:#DCE8B8;padding:86px 24px 90px}
.sampler-hero-inner{max-width:960px;margin:0 auto}
.sampler-hero h1{margin-top:20px}
.sampler-hero p{max-width:660px;margin-bottom:26px}
.sampler-coming-soon{display:inline-block;font-size:14px;font-weight:700;line-height:1.5;color:#35392b;background:#ffffff80;padding:13px 22px;border-radius:16px;max-width:620px}
.sampler-details{padding-top:86px;padding-bottom:100px}
.sampler-details-copy{max-width:780px}
.sampler-details .eyebrow{margin-bottom:16px}
.sampler-details .intro{max-width:720px}
.sampler-exclusives{font-weight:800;font-size:17px;margin:0 0 32px}
@media(max-width:540px){.sampler-hero{padding:66px 18px 72px}.sampler-coming-soon{font-size:13px}.sampler-details{padding-top:60px;padding-bottom:74px}}

/* Sampler cover and illustration previews */
.sampler-feature{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:clamp(35px,7vw,100px);align-items:center;padding-top:95px;padding-bottom:95px}
.sampler-feature-cover img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 16px 35px #00000016}
.sampler-feature-text h2{max-width:610px;margin:15px 0 22px;line-height:1.15}
.sampler-feature-text p{font-size:19px;line-height:1.65;max-width:580px;margin:0 0 18px}
.sampler-status{font-weight:800;margin-top:28px;font-size:15px}
.sampler-preview-section{background:#f5f5ef}
.sampler-preview-wrap{padding-top:82px;padding-bottom:85px}
.sampler-preview-heading{text-align:center;max-width:740px;margin:0 auto 44px}
.sampler-preview-heading h2{margin:13px 0 15px}
.sampler-preview-heading p{font-size:19px;line-height:1.6;margin:0}
.sampler-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.sampler-preview-grid figure{margin:0;text-align:center}
.sampler-preview-grid img{display:block;width:100%;height:auto;background:#fff;border:1px solid #eae8e3;border-radius:10px;box-shadow:0 7px 22px #0000000b}
.sampler-preview-grid figcaption{font-family:'Fredoka One','Nunito',sans-serif;font-size:19px;margin-top:17px}
.sampler-preview-footnote{text-align:center;color:#555;font-size:14px;margin:27px 0 0}
.sampler-bottom{text-align:center;padding-top:84px;padding-bottom:95px}
.sampler-bottom p{font-size:19px;line-height:1.6;margin:0 auto 28px;max-width:650px}
@media(max-width:720px){.sampler-feature{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.sampler-feature-cover{max-width:360px;margin:0 auto}.sampler-feature-text{text-align:center}.sampler-preview-grid{gap:12px}.sampler-preview-grid figcaption{font-size:15px}}
@media(max-width:540px){.sampler-preview-grid{grid-template-columns:1fr;max-width:340px;margin:auto;gap:32px}.sampler-preview-wrap{padding-top:60px;padding-bottom:65px}.sampler-preview-heading p,.sampler-feature-text p,.sampler-bottom p{font-size:17px}.sampler-bottom{padding-top:65px;padding-bottom:70px}}

/* v6: soft lilac gallery and slightly more compact sampler hero */
.sampler-preview-section{background:#D9CBEA}
.sampler-hero{padding-top:74px;padding-bottom:76px}
@media(max-width:540px){.sampler-hero{padding-top:58px;padding-bottom:62px}}

/* Custom MailerLite double-opt-in confirmation landing page */
.thank-you-hero{background:#E9DFF4;text-align:center;padding:88px 24px 96px}
.thank-you-content{max-width:750px;margin:0 auto}
.thank-you-sparkles{font-size:30px;letter-spacing:.25em;margin:25px 0 14px;color:#D96757}
.thank-you-hero h1{font-family:"Fredoka One","Nunito",sans-serif;font-weight:400;font-size:clamp(46px,7.5vw,82px);line-height:1.09;letter-spacing:-.025em;margin:0 auto 24px}
.thank-you-lead{font-size:clamp(19px,2.4vw,24px);line-height:1.55;max-width:650px;margin:0 auto 19px}
.thank-you-note{font-size:16px;line-height:1.65;max-width:570px;margin:0 auto 34px;color:#3b3440}
.thank-you-signoff{text-align:center;padding:72px 24px 79px}
.thank-you-signoff p{font-size:19px;font-weight:800;margin:0 0 14px}
.thank-you-signoff h2{font-size:clamp(27px,4vw,42px);line-height:1.25;margin:0}
@media(max-width:540px){.thank-you-hero{padding:68px 18px 76px}.thank-you-note{font-size:15px}.thank-you-signoff{padding:58px 18px 64px}}

/* Free sampler signup — MailerLite embedded form */
.sampler-signup-section{background:#DCE8B8;text-align:center;scroll-margin-top:20px}
.sampler-signup-wrap{padding-top:78px;padding-bottom:85px}
.sampler-signup-wrap h2{margin:14px 0 16px}
.sampler-signup-wrap>p{font-size:18px;line-height:1.6;max-width:610px;margin:0 auto 30px}
.sampler-mailerlite-form{max-width:460px;margin:0 auto;text-align:left}
.sampler-mailerlite-form #mlb2-47548475.ml-form-embedContainer .ml-form-embedWrapper.embedForm{max-width:460px;width:100%}
.sampler-mailerlite-form #mlb2-47548475.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody{padding:24px 24px 5px}
@media(max-width:540px){.sampler-signup-wrap{padding-top:60px;padding-bottom:65px}.sampler-signup-wrap>p{font-size:17px}.sampler-mailerlite-form #mlb2-47548475.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody{padding:20px 16px 0}}

/* Privacy Policy */
.privacy-hero{background:#DCE8B8;text-align:center;padding:66px 24px 62px}.privacy-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.12;margin:12px 0 12px}.privacy-hero p{font-size:19px;margin:0}.privacy-content{max-width:800px;margin:0 auto;padding:55px 28px 85px;font-size:16px;line-height:1.75}.privacy-content section{margin-top:35px}.privacy-content h2{font-size:clamp(22px,3vw,27px);margin:0 0 10px}.privacy-content p{margin:0 0 15px}.privacy-content a{color:#325a55;text-underline-offset:3px}.privacy-updated{font-size:14px;color:#555}@media(max-width:540px){.privacy-content{padding:40px 20px 65px}.privacy-hero{padding:55px 18px}}

/* v15: consistent page-banner heights across OLUNIO pages.
   min-height protects longer confirmation copy and small screens from clipping. */
.hero.home-hero,
.hero.sampler-hero,
.thank-you-hero,
.privacy-hero {
  min-height: 540px;
  padding: 44px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 540px) {
  .hero.home-hero,
  .hero.sampler-hero,
  .thank-you-hero,
  .privacy-hero {
    min-height: 560px;
    padding: 38px 18px;
  }
}