@font-face{font-family:Watercolor Serif;src:url("/assets/watercolor-serif.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
/* Scoped watercolor hero pattern; existing body/header/footer styles remain untouched. */
section.watercolor-hero{position:relative!important;isolation:isolate;aspect-ratio:1672/941;min-height:0!important;padding:0!important;background:#f8f0e5!important;color:#392d20!important;overflow:hidden}
.watercolor-hero::before,.watercolor-hero::after{display:none!important}
.watercolor-hero .watercolor-media{position:absolute;inset:0;z-index:0;display:block}
.watercolor-hero .watercolor-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.watercolor-hero .watercolor-copy{position:absolute;z-index:1;top:21%;left:5.6%;width:38%;max-width:none;margin:0!important;padding:0!important}
.watercolor-hero .watercolor-eyebrow{margin:0 0 2.2vw!important;color:#a94e32!important;font:400 clamp(12px,1.12vw,20px)/1.35 Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase}
.watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-family:"Watercolor Serif","Times New Roman",serif!important;font-weight:400!important;font-size:clamp(32px,4.2vw,82px)!important;line-height:1.14!important;letter-spacing:-.025em!important;color:inherit!important;max-width:none!important;margin:0 0 2vw!important;text-wrap:initial!important}
.watercolor-hero .watercolor-intro{font:400 clamp(17px,1.65vw,32px)/1.4 Arial,sans-serif!important;color:#635b51!important;max-width:none!important;margin:0 0 2.3vw!important}
.watercolor-hero .watercolor-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;max-width:100%;min-height:44px;padding:.8em 1.3em!important;background:#9a503e!important;border:1px solid #9a503e!important;border-radius:14px!important;color:#fff!important;font:600 clamp(16px,1.6vw,28px)/1.2 Arial,sans-serif!important;text-decoration:none;box-shadow:none!important}
.watercolor-hero .watercolor-button:hover{background:#884331!important;border-color:#884331!important}
.watercolor-hero .watercolor-button:focus-visible{outline:3px solid #49342e;outline-offset:4px}
.watercolor-hero--home .watercolor-copy{top:26.5%;width:45%}
.watercolor-hero--home :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){margin-bottom:2.6vw!important}
.watercolor-hero--about .watercolor-copy{top:30.8%;width:36%}
.watercolor-hero--about{color:#fff8ee!important}
.watercolor-hero--about .watercolor-eyebrow{color:#f2c493!important;margin-bottom:1.4vw!important}
.watercolor-hero--about :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-size:clamp(32px,4.1vw,80px)!important;margin-bottom:1.5vw!important}
.watercolor-hero--about .watercolor-intro{color:#fff8ee!important;font-size:clamp(17px,1.4vw,28px)!important;margin-bottom:1.4vw!important}
.watercolor-hero--self .watercolor-copy{top:14.5%;width:38%}
.watercolor-hero--self{color:#2e3538!important}
.watercolor-hero--self .watercolor-intro{color:#364047!important}
@media(min-width:1921px){.watercolor-hero .watercolor-copy{top:24%}.watercolor-hero--home .watercolor-copy{top:29%}.watercolor-hero--self .watercolor-copy{top:20%}.watercolor-hero--about .watercolor-copy{top:33%}}
@media(max-width:1023px){
 section.watercolor-hero{aspect-ratio:auto;overflow:visible;background:#fff9f4!important}
 .watercolor-hero .watercolor-media{position:relative;inset:auto;aspect-ratio:4/3;width:100%;overflow:hidden}
 .watercolor-hero .watercolor-media img{object-position:85% center}
 .watercolor-hero--about .watercolor-media img{object-position:60% center}
 .watercolor-hero .watercolor-copy{position:relative;top:auto!important;left:auto;width:auto!important;margin:0!important;padding:18px 24px 32px!important}
 .watercolor-hero .watercolor-eyebrow{font-size:12px!important;letter-spacing:.15em!important;margin:0 0 14px!important}
 .watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)),.watercolor-hero--about :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-size:clamp(31px,8.5vw,46px)!important;line-height:1.12!important;margin:0 0 18px!important}
 .watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)) .watercolor-line{display:inline}
 .watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)) .watercolor-line::after{content:" "}
 .watercolor-hero .watercolor-intro{font-size:18px!important;line-height:1.45!important;margin:0 0 22px!important}
 .watercolor-hero .watercolor-button{font-size:18px!important;min-height:48px;padding:13px 24px!important;margin:0!important;width:auto!important}
 .watercolor-hero--about{color:#49342e!important}
 .watercolor-hero--about .watercolor-eyebrow{color:#9a503e!important}
 .watercolor-hero--about .watercolor-intro{color:#49342e!important}
}
@media(min-width:1024px){.watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)) .watercolor-line{display:block}}

@media(min-width:1024px) and (max-width:1200px){.watercolor-hero--about .watercolor-copy{top:24%}}
@media(min-width:768px) and (max-width:1023px){.watercolor-hero .watercolor-media{aspect-ratio:1672/941}.watercolor-hero .watercolor-copy{max-width:650px!important;padding:24px 40px 36px!important}.watercolor-hero :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-size:46px!important}}

/* Compact watercolor pattern, opt-in on three pages. About Anat is excluded. */
@media(min-width:1024px){
 section.watercolor-hero:is(.watercolor-hero--home,.watercolor-hero--hypnotherapy,.watercolor-hero--self){aspect-ratio:auto;min-height:43.06vw!important}
 section.watercolor-hero.watercolor-hero--home{min-height:48.4vw!important}
 .watercolor-hero:is(.watercolor-hero--home,.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-copy{position:relative;top:auto!important;padding:4.5vw 0 3vw!important}
 .watercolor-hero--home .watercolor-copy{padding-top:11vw!important}
 .watercolor-hero--self .watercolor-copy{padding-top:3vw!important}
 .watercolor-hero:is(.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-eyebrow{margin-bottom:1.7vw!important}
 .watercolor-hero:is(.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-intro{margin-bottom:1.8vw!important}
 .watercolor-hero--home .watercolor-media img{object-position:50% 52%}
 .watercolor-hero--hypnotherapy .watercolor-media img{object-position:50% 60%}
 .watercolor-hero--self .watercolor-media img{object-position:50% 55%}
}
@media(max-width:1023px){
 .watercolor-hero--home .watercolor-media{aspect-ratio:50/31}
 .watercolor-hero:is(.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-media{aspect-ratio:50/27}
 .watercolor-hero:is(.watercolor-hero--home,.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-copy{padding:16px 24px 24px!important}
 .watercolor-hero:is(.watercolor-hero--home,.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-eyebrow{margin-bottom:12px!important}
 .watercolor-hero--home .watercolor-media img{object-position:75% 52%;transform:scale(1.08);transform-origin:75% 52%}
 .watercolor-hero--hypnotherapy .watercolor-media img{object-position:72% 58%;transform:scale(1.12);transform-origin:72% 58%}
 .watercolor-hero--self .watercolor-media img{object-position:82% 48%;transform:scale(1.18);transform-origin:82% 48%}
}
@media(min-width:768px) and (max-width:1023px){
 .watercolor-hero--home .watercolor-media{aspect-ratio:2/1}
 .watercolor-hero:is(.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-media{aspect-ratio:7/3}
 .watercolor-hero:is(.watercolor-hero--home,.watercolor-hero--hypnotherapy,.watercolor-hero--self) .watercolor-copy{padding:20px 40px 28px!important}
}

/* Homepage-only composition adjustment. Keep v3 frame and text dimensions. */
@media(min-width:1024px){
 .watercolor-hero--home .watercolor-media img{object-position:50% 85%}
 .watercolor-hero--home .watercolor-copy{transform:translateY(28px)}
}
@media(max-width:767px){
 .watercolor-hero--home .watercolor-media img{object-position:90% 90%;transform:scale(1.16);transform-origin:90% 90%}
 .watercolor-hero--home .watercolor-copy{transform:translateY(6px)}
}
@media(min-width:768px) and (max-width:1023px){
 .watercolor-hero--home .watercolor-media img{object-position:85% 75%;transform:scale(1.08);transform-origin:85% 75%}
 .watercolor-hero--home .watercolor-copy{transform:translateY(8px)}
}

/* Exploratory Homepage phone test only. No rules above 767px. */
@media(max-width:767px){
 section.watercolor-hero.watercolor-hero--home{
  display:grid;grid-template-columns:20px minmax(0,calc(46% - 20px)) minmax(0,1fr) 20px;
  grid-template-rows:16px auto 10px auto 10px auto 16px auto;
  isolation:isolate;overflow:visible;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-copy{display:contents!important;transform:none}
 .watercolor-hero.watercolor-hero--home .watercolor-media{
  grid-column:1/-1;grid-row:1/8;position:relative;inset:auto;aspect-ratio:auto;
  min-height:78vw;align-self:stretch;overflow:hidden;background:#fff9f4;z-index:0;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-media img{
  position:absolute;inset:auto 0 0 auto;display:block;width:116%;height:auto;
  object-fit:contain;object-position:right bottom;transform:none;transform-origin:right bottom;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,249,244,.70),rgba(255,249,244,.64) 38%,rgba(255,249,244,.54) 52%,rgba(255,249,244,.28) 62%,rgba(255,249,244,0) 78%);
 }
 .watercolor-hero.watercolor-hero--home .watercolor-eyebrow{
  grid-column:2/4;grid-row:2;z-index:2;align-self:start;margin:0!important;max-width:80%;
 }
 .watercolor-hero.watercolor-hero--home :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){
  grid-column:2;grid-row:4;z-index:2;align-self:start;margin:0!important;
  font-size:clamp(26px,6.8vw,36px)!important;color:#49342e!important;
  max-width:100%!important;overflow-wrap:normal!important;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-button{
  grid-column:2;grid-row:6;z-index:2;justify-self:start;align-self:start;
  max-width:100%;box-sizing:border-box;padding:10px 16px!important;min-height:48px;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-intro{
  grid-column:1/-1;grid-row:8;z-index:1;align-self:start;
  margin:0!important;padding:16px 24px 24px;max-width:none!important;
 }
}


.homepage-phone-hero-support{display:none}
@media(max-width:767px){
 body.homepage #main{margin-top:0;padding-top:0}
 body.homepage{--home-section-inset:24px;--home-heading-gap:12px;--home-subheading-gap:12px;--watercolor-phone-h2:22px;--watercolor-phone-h3:20px}
 body.homepage #main h2:where(:not(.hero-editorial-title)){font-family:var(--serif)!important;font-size:var(--watercolor-phone-h2)!important;font-weight:450!important;line-height:1.2}
 body.homepage #main h3{font-family:var(--serif)!important;font-size:var(--watercolor-phone-h3)!important;font-weight:500!important;line-height:1.25}
 /* The 78vw frame contains a 116vw-wide, 1672:941 image (65.2835vw high).
    Reclaim only its unused cream tail in flow; image/frame/copy geometry is unchanged. */
 body.homepage .homepage-phone-hero-support{
  display:block;position:relative;margin-top:calc(116vw * 941 / 1672 - 78vw);padding:22px 24px 0;
 }
 body.homepage .homepage-phone-hero-support p{
  margin:0;font-size:20px;line-height:1.55;font-weight:400;text-align:left;
 }
 body.homepage main>section.symptom-section{
  margin-top:0;padding-top:26px!important;position:relative;
 }
 body.homepage #main :is(.homepage-copy p,.paths-intro,.paths-grid p,.services-intro p,.ready-copy>p:not(.contact-action-note)){
  font-size:20px;line-height:1.6;
 }
 body.homepage .homepage-about.about-text-first .about{grid-template-columns:1fr;row-gap:1.25rem}
 body.homepage .homepage-about.about-text-first .about-heading{grid-column:1;grid-row:1}
 body.homepage .homepage-about.about-text-first .homepage-copy{grid-column:1;grid-row:2;min-width:0}
 body.homepage .homepage-about.about-text-first .homepage-copy>p:nth-of-type(2){margin-bottom:0!important}
 body.homepage .homepage-about.about-text-first .homepage-copy>.portrait{margin:20px 0;padding-bottom:0;grid-column:auto;grid-row:auto}
 body.homepage .video-feature h2:where(:not(.hero-editorial-title)){margin-bottom:12px!important}
 section.watercolor-hero.watercolor-hero--home{display:block;margin-top:0!important}
 .watercolor-hero.watercolor-hero--home .watercolor-media{height:78vw}
 .watercolor-hero.watercolor-hero--home .watercolor-media img{inset:0 0 auto auto}
 .watercolor-hero.watercolor-hero--home .watercolor-copy{
  display:block!important;position:absolute;top:clamp(8px,2.5vw,16px)!important;bottom:auto;left:20px;
  width:calc(48% - 20px)!important;padding:0!important;transform:none;isolation:isolate;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-eyebrow{
  max-width:calc(80vw - 32px);width:calc(80vw - 32px);margin:0 0 8px!important;
 }
 .watercolor-hero.watercolor-hero--home :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){margin:0!important}
 .watercolor-hero.watercolor-hero--home .watercolor-button{display:none!important}
 .watercolor-hero.watercolor-hero--home .watercolor-media::after{
  background:none;
 }
 .watercolor-hero.watercolor-hero--home .watercolor-copy::before{
  content:"";position:absolute;inset:-8px -10px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 45% 50%,rgba(255,249,244,.24) 0,rgba(255,249,244,.12) 55%,rgba(255,249,244,0) 75%);
 }
}
@media(max-width:360px){
 .watercolor-hero.watercolor-hero--home .watercolor-copy{width:calc(50% - 20px)!important}
}

/* Homepage desktop review: header booking remains available; hero stays editorial. */
@media(min-width:1024px){
 body.homepage .watercolor-hero--home .watercolor-button{display:none!important}
 body.homepage .homepage-phone-hero-support{
  display:block;width:min(1160px,calc(100% - 3rem));margin:0 auto;padding:24px 0 0;
 }
 body.homepage .homepage-phone-hero-support p{
  max-width:820px;margin:0;font-size:20px;line-height:1.55;font-weight:400;text-align:left;
 }
 body.homepage main>section.symptom-section{padding-top:32px!important}
}

/* Reuse the approved scheduling icon for homepage booking actions. */
body.homepage .homepage-book-calendar{
 display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
 stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body.homepage .homepage-calendar-booking{gap:6px}

/* Approved homepage header, promoted as one shared standard. Shell navigation stays intact. */
.replacement-header.shared-site-header .replacement-utility :is(.replacement-desktop-call,.replacement-desktop-text){display:none}
.replacement-header.shared-site-header .replacement-contact-group{display:contents}
.replacement-header.shared-site-header .replacement-phone-actions{display:none}
.replacement-header.shared-site-header .replacement-book-calendar{display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.replacement-header.shared-site-header .replacement-book{gap:6px}
@media(min-width:841px){
 .replacement-header.shared-site-header .replacement-utility{gap:24px;white-space:nowrap}
 .replacement-header.shared-site-header .replacement-contact-group{display:flex;align-items:center;gap:8px;margin:0;padding:0}
 .replacement-header.shared-site-header .replacement-phone{font-weight:400;text-decoration:none;color:#63534b}
 .replacement-header.shared-site-header .replacement-utility :is(.replacement-desktop-call,.replacement-desktop-text){
  display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;
  margin:0;padding:0 10px;border-left:1px solid rgba(73,52,46,.18);
  color:#9a503e;font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none;
 }
 .replacement-header.shared-site-header .replacement-utility :is(.replacement-desktop-call,.replacement-desktop-text) svg{
  width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
 }
 .replacement-header.shared-site-header .replacement-utility .replacement-desktop-text svg{stroke-width:2.1}
 .replacement-header.shared-site-header .replacement-utility :is(.replacement-desktop-call,.replacement-desktop-text):hover{color:#7f3c2b}
 .replacement-header.shared-site-header .replacement-utility :is(.replacement-desktop-call,.replacement-desktop-text):focus-visible{outline:2px solid #49342e;outline-offset:2px}
}
@media(max-width:840px){
 .replacement-header.shared-site-header{border-bottom:0;box-shadow:none}
 .replacement-header.shared-site-header .replacement-site-nav>summary{padding-inline:.88rem!important}
 .replacement-header.shared-site-header .replacement-phone-actions{
  grid-area:actions;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
  align-items:center;justify-self:center;width:min(100%,360px);box-sizing:border-box;
  position:relative;isolation:isolate;gap:4px;margin:2px 0;padding:0 4px;min-height:46px;border:0;border-radius:0;
 }
 .replacement-header.shared-site-header .replacement-phone-actions::before{
  content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);
  z-index:-1;background:#faf0e7;pointer-events:none;
 }
 .replacement-header.shared-site-header .replacement-phone-actions a{
  display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;
  box-sizing:border-box;padding:0 8px;font:500 14px/1.2 Arial,sans-serif;
  color:#9a503e;text-decoration:none;white-space:nowrap;
 }
 .replacement-header.shared-site-header .replacement-phone-actions :is(.phone-call,.phone-text){border-left:1px solid rgba(73,52,46,.18)}
 .replacement-header.shared-site-header .replacement-phone-actions svg{
  width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
 }
 .replacement-header.shared-site-header .replacement-phone-actions .phone-text svg{stroke-width:2.1}
 .replacement-header.shared-site-header .replacement-phone-actions .phone-book{
  min-height:44px;padding:0 8px;margin:0;border-left:0;border-radius:0;background:transparent;color:#884331;font-size:15px;font-weight:700;text-decoration:none;
 }
 .replacement-header.shared-site-header .replacement-phone-actions .phone-book:hover{background:transparent;color:#7f3c2b;text-decoration:none}
 .replacement-header.shared-site-header .replacement-phone-actions a:focus-visible{outline:3px solid #49342e;outline-offset:2px}
}
@media(max-width:370px){
 .replacement-header.shared-site-header .replacement-phone-actions :is(.phone-call,.phone-text){padding-inline:4px}
}
@media(max-width:350px){
 .replacement-header.shared-site-header .replacement-nav-wrap{column-gap:.5rem}
 .replacement-header.shared-site-header .replacement-phone-actions :is(.phone-call,.phone-text){padding-inline:3px}
}

/* v41 batch: new interior pages plus two explicitly reviewed v40 refinements. */
.watercolor-service--anxiety{--copy-width:40%;--copy-top:6.8vw;--final-position:50% 40%;--phone-copy-end:50%;--phone-left:20px;--phone-top:16px;--phone-gap:8px;--phone-bottom:14px;--phone-title:clamp(24px,6vw,36px);--phone-leading:1.08}
.watercolor-service--stress{--copy-width:35%;--copy-top:6.5vw;--final-position:50% 75%;--phone-copy-end:50%;--phone-left:20px;--phone-top:14px;--phone-gap:8px;--phone-bottom:12px;--phone-title:clamp(24px,6vw,36px);--phone-leading:1.08}
.watercolor-service--plr{--copy-width:39%;--copy-top:5.6vw;--final-position:50% 60%;--phone-copy-end:50%;--phone-left:20px;--phone-top:14px;--phone-gap:8px;--phone-bottom:14px;--phone-title:clamp(24px,6vw,36px);--phone-leading:1.08}
.watercolor-service--hypnotist{--copy-width:42%;--copy-top:6vw;--final-position:50% 100%;--phone-copy-end:54%;--phone-left:20px;--phone-top:14px;--phone-gap:8px;--phone-bottom:12px;--phone-title:clamp(24px,6vw,36px);--phone-leading:1.08}
.watercolor-service--events{--copy-width:42%;--copy-top:9vw;--final-position:50% 75%;--phone-copy-end:53%;--phone-left:20px;--phone-top:14px;--phone-gap:8px;--phone-bottom:12px;--phone-title:clamp(24px,6vw,36px);--phone-leading:1.08}
.next-hero-support{padding:24px 0 0;margin:0;background:#fff9f4}
.next-content-column{width:min(var(--support-column,940px),calc(100% - 3rem));margin:0 auto}
.next-hero-support p{margin:0;font:400 20px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#49342e}
body.watercolor-next-page .next-hero-support+.service-pattern-benefits>.wrap,body.watercolor-next-page .next-hero-support+.plr-benefits>.wrap{padding-top:32px!important}
body.watercolor-next-page .next-hero-support+.service-pattern-benefits .service-pattern-benefit,body.watercolor-next-page .next-hero-support+.service-pattern-benefits .service-pattern-mark{padding-top:0;margin-top:0}
body.watercolor-next-page main:not(.grouped-main)>article{padding-top:32px!important}
body.watercolor-next-page main:not(.grouped-main) h2:where(:not(.hero-editorial-title)){font-family:var(--serif)!important;font-size:30px!important;font-weight:500!important;line-height:1.22;letter-spacing:-.025em}
body.watercolor-next-page main:not(.grouped-main) h3{font-family:var(--serif)!important;font-size:23px!important;font-weight:500!important;line-height:1.35;letter-spacing:-.025em}
body.watercolor-next-page main:not(.grouped-main) :is(p,ul,ol){font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18.4px!important;font-weight:400;line-height:1.68}
body.watercolor-next-page main .next-contact-link{margin-top:12px!important}
/* Study: full-frame paper backdrop under an intact foreground; feather only its blank left paper.
   The foreground becomes fully opaque before any cup, pen or notebook symbolism. */
@media(min-width:1024px){
 body.watercolor-six-page .watercolor-service--study .watercolor-media::before{content:"";position:absolute;inset:0;z-index:0;background:url("/assets/watercolor/study-skills-focus-eight-of-pentacles-style-matched-final-1672.jpg") 50% 50%/cover no-repeat;background-image:image-set(url("/assets/watercolor/study-skills-focus-eight-of-pentacles-style-matched-final-1672.delivery.webp") type("image/webp"),url("/assets/watercolor/study-skills-focus-eight-of-pentacles-style-matched-final-1672.jpg") type("image/jpeg"))}
 body.watercolor-six-page .watercolor-service--study .watercolor-media img{z-index:1;object-fit:contain;object-position:100% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 23%,#000 43%);mask-image:linear-gradient(90deg,transparent 23%,#000 43%)}
}
@media(min-width:768px) and (max-width:980px){body.watercolor-next-page main:not(.grouped-main) :is(p,ul,ol){font-size:17.28px!important;line-height:1.72}}
@media(max-width:767px){
 .next-hero-support{padding-top:18px}
 .next-content-column{width:min(var(--support-column,940px),calc(100% - 2rem))}
 .next-hero-support p{font-size:20px;line-height:1.6}
 body.watercolor-next-page .next-hero-support+.service-pattern-benefits>.wrap,body.watercolor-next-page .next-hero-support+.plr-benefits>.wrap{padding-top:30px!important}
 body.watercolor-next-page .next-hero-support+.service-pattern-benefits .service-pattern-benefit:first-child{padding-top:0!important}
 body.watercolor-next-page main:not(.grouped-main)>article{padding-top:30px!important}
 body.watercolor-next-page main h2:where(:not(.hero-editorial-title)),body.watercolor-next-page .plr-benefits h2:where(:not(.hero-editorial-title)){font-family:var(--serif)!important;font-size:22px!important;font-weight:450!important;line-height:1.2}
 body.watercolor-next-page main h3{font-family:var(--serif)!important;font-size:20px!important;font-weight:500!important;line-height:1.25}
 body.watercolor-next-page :is(main p,main ul,main ol,.plr-benefits p){font-size:20px!important;font-weight:400;line-height:1.6!important}
 /* New washes follow only the headline track; no image-wide fade. */
 body.watercolor-next-page section.watercolor-service--plr::after,body.watercolor-next-page section.watercolor-service--hypnotist::after{content:""!important;display:block!important;grid-column:2;grid-row:4;z-index:1;align-self:stretch;margin:-6px -8px;pointer-events:none;background:radial-gradient(ellipse at 78% 65%,rgba(255,249,244,.48),rgba(255,249,244,.18) 52%,transparent 82%)}
 body.watercolor-next-page section.watercolor-service--plr::after{background:radial-gradient(ellipse at 70% 72%,rgba(255,249,244,.35),rgba(255,249,244,.12) 54%,transparent 82%)}
 body.watercolor-next-page section.watercolor-service--hypnotist::after{background:radial-gradient(ellipse at 80% 60%,rgba(255,249,244,.30),rgba(255,249,244,.10) 54%,transparent 82%)}
 /* v51: use natural left paper and additional lines before increasing cream. */
 body.watercolor-next-page :is(.watercolor-service--stress,.watercolor-service--anxiety) .mobile-hero-line{display:block}
 body.watercolor-next-page .watercolor-service--stress .hero-editorial-title{width:calc(48vw - 20px);max-width:100%}
 body.watercolor-next-page .watercolor-service--anxiety .hero-editorial-title{width:calc(46vw - 20px);max-width:100%;position:relative;isolation:isolate}
 body.watercolor-next-page .watercolor-service--anxiety .hero-editorial-title::before{content:"";position:absolute;inset:-18px -28px -22px -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 44% 19% at 47% 20%,rgba(255,249,244,.30) 0%,rgba(255,249,244,.10) 55%,transparent 100%),radial-gradient(ellipse 47% 36% at 50% 47%,rgba(255,249,244,.38) 0%,rgba(255,249,244,.14) 48%,transparent 100%),radial-gradient(ellipse 40% 22% at 50% 75%,rgba(255,249,244,.34) 0%,rgba(255,249,244,.10) 55%,transparent 100%)}
 /* Stress: include the eyebrow and title, with a feathered right edge. */
 body.watercolor-next-page section.watercolor-service--stress::after{display:none!important}
 body.watercolor-next-page .watercolor-service--stress :is(.watercolor-eyebrow,.hero-editorial-title){position:relative;isolation:isolate}
 body.watercolor-next-page .watercolor-service--stress :is(.watercolor-eyebrow,.hero-editorial-title)::before{content:"";position:absolute;inset:-18px -34px -22px -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 44% 19% at 47% 20%,rgba(255,249,244,.36) 0%,rgba(255,249,244,.12) 55%,transparent 100%),radial-gradient(ellipse 47% 36% at 50% 47%,rgba(255,249,244,.50) 0%,rgba(255,249,244,.18) 48%,transparent 100%),radial-gradient(ellipse 40% 22% at 50% 75%,rgba(255,249,244,.38) 0%,rgba(255,249,244,.12) 55%,transparent 100%)}
 /* Sports only: extend the existing copy footprint down/right, leaving the paths outside it. */
 body.watercolor-six-page section.watercolor-service--sports::after{grid-row:2/5;margin:-6px -14px -12px -8px;background:radial-gradient(ellipse at 80% 58%,rgba(255,249,244,.62),rgba(255,249,244,.26) 58%,transparent 86%)}
}
@media(max-width:767px){
 /* The longer Events label uses a separate, compact upper text track. */
 body.watercolor-next-page .watercolor-service--events .watercolor-eyebrow{grid-column:2/4;width:70%;max-width:70%;position:relative;isolation:isolate}
 body.watercolor-next-page .watercolor-service--events .watercolor-eyebrow::before{content:"";position:absolute;inset:-4px -6px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 55%,rgba(255,249,244,.28),rgba(255,249,244,.08) 52%,transparent 82%)}
 body.watercolor-next-page section.watercolor-service--events::after{content:""!important;display:block!important;grid-column:2;grid-row:4;z-index:1;align-self:stretch;margin:-6px -8px;pointer-events:none;background:radial-gradient(ellipse at 80% 72%,rgba(255,249,244,.38),rgba(255,249,244,.12) 54%,transparent 82%)}
}
/* Homepage retains its own geometry; the explicit no-hero-CTA/support decisions include tablet. */
body.homepage .watercolor-hero--home .watercolor-button{display:none!important}
@media(min-width:768px) and (max-width:1023px){
 body.homepage .homepage-phone-hero-support{display:block;width:min(1160px,calc(100% - 3rem));margin:0 auto;padding:24px 0 0}
 body.homepage .homepage-phone-hero-support p{max-width:820px;margin:0;font-size:20px;line-height:1.55;font-weight:400;text-align:left}
 body.homepage .watercolor-hero--home :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){margin-bottom:0!important}
}

/* TEMPORARY homepage desktop height comparison; not an approved global rule. */
@media(min-width:1024px){
 body.homepage section.watercolor-hero.watercolor-hero--home{min-height:43.06vw!important}
 body.homepage .watercolor-hero--home .watercolor-media img{object-position:50% 82%}
}

/* TEMPORARY HOMEPAGE MOBILE HEIGHT TEST; review required, not approved.
   Keep the existing 116%-wide/top-right image and text coordinates.
   Source y850 retains the gateway bases/path/terrace; trim lowest paper only.
   In-flow live copy supplies a content-fit fallback on narrower phones. */
@media(max-width:767px){
 body.homepage section.watercolor-hero.watercolor-hero--home{
  min-height:calc(116vw * 850 / 1672)!important;
  padding:clamp(8px,2.5vw,16px) 0 16px!important;box-sizing:border-box;
 }
 body.homepage .watercolor-hero.watercolor-hero--home .watercolor-media{
  position:absolute;inset:0;min-height:0;height:100%;
 }
 body.homepage .watercolor-hero.watercolor-hero--home .watercolor-copy{
  position:relative;top:0!important;
 }
 body.homepage .homepage-phone-hero-support{margin-top:0}
}

/* Explicit ordinary-content role; special UI headings never receive this class.
   Important layer beats legacy unlayered !important title-sized prose rules.
   Breakpoint-specific typography only; no spacing declarations. */
@layer staging-content-type {
 @media(max-width:767px) {
  h2.staging-content-heading {font-size:22px!important;font-weight:450!important;line-height:1.2!important}
 }
}

/* Tablet hierarchy follows the two existing desktop hero families.
   The smaller service family reaches only36.864px at1024px; its tablet cap
   must respect that approved scale rather than forcing every title to40px. */
@layer staging-content-type {
 @media(min-width:768px) and (max-width:1023px) {
  section:is(.watercolor-hero,.watercolor-service) .hero-editorial-title {
   font-size:clamp(38px,4vw,42px)!important;
  }
  section.watercolor-service .hero-editorial-title {
   font-size:clamp(36px,3.6vw,40px)!important;
  }
  h2.staging-content-heading {font-size:26px!important;font-weight:450!important;line-height:1.22!important}
  h3.staging-content-subheading {font-size:21.5px!important;font-weight:500!important;line-height:1.28!important}
 }
}

/* One continuous tablet overlay frame. Phone and desktop remain in their existing systems.
   In-flow copy sizes the frame; absolute artwork fills that same frame, never a preceding row.
   About Anat retains its separate approved real-photo composition. */
@media (min-width:768px) and (max-width:1023px){
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about){
  display:grid!important;
  grid-template-columns:5.6% minmax(0,var(--supporting-width,var(--five-width,var(--copy-width,42%)))) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  position:relative!important;isolation:isolate;
  aspect-ratio:auto!important;min-height:43.06vw!important;overflow:hidden!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-media{
  position:absolute!important;inset:0!important;grid-column:1/-1!important;grid-row:1!important;
  width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-media img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy{
  display:block!important;grid-column:2!important;grid-row:1!important;
  position:relative!important;top:auto!important;left:auto!important;align-self:start!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:6vw 0 4vw!important;z-index:1;
 }
 /* Tablet composition is editorial only. Later/global actions remain available.
    Both actions are direct children: display:none removes their boxes and hit areas. */
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy > :is(a.watercolor-button,a.book-hero-preview){
  display:none!important;
 }
 /* Remove only the former title-to-action gap; CTA-free heroes are untouched. */
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy:has(> a.watercolor-button:not(.homepage-calendar-booking),> a.book-hero-preview) > .hero-editorial-title{
  margin-bottom:0!important;
 }
 body.homepage .homepage-phone-hero-support{
  display:block;width:min(1160px,calc(100% - 3rem));margin:0 auto;padding:24px 0 0;
 }
 body.homepage .homepage-phone-hero-support p{
  max-width:820px;margin:0;font-size:20px;line-height:1.55;font-weight:400;text-align:left;
 }
}