/* Original Brodard mark: the SVG filter makes the white paper transparent. */
.relief-study .authentic-logo{display:block;width:100%;height:auto;overflow:hidden}
.relief-study .wordmark{display:block;width:235px;line-height:1;letter-spacing:0;background:none;border:0;padding:0;box-shadow:none}
.relief-study .masthead{display:grid;grid-template-columns:1fr auto 1fr;padding-top:48px}
.relief-study .masthead .wordmark{grid-column:2;grid-row:1}
.relief-study .masthead nav{grid-column:1;grid-row:1;gap:25px}
.relief-study .masthead .header-phone{grid-column:3;grid-row:1;justify-self:end}
.relief-study .footer-logo{display:block;width:min(460px,85%);line-height:1;background:none}
/* Fit the approved composition inside the viewport, including short screens. */
.relief-study .hero-panel{min-height:100svh;height:100svh;padding:148px 5vw 100px}
.relief-study .hero-panel h1{font-size:clamp(52px,5.5vw,88px);margin:18px 0}
.relief-study .journey.animated .scroll-cue{top:auto;bottom:12px;min-height:44px;justify-content:center}
@media(max-width:900px){.relief-study .masthead{display:flex;justify-content:space-between}.relief-study .wordmark{width:215px}}
@media(max-width:600px){
 .relief-study .masthead{padding-top:45px;gap:10px}
 .relief-study .wordmark{width:157px}
 .relief-study .header-phone{padding:7px 10px;min-height:55px}
 .relief-study .hero-panel{padding:115px 5vw 170px}
 .relief-study .hero-panel h1{font-size:clamp(40px,10.8vw,58px);margin:19px 0}
 .relief-study .journey.animated .scroll-cue{bottom:117px;font-size:14px}
}
@media(max-height:740px) and (min-width:601px){
 .relief-study .hero-panel{padding-top:145px;padding-bottom:65px}
 .relief-study .hero-panel h1{font-size:clamp(48px,4.8vw,70px);margin:13px 0}
 .relief-study .hero-copy{font-size:18px}.relief-study .hero-call{margin-top:16px;padding-top:12px;padding-bottom:12px}
}
@media(max-height:740px) and (max-width:600px){
 .relief-study .hero-panel{padding-top:110px;padding-bottom:105px}
 .relief-study .hero-panel h1{font-size:38px;margin:12px 0}
 .relief-study .hero-copy{font-size:16px}
 .relief-study .hero-call{margin-top:14px;padding-top:9px;padding-bottom:9px}
 .relief-study .whatsapp-link{margin-top:9px;padding-top:10px;padding-bottom:10px}
 .relief-study .journey.animated .scroll-cue{bottom:49px}
}
.relief-study .journey:not(.animated) .stage{height:auto;overflow:visible}
.relief-study .journey:not(.animated) .hero-panel{height:auto;min-height:100svh}
.relief-study .journey:not(.animated) .scroll-cue{display:none}
@media(min-width:901px){
 .relief-study .masthead{row-gap:0}
 .relief-study .masthead nav{grid-column:2;grid-row:2;justify-content:center;gap:25px;font-size:14px}
 .relief-study .masthead nav a{min-height:40px;padding:5px 0}
 .relief-study .masthead .header-phone{align-self:start}
}

/* The rising page borrows the asymmetry and folded rim of a rose petal. */
.journey.animated + .brodard-about{border-radius:0;box-shadow:none;overflow:hidden;will-change:clip-path;padding-top:clamp(100px,14vh,160px);background:#f7f5ef}
.page-petal-fold{position:absolute;inset:0 0 auto;width:100%;height:92svh;pointer-events:none;z-index:0;opacity:var(--petal-fold,0)}
.brodard-about .care-heading,.brodard-about .care-layout{position:relative;z-index:1}
.brodard-about .care-heading h2{max-width:1050px}
.brodard-about .care-image--team{align-self:start}
.brodard-about .team-photo{border-radius:0;overflow:hidden}
.brodard-about figcaption{text-align:left;font-style:normal;font-family:var(--sans);font-size:16px;line-height:1.6}
.first-steps{background:#f7f5ef;padding:120px var(--gutter) 140px;display:grid;grid-template-columns:1fr 1fr;gap:9%;color:#23475c}
.first-intro h2{font-size:clamp(46px,5.2vw,78px);line-height:1.08;letter-spacing:-.035em;margin:25px 0 30px}
.first-intro>p:last-child{font-size:20px;line-height:1.7}
.first-sequence{list-style:none;margin:0;padding:0}
.first-sequence li{display:flex;gap:25px;padding:32px 0;border-top:1px solid #23475c30}
.first-number{font:italic 24px/1.4 var(--serif);color:#567788}
.first-sequence h3{font-size:34px;line-height:1.2;margin:0 0 15px;letter-spacing:-.02em}
.first-sequence p{font-size:18px;line-height:1.75;color:#365365}
.first-call{display:flex;flex-wrap:wrap;gap:10px 25px;align-items:baseline;font-size:26px;margin-top:20px;padding:8px 0;border-bottom:1px solid #23475c50;width:fit-content}
.first-call span{font-size:14px}
.quiet-garden{background:#f7f5ef;min-height:640px}
.quiet-garden .garden-flower{opacity:.34}
html.calm .brodard-about{clip-path:none!important}.calm .page-petal-fold{display:none}
@media(max-width:600px){.page-petal-fold{height:76svh}.journey.animated + .brodard-about{padding-top:95px}.first-steps{grid-template-columns:1fr;gap:40px;padding:85px 7vw 90px}.first-intro h2{font-size:45px}.first-intro>p:last-child{font-size:18px}.first-sequence li{gap:17px;padding:28px 0}.first-sequence h3{font-size:30px}.first-sequence p{font-size:18px}.quiet-garden{min-height:590px}}
@media(prefers-reduced-motion:reduce){.page-petal-fold{display:none}.brodard-about{clip-path:none!important;will-change:auto}}

/* One premultiplied floral surface: Safari composites the same transparent sky. */
.relief-study .stage{overflow:hidden}
.relief-study .bloom-unified{z-index:0;pointer-events:none;transform:translateZ(0);background:transparent}
.relief-study .hero-panel,.relief-study .passage-panel{z-index:2}
.relief-study .floral-wing,.relief-study .flower-breath{-webkit-mask-image:none;mask-image:none}
.relief-study .hero-panel h1,.relief-study .passage-panel h2{font-weight:500;color:#1d4055;text-shadow:0 2px 1px #f4fbff99,0 8px 28px #23475c1c;line-height:1.08}
.hero-line{display:block;overflow:hidden;padding:.08em .06em .18em;margin:-.08em -.06em -.18em}
.hero-line>span{display:block;transform-origin:50% 100%}
.relief-study .hero-copy,.relief-study .passage-panel>p{color:#34566a;text-shadow:0 1px 8px #f5fbff70}
.relief-study .passage-panel .place::before{content:'';display:block;width:1px;height:34px;background:#476b8080;margin:0 auto 22px}
.relief-study .passage-panel h2{margin:22px 0}
.relief-study .passage-panel .text-link{margin-top:26px}
@media(max-width:600px){
 .relief-study .masthead{padding:22px 5vw 0;gap:12px}
 .relief-study .wordmark{width:148px;flex-shrink:0}
 .relief-study .header-phone{min-height:50px;padding:6px 9px}
 .relief-study .header-phone>.icon{display:none}
 .relief-study .hero-panel{padding:105px 6vw 125px;justify-content:center}
 .relief-study .hero-panel h1{font-size:clamp(35px,9.5vw,46px);line-height:1.09;max-width:18ch;margin:18px 0}
 .relief-study .hero-copy{font-size:17px;line-height:1.6}
 .relief-study .hero-panel .place{font-size:14px}
 .relief-study .hero-call{margin-top:20px;padding:12px 16px}
 .relief-study .whatsapp-link{margin-top:12px;padding:11px 14px}
 .relief-study .journey.animated .passage-panel{padding:90px 7vw 145px}
 .relief-study .passage-panel h2{font-size:clamp(55px,16vw,76px);line-height:1.06;margin:20px 0}
 .relief-study .passage-panel>p:not(.place){font-size:29px}
 .relief-study .passage-panel .text-link{font-size:16px;line-height:1.4;max-width:290px}
 .relief-study .journey.animated .scroll-cue{bottom:max(24px,env(safe-area-inset-bottom));font-size:14px}
 .relief-study .bloom-unified,.relief-study .flower-breath{-webkit-mask-image:none;mask-image:none}
 /* Match the live floral crop when animations are reduced or video is unavailable. */
 .relief-study .floral-wing{--mobile-floral-width:max(140vw,135.111svh)}
 .relief-study .bloom-frame{background-size:var(--mobile-floral-width) auto}
 .relief-study .floral-left .bloom-frame{background-position:left calc(var(--mobile-floral-width) * -.22 + 2.7vw) bottom}
 .relief-study .floral-right .bloom-frame{background-position:right calc(var(--mobile-floral-width) * -.13 + 2.7vw) bottom}
 .contact-dock{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:600px) and (max-height:700px){
 .relief-study .hero-panel{padding-top:94px;padding-bottom:65px}
 .relief-study .hero-panel h1{font-size:35px;margin:12px 0}
 .relief-study .hero-copy{font-size:16px}
 .relief-study .hero-call{margin-top:14px;padding:9px 14px}
 .relief-study .whatsapp-link{margin-top:9px;padding:9px 12px}
 .relief-study .journey.animated .passage-panel{padding-top:80px;padding-bottom:95px}
}
@media(prefers-reduced-motion:reduce){.hero-line>span{transform:none!important;opacity:1!important}}
@media(max-width:600px){.relief-study .journey.animated .scroll-cue{z-index:4;width:90px;white-space:normal;text-align:center;line-height:1.35;font-size:13px;text-shadow:0 1px 4px #fff,0 0 10px #fff;bottom:max(28px,env(safe-area-inset-bottom))}}
