@font-face{font-family:"Watercolor Serif";src:url("/assets/watercolor-serif.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
/* Opt-in service pattern. Original pages, headers and prose styles are retained. */
section.watercolor-service{--scene-position:50% 60%;--phone-position:100% center;--phone-height:72vw;--phone-copy:56%;position:relative;isolation:isolate;display:grid;grid-template-columns:5.6% minmax(0,41%) 1fr;min-height:45vw;padding:0!important;margin:0;background:#fff9f4;color:#49342e;overflow:hidden}
.watercolor-service::before,.watercolor-service::after{display:none!important}
.watercolor-service .watercolor-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.watercolor-service .watercolor-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--scene-position)}
.watercolor-service .watercolor-copy{grid-column:2;position:relative;z-index:1;align-self:center;margin:0;padding:3.5vw 0;min-width:0}
/* A feathered veil follows the copy, rather than covering the entire painting. */
.watercolor-service .watercolor-copy::before{content:"";position:absolute;z-index:-1;inset:-20px -35px;pointer-events:none;background:radial-gradient(ellipse at 35% 48%,rgba(255,249,244,.25),rgba(255,249,244,.12) 55%,transparent 76%)}
.watercolor-service .watercolor-eyebrow{margin:0 0 18px;color:#9a503e;font:400 clamp(12px,1.12vw,18px)/1.35 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.watercolor-service :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(36px,3.6vw,64px)!important;line-height:1.12!important;letter-spacing:-.025em;color:#49342e;max-width:none;margin:0 0 20px!important;text-wrap:initial;overflow-wrap:normal}
.watercolor-service .watercolor-intro{font:400 clamp(18px,1.4vw,22px)/1.55 Arial,sans-serif;color:#49342e;margin:0 0 20px!important;max-width:none}
.watercolor-service .watercolor-button{display:inline-flex;align-items:center;justify-content:center;width:auto!important;max-width:100%;min-height:48px;margin:0!important;padding:10px 16px!important;background:#9a503e;border:1px solid #9a503e;border-radius:14px;color:#fff;font:600 18px/1.2 Arial,sans-serif!important;text-decoration:none;white-space:nowrap;box-shadow:none}
.watercolor-service .watercolor-button:hover,.watercolor-service .watercolor-button:focus-visible{background:#884331;border-color:#884331}
.watercolor-service--weight{--scene-position:50% 75%;--phone-position:60% 55%;--phone-height:78vw}
.watercolor-service--sleep{--scene-position:50% 50%;--phone-position:100% 50%;--phone-copy:52%}
.watercolor-service--confidence{--scene-position:50% 60%;--phone-position:100% 58%;--phone-copy:52%}
.watercolor-service--sports{--scene-position:50% 65%;--phone-position:95% 60%;--phone-copy:54%}
.watercolor-service--study{min-height:56.25vw;--scene-position:center;--phone-copy:48%;--phone-height:72vw}
.watercolor-service--pain{--scene-position:50% 20%;--phone-position:85% 20%;--phone-height:78vw}
/* Own the first visible gap; remove inherited wrap/first-item inset stacking. */
.watercolor-service+.service-pattern-benefits>.wrap{padding-top:40px!important}
.watercolor-service+.service-pattern-benefits .service-pattern-benefit{padding-top:0}
.watercolor-service+.service-pattern-benefits .service-pattern-intro{padding-top:0}
.watercolor-service+.service-pattern-benefits .service-pattern-mark{margin-top:0}
.watercolor-service+main.grouped-main .content-band:first-child{padding-top:40px!important}
/* Replacing the legacy hero must not reactivate the article's default top inset. */
body.watercolor-service-page main.grouped-main.wrap>article{padding:0!important;margin:0!important}
@media(min-width:768px) and (max-width:1023px){
 section.watercolor-service{display:block;min-height:0;overflow:visible}
 .watercolor-service .watercolor-media{position:relative;inset:auto;aspect-ratio:16/9}
 .watercolor-service .watercolor-media img{object-position:center}
 .watercolor-service .watercolor-copy{max-width:650px;margin:0;padding:20px 40px 0}
 .watercolor-service .watercolor-copy::before{display:none}
 .watercolor-service :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-size:46px!important}
}
@media(max-width:767px){
 section.watercolor-service{display:grid;grid-template-columns:24px minmax(0,calc(var(--phone-copy) - 24px)) minmax(0,1fr) 24px;grid-template-rows:16px auto 10px auto 10px auto 16px auto;min-height:0;overflow:visible}
 .watercolor-service .watercolor-copy{display:contents}
 .watercolor-service .watercolor-copy::before{display:none}
 .watercolor-service .watercolor-media{grid-column:1/-1;grid-row:1/8;position:relative;inset:auto;min-height:var(--phone-height);align-self:stretch;background:#fff9f4}
 .watercolor-service .watercolor-media img{position:absolute;inset:0;object-position:var(--phone-position)}
 .watercolor-service .watercolor-media::after{content:"";position:absolute;top:0;left:0;width:calc(var(--phone-copy) + 7%);height:100%;pointer-events:none;background:radial-gradient(ellipse at 22% 40%,rgba(255,249,244,.62),rgba(255,249,244,.38) 48%,rgba(255,249,244,.1) 68%,transparent 82%)}
 .watercolor-service .watercolor-eyebrow{grid-column:2;grid-row:2;z-index:1;align-self:start;margin:0;font-size:12px;line-height:1.35;letter-spacing:.1em}
 .watercolor-service :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){grid-column:2;grid-row:4;z-index:1;align-self:start;margin:0!important;font-size:clamp(28px,7.2vw,41px)!important;line-height:1.12!important;max-width:100%}
 .watercolor-service .watercolor-button{grid-column:2/4;grid-row:6;z-index:1;justify-self:start;align-self:start;min-height:48px}
 .watercolor-service .watercolor-intro{grid-column:1/-1;grid-row:8;z-index:1;margin:0!important;padding:18px 24px 0;font-size:18px;line-height:1.55}
 /* Keep all eight notebook symbols, pen, cup and books in view without zooming. */
 .watercolor-service--study .watercolor-media img{object-fit:contain;object-position:center bottom}
 .watercolor-service+.service-pattern-benefits>.wrap{padding-top:30px!important}
 .watercolor-service+.service-pattern-benefits .service-pattern-benefit:first-child{padding-top:0!important}
 .watercolor-service+.service-pattern-benefits .service-pattern-intro{padding-top:0!important}
 .watercolor-service+.service-pattern-benefits .service-pattern-mark{margin-top:0!important}
 .watercolor-service+main.grouped-main .content-band:first-child{padding-top:30px!important}
}
@media(max-width:350px){.watercolor-service--weight{--phone-position:35% 55%}}
@media print{
 section.watercolor-service{display:block;min-height:0;overflow:visible}
 .watercolor-service .watercolor-media{position:relative;inset:auto;aspect-ratio:16/9;min-height:0}
 .watercolor-service .watercolor-media img{position:static;object-fit:contain}
 .watercolor-service .watercolor-media::after,.watercolor-service .watercolor-copy::before{display:none}
 .watercolor-service .watercolor-copy{display:block;padding:20px 24px}
 .watercolor-service .watercolor-intro{padding:0;margin-bottom:20px!important}
 .watercolor-service :is(h1:where(:not(.hero-keyword)),:where(.hero-editorial-title)){font-size:36px!important;margin-bottom:20px!important}
 .watercolor-service .watercolor-eyebrow{margin-bottom:12px}
}