/* Inner Wisdom: page redesign (theme v1.0.34). Everything is scoped to .iw-mock so it cannot change the existing pages.
   Add class "iw-mock" (and "alignfull") to the outer Group block of a page. Colours and fonts are the theme's own. */
.iw-mock{
  --m-purple:#790C8D; --m-dark:#441E67; --m-light:#6D56A4; --m-gold:#C59B6B; --m-champ:#DDB88B; --m-char:#2D2D2D;
  --m-head:'Fraunces',Georgia,serif; --m-sub:'Cormorant Garamond',Georgia,serif; --m-body:'Montserrat',Arial,sans-serif;
  font-family:var(--m-body); color:var(--m-char); line-height:1.75; font-size:17px; max-width:none !important; width:100%;
  background-image:url('../patterns/watermark-right.svg'),url('../patterns/watermark-left.svg');
  background-repeat:repeat-y,repeat-y; background-position:right top,left top; background-size:400px 1800px,400px 1800px;
}
.iw-mock *{box-sizing:border-box}
.iw-mock h1,.iw-mock h2,.iw-mock h3{font-family:var(--m-head);color:var(--m-purple);line-height:1.2;margin:0 0 .6rem}
.iw-mock h2::before{display:none !important}
.iw-mock p{margin:0 0 1rem}
.iw-mock .wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.iw-mock .center{text-align:center}
.iw-mock .eyebrow{font-family:var(--m-sub);font-style:italic;font-size:1.35rem;color:var(--m-champ);letter-spacing:.03em;margin:0}
.iw-mock .eyebrow.gold{color:var(--m-gold)}
.iw-mock .rule{width:90px;height:2px;background:linear-gradient(90deg,transparent,var(--m-champ),transparent);margin:1rem auto 1.4rem}
.iw-mock .orn{height:24px;width:300px;max-width:90%;margin:0 auto .8rem;background:url('../ornaments/divider.svg') center/300px 24px no-repeat}
.iw-mock .orn.left{margin-left:0;background-position:left center}
.iw-mock .orn.bright{filter:brightness(1.5)}

/* figures used as small symbols */
.iw-mock figure.ico{margin:0 0 6px;width:64px;height:64px}
.iw-mock figure.ico img{width:64px;height:64px;display:block;border-radius:0;box-shadow:none;margin:0}
.iw-mock .center figure.ico,.iw-mock .hero figure.ico{margin-left:auto;margin-right:auto}

/* buttons */
.iw-mock .wp-block-buttons{gap:0;margin:.4rem 0}
.iw-mock .wp-block-button .wp-block-button__link{display:inline-block;padding:13px 28px;border-radius:40px;text-decoration:none;font-weight:600;font-size:.95rem;border:2px solid transparent;margin:5px;font-family:var(--m-body);line-height:1.5}
.iw-mock .wp-block-button.btn-fill .wp-block-button__link{background:var(--m-gold);color:#fff;border-color:var(--m-gold)}
.iw-mock .wp-block-button.btn-fill .wp-block-button__link:hover{background:var(--m-champ);border-color:var(--m-champ);color:var(--m-dark)}
.iw-mock .wp-block-button.btn-line .wp-block-button__link{background:rgba(255,255,255,.06);border-color:var(--m-champ);color:#fff}
.iw-mock .wp-block-button.btn-line .wp-block-button__link:hover{background:rgba(255,255,255,.16)}
.iw-mock .wp-block-button.btn-purple .wp-block-button__link{background:var(--m-purple);color:#fff}
.iw-mock .wp-block-button.btn-purple .wp-block-button__link:hover{background:var(--m-dark)}
.iw-mock .center .wp-block-buttons,.iw-mock .hero .wp-block-buttons,.iw-mock .cta .wp-block-buttons{justify-content:center}

/* hero */
.iw-mock .hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;
  background:url('../images/mockup/hero-poster.jpg') center/cover no-repeat}
.iw-mock .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(68,30,103,.55) 0%,rgba(121,12,141,.62) 55%,rgba(68,30,103,.78) 100%)}
.iw-mock .hero .wrap{position:relative;max-width:820px;padding-top:70px;padding-bottom:70px}
.iw-mock .hero h1{color:#fff;font-size:clamp(2.2rem,5.2vw,3.7rem);text-shadow:0 2px 18px rgba(0,0,0,.35)}
.iw-mock .hero .lede{font-size:1.15rem;max-width:640px;margin:0 auto 1.8rem}
.iw-mock .hero.small{min-height:46vh}
.iw-mock .hero.small .wrap{padding-top:70px;padding-bottom:70px}
.iw-mock .trust{background:var(--m-dark);color:var(--m-champ);text-align:center;font-size:.92rem;padding:14px 10px;letter-spacing:.04em}
.iw-mock .trust p{margin:0}

/* sections */
.iw-mock .sec{padding:54px 0}
.iw-mock .sec.soft{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(244,236,248,.75) 100%);padding-bottom:84px}
.iw-mock .lead{max-width:700px;margin:0 auto 2.2rem;font-size:1.08rem}
.iw-mock .prose{max-width:780px;margin:0 auto}

/* two columns (text and photo, equal height) */
.iw-mock .twocol{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}
.iw-mock .meet{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1056px;margin:0 auto}
.iw-mock .row-text p{margin:0 0 1rem}
.iw-mock .row-text .wp-block-buttons .wp-block-button__link{margin-left:0}
.iw-mock .imgbox{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 10px 34px rgba(68,30,103,.16);min-height:300px;margin:0}
.iw-mock .imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;margin:0}
.iw-mock figure.portrait{margin:0}
.iw-mock figure.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:22px;box-shadow:0 10px 34px rgba(68,30,103,.16);display:block}

/* cards */
.iw-mock .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.iw-mock .card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(68,30,103,.08);border-top:3px solid var(--m-gold)}
.iw-mock .card figure{margin:0}
.iw-mock .card figure img{width:100%;height:190px;object-fit:cover;display:block;border-radius:0;box-shadow:none}
.iw-mock .card .in{padding:24px 26px 30px}
.iw-mock .card h3{font-size:1.4rem}
.iw-mock .card .cred{font-family:var(--m-sub);font-style:italic;color:var(--m-light);font-size:1.1rem;margin-bottom:.5rem}

/* steps and call-out */
.iw-mock .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:2rem}
.iw-mock .step{text-align:center;padding:10px 18px}
.iw-mock .step figure.ico{margin:0 auto 6px}
.iw-mock .step h3{font-size:1.25rem}
.iw-mock .free{background:linear-gradient(120deg,var(--m-dark),var(--m-purple));color:#fff;border-radius:22px;padding:38px 34px;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:44px}
.iw-mock .free h3{color:#fff;margin:0 0 .3rem}
.iw-mock .free p{margin:0;color:#efe3f5}

/* testimonials, rotating */
.iw-mock .rot{text-align:center;max-width:780px;margin:0 auto}
.iw-mock .rot .slides{display:grid}
.iw-mock .rot .slide{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .8s ease;margin:0}
.iw-mock .rot .slide.on{opacity:1;visibility:visible}
.iw-mock .rot .slide blockquote,.iw-mock .tcard blockquote{font-family:var(--m-sub);font-style:italic;font-size:1.32rem;line-height:1.6;color:var(--m-dark);margin:0 0 1rem;border:0;padding:0;background:none}
.iw-mock .rot .slide blockquote p,.iw-mock .tcard blockquote p{margin:0}
.iw-mock .rot cite{display:block;font-style:normal;color:var(--m-gold);font-weight:600;letter-spacing:.05em}
.iw-mock .dots{display:flex;gap:10px;justify-content:center;margin:14px 0 16px}
.iw-mock .dots button{width:11px;height:11px;border-radius:50%;border:1px solid var(--m-gold);background:transparent;padding:0;cursor:pointer;min-width:0}
.iw-mock .dots button.on{background:var(--m-gold)}
.iw-mock .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.iw-mock .tcard{margin:0;background:#fff;border-radius:22px;padding:34px 34px 28px;box-shadow:0 8px 30px rgba(68,30,103,.08);border-top:3px solid var(--m-gold);display:flex;flex-direction:column}
.iw-mock .tcard.wide{grid-column:1/-1;background:linear-gradient(120deg,#fff,#f6eef9)}
.iw-mock .tcard .by{margin-top:auto;font-size:.95rem}
.iw-mock .tcard .by strong{display:block;color:var(--m-purple);font-size:1.05rem;letter-spacing:.03em}
.iw-mock .tcard .by span{color:#6b5d77}

/* free guide */
.iw-mock .guide{background:#fff;border-radius:22px;box-shadow:0 8px 30px rgba(68,30,103,.08);padding:40px 34px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}
.iw-mock .placeholder{font-size:.8rem;background:#fff7d6;border:1px dashed #e6cf6b;padding:4px 10px;border-radius:6px;display:inline-block;color:#5a4a00}

/* panels, price, mail */
.iw-mock .panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border-radius:22px;padding:38px 40px;box-shadow:0 8px 30px rgba(68,30,103,.08);border-left:5px solid var(--m-gold)}
.iw-mock .panel.one{grid-template-columns:auto 1fr;align-items:center;gap:26px}
.iw-mock .session{max-width:860px;margin:0 auto 44px;background:#fff;border-radius:22px;padding:40px 46px;box-shadow:0 8px 30px rgba(68,30,103,.08);border-top:3px solid var(--m-gold)}
.iw-mock .meta{font-family:var(--m-sub);font-style:italic;font-size:1.15rem;color:var(--m-light);margin:-.2rem 0 .6rem}
.iw-mock .price span{display:inline-block;background:var(--m-dark);color:var(--m-champ);border-radius:40px;padding:6px 20px;font-weight:600;letter-spacing:.04em}
.iw-mock .bigmail{font-family:var(--m-head);font-size:1.7rem;margin:1rem 0 1.4rem}
.iw-mock .bigmail a{color:var(--m-purple);text-decoration:none;border-bottom:2px solid var(--m-gold)}
.iw-mock .three2{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:820px;margin:0 auto}
.iw-mock .cred-card{background:#fff;border-radius:16px;padding:22px;border-top:3px solid var(--m-gold);box-shadow:0 8px 26px rgba(68,30,103,.08);text-align:center;font-family:var(--m-sub);font-size:1.2rem;color:var(--m-dark)}
.iw-mock .creds{list-style:none;padding:0;margin:1rem 0 1.4rem}
.iw-mock .creds li{padding:5px 0 5px 26px;position:relative;font-family:var(--m-sub);font-size:1.15rem;color:var(--m-dark)}
.iw-mock .creds li::before{content:"\2726";position:absolute;left:0;color:var(--m-gold)}
.iw-mock .pull{font-family:var(--m-sub);font-style:italic;font-size:1.6rem;line-height:1.5;color:var(--m-dark);text-align:center;max-width:760px;margin:0 auto}

/* closing banner */
.iw-mock .cta{position:relative;background:url('../images/mockup/cta-cosmic.jpg') center/cover;color:#fff;text-align:center;padding:96px 0}
.iw-mock .cta::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(68,30,103,.62),rgba(121,12,141,.55))}
.iw-mock .cta .wrap{position:relative;z-index:1}
.iw-mock .cta h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem)}
.iw-mock .cta figure.ico{width:140px;height:140px;margin:0 auto 12px;filter:drop-shadow(0 0 10px rgba(221,184,139,.8)) brightness(1.6)}
.iw-mock .cta figure.ico img{width:140px;height:140px}
.iw-mock .cta-lead{max-width:600px;margin:0 auto 1.8rem;font-size:1.1rem;color:#f5ecfa}

@media (max-width:800px){
  .iw-mock .twocol,.iw-mock .meet,.iw-mock .cards,.iw-mock .steps,.iw-mock .guide,.iw-mock .panel,.iw-mock .tgrid,.iw-mock .three2{grid-template-columns:1fr}
  .iw-mock .imgbox{min-height:260px}
  .iw-mock .session{padding:28px 24px}
  .iw-mock .hero{min-height:70vh}
  .iw-mock .cta figure.ico,.iw-mock .cta figure.ico img{width:110px;height:110px}
}

/* Pages whose content is a redesigned .iw-mock block run the full width of the screen, whichever page template they use */
.iw-container--narrow:has(> .iw-mock),.iw-container:has(> .iw-mock){max-width:none !important;width:100%;padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin:0 !important}
.iw-section:has(> .iw-mock){padding-top:0 !important;padding-bottom:0 !important}

/* object-position helpers generated from the mock-up */
.iw-mock figure.op-center-45 img{object-position:center 45%}
.iw-mock figure.op-70-center img{object-position:70% center}
.iw-mock figure.op-center-40 img{object-position:center 40%}
.iw-mock figure.op-62-center img{object-position:62% center}
.iw-mock figure.op-center-60 img{object-position:center 60%}
.iw-mock figure.op-left-center img{object-position:left center}
.iw-mock figure.op-center-center img{object-position:center center}
.iw-mock figure.op-center-55 img{object-position:center 55%}
.iw-mock .twocol.who{margin-top:6.5rem}
.iw-mock .panel.three-c{grid-template-columns:auto 1fr auto;align-items:center;gap:26px}
@media (max-width:800px){.iw-mock .panel.one,.iw-mock .panel.three-c{grid-template-columns:1fr}.iw-mock .twocol.who{margin-top:4rem}}
