/* Editable public presentation: September 2026, mobile and desktop. */
.animated-panel{position:relative;overflow:hidden;min-height:360px}
.animated-panel video{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.animation-toggle{position:absolute;bottom:52px;right:16px;border-radius:24px;padding:8px 16px;background:#faf8f2ed;color:#53472a;font-size:14px}
.contact-page{max-width:1140px;padding-bottom:65px}
.contact-heading{text-align:center;max-width:700px;margin:0 auto 40px}
.contact-heading h1{margin:5px 0 15px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:38px;align-items:start}
.contact-person{text-align:center;padding:30px 20px;background:#f4efdf;border-radius:100px 100px 36px 36px}
.contact-person .portrait{border-radius:50%;width:170px;height:170px;object-fit:cover;margin:0 auto 24px}
.contact-person h2{font-size:27px}
.contact-person a{display:block;margin:14px 0;overflow-wrap:anywhere;font-size:16px}
.contact-form{position:relative;background:#fbf9f3;padding:34px;border:1px solid #e8dfc6;border-radius:36px;box-shadow:0 12px 40px #6356290b;gap:20px}
.contact-form h2{margin:0 0 8px;font-size:30px;color:#796633}
.contact-form label{font-size:15px;color:#625639}
.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #d7cbaa;border-radius:16px;padding:14px;background:#fff;min-height:48px;color:#282319;font:16px/1.5 Arial,sans-serif}
.contact-form textarea{resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #a99354;outline-offset:3px}
.contact-form .optional{font-size:12px}
.contact-form .button{border-radius:28px;grid-column:1/-1;justify-self:start;padding:13px 26px;background:#494237}
.contact-form .contact-privacy{font-size:13px;line-height:1.5;color:#736b5b;margin:0}
.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#contact-status{margin:0;overflow-wrap:anywhere}
#contact-status[data-state=success]{color:#32623b}
#contact-status[data-state=error]{color:#933f2d}
.direct-intro{background:#f4f4ef url('/assets/11062b_7e61ffd6dbb040ee8b0e4dc604e8fd4ef000.jpg') center/cover no-repeat;padding-bottom:25px;overflow:hidden}
.direct-intro .offer-lotus{width:80%;max-width:460px;margin:35px auto 25px;mix-blend-mode:multiply;transform:scale(1.5)}
body:has(main > .direct-intro) .direct-services{max-width:none}
body:has(main > .direct-intro) .direct-services>.cards,body:has(main > .direct-intro) .direct-services>p{max-width:1160px;margin-left:auto;margin-right:auto}
body:has(main > .direct-intro) .card{border-radius:100px 100px 48px 48px;padding-top:18px;text-align:center;background:#faf8f2;overflow:hidden}
body:has(main > .direct-intro) .card::before{content:"";display:block;flex-shrink:0;width:100%;height:200px;margin:0 0 15px;border-radius:50%;background:#fff url('/assets/2d88f8_0e0c211e0fb04730866fcfd9fab41a89~mv2.jpg') center/85% auto no-repeat;box-shadow:inset 0 0 0 1px #dfd5b6}
body:has(main > .direct-intro) .card:nth-child(2)::before{background-image:url('/assets/2d88f8_8d5b606fce8947da9aa417559bde4cf2~mv2.jpg')}
body:has(main > .direct-intro) .card:nth-child(3)::before{background-image:url('/assets/2d88f8_6e96e33c970d41319b65ecc43a616ed5~mv2.png')}
body:has(main > .direct-intro) .card .button{align-self:center;border-radius:28px}
.public-booking-wrap{max-width:1100px;margin:auto;padding:30px 12px}
.public-booking-wrap>h1,.public-booking-wrap>p{text-align:center}
#public-booking{width:100%;min-height:850px;border:0;border-radius:30px;background:#c9b979;display:block}
@media(max-width:650px){
 .animated-panel,.animated-panel video{min-height:280px;height:300px}
 .contact-page{padding:30px 16px}
 .contact-layout{grid-template-columns:1fr;gap:24px}
 .contact-person{padding:24px 18px;border-radius:48px}
 .contact-person .portrait{width:125px;height:125px;margin-bottom:15px}
 .contact-form{padding:24px 20px;border-radius:30px;gap:17px}
 .contact-form .button{width:100%}
 .direct-intro .offer-lotus{width:94%;max-width:350px}
 body:has(main > .direct-intro) .card{border-radius:72px 72px 34px 34px;padding-top:12px}
 body:has(main > .direct-intro) .card::before{height:132px;border-radius:50%;margin-bottom:12px}
 .public-booking-wrap{padding:20px 0}
 .public-booking-wrap>h1,.public-booking-wrap>p{padding:0 18px}
 #public-booking{border-radius:0}
}