/* An actual responsive editorial contact panel, with selectable text. */
.conversation-native{position:relative;isolation:isolate;min-width:0;padding:34px 30px 40px;background:#fff;align-self:start;border-left:1px solid #c6a35470;border-bottom:2px solid #c6a354}
.conversation-native:before{content:'';position:absolute;right:0;top:0;width:66px;height:88px;background:linear-gradient(145deg,#041426 0 44%,#a87a2c 45%,#e8cf8c 56%,#c6a354 62%,#041426 63%);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;z-index:-1}
.conversation-brand{display:flex;align-items:center;gap:12px;margin:0 0 38px;color:#041426;font:26px/1.2 var(--serif);letter-spacing:-.035em}
.conversation-brand img{width:36px;height:43px;object-fit:contain}
.contact .conversation-native .eyebrow{color:#846021;font-size:10px;letter-spacing:.13em;margin-bottom:18px}
.contact .conversation-native h3{font-size:clamp(38px,4vw,58px);line-height:1.08;margin:0;color:#041426;letter-spacing:-.045em;overflow-wrap:normal}
.conversation-native h3 span{display:block;font-size:.7em;color:#9a712b;margin-top:9px}
.conversation-rule{width:68px;height:3px;background:var(--gold-metal);margin:24px 0}
.contact .conversation-native p:not(.eyebrow){font-size:15px;line-height:1.7;margin:0 0 24px;max-width:37ch}
.conversation-whatsapp{width:100%;min-height:52px;padding:12px 16px;font-size:14px;gap:10px;margin-bottom:24px}
.contact .conversation-native .conversation-detail{font-size:14px;margin-bottom:18px}
.contact .conversation-native .booking-note{font-size:12px;margin:0;padding-left:12px;line-height:1.6}
@media(max-width:900px){
 .conversation-native{padding:28px 26px;max-width:none}
 .conversation-brand{margin-bottom:26px}
 .contact .conversation-native p:not(.eyebrow){max-width:60ch}
 .conversation-whatsapp{width:auto}
}
@media(max-width:650px){
 .booking-panel{padding-top:0;overflow:hidden}
 .conversation-native{padding:26px 4px 24px;border-left:0;border-bottom:1px solid #c6a35470}
 .conversation-native:before{width:45px;height:65px;right:-16px}
 .conversation-brand{font-size:23px;margin-bottom:24px;gap:10px}
 .conversation-brand img{width:29px;height:35px}
 .contact .conversation-native h3{font-size:clamp(35px,10vw,46px)}
 .contact .conversation-native .eyebrow{font-size:9px;letter-spacing:.08em}
 .conversation-rule{margin:20px 0}
 .contact .conversation-native p:not(.eyebrow){font-size:14px;line-height:1.65;margin-bottom:20px}
 .conversation-whatsapp{width:100%;font-size:13px;margin-bottom:20px}
 .contact .conversation-native .conversation-detail{font-size:13px}
 .contact .conversation-native .booking-note{font-size:12px;margin-bottom:0}
}