/* R01: confirmed seaside reference composition; white, warm gold and navy. */
:root{--ink:#14283f;--muted:#4a5665;--line:#dedfdc;--paper:#fff;--accent:#765727;--gold:#c4a05c;--dark:#11263e;--max:1240px}
body{background:#fff;color:var(--ink);font-family:Arial,Tahoma,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
.site-header,main{background:#fff}
h1,h2,h3{font-weight:600}
h1,h2{line-height:1.15;letter-spacing:-.025em}
p{color:var(--muted)}
.section{padding-block:64px}
.section-heading h2{font-size:36px}
.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700}
.section-lead{font-size:15px;line-height:1.85}
.section-footnote,.quiet,.legal-note{font-size:12px;line-height:1.85}
.button{font-size:13px;font-weight:700;letter-spacing:0;min-height:50px;box-shadow:0 4px 14px #11263e0b}
.text-link{font-size:13px;font-weight:600}
.review-bar{min-height:48px;background:#0d1e32}
.review-label{font-size:11px;font-weight:600;color:#f0f3f7}
.review-sub{color:#d0d9e3}
.page-tabs button,.review-actions button{font-size:11px;color:#e0e6ed;min-height:44px}
.header-inner{height:112px;gap:24px}
.brand-logo{width:70px;height:86px;filter:none;object-fit:contain}
.wordmark{gap:18px;font-size:14px;font-weight:700;letter-spacing:.065em;line-height:1.5;color:#14283f}
.site-nav{font-size:13px;font-weight:600}
.site-nav .contact-link{background:#11263e;color:#fff;padding:13px 18px}
.hero-layout{min-height:500px;padding-block:52px;align-items:center}
.hero-copy{max-width:610px}
.hero-copy .eyebrow{font-size:11px;color:#f0d49e;letter-spacing:.12em;margin-bottom:20px}
.hero-copy h1{max-width:610px;font-size:46px;font-weight:600;line-height:1.16;letter-spacing:-.025em}
.hero-copy h1 em{font-weight:600;color:#fff}
.hero-copy h1:after{height:2px;width:64px;margin-top:24px;background:var(--gold)}
.hero-copy .lead{font-size:15px;line-height:1.85;color:#f0f3f7;max-width:470px;margin-top:23px}
.hero-photo{filter:none;opacity:1}
.hero-shade{background:linear-gradient(90deg,#11263e 0%,#11263ef5 30%,#11263ecc 46%,#11263e26 74%,#11263e00 100%)}
.hero-actions{margin-top:25px}
.hero-actions .button{font-size:13px;min-height:49px}
.hero-text-link{font-size:13px;font-weight:600;color:#fff}
.hero-byline{font-size:10px;color:#dde5ed;max-width:500px;line-height:1.8}
.hero-image-note{color:#fff;font-size:9px}
.trust-band{background:#10263f;border-color:#c4a05c66}
.trust-grid{padding-block:25px}
.trust-grid>div{color:#edd4a3;font-size:12px;font-weight:600}
.property-support{background:#fff}
.property-support h2{font-size:35px}
.property-support-layout{gap:32px;align-items:start}
.property-cards{gap:17px}
.property-cards article{background:#fff;border-color:#e0ded8;box-shadow:0 6px 20px #11263e06}
.property-cards article>img{height:170px;object-fit:cover}
.property-cards article>div{padding:20px 16px 23px}
.property-cards h3{font-size:24px;font-weight:600}
.property-cards p{font-size:14px;line-height:1.85}
.ltr-teaser{border-color:#e0d7c7;background:#f5f0e7}
.ltr-teaser h3{font-size:31px;font-weight:600}
.ltr-teaser p:not(.eyebrow){font-size:14px;line-height:1.85;color:#465166}
.ltr-teaser .text-link{font-size:12px;color:#17304c}
.ltr-category-layout h2{font-size:35px}
.category-grid h3{font-size:26px;font-weight:600}
.category-grid p{font-size:14px;line-height:1.85}
.service-grid h3{font-size:26px;font-weight:600}
.service-grid p{font-size:14px;line-height:1.85}
.process-section{background:#f5f2ec;color:var(--ink)}
.process-section .section-heading h2{font-size:31px}
.process-section .eyebrow{font-size:11px;color:var(--accent)}
.steps{gap:17px}
.steps article{background:#fff;border-color:#dfd9cf;padding:23px 18px}
.step-number{background:#11263e;color:#fff;border-color:#11263e;font-weight:700;font-size:12px}
.steps h3{font-size:24px;font-weight:600}
.steps p{color:#4a5665;font-size:14px;line-height:1.85}
.faq{gap:32px;padding-block:64px}
.faq-intro-card{background:#11263e;min-height:360px;padding:32px}
.faq-intro-card:after{background:linear-gradient(90deg,#11263e 0%,#11263ef0 37%,#11263e7a 73%,#11263e18 100%)}
.faq-intro-card .eyebrow{color:#efd39c;font-size:10px}
.faq h2{font-size:34px;line-height:1.17;color:#fff}
.faq-intro{font-size:14px;line-height:1.85;color:#e7edf4}
.faq-list{border-color:#deddd6;background:#fff;padding-inline:27px}
.faq-list summary{font-size:15px;font-weight:600;line-height:1.8;padding-block:22px}
.faq-list details p{font-size:14px;line-height:1.85;color:#4a5665}
.team-section{background:#fff;border-top:1px solid #dedfdc;padding-block:68px}
.team-heading{gap:60px;margin-bottom:40px}
.team-heading h2{font-size:38px;font-weight:600}
.team-heading .section-lead{font-size:15px;max-width:370px}
.team-group-title{font-size:12px;font-weight:700;letter-spacing:.1em;color:#735526;border-color:#c4a05c}
.team-group+.team-group{margin-top:55px;padding-top:34px;border-color:#e1ded8}
.people-grid--leadership,.people-grid--practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.person>img{aspect-ratio:4/5;height:auto;max-height:none;object-fit:cover;object-position:center 20%;filter:none;opacity:1;background:#b28e5d;box-shadow:0 8px 22px #11263e0a}
.person-info{padding-top:22px;border-color:#b4975d}
.person h3,.people-grid--practice .person h3{font-size:27px;line-height:1.35;font-weight:600;color:#14283f;letter-spacing:-.02em;overflow-wrap:normal}
.person-role,.people-grid--practice .person-role{font-size:14px;font-weight:600;color:#755827;line-height:1.8;margin-top:9px}
.person-intro{font-size:15px;line-height:1.85;max-width:100%;margin-top:13px;min-height:5.55em;color:#4a5665}
.person-bio{margin-top:20px}
.person-bio summary{font-size:13px;font-weight:700;min-height:52px;padding-block:13px;border-color:#cbd2d9;color:#17304c}
.person-bio summary:after{font-size:25px;color:#89672d}
.bio-content h4{font-size:15px;font-weight:700;line-height:1.8;color:#17304c;margin:24px 0 11px}
.bio-content p,.person-bio .bio-content p,.bio-content li{font-size:15px;line-height:1.9;color:#3d4c5e}
.bio-content li{margin-bottom:10px}
.firm-section{background:#f6f3ed;padding-block:55px}
.firm-grid{gap:65px}
.firm-copy h2{font-size:35px}
.firm-copy>p:not(.eyebrow){font-size:15px;line-height:1.85}
.contact-company{font-size:15px;font-weight:700;color:#14283f;line-height:1.8}
.contact-company>span{display:block}
.contact-company>span[lang=en]{font-size:13px;letter-spacing:.04em}
.video-card{background:#11263e;border-color:#b59a60}
.video-platform{font-size:10px;color:#edd4a5}
.video-logo{width:120px;height:145px;filter:none}
.video-caption strong{font-size:23px;font-weight:600}
.contact-section{background:#11263e;padding-block:65px}
.contact-grid{gap:70px}
.contact-section h2{font-size:37px;font-weight:600}
.contact-section .section-lead{color:#e1e8ef;font-size:15px}
.contact-section .contact-company{color:#fff}
.company-address{font-size:14px;font-style:normal;line-height:1.9;margin-top:15px;color:inherit}
.contact-section .company-address{color:#e2e9f1}
.office-hours{margin-top:19px}
.office-hours p{font-size:13px;line-height:1.9;color:#e2e9f1}
.office-hours .office-hours-title{color:#edd4a5;font-weight:700;margin-bottom:4px}
.contact-details{border-color:#c4a05c66}
.contact-details dt{font-size:12px;color:#edd4a5}
.contact-details dd{font-size:15px;line-height:1.85}
label{font-size:13px}
label>span{color:#f0f4f8}
input:not([type=checkbox]),select,textarea{font-size:15px;border-color:#a3b1c0;color:#f5f8fb}
input:disabled,select:disabled,textarea:disabled{opacity:1;-webkit-text-fill-color:#e6edf5}
textarea::placeholder{color:#cbd6e3;opacity:1;font-size:13px}
.check>span,form>.quiet{font-size:12px;color:#dfe7f0}
#enquiry-form[aria-disabled=true]{opacity:1}
.footer{grid-template-columns:1.6fr 1fr auto;gap:32px;padding-block:34px}
.footer-identity{gap:20px}
.footer-logo{width:64px;height:78px;object-fit:contain}
.footer-brand{font-size:13px;font-weight:700;line-height:1.7;letter-spacing:.03em}
.footer .footer-company-th{font-size:12px;color:#14283f}
.footer .company-address{font-size:12px;line-height:1.9;color:#4a5665;max-width:430px}
.footer p{font-size:11px;line-height:1.85}
.footer>.text-link{font-size:12px}
dialog{background:#fff;color:#14283f;max-width:780px}
dialog h2{font-size:32px;font-weight:600}
dialog p,dialog li{font-size:15px;line-height:1.9}
dialog::backdrop{background:#0d1e32b8}
html[data-language=th] h1,html[data-language=th] h2,html[data-language=th] h3{font-family:Tahoma,Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.5}
html[data-language=th] .hero-copy h1{font-size:35px;line-height:1.45}
html[data-language=th] .person h3,html[data-language=th] .people-grid--practice .person h3{font-size:25px;line-height:1.5}
html[data-language=th] .team-group-title{font-size:13px;font-weight:700}
html[data-language=th] .steps h3{font-size:21px}
@media(min-width:1600px){.hero-layout{min-height:510px}.hero-copy h1{font-size:48px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{height:104px}.brand-logo{width:62px;height:76px}.wordmark{font-size:12px;gap:14px}.site-nav{font-size:12px;gap:17px}.hero-copy h1{font-size:43px}.hero-copy{max-width:570px}.hero-layout{min-height:490px}.property-support-layout{gap:24px}.property-cards article>div{padding:17px 12px}.property-cards article>img{height:140px}.property-cards h3{font-size:22px}.property-cards p{font-size:13px}.ltr-teaser p:not(.eyebrow){font-size:13px}.steps h3{font-size:22px}.steps p{font-size:13px}.people-grid--leadership,.people-grid--practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.person h3,.people-grid--practice .person h3{font-size:24px}.person-role,.people-grid--practice .person-role{font-size:13px}.person-intro{font-size:14px}.firm-grid,.contact-grid{gap:42px}.footer{grid-template-columns:1.6fr 1fr;gap:25px}.footer>.text-link{grid-column:2}.faq h2{font-size:30px}.faq-intro{font-size:13px}}
@media(max-width:900px) and (min-width:781px){.property-cards article>img{height:100%;min-height:120px}.property-cards h3{font-size:23px}.process-section>.wrap{grid-template-columns:1fr}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.steps h3{font-size:22px}.steps p{font-size:13px}.faq-intro-card{padding:25px}.people-grid--leadership,.people-grid--practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.section{padding-block:44px}.review-label{font-size:9px}.page-tabs button,.review-actions button{font-size:10px}.header-inner{height:98px}.brand-logo{width:56px;height:68px}.wordmark{font-size:12px;gap:13px}.menu-toggle{font-size:13px;font-weight:600}.site-nav{top:98px;left:-20px;right:-20px;background:#fff}.site-nav>a{font-size:15px}.hero-layout{min-height:565px;align-items:flex-end;padding:155px 0 48px}.hero-copy h1{font-size:39px;line-height:1.16;max-width:550px}.hero-copy .lead{font-size:15px;max-width:540px}.hero-copy .eyebrow{font-size:10px}.hero-shade{background:linear-gradient(180deg,#11263e05 0%,#11263e80 18%,#11263ee0 39%,#11263e 70%)}.hero-actions .button{font-size:12px}.hero-byline{font-size:10px}.hero-image-note{font-size:8px}.trust-grid>div{font-size:11px;gap:12px}.property-support h2{font-size:32px}.property-cards article>img{height:150px}.property-cards article>div{padding:18px 13px}.property-cards h3{font-size:22px}.property-cards p{font-size:13px}.ltr-teaser h3{font-size:30px}.ltr-teaser p:not(.eyebrow){font-size:14px}.ltr-teaser .text-link{font-size:12px}.steps h3{font-size:24px}.steps p{font-size:14px}.faq{padding-block:0 44px;gap:22px}.faq h2{font-size:32px}.faq-intro{font-size:14px}.faq-intro-card{padding:28px;min-height:320px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.team-heading h2{font-size:32px}.team-heading .section-lead{font-size:15px}.people-grid--leadership,.people-grid--practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person h3,.people-grid--practice .person h3{font-size:21px}.person-role,.people-grid--practice .person-role{font-size:12px}.person-intro{font-size:13px}.person-bio summary{font-size:12px;gap:10px}.bio-content h4{font-size:14px}.bio-content p,.person-bio .bio-content p,.bio-content li{font-size:14px}.firm-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.firm-copy h2{font-size:32px}.firm-copy>p:not(.eyebrow){font-size:15px}.contact-section h2{font-size:33px}.contact-grid{gap:40px}.footer{grid-template-columns:1fr;gap:24px}.footer>.text-link{grid-column:auto;justify-self:start}.footer-logo{width:60px;height:74px}dialog{padding:35px 25px}html[data-language=th] .hero-copy h1{font-size:32px}html[data-language=th] .person h3,html[data-language=th] .people-grid--practice .person h3{font-size:20px}}
@media(max-width:640px){.people-grid--leadership,.people-grid--practice{grid-template-columns:1fr;gap:40px}.person>img{aspect-ratio:4/5;max-height:none}.person h3,.people-grid--practice .person h3{font-size:28px}.person-role,.people-grid--practice .person-role{font-size:14px}.person-intro{font-size:15px;min-height:0;display:block;overflow:visible}.person-bio summary{font-size:14px}.bio-content h4{font-size:15px}.bio-content p,.person-bio .bio-content p,.bio-content li{font-size:15px;line-height:1.9}.property-cards{grid-template-columns:1fr;gap:20px}.property-cards article{display:grid;grid-template-columns:130px 1fr;align-items:stretch}.property-cards article>img{height:100%;min-height:155px}.property-cards article>div{padding:20px 15px}.property-cards h3{font-size:24px}.property-cards p{font-size:14px}.hero-copy h1{font-size:36px}.hero-layout{min-height:600px}.steps{gap:16px}.steps article{padding:21px 16px}.steps h3{font-size:23px}.steps p{font-size:14px}html[data-language=th] .person h3,html[data-language=th] .people-grid--practice .person h3{font-size:26px}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}.review-label{font-size:8px}.review-actions button{font-size:9px;padding-inline:8px}.wordmark{font-size:11px;gap:10px}.hero-copy h1{font-size:34px}.hero-layout{min-height:630px}.hero-actions{gap:18px}.hero-copy .lead{font-size:14px}.property-cards article{grid-template-columns:108px 1fr}.property-cards h3{font-size:22px}.property-cards p{font-size:13px}.ltr-teaser p:not(.eyebrow){font-size:13px}.faq-intro-card{padding:24px}.faq h2{font-size:29px}.faq-intro{font-size:13px}.steps article{padding:20px 13px}.steps h3{font-size:21px}.steps p{font-size:13px}html[data-language=th] .hero-copy h1{font-size:30px}}
/* Explicit FAQ colours override the former dark-panel inheritance. */
.review-page-name{font-size:11px;font-weight:600;color:#e0e6ed}
.property-support-layout{display:block}
.property-cards article{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:stretch}
.property-cards article>img{height:100%;min-height:170px}
.property-cards article>div{padding:22px 18px}
.faq-list{background:#fff;color:#14283f;opacity:1}
.faq-list details,.faq-list details:first-child,.faq-list details:last-child{border-color:#d5dce4}
.faq-list summary{color:#14283f;font-size:16px;font-weight:700;opacity:1}
.faq-list summary:after{color:#806126;font-size:24px}
.faq-list details p{color:#3d4c5e;opacity:1}
@media(max-width:1100px){.property-cards article{grid-template-columns:110px minmax(0,1fr)}.property-cards article>div{padding:20px 14px}}
@media(max-width:900px){.property-cards{grid-template-columns:1fr;gap:20px}.property-cards article{grid-template-columns:160px minmax(0,1fr)}.property-cards article>img{height:100%;min-height:150px}.property-cards article>div{padding:24px}.property-cards h3{font-size:26px}.property-cards p{font-size:15px}}
@media(max-width:600px){.review-page-name{display:none}.property-cards article{grid-template-columns:120px minmax(0,1fr)}.property-cards article>div{padding:20px 16px}.property-cards h3{font-size:24px}.property-cards p{font-size:14px}.faq-list summary{font-size:16px}}
/* R02: English-default page with a readable, persistent language choice. */
.review-actions{align-items:center}
.language-switch{display:flex;align-items:center;gap:8px;padding-inline:12px;border-right:1px solid #ffffff30;font-size:12px;line-height:1.5}
.language-switch a{display:flex;align-items:center;min-height:44px;padding:2px 4px;color:#e0e6ed}
.language-switch a[aria-current=page]{color:#f3d393;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.language-switch>span{color:#aebdcd}
html[data-language=th] .wordmark{font-size:14px;letter-spacing:0}
@media(max-width:780px){.review-bar{padding-bottom:5px;gap:4px}.language-switch{gap:4px;padding-inline:8px;font-size:11px}.review-actions #notes{font-size:10px}.review-page-name{display:none}}
@media(max-width:400px){.review-bar{padding-inline:10px}.review-label{gap:5px}.language-switch{padding-inline:5px;font-size:11px}.review-actions #notes{font-size:9px;padding-inline:7px}html[data-language=th] .wordmark{font-size:12px}}

/* R02.2: fluid layout for phones, tablets and desktop screens. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
main,.page-view,.wrap,.hero-copy{min-inline-size:0}
img{max-inline-size:100%}
.property-cards article>div,.steps article,.contact-grid>div,.contact-grid>form,.firm-grid>div,.team-heading>div,.footer-identity>div{min-inline-size:0}
.person h3,.person-role,.person-intro,.bio-content,.company-address,.footer-brand,.contact-details dd{overflow-wrap:anywhere}
button,a,summary{touch-action:manipulation}
.menu-toggle,.dialog-close{min-inline-size:44px;min-block-size:44px}
.site-nav>a{min-block-size:44px;display:flex;align-items:center}
input:not([type=checkbox]),select,textarea{min-inline-size:0;max-inline-size:100%;font-size:16px}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
dialog{inline-size:min(780px,calc(100% - 32px));max-inline-size:calc(100% - 32px);max-block-size:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.dialog-close{inset-inline-end:10px;top:6px}
@media(max-width:1000px){
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .team-heading{grid-template-columns:1fr;gap:18px;align-items:start}
 .team-heading .section-lead{max-inline-size:600px}
}
@media(max-width:780px){
 .menu-toggle{padding:8px 10px}
 .site-nav{left:0;right:0;inline-size:100%;top:100%;padding:16px 20px;max-block-size:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain}
 .site-nav.open{align-items:stretch}
 .site-nav>a{font-size:16px;padding:10px 12px}
 .site-nav .contact-link{justify-content:center}
 .review-bar{column-gap:8px}
 .review-label{min-inline-size:0}
 .review-actions{min-inline-size:0}
 .button{max-inline-size:100%;white-space:normal;text-align:center}
 .bio-content p,.person-bio .bio-content p,.bio-content li{font-size:16px}
}
@media(max-width:640px){
 .review-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:6px 16px}
 .review-label{font-size:10px;white-space:normal;flex-wrap:wrap;gap:6px}
 .review-actions{inline-size:100%;margin-inline-start:0;justify-content:space-between}
 .language-switch{gap:6px;padding-inline:0 12px;font-size:12px}
 .language-switch a{min-inline-size:44px;justify-content:center}
 .review-actions #notes{font-size:12px;padding:8px 0 8px 12px;min-block-size:44px}
 .hero-photo{block-size:300px;object-position:75% center}
 .hero-layout{min-block-size:0;padding-block:230px 56px}
 .hero-copy h1{font-size:clamp(30px,8.4vw,39px);max-inline-size:100%}
 html[data-language=th] .hero-copy h1{font-size:clamp(28px,7.6vw,32px)}
 .hero-copy .lead{font-size:16px;line-height:1.85}
 .hero-image-note{left:16px;right:16px;bottom:12px;max-inline-size:calc(100% - 32px);text-align:right;font-size:8px;line-height:1.6}
 .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-block:14px}
 .trust-grid>div{min-inline-size:0;padding:12px 8px;gap:10px;border:0;font-size:12px;line-height:1.6}
 .trust-grid span{min-inline-size:0}
 .trust-grid svg{inline-size:26px;block-size:26px}
 .people-grid--leadership,.people-grid--practice{grid-template-columns:minmax(0,1fr)}
 .property-cards article{grid-template-columns:minmax(88px,.34fr) minmax(0,.66fr)}
 .property-cards article>div{padding:20px 14px}
 .property-cards h3{font-size:23px}
 .property-cards p{font-size:15px}
 .form-row{grid-template-columns:minmax(0,1fr);gap:0}
 .faq-list{padding-inline:20px}
 .faq-list details p{font-size:16px}
 .person-role,.people-grid--practice .person-role{font-size:15px}
 .person-bio summary{font-size:15px}
 dialog{padding:44px 22px 26px}
 dialog h2{font-size:28px}
 dialog p,dialog li{font-size:16px}
}
@media(max-width:480px){
 .steps{grid-template-columns:minmax(0,1fr)}
 .steps article{padding:24px 20px}
 .steps p{font-size:16px}
 .team-heading h2,.contact-section h2{font-size:30px}
 .video-card{padding:24px 20px}
 .video-mark{gap:24px}
 .video-caption{flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.video-card{transition:none}}

/* R02.3: office map and a persistent, accessible WhatsApp contact. */
.office-map{margin-top:48px;border:1px solid #b99b5c66;background:#fff;color:#14283f;overflow:hidden}
.office-map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px}
.office-map-heading h3{font-size:25px;line-height:1.3;color:#14283f}
.office-map-heading p{margin-top:6px;font-size:14px;line-height:1.7;color:#4a5665}
.office-map-heading>a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;color:#17304c;font-size:14px}
.office-map-canvas{min-inline-size:0;block-size:360px;background:#f6f3ed;border-top:1px solid #dedfdc}
.office-map-canvas iframe{display:block;inline-size:100%;block-size:100%;border:0}
.office-map-placeholder{display:grid;place-items:center;align-content:center;gap:14px;min-block-size:100%;padding:28px;text-align:center}
.office-map-placeholder>svg{inline-size:40px;block-size:40px;color:#806329}
.office-map-placeholder>p{max-inline-size:520px;font-size:16px;line-height:1.8;color:#3d4c5e}
.office-map-placeholder>small{max-inline-size:520px;font-size:13px;line-height:1.8;color:#4a5665}
.office-map-placeholder>.button{background:#11263e;border-color:#11263e;color:#fff;min-block-size:48px}
.office-map-placeholder>.button:hover{background:#203e5b}
.floating-whatsapp{position:fixed;z-index:100;right:max(24px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;gap:10px;min-inline-size:56px;min-block-size:56px;padding:12px 20px;border:2px solid #fff;border-radius:36px;background:#087f4a;color:#fff;box-shadow:0 4px 18px #11263e40;font-size:15px;font-weight:700;line-height:1.4}
.floating-whatsapp>svg{inline-size:28px;block-size:28px;flex-shrink:0}
.floating-whatsapp:hover{background:#066a3d}
.floating-whatsapp:focus-visible{outline:3px solid #e4bd68;outline-offset:4px}
@media(max-width:780px){
 .floating-whatsapp{right:max(14px,env(safe-area-inset-right,0px));bottom:calc(108px + env(safe-area-inset-bottom,0px))}
 .office-map-heading{padding:22px;align-items:flex-start;flex-direction:column;gap:12px}
 .office-map-canvas{block-size:340px}
}
@media(max-width:640px){
 .floating-whatsapp{inline-size:56px;block-size:56px;padding:12px}
 .floating-whatsapp>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .office-map{margin-top:36px}
 .office-map-heading h3{font-size:24px}
 .office-map-placeholder{padding:24px 20px}
 .office-map-placeholder>p{font-size:15px}
}