/* Discreet language control, shared by the landscape and paper pages. */
.language-picker{position:relative;z-index:55;color:inherit;pointer-events:auto;font:400 13px/1.4 'DM Sans',sans-serif;text-shadow:none}
.language-picker summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:5px 8px;cursor:pointer;border-radius:30px;transition:background .2s}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover,.language-picker[open] summary{background:#ffffff14}.on-paper .language-picker summary:hover,.on-paper .language-picker[open] summary{background:#2238260a}
.language-picker summary>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1;opacity:.8}.language-code{font-size:12px;letter-spacing:.06em}.language-chevron{font-size:15px;opacity:.7;transition:transform .25s}.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 10px);width:175px;padding:9px;background:#f8f7f0f5;color:#2b4034;backdrop-filter:blur(18px);border:1px solid #74816b35;box-shadow:0 14px 45px #0c201a22;border-radius:3px;animation:language-enter .2s ease-out}
.language-options button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;text-align:left;min-height:42px;padding:9px 13px;font-size:14px;color:inherit;border-radius:2px}.language-options button:hover,.language-options button:focus-visible{background:#243e2c0d}.language-options button[aria-pressed=true]{background:#263e300c}.language-check{font-size:12px;opacity:.7}
.view-world .header-links{gap:20px}.view-world .header-links .language-picker{order:2}.view-world .header-links .menu-button{order:3}.header-links{gap:22px}
html:lang(th) body{font-family:'Thonburi','Leelawadee UI',sans-serif;line-height:1.8}html:lang(zh) body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.8}
html:lang(th) :is(h1,h2,h3,.entry-copy h1,.villa-pearl h1,.folio-heading h1){font-family:'Thonburi','Leelawadee UI',sans-serif;line-height:1.4;letter-spacing:0;font-weight:300}
html:lang(zh) :is(h1,h2,h3,.entry-copy h1,.villa-pearl h1,.folio-heading h1){font-family:'Songti SC','SimSun',serif;line-height:1.3;letter-spacing:.025em;font-weight:400}
html:lang(ru) :is(h1,h2,h3,.villa-pearl h1,.folio-heading h1){font-family:Georgia,serif;letter-spacing:-.025em}
html:lang(th) :is(.eyebrow,.folio-kicker,.explore-label,.folio-heading h1,.drawing-note,.interior-handnote,.floor-number){letter-spacing:0;line-height:1.6}
html:lang(th) :is(.drawing-note,.interior-handnote,.interior-composition figcaption em){font-family:'Thonburi',sans-serif;font-size:18px;line-height:1.6}
html:lang(zh) :is(.drawing-note,.interior-handnote,.interior-composition figcaption em){font-family:'Kaiti SC','KaiTi',serif;line-height:1.5}
html:lang(ru) .entry-copy h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(37px,4.3vw,74px);letter-spacing:.06em}
html:lang(th) .entry-copy h1{font-size:clamp(36px,4.8vw,76px)}html:lang(zh) .entry-copy h1{font-size:clamp(42px,5.8vw,92px)}
html:not(:lang(fr)) .folio-heading h1{font-size:clamp(54px,7.2vw,100px)}
html:not(:lang(fr)) .folio-section-heading h2{font-size:clamp(36px,4.5vw,68px)}
html:not(:lang(fr)) .folio-acquisition h2{font-size:clamp(34px,3.9vw,60px)}
html:not(:lang(fr)) .folio-next h2{font-size:34px}html:not(:lang(fr)) .folio-acquisition .price-value{font-size:clamp(31px,3.5vw,50px)}
html:not(:lang(fr)) .map-intro h1{font-size:clamp(32px,3.3vw,48px)}
html:not(:lang(fr)) .folio-hero-bottom>span{max-width:65%}
@keyframes language-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.header-links .desktop-only{display:none}}
@media(max-width:759px){
 .header-links,.view-world .header-links{gap:5px}.language-picker summary{padding:4px 6px;gap:4px}.language-picker summary>svg{display:none}.language-chevron{display:none}.language-code{font-size:12px}.language-options{right:-36px;top:calc(100% + 8px)}
 .on-paper .brand{gap:8px}.on-paper .brand-symbol{width:26px}.on-paper .brand-name{font-size:20px}.on-paper .brand-sub{font-size:10px}.on-paper .sound-control{padding:5px;min-width:32px}.on-paper .header-links{gap:1px}.on-paper .menu-button{width:38px}
 .view-world .brand-name{font-size:19px}.view-world .brand-sub{font-size:10px;letter-spacing:.2em}.view-world .header-links .menu-button{width:38px}.view-world .site-header{padding-right:14px;padding-left:16px}
 html:not(:lang(fr)) .entry-copy{width:92%}html:not(:lang(fr)) .entry-copy>p{font-size:16px;max-width:325px;line-height:1.7}
 html:lang(ru) .entry-copy h1{font-size:clamp(29px,7.5vw,49px)}html:lang(th) .entry-copy h1{font-size:clamp(34px,8.2vw,54px)}
 html:not(:lang(fr)) .folio-hero-bottom{flex-wrap:wrap;gap:12px}html:not(:lang(fr)) .folio-hero-bottom>span{max-width:100%;flex:1 1 160px}
 html:not(:lang(fr)) .folio-navigation{gap:9px;flex-wrap:wrap}html:not(:lang(fr)) .folio-navigation button{font-size:12px}
 html:not(:lang(fr)) .folio-heading h1{font-size:60px}html:not(:lang(fr)) .floor-level-title h3{font-size:32px}
 html:not(:lang(fr)) .folio-next h2{font-size:30px}html:not(:lang(fr)) .folio-acquisition .price-panel{padding:21px}
 html:not(:lang(fr)) .scene-disclaimer{font-size:10px;line-height:1.4}html:not(:lang(fr)) .geo-caption{min-width:105px;width:105px;max-width:105px}
 html:not(:lang(fr)) .villa-overline{gap:8px}html:not(:lang(fr)) .villa-overline .eyebrow{font-size:11px}
 html:not(:lang(fr)) .villa-pearl h1{font-size:34px}html:not(:lang(fr)) .map-intro h1{font-size:29px}
}
@media(max-width:359px){.on-paper .brand-name{font-size:17px}.on-paper .brand-sub{font-size:9px}.on-paper .brand-symbol{display:none}.view-world .brand-name{font-size:17px}.view-world .brand-sub{font-size:9px}.language-picker summary{padding:4px;min-width:30px}.view-world .header-links{gap:1px}}
@media(prefers-reduced-motion:reduce){.language-options{animation:none}}

@media(max-width:760px){
 .architecture-plate{margin-bottom:74px}.drawing-note.note-living{top:94%;bottom:auto;left:8%;width:32%;font-size:16px;line-height:1.3}.drawing-note.note-pool{top:94%;bottom:auto;right:8%;width:45%;font-size:16px;line-height:1.3}.drawing-note.note-roof{top:4%;max-width:42%;font-size:16px;line-height:1.3}
 html:lang(th) .drawing-note{font-size:14px;line-height:1.6}
}
@media(max-width:420px){html:not(:lang(fr)) .folio-facts strong{font-size:29px}.folio-facts>div{padding-left:12%}}
