/* A continuous botanical presence beside a quiet, scrolling treatment menu. */
.flower-gallery{height:100svh;overflow:hidden}
.flower-gallery .header{height:108px;margin:0 4%;gap:24px}
.flower-gallery main{width:56%;height:calc(100svh - 108px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:36px;overscroll-behavior:contain;border-right:1px solid #ffffff20}
.flower-gallery .flower-residence{position:fixed;top:108px;right:0;bottom:0;width:44%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.flower-gallery .lily-stage{width:100%;height:min(580px,70vh);margin:0;align-self:auto}
.flower-gallery .flower-caption{left:0;bottom:4%;font-size:23px}
.flower-gallery #bloom-journey{height:auto;min-height:0}
.flower-gallery .hero-sticky{position:static;height:auto;min-height:calc(100svh - 108px);max-height:none;padding:56px 10% 0}
.flower-gallery .hero-layout{display:block;flex:1}
.flower-gallery .hero-copy{padding:0 0 48px}
.flower-gallery .hero-copy h1{font-size:clamp(56px,5.8vw,88px)}
.flower-gallery .hero-copy p{font-size:14px;max-width:32ch}
.flower-gallery .hero-baseline{flex-wrap:wrap;justify-content:flex-start;gap:6px 24px;padding:20px 0;font-size:10px}
.flower-gallery .hero-baseline .scroll-cue{display:none}
.flower-gallery .section{padding:72px 10%;background:transparent;color:var(--ivory);border-top:1px solid #ffffff20}
.flower-gallery h2,.flower-gallery .experience-copy h2,.flower-gallery .visit h2,.flower-gallery .questions h2{font-size:clamp(40px,4.4vw,60px)}
.flower-gallery h2 em{color:var(--gold)}
.flower-gallery .section-heading,.flower-gallery .intro-copy,.flower-gallery .experience,.flower-gallery .questions,.flower-gallery .visit{display:block}
.flower-gallery .section-heading{margin-bottom:32px}
.flower-gallery .section-heading>p{margin-top:24px;color:#d1c3d3;font-size:13px}
.flower-gallery .intro-copy{margin:0}
.flower-gallery .intro-copy>div{margin-top:30px;padding:0;color:#d1c3d3;font-size:14px}
.flower-gallery .intro .text-link{margin-top:28px}
.flower-gallery .treatment-picker{display:block}
.flower-gallery .treatment-options{display:none}
.flower-gallery .mobile-treatment-select{display:block;font-size:12px;color:#d1c3d3;margin-bottom:32px}
.flower-gallery .mobile-treatment-select select{display:block;width:100%;margin-top:12px;background:var(--plum);color:var(--ivory);border:1px solid #8c758e;border-radius:0;padding:16px 12px;font:500 22px var(--serif);color-scheme:dark}
.flower-gallery .treatment-detail{position:static;background:transparent;padding:0}
.flower-gallery .detail-content h3{font-size:34px;margin-bottom:18px}
.flower-gallery .detail-content>p,.flower-gallery .detail-content legend,.flower-gallery .price-line>span:last-child{color:#d1c3d3}
.flower-gallery .durations span{border-color:#8c758e;padding:14px 8px}
.flower-gallery .durations input:checked+span{background:var(--ivory);border-color:var(--ivory);color:var(--plum)}
.flower-gallery .price-line{padding:30px 0}
.flower-gallery .button.plum{background:var(--ivory);color:var(--plum)}
.flower-gallery .button.plum:hover{background:var(--gold)}
.flower-gallery .questions>div{margin-top:32px}
.flower-gallery .questions details{border-color:#ffffff30}
.flower-gallery .questions details p{color:#d1c3d3}
.flower-gallery .visit-details{margin-top:40px;gap:32px}
.flower-gallery .phone-link{font-size:clamp(26px,3.2vw,36px);gap:20px}
.flower-gallery footer{display:flex;flex-wrap:wrap;padding:28px 10%;border-top:1px solid #ffffff20;gap:20px}
.flower-gallery footer p{text-align:left}
@media(max-width:700px){
 .flower-gallery .header{height:88px;margin:0 6%;gap:16px}
 .flower-gallery main{width:100%;height:calc(100svh - 260px);border-right:0;scroll-padding-top:24px}
 .flower-gallery .flower-residence{top:auto;bottom:0;width:100%;height:172px;border-top:1px solid #ffffff20;background:var(--plum)}
 .flower-gallery .lily-stage{width:180px;height:172px;max-width:none;margin:0}
 .flower-gallery .flower-caption{display:none}
 .flower-gallery .hero-sticky{min-height:calc(100svh - 260px);padding:36px 7% 0}
 .flower-gallery .hero-copy{padding-bottom:32px}
 .flower-gallery .hero-copy h1{font-size:52px}
 .flower-gallery .hero-copy p{font-size:12px;max-width:34ch}
 .flower-gallery .hero-baseline{display:flex;font-size:9px;min-height:64px;padding:16px 0}
 .flower-gallery .hero-baseline>span:nth-child(2){font-size:9px}
 .flower-gallery .section{padding:48px 7%}
 .flower-gallery h2,.flower-gallery .experience-copy h2,.flower-gallery .visit h2,.flower-gallery .questions h2{font-size:43px}
 .flower-gallery .intro-copy>div{font-size:13px}
 .flower-gallery .detail-content h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.flower-gallery main{scroll-behavior:auto}}

/* The treatment menu is the opening screen, over the earlier concept photograph. */
.flower-gallery{background:var(--plum);isolation:isolate}
.flower-gallery #treatments{background:linear-gradient(rgba(36,20,47,.82),rgba(36,20,47,.9)),url('assets/massage.png') 48% center / cover no-repeat}
.flower-gallery #treatments{border-top:0;padding-top:40px}
.flower-gallery .section-heading h1{font-size:clamp(48px,4.4vw,64px)}
.flower-gallery .section-heading h1 em{color:var(--gold)}
.flower-gallery #treatments .section-heading{margin-bottom:24px}
.flower-gallery #treatments .section-heading>p{margin-top:20px}
.flower-gallery .detail-content fieldset{margin-top:24px}
@media(max-width:700px){
 .flower-gallery #treatments{background:linear-gradient(rgba(36,20,47,.84),rgba(36,20,47,.92)),url('assets/massage.png') 44% center / cover no-repeat}
 .flower-gallery #treatments{padding-top:32px}
 .flower-gallery .section-heading h1{font-size:46px}
 .flower-gallery .flower-residence{background:rgba(36,20,47,.9)}
}