/* Native disclosure navigation: usable with keyboard and without scripts. */
.language-picker{position:relative;flex-shrink:0;font-weight:400}.language-trigger{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:13px;white-space:nowrap;color:var(--ink);transition:background .2s}.language-trigger::-webkit-details-marker{display:none}.language-trigger::marker{content:""}.language-trigger:hover,.language-picker[open] .language-trigger{background:#eaf3fc}.language-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.language-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}.language-picker[open] .language-trigger svg{transform:rotate(180deg)}.language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:40;width:218px;max-width:calc(100vw - 40px);max-height:min(430px,65vh);overflow:auto;background:#fff;border:1px solid #dce6f1;border-radius:13px;padding:6px;box-shadow:0 16px 42px #0b25451f;animation:language-open .18s ease-out both;scrollbar-width:thin}.language-picker:not([open]) .language-panel{display:none}.language-panel a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:39px;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.5;color:var(--ink);text-align:start}.language-panel a:hover,.language-panel a:focus-visible{background:#eef5fc}.language-panel a[aria-current=true]{color:var(--brand);background:#e9f3ff;font-weight:600}.language-panel a>span:last-child{color:var(--brand)}.language-panel a[lang=ar]{font-family:Arial,Tahoma,sans-serif}
@keyframes language-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html[lang=ko] body{font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}html[lang=th] body{font-family:Tahoma,"Thonburi","Leelawadee UI",Arial,sans-serif}html[lang=ar] body{font-family:Arial,Tahoma,sans-serif}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{line-height:1.5;letter-spacing:0}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{line-height:1.35;letter-spacing:-.025em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.4;letter-spacing:0}html[lang=th] em,html[lang=ko] em,html[lang=ar] em{font-family:inherit;font-style:normal}html[lang=th] .eyebrow,html[lang=ar] .eyebrow{letter-spacing:0}.hero-content h1,.page-intro h1,.inventory-body h3,.family-tile h3{overflow-wrap:anywhere}.language-trigger,.language-panel a{overflow-wrap:normal}
html[dir=rtl] .cinematic-hero:before{background:linear-gradient(270deg,#07192ff2 0%,#07192fdb 28%,#07192f85 49%,#07192f14 78%),linear-gradient(0deg,#07192fc9,transparent 35%)}html[dir=rtl] .hero-scene img{object-position:42% center}html[dir=rtl] .hero-image-note{text-align:left}html[dir=rtl] .inventory-bottom>a{margin-left:0;margin-right:auto}html[dir=rtl] .catalog-filter button>b{margin-left:0;margin-right:auto}html[dir=rtl] .family-tile>span:last-child{right:auto;left:15px}html[dir=rtl] .floating-contact{right:auto;left:23px}html[dir=rtl] .check-list li{padding-left:0;padding-right:20px}html[dir=rtl] .check-list li:before{left:auto;right:0}html[dir=rtl] .story-steps li{padding-left:0;padding-right:52px}html[dir=rtl] .story-steps li:before{left:auto;right:0}html[dir=rtl] .story-facts>div+div{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:32px}html[dir=rtl] .spec-table th{text-align:right}html[dir=rtl] .spec-table td{direction:ltr;unicode-bidi:plaintext;text-align:right}html[dir=rtl] .form-grid input,html[dir=rtl] .form-grid textarea{text-align:start}html[dir=rtl] .form-grid [name=email],html[dir=rtl] .form-grid [name=phone]{direction:ltr}html[dir=rtl] .process-strip b{transform:scaleX(-1)}
@media(max-width:1100px){.header-inner{min-height:76px}.menu-toggle{display:flex;align-items:center;gap:15px;font-size:12px;background:transparent;border:0;color:var(--ink);padding:10px}.menu-toggle>span{font-size:21px}.header nav{position:absolute;top:76px;left:0;right:0;display:none;background:#fff;padding:18px 25px 25px;border-bottom:1px solid var(--line);box-shadow:0 10px 15px #0b254510}.header nav.is-open{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}.header nav>a:not(.button){flex-basis:calc(50% - 10px);padding:10px 0}.header nav .button{min-width:190px}.language-picker{flex-basis:calc(50% - 10px)}.language-trigger{width:max-content;min-width:110px;padding-inline:10px}.language-panel{inset-inline-end:auto;inset-inline-start:0;top:calc(100% + 5px);max-height:55vh}.header nav .button{max-width:100%;white-space:normal}.macro-tab strong{overflow-wrap:anywhere}}
@media(max-width:640px){.header-inner{min-height:70px}.header nav{top:70px}.header nav .button{min-width:0;flex-basis:calc(50% - 10px);font-size:11px;gap:12px}.language-panel{width:210px}.hero-content h1{font-size:32px}.hero-content>p{font-size:13px}.hero-content .button-row{gap:18px}.hero-content .button{max-width:100%;gap:17px}.hero-content .text-link{max-width:100%;gap:12px}.hero-facts{gap:10px}.hero-facts span{font-size:9px}.hero-facts strong{font-size:23px}.macro-tab{padding-inline:5px;gap:6px}.macro-tab strong{font-size:11px}.macro-tab>span:first-child{width:20px;height:20px;flex-shrink:0}.family-tile h3{font-size:16px}.inventory-body h3,.home-inventory .inventory-body h3{font-size:14px;line-height:1.4}html[lang=th] .hero-content h1{font-size:29px;line-height:1.5}html[lang=ko] .hero-content h1{font-size:32px;line-height:1.35}html[lang=ar] .hero-content h1{font-size:35px;line-height:1.4}html[dir=rtl] .hero-image-note{text-align:right}html[dir=rtl] .floating-contact{right:auto;left:14px}html[dir=rtl] .story-facts>div+div{padding-right:16px}html[dir=rtl] .story-facts>div:last-child{border-right:0;padding-right:0}html[dir=rtl] .story-steps li{padding-right:43px}html[dir=rtl] .story-timeline article{padding-left:0;padding-right:20px;border-left:0;border-right:2px solid var(--brand)}}
@media(prefers-reduced-motion:reduce){.language-panel{animation:none}.language-trigger svg{transition:none}}

/* Let translated words wrap inside the existing responsive grids. */
.brief-grid>div,.contact-grid>*,.detail-grid>*,.story-grid>*{min-width:0;overflow-wrap:anywhere}

@media(max-width:1100px){html:not(.language-enhanced) .header nav{position:static;display:flex;flex-wrap:wrap;gap:14px;box-shadow:none}html:not(.language-enhanced) .header-inner{flex-wrap:wrap}html:not(.language-enhanced) .menu-toggle{display:none}}