@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--black:#100c16;--purple:#522377;--purple2:#281335;--gold:#c6a46b;--cream:#faf8f5;--muted:#5e5966;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:white;font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}h1,h2,.serif{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(2.7rem,5vw,5.5rem);font-weight:500}h2{font-size:clamp(2rem,3.3vw,3.7rem);font-weight:500}h3{font-size:1.4rem}p{margin-top:1rem}.wrap{max-width:1200px;margin:auto;padding:0 28px}.eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--purple);font-weight:700}.eyebrow.light{color:#e1bf80}.goldrule{height:2px;width:74px;background:var(--gold);margin:26px 0}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 23px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--gold);transition:background .2s,color .2s}.btn.gold{background:var(--gold);color:#171018}.btn.gold:hover{background:#e5ca96}.btn.outline{background:transparent;color:inherit}.btn.outline:hover{background:var(--gold);color:#171018}
.header{background:#0e0b13;color:#fff;position:sticky;top:0;z-index:99;border-bottom:1px solid #3a2d3f}.navwrap{max-width:1300px;padding:12px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{display:flex;align-items:center;white-space:nowrap}.brand-logo{height:44px;width:auto;display:block}nav{display:flex;gap:25px;align-items:center}nav a{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}nav a:hover{color:var(--gold)}
.mainhero{background:radial-gradient(ellipse at 20% 30%,#3d1b52 0%,#100c16 60%);color:white}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:640px;align-items:center}.hero-copy{padding:70px 30px 75px 0}.hero-copy p{max-width:560px;color:#e1dbe7}.hero-image{height:100%;min-height:620px;position:relative;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:center 28%}.hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#150f1b 0%,transparent 30%)}.hero-image.portrait{background:#f6f3f7}.hero-image.portrait img{object-fit:contain;object-position:center bottom;padding:18px 24px 0 24px}.hero-image.portrait:before{background:linear-gradient(90deg,#150f1b 0%,transparent 18%)}
.section{padding:95px 0}.cream{background:var(--cream)}.dark{background:var(--black);color:#fff}.purple{background:var(--purple2);color:white}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.split img{width:100%;max-height:620px;object-fit:cover}.split-copy p{color:var(--muted)}.dark p,.purple p{color:#d7cfde}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.cards.four{grid-template-columns:repeat(4,1fr)}.tile{padding:32px 25px;background:white;border:1px solid #e7e0ea;min-height:225px;display:flex;flex-direction:column;align-items:flex-start}.tile .num{font-size:.73rem;letter-spacing:.1em;color:var(--purple);font-weight:700;margin-bottom:19px}.tile p{font-size:.94rem;color:#5e5966;flex:1}.tile a{margin-top:22px;color:var(--purple);text-transform:uppercase;font-size:.74rem;letter-spacing:.13em;font-weight:700}.dark .tile{background:#1d1528;border-color:#513663;color:white}.dark .tile p{color:#d7cfde}.dark .tile a,.dark .tile .num{color:var(--gold)}.feature-image{width:100%;aspect-ratio:4/3;object-fit:cover}.feature-portrait{max-height:590px;object-fit:cover;object-position:center}.sectionhead{max-width:760px}.sectionhead p{color:var(--muted)}.dark .sectionhead p{color:#d7cfde}.quote{text-align:center;max-width:900px;margin:auto}.quote h2{line-height:1.35}.book-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center}.book-grid img{max-height:540px;margin:auto;object-fit:contain}.pagehero{padding:100px 0;background:linear-gradient(100deg,#160f1d,#44215d);color:white}.pagehero p{font-size:1.09rem;max-width:740px;color:#eadfec}.columns{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.line{height:1px;background:#e2dce6;margin:26px 0}.contactbox{padding:42px;background:#f8f4fa;border-left:3px solid var(--gold)}.footer{background:#0c0910;color:white;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer a{display:inline-block;color:#d8cfe1;margin:4px 0}.footer a:hover{color:var(--gold)}.footer p{color:#c2b7c6}.copyright{border-top:1px solid #3c3043;margin-top:38px;padding-top:20px;font-size:.78rem;color:#b7aabd}.note{font-size:.83rem;color:#6e6870}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}.product-card{background:white;border:1px solid #e7e0ea;padding:20px}.product-card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#fff}.product-card h3{margin-top:16px;font-size:1.15rem}.product-card p{color:var(--muted);font-size:.95rem}.small-list{margin-top:16px}.small-list p{margin-top:.5rem}
@media(max-width:850px){.hero-grid,.split,.book-grid,.columns{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-copy{padding:66px 0 50px}.hero-image{height:420px;min-height:0}.hero-image:before{background:linear-gradient(180deg,#150f1b 0%,transparent 27%)}.hero-image.portrait:before{background:linear-gradient(180deg,#150f1b 0%,transparent 22%)}.cards,.cards.four,.product-grid{grid-template-columns:repeat(2,1fr)}nav{gap:12px;flex-wrap:wrap;justify-content:center}.navwrap{flex-direction:column;padding:16px}.section{padding:70px 0}.brand-logo{height:38px}}@media(max-width:550px){.wrap{padding:0 20px}.cards,.cards.four,.footer-grid,.product-grid{grid-template-columns:1fr}.hero-image{height:350px}.pagehero{padding:65px 0}.section{padding:58px 0}nav{gap:10px 15px}nav a{font-size:.67rem}.btnrow{flex-direction:column}.btn{width:100%}.brand-logo{height:34px}}


/* OCTOBER 2026: COMPACT HEADER AND PAGE TITLE BANNERS */
/* Keep existing colors, typography, gradient, and navigation styling. */
.header .navwrap {
  min-height: 0;
  padding: 8px 28px;
  gap: 24px;
}
.header .brand {
  flex: 0 1 auto;
  min-width: 0;
}
.header .brand-logo {
  width: 300px;
  height: auto;
  max-height: 88px;
  object-fit: contain;
}
/* Make purple interior-page banners shorter without redesigning them. */
.pagehero {
  padding: 42px 0;
}
.pagehero .goldrule {
  margin: 14px 0;
}
.pagehero p {
  margin-top: 10px;
}
@media (max-width: 850px) {
  .header .navwrap { padding: 9px 16px; gap: 10px; }
  .header .brand-logo { width: 240px; max-height: 73px; }
  .pagehero { padding: 34px 0; }
}
@media (max-width: 550px) {
  .header .brand-logo { width: 210px; max-height: 64px; }
  .pagehero { padding: 28px 0; }
}

/* SHORTER PURPLE PAGE BANNERS */

.page-hero {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Keep title elegant, reduce extra spacing */
.page-hero h1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .page-hero {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}