/* Edition 05. Native typography, restrained glass and user-driven depth. */
:root{
 --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Thonburi","Noto Sans Thai",sans-serif;
 --paper:#f7f9f9;--ink:#173936;--glass:rgba(255,255,255,.82);
 --glass-edge:rgba(255,255,255,.8);--radius-card:24px;
 --ease-smooth:cubic-bezier(.22,1,.36,1);--shadow-glass:0 16px 50px #183f3c0e,inset 0 1px 0 #ffffffb3;
}
html body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:var(--paper)}
html body h1,html body h2,html body h3,html body .film-choice strong,html body .explorer-info select,html body .pass-top{font-family:var(--font-ui)!important;font-style:normal;font-weight:600;letter-spacing:-.045em}
html body h1 em{font-family:inherit;font-style:normal;font-weight:600}
html body h2{line-height:1.13}html body h3{letter-spacing:-.025em;line-height:1.3}
html[lang=th] body h1,html[lang=th] body h2,html[lang=th] body h3{line-height:1.4;letter-spacing:-.015em}
html[lang=ja] body h1,html[lang=ja] body h2,html[lang=ko] body h1,html[lang=ko] body h2,html[lang=zh-Hans] body h1,html[lang=zh-Hans] body h2{line-height:1.35}
body>header{height:84px;background:#fdfefe;border:0;box-shadow:0 1px 0 #173f3c10;transition:box-shadow .35s,background .35s}
body>header.has-scrolled{box-shadow:0 5px 30px #183f3c12}
header nav a{font-size:12px;font-weight:500;letter-spacing:0}
header .brand{width:210px}.header-actions .language-select{border:1px solid #21483e14;border-radius:40px;padding:0 12px;background:#ffffff65}
.button{border-radius:40px;background:linear-gradient(125deg,#117c75,#14554e);font-weight:600;box-shadow:0 5px 18px #12685e14;transition:transform .3s var(--ease-smooth),box-shadow .3s,background .3s}
.button:hover{transform:translateY(-2px);background:linear-gradient(125deg,#0f6c66,#10453f);box-shadow:0 9px 22px #12685e28}.button:active{transform:translateY(0) scale(.985)}
.button.light,.signature-actions .button{background:linear-gradient(120deg,#fff,#dff5eb);color:#153f37;border:1px solid #ffffffc0;box-shadow:0 8px 22px #061e2024}
.button.light:hover{background:#fff;box-shadow:0 12px 32px #061e2033}
.preview-bar{background:#eaf0ed;color:#57746b;height:24px;font-size:8px;letter-spacing:1.8px}.status-dot{background:#2f8a6e}
.signature-hero{margin:0 18px 0;border-radius:28px;min-height:720px;height:calc(100svh - 126px);max-height:1000px;padding:28px 5% 30px;--hero-shift:0px;--hero-scale:1.015;--light-x:75%;--light-y:30%;background:#163e3c}
.signature-backdrop{transform:translate3d(0,var(--hero-shift),0) scale(var(--hero-scale));object-position:50% 58%;will-change:transform}
.signature-wash{background:linear-gradient(90deg,#082a30e8 0%,#123d3ca3 43%,#193a3524 100%),linear-gradient(0deg,#052f34e6,transparent 45%)}
.signature-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#81e0d624,transparent 52%),linear-gradient(130deg,#4c9fcc0d,transparent 60%,#b8dcbc20)}
.signature-topline{font-size:9px;letter-spacing:1.8px;border-color:#ffffff24}.signature-copy{max-width:1000px;margin:38px 0 72px}
.signature-copy h1{font-size:clamp(52px,6.6vw,104px);font-weight:600;line-height:1.07;letter-spacing:-.065em}
.signature-copy h1 em{color:#c9f1df;background:linear-gradient(105deg,#f1fff9 0%,#bee7dd 40%,#96cddd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.signature-copy .eyebrow{color:#c9e5dc;letter-spacing:2.3px}.signature-copy>p:not(.eyebrow){color:#edf6f2;max-width:430px;font-size:15px;line-height:1.8;font-weight:400}
.signature-watch{font-weight:500}.signature-watch>span{background:#ffffff14;border-color:#ffffff55;transition:transform .3s,background .3s}.signature-watch:hover>span{transform:scale(1.08);background:#ffffff26}
.arrival-pass{background:#f3faf6ed;border:1px solid #ffffffa6;border-radius:22px;transform:none;color:#1d423c;box-shadow:0 20px 55px #041f2d35,inset 0 1px 0 #fff8;transition:transform .4s var(--ease-smooth),box-shadow .4s}
.arrival-pass:hover{transform:translateY(-6px);box-shadow:0 28px 65px #041f2d44}.pass-top{font-size:36px;letter-spacing:-2px;border-color:#4772674f}.arrival-pass strong{font-weight:600}.arrival-pass small{letter-spacing:1px}
.signature-bottom{font-size:9px;color:#dcece6}.signature-bottom>a{border-color:#ffffff4a}.signature-bottom-group{display:flex;gap:20px;align-items:center}.motion-switch{color:#fff;font-size:10px;border:1px solid #ffffff55;border-radius:30px;padding:9px 13px;min-height:40px;background:#163d3c66;letter-spacing:0}
.booking-strip{margin-top:-1px;max-width:1440px;padding:0 6%}.booking-form{border-radius:0 0 24px 24px;background:#fffffff0;box-shadow:var(--shadow-glass);border-color:#d8e4de}
.booking-form label{font-size:10px;letter-spacing:.9px;font-weight:500}.booking-form input,.booking-form select{font-size:15px}
.pillars{margin-top:26px;margin-bottom:5px}.pillars span{color:#44665c;font-size:12px}.pillars svg{stroke:#498878}
.section-heading h2{font-size:clamp(35px,4.3vw,64px);font-weight:600;letter-spacing:-.055em}.section-heading>p{font-size:15px;color:#61746c}
.room-grid{gap:42px 25px}.rooms-section .room-card{background:linear-gradient(155deg,#ffffffc9,#eff5f16b);border:1px solid #fff;border-radius:var(--radius-card);padding:12px 12px 22px;box-shadow:0 8px 35px #183f3c06;transition:transform .45s var(--ease-smooth),box-shadow .45s}
.rooms-section .room-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #183f3c12}.rooms-section .room-image{border-radius:16px}.room-card>h3,.room-card>p,.room-card>.text-link,.room-card>.room-meta{margin-left:12px;margin-right:12px}.room-card h3{font-size:27px;font-weight:600}.room-card>p{color:#526b60;font-size:13px}.image-arrow{background:#ffffffc9;border:1px solid #fff8;box-shadow:0 2px 15px #153f3c15}
.room-meta{font-size:9px}.room-filters button{background:#eaf0ec;border:1px solid #ffffffa6}.room-filters button.active{background:linear-gradient(120deg,#287b6c,#17463f);box-shadow:0 5px 12px #17463f12}
.signature-cinema{background:radial-gradient(ellipse at 85% 10%,#245c60 0,transparent 55%),linear-gradient(155deg,#0a252b,#183f37 80%);position:relative;overflow:hidden}.signature-cinema .eyebrow{color:#a9dbc8}.signature-cinema h2{color:#e9f8ee}.film-selection{gap:12px;border:0;margin-top:30px}
.film-choice,.film-choice+button{border:1px solid #ffffff24;background:#ffffff08;padding:22px 24px;min-height:110px;border-radius:18px;transition:background .3s,border-color .3s}.film-choice:hover{background:#ffffff10}.film-choice.active{background:linear-gradient(120deg,#ffffff1f,#abdcc714);border-color:#ffffff65;color:#e3f7ed;box-shadow:inset 0 1px 0 #ffffff24}
.film-choice strong{font-size:clamp(19px,2vw,29px)}.film-choice b{right:20px}.feature-screen{border:1px solid #ffffff36;border-radius:22px;box-shadow:0 24px 70px #041d2940}
.feature-play>span{background:#ffffff1c;border-color:#ffffff8c;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 30px #092c2a38}.film-classification{border-radius:30px;background:#0e3034b0}
.film-chapters button{transition:color .3s,border-color .3s}.film-chapters button.active{border-color:#ade4d1;color:#d9fae9}.signature-cinema>.text-link{color:#bcead6}
.transfer-planner{background:radial-gradient(ellipse at 0 0,#cee7e2 0,transparent 60%),radial-gradient(ellipse at 100% 100%,#e0e7f5 0,transparent 60%),#f0f5f0}
.transfer-heading h2{font-size:clamp(34px,3.9vw,60px)}.transfer-heading .transfer-promise{color:#117561;font-weight:500}.transfer-form{border:1px solid #fff;background:#ffffffc4;border-radius:24px;box-shadow:var(--shadow-glass)}.transfer-form input,.transfer-form select{border-radius:10px;background:#ffffffa6;border-color:#cbdad1}
.welcome-story{background:linear-gradient(130deg,#173d3b,#1a4a42 60%,#2e5759)}.welcome-intro h2{font-weight:600}.story-visual{border-radius:26px;border:1px solid #ffffff2e}.story-index{font-family:var(--font-ui);font-size:65px;letter-spacing:-5px;font-weight:500}.story-chapter h3{font-weight:500;font-size:clamp(30px,3.5vw,49px)}.story-chapter .eyebrow{color:#b4dccc}
.explorer{background:linear-gradient(140deg,#f0f6f4,#e9efef)}.explorer-shell{border-radius:24px;border:1px solid #fff;box-shadow:var(--shadow-glass)}.explorer-info{background:linear-gradient(140deg,#164740,#203f48)}.explorer-info select{font-weight:500}.explorer-tabs button.active{color:#c3eddf}
.service-grid article,.service-grid article:first-child{border:1px solid #fff!important;border-radius:22px;background:linear-gradient(135deg,#ffffffdc,#eef5f0b8);box-shadow:var(--shadow-glass);transition:transform .4s var(--ease-smooth)}.service-grid article:hover{transform:translateY(-4px)}.service-grid h3{font-weight:600;font-size:23px}.service-grid p{font-size:14px}
.journey-ticket{border-radius:18px;border:1px solid #fff;background:#ffffffda}.journey-ticket>span{font-family:var(--font-ui);font-weight:500}.journey-visual{border-radius:22px}.journey-visual>img{border-radius:22px}
.room-amenities{border-color:#fff;border-radius:24px;background:linear-gradient(120deg,#e6f1e9,#edf3f5);box-shadow:var(--shadow-glass)}.room-amenities h3{font-size:27px;font-weight:600}
.destination-photo{border-radius:24px}.destination-card-copy h3{font-size:30px}.island-section{background:radial-gradient(ellipse at 90% 10%,#306266,transparent 65%),#143e3c}.island-shell{border-radius:24px;border:1px solid #ffffff5e}.map-cover{background:radial-gradient(ellipse at 20% 30%,#579b8d55,transparent 60%),linear-gradient(125deg,#1f5757,#163943)}.map-tools button{border-radius:10px;background:#ffffffde}
.last-call{background:radial-gradient(ellipse at 20% 90%,#53867e55,transparent 55%),radial-gradient(ellipse at 85% 0,#546eab33,transparent 55%),linear-gradient(145deg,#102e36,#1d4c3f)}.last-call h2{font-weight:600}.last-call .eyebrow{color:#b7dccb}
footer{background:#eef3ef}dialog{border-radius:24px;border:1px solid #fff9;background:#fafdf9f5}dialog::backdrop{background:#0e282b9c;backdrop-filter:blur(12px)}.dialog-close{border-radius:50%;background:#e8efea}.detail-gallery{border-radius:22px;overflow:hidden}.specs{border-radius:20px;background:linear-gradient(125deg,#e6eee6,#e8f0ed)}.compare-bar{border-radius:20px;background:#fbfffbeb;border-color:#fff;box-shadow:0 10px 40px #163f352b}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
 body>header{background:#f9fcf9d9;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
 .arrival-pass{background:#f3faf6c7;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
 .image-arrow,.journey-ticket,.film-choice,.motion-switch{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
@media(max-width:1100px){.signature-copy h1{font-size:clamp(52px,6.4vw,79px)}.signature-copy{max-width:80%}.arrival-pass{width:220px}.header-actions{gap:9px}.header-actions .language-select{padding:0 8px}header .brand{width:200px}}
@media(max-width:850px){body>header{height:78px}.signature-hero{min-height:770px;height:auto;margin:0 12px;padding:25px 5% 28px;border-radius:24px}.signature-copy{max-width:100%;margin:40px 0 170px}.signature-copy h1{font-size:clamp(48px,8.3vw,70px)}.arrival-pass{bottom:75px;width:235px}.signature-bottom-group{gap:12px}.motion-switch{font-size:9px}.rooms-section .room-card{padding:10px 10px 20px}.film-choice,.film-choice+button{padding:20px 18px}.film-choice b{display:none}.film-choice strong{padding:0}.section-heading h2{font-size:40px}.transfer-heading h2{font-size:42px}}
@media(max-width:600px){
 body>header{height:74px}header .brand{width:170px}.header-actions .language-select{border:0;background:none;padding:0}.signature-hero{margin:0 8px;border-radius:22px;min-height:790px;padding:22px 6% 24px}.signature-copy{margin:36px 0 180px}.signature-copy h1{font-size:clamp(40px,10.2vw,60px);letter-spacing:-.06em;line-height:1.08}.signature-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.signature-actions{gap:12px}.signature-actions .button{padding:14px 19px;font-size:12px}.signature-watch{font-size:11px;gap:8px}.signature-watch>span{height:38px;width:38px;font-size:21px}
 .arrival-pass{left:6%;bottom:84px;width:222px;border-radius:18px;padding:15px 18px}.pass-top{font-size:30px}.signature-bottom{display:flex;align-items:end;gap:10px}.signature-bottom>span{font-size:8px;max-width:145px;letter-spacing:.1px}.signature-bottom-group>a{display:none}.motion-switch{font-size:8px;padding:8px 10px;min-height:38px;max-width:140px}.signature-backdrop{will-change:auto}
 .booking-form{padding:25px 7%;border-radius:0 0 22px 22px}.booking-form input,.booking-form select{font-size:14px}.section-heading h2{font-size:35px}.room-card h3{font-size:27px}.room-card>.room-meta{margin-top:17px}.room-filters button{font-size:10px;padding:9px 11px}
 .film-selection{gap:9px}.film-choice,.film-choice+button{padding:16px 13px;border-radius:16px;min-height:112px}.film-choice strong{font-size:17px;letter-spacing:-.02em}.film-choice>span{font-size:8px}.feature-screen{border-radius:15px}.film-chapters strong{font-size:10px}.transfer-form{border-radius:20px}.transfer-form input,.transfer-form select{font-size:16px}.transfer-heading h2{font-size:35px}.service-grid h3{font-size:23px}.service-grid article{border-radius:20px}.story-chapter h3{font-size:31px}.story-mobile-photo{border-radius:22px}.destination-card-copy h3{font-size:28px}.last-call h2{font-size:36px}.mobile-book{background:#f5faf4d9;backdrop-filter:blur(20px);border-color:#ffffffc9}.mobile-book .button{border-radius:30px}.compare-bar{border-radius:18px}
 html[lang=th] body .signature-copy h1{font-size:clamp(37px,9.7vw,56px);line-height:1.4}
 html[lang=ja] body .signature-copy h1,html[lang=ko] body .signature-copy h1,html[lang=zh-Hans] body .signature-copy h1{font-size:clamp(35px,9vw,51px)}
 html[lang=ru] body .signature-copy h1{font-size:clamp(35px,9vw,52px)}
}
@media(prefers-reduced-motion:reduce){.signature-backdrop{transform:none;will-change:auto}.button:hover,.arrival-pass:hover,.rooms-section .room-card:hover,.service-grid article:hover{transform:none}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .signature-backdrop{transform:none;will-change:auto}
html[data-motion=off] .button:hover,html[data-motion=off] .arrival-pass:hover,html[data-motion=off] .rooms-section .room-card:hover,html[data-motion=off] .service-grid article:hover{transform:none}
@media(prefers-contrast:more){body>header,.arrival-pass,.transfer-form{background:#fff;backdrop-filter:none}.signature-wash{background:#062c31d9}.signature-copy h1 em{-webkit-text-fill-color:#fff;background:none}.film-choice{border-color:#fff}}