/* Botanical accents belong to Wellness; shared desktop layouts stay intact. */
body.wellness-page{--wellness-olive:#596044;--wellness-deep:#485239}
body.modern.wellness-page .wellness-brand-logo{background:var(--wellness-olive)}
body.modern.wellness-page .wellness-film-copy h1,body.modern.wellness-page .wellness-film-copy h1 em,body.modern.wellness-page #wellness-question-title em,body.modern.wellness-page .wellness-section h2 em{color:var(--wellness-deep)}
body.modern.wellness-page :is(.wellness-film-copy,.restoration-question-intro,.wellness-section)>.eyebrow,body.modern.wellness-page .wellness-film-copy .eyebrow{color:var(--wellness-olive)}
body.modern.wellness-page :is(.wellness-film-copy,.restoration-question-section,.wellness-section) .button,body.wellness-page .restoration-panel-next,body.wellness-page .restoration-route-primary{background:var(--wellness-deep);border-color:var(--wellness-deep);color:#fffaf0}
body.wellness-page .restoration-route-primary span{color:#e3e8d8}
body.wellness-page .restoration-option input{accent-color:var(--wellness-deep)}
body.wellness-page .restoration-option:has(input:checked){background:#e7e9dc;border-color:#8b9473;color:#37412e}
body.wellness-page .restoration-panel-top progress{accent-color:var(--wellness-deep)}
body.wellness-page .restoration-panel-top progress::-webkit-progress-value{background:var(--wellness-deep)}
body.wellness-page .restoration-panel-top progress::-moz-progress-bar{background:var(--wellness-deep)}
body.wellness-page .wellness-care-note{background:#edf0e5;border-color:#8b9473}
body.wellness-page .wellness-section{position:relative;isolation:isolate}
body.wellness-page .wellness-section:after{content:'';pointer-events:none;position:absolute;right:14px;bottom:12px;width:88px;height:110px;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' fill='none' stroke='%23596044' stroke-width='1.7'%3E%3Cpath d='M49 124Q35 68 66 10M45 101Q8 98 10 66Q43 68 45 101ZM46 80Q80 79 87 45Q54 47 46 80ZM51 57Q19 50 28 20Q56 31 51 57ZM59 33Q87 28 89 4Q63 5 59 33Z'/%3E%3C/svg%3E") center/contain no-repeat;z-index:-1}
body.modern .button{border-radius:0}
body.modern :is(a.button,button,input,summary):focus-visible{outline:2px solid #967547;outline-offset:4px}
body.modern.wellness-page :is(a.button,button,input,summary):focus-visible{outline-color:var(--wellness-deep)}
/* Phone-only refinements: no changes to laptop sizing or page grids. */
@media(max-width:600px){
 body.modern :is(main,section,article,figure,fieldset){min-width:0}
 body.modern :is(h1,h2,h3,h4,p,a,summary){overflow-wrap:break-word}
 body.modern header.stacked-house nav>a:not(.button){min-height:48px;padding-top:10px;padding-bottom:10px;line-height:1.4;font-size:12px!important}
 body.modern header.stacked-house nav>a>small{line-height:1.5}
 body.modern :is(.actions,.elevate-home-links){gap:12px 18px}
 body.modern .actions>.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;max-width:100%;line-height:1.5}
 body.modern :is(.textlink,.consult-call){min-height:44px;display:inline-flex;align-items:center;line-height:1.6}
 body.modern .menu-row{column-gap:12px;row-gap:10px}
 body.modern .menu-row>div{min-width:0}
 body.modern .menu-row h4{font-size:16px!important;line-height:1.5}
 body.modern .menu-row>div>p{font-size:13px;line-height:1.75}
 body.modern .menu-row>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 body.modern :is(.category-prices,.aesthetics-menu-section,.restoration-question-section) input{font-size:16px}
 .house-finder-field input{font-size:16px!important}
 body.modern .mobile-book{padding-bottom:env(safe-area-inset-bottom,0px)}
 body.modern .mobile-book>a{min-height:50px;display:flex;align-items:center;justify-content:center;line-height:1.4}
 body.modern footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 body.modern.home-page .hero-title-block .house-hero-title{text-shadow:0 2px 18px #1f150cb3,0 1px 4px #1f150c99}
 body.modern.home-page .hero-title-block .hero-welcome{text-shadow:0 2px 12px #1f150cc0}
 body.modern.home-page .hero-editorial .hero-copy{column-gap:0}
 body.modern .wellness-film-hero{min-height:0;padding:38px 6% 100px}
 body.modern .wellness-film-copy h1{font-size:clamp(44px,12vw,62px);line-height:1.08}
 .wellness-film-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
 .wellness-film-hero:after{background:linear-gradient(90deg,rgba(250,247,239,.96),rgba(250,247,239,.87) 72%,rgba(250,247,239,.66))}
 body.modern .restoration-options{grid-template-columns:1fr}
 .restoration-question-card{padding:24px 18px}
 .restoration-option{min-height:52px;font-size:14px}
 .restoration-question-intro>p:not(.eyebrow),.restoration-panel-intro{font-size:14px;line-height:1.8}
 .restoration-route{min-height:70px;box-sizing:border-box}
 body.modern .calendar-top{flex-wrap:wrap}
 body.modern .booking-header-actions a{min-height:44px}
 body.modern .client-collection video{max-width:100%;object-fit:contain}
}

/* Clear mobile wellness composition: IV footage first, copy beneath. */
@media(max-width:800px){
 body.modern.wellness-page .wellness-film-hero{display:flex;flex-direction:column;align-items:stretch;padding:0;min-height:0}
 .wellness-page .wellness-film-backdrop{position:relative;inset:auto;z-index:0;order:0;width:100%;height:clamp(240px,42svh,340px);background:#eee8dd}
 .wellness-page .wellness-film-backdrop video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(1.08) saturate(1.04)}
 .wellness-page .wellness-film-hero:after{display:none}
 .wellness-page .wellness-film-copy{order:1;position:relative;z-index:1;max-width:none;padding:28px 6% 45px;background:#faf7ef}
 body.modern.wellness-page .wellness-film-copy .wellness-brand-logo{width:min(100%,300px);margin:0 0 20px}
 .wellness-page .wellness-film-copy .actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
 .wellness-page .wellness-film-copy .button{max-width:100%}
 .wellness-page .wellness-film-toggle{top:12px;right:12px;bottom:auto;z-index:2}
 .wellness-page .wellness-intro-replay{top:12px;left:12px;bottom:auto;z-index:2;max-width:calc(100% - 160px);margin:0}
 .wellness-intro-reveal .needle{left:0;right:0;width:100%;height:90px;bottom:16vh}
 .wellness-intro-reveal .needle svg{width:100%;height:100%}
}