/* Edition 04 — intimate hospitality, cinematic storytelling, useful guest actions. */
:root{--paper:#f8f5ed;--ink:#183e3b;--gold:#e6c58d}
header{height:88px;background:#fffef9;border-bottom:1px solid #ddd9ce}header .brand{width:220px}
.button{border-radius:4px;font-size:13px;min-height:50px}.text-link{font-size:12px;min-height:42px}.preview-bar{letter-spacing:1.6px}
.signature-hero{position:relative;isolation:isolate;min-height:730px;height:calc(100svh - 115px);max-height:1020px;color:#fffdf3;padding:32px 6% 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#143c38}
.signature-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%;z-index:-3}
.signature-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#092d2ce8 0%,#12342c9c 42%,#092d2c05 85%),linear-gradient(0deg,#082f2adb,transparent 35%,#092d2c33)}
.signature-topline,.signature-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:2px}
.signature-topline{border-bottom:1px solid #ffffff38;padding-bottom:20px}.signature-bottom{font-size:10px;letter-spacing:.7px;color:#f0ebdf}.signature-bottom a{padding:12px 0;border-bottom:1px solid #fff7}
.signature-copy{max-width:1000px;margin:45px 0 70px}.signature-copy .eyebrow{color:#eed3a2;letter-spacing:2.5px}
.signature-copy h1{font-size:clamp(58px,7.5vw,122px);line-height:1.04;letter-spacing:-.06em;text-shadow:0 3px 30px #092d2c22}.signature-copy h1 em{display:block;font-weight:400;color:#edcf97}
.signature-copy>p:not(.eyebrow){max-width:470px;font-size:15px;color:#f3eee3;line-height:1.9;margin:28px 0 30px}
.signature-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.signature-actions .button{padding:18px 28px;background:#f5e7c9}.signature-watch{display:flex;align-items:center;gap:12px;font-size:13px;min-height:50px}.signature-watch>span{border:1px solid #fffc;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:25px}.signature-watch:hover>span{background:#fff2}
.arrival-pass{position:absolute;right:6%;bottom:115px;width:260px;background:#fbf7eb;color:#153f3d;padding:25px 25px 19px;box-shadow:0 20px 50px #082e2c40;transform:rotate(3deg);transition:transform .25s;border-radius:7px}
.arrival-pass:hover{transform:rotate(0)}.pass-top{display:flex;align-items:center;justify-content:space-between;font-size:43px;font-family:Georgia,serif;border-bottom:1px dashed #9faea1;padding-bottom:15px;margin-bottom:15px;letter-spacing:-2px}.pass-top i{font:normal 25px Arial;color:#0b7c73}.arrival-pass strong{display:block;font-size:15px}.arrival-pass>span:not(.pass-top){font-size:12px;display:block;margin:5px 0 18px}.arrival-pass small{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px}.arrival-pass b{font-size:20px;line-height:1}
.booking-strip{max-width:1400px;padding:0 6%;margin:0 auto}.booking-form{border-radius:0 0 12px 12px;border:1px solid #dedbd0;border-top:0;box-shadow:0 18px 45px #183e3b08;padding:24px 28px 15px}.pillars{margin:28px auto 0;padding:0 6%;max-width:1400px;justify-content:space-between}.pillars span{font-size:12px}.pillars svg{stroke:#0f7b72}
.section{max-width:1600px;padding:100px 6%}.section-heading h2{font-size:clamp(36px,4.6vw,68px);line-height:1.12}.section-heading>p{font-size:14px;max-width:320px}.eyebrow{font-size:11px}.rooms-section{padding-top:85px}.rooms-section .room-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:45px 28px}.rooms-section .room-card{grid-column:span 2}.rooms-section .room-card:nth-child(-n+2){grid-column:span 3}.rooms-section .room-image{aspect-ratio:1.5;border-radius:9px}.rooms-section .room-card:nth-child(-n+2) .room-image{aspect-ratio:1.65}.room-card h3{font-size:32px}.room-card>p{font-size:13px}.room-meta{font-size:10px}.image-counter{left:auto;right:16px;top:17px}.image-arrow{border-radius:50%;width:44px;height:44px}.room-filters button{min-height:44px;font-size:12px;padding:9px 16px;border-radius:25px}.room-filters button.active{background:#173f3c;color:#fff}.room-toolbar{padding-bottom:18px}.room-filters{gap:8px}
.signature-cinema{max-width:none;background:#0c302f;color:#f8f0df;padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}.signature-cinema .eyebrow{color:#d8b775}.signature-cinema .section-heading>p{color:#c3d1c8}.film-selection{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #6b878055;margin-top:40px}.film-choice{padding:25px 25px 25px 0;color:#adc4bc;text-align:left;border-bottom:2px solid #42665b;position:relative;min-height:110px}.film-choice+button{padding-left:30px}.film-choice.active{color:#f9e7bf;border-bottom-color:#e9c488}.film-choice>span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px}.film-choice strong{font-family:Georgia,Thai,serif;font-size:clamp(17px,2.3vw,30px);font-weight:400;display:block;padding-right:25px;line-height:1.4}.film-choice b{position:absolute;right:14px;top:45px;font-size:25px;font-weight:400}
.feature-screen{position:relative;margin-top:28px;background:#071f1d;border-radius:10px;overflow:hidden}.feature-screen video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.feature-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#fff;background:linear-gradient(transparent,#082c2a77);width:100%;font-size:14px}.feature-play>span{width:95px;height:95px;border:1px solid #fff9;display:grid;place-items:center;border-radius:50%;font-size:45px;background:#153b3466;backdrop-filter:blur(6px)}.feature-play:hover>span{background:#176d5d99}.film-classification{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:2px;background:#092c29c9;border:1px solid #fff5;padding:6px 10px;color:#fff;pointer-events:none}.film-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:18px 0 24px}.film-chapters button{border-top:2px solid #60847755;color:#b0c9bf;padding:14px 0;text-align:left;display:flex;gap:12px;align-items:center;min-height:50px}.film-chapters button.active{border-color:#dfbd81;color:#f6dbac}.film-chapters span{font-size:10px}.film-chapters strong{font-weight:400;font-size:12px}.film-disclosure{color:#b6c9c1;max-width:850px;font-size:12px;line-height:1.8}.signature-cinema>.text-link{color:#f7d6a1}
.transfer-planner{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#ede8db;max-width:none;padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}.transfer-heading h2{font-size:clamp(36px,4.4vw,64px);margin:22px 0}.transfer-heading>p{font-size:14px;max-width:490px;line-height:1.9}.transfer-heading .transfer-promise{font-size:20px;color:#0a7366}.transfer-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fffdf6;border:1px solid #dad6c8;border-radius:12px;padding:36px}.transfer-form>p{grid-column:1/-1;font-size:13px;color:#566b60;margin:0}.transfer-form label{display:grid;gap:7px;font-size:12px;min-width:0}.transfer-form input,.transfer-form select{width:100%;min-width:0;background:#f9f7ef;border:1px solid #c4cfc2;border-radius:4px;min-height:48px;padding:10px;color:#163c36}.transfer-wide{grid-column:1/-1}.transfer-form small{font-size:11px;line-height:1.7;color:#607366}.transfer-status:empty{display:none}
.welcome-intro{padding-top:80px;padding-bottom:32px}.story-chapter{min-height:60svh}.story-visual{border-radius:12px}.welcome-story{background:#204e46}.story-index{font-size:80px}.story-signature{padding-bottom:60px}.story-navigation{padding-bottom:30px}
.explorer{background:#edf0e7}.explorer-shell{border-radius:12px;overflow:hidden}.service-grid{gap:20px;border:0}.service-grid article{border:1px solid #d7ded0!important;background:#fffdf7;padding:28px!important;border-radius:10px}.service-grid article:first-child{background:#e7eee2}.service-grid h3{font-size:25px}.service-grid p{font-size:13px}.journey-visual{height:370px}.destination-photo{border-radius:10px}.island-shell{border-radius:12px;overflow:hidden}.last-call{padding:100px 6%}.last-call h2{max-width:1000px;margin:auto;font-size:clamp(40px,5vw,75px)}.room-amenities{background:#f0f1e5}
html[lang=th] .signature-copy h1{font-size:clamp(48px,6.3vw,98px);line-height:1.32}html[lang=th] .signature-copy h1 em{font-style:normal}html[lang=ru] .signature-copy h1{font-size:clamp(46px,6vw,92px)}html[lang=ja] .signature-copy h1,html[lang=ko] .signature-copy h1,html[lang=zh-Hans] .signature-copy h1{font-size:clamp(44px,5.5vw,84px);line-height:1.35}
@media(max-width:1100px){.arrival-pass{width:210px;right:5%;padding:20px;bottom:90px}.signature-copy{max-width:78%}.signature-copy h1{font-size:clamp(55px,7.6vw,85px)}.transfer-form{padding:25px}.transfer-planner{gap:5%}.service-grid{gap:12px}.service-grid article{padding:22px!important}}
@media(max-width:850px){.signature-hero{height:auto;min-height:740px;padding:25px 6% 28px}.signature-copy{max-width:100%;margin:50px 0 160px}.signature-copy h1{font-size:clamp(54px,9vw,78px)}.arrival-pass{bottom:75px;width:230px;transform:none;padding:15px 18px}.pass-top{font-size:29px;padding-bottom:8px;margin-bottom:8px}.arrival-pass>span:not(.pass-top){margin:4px 0 8px}.arrival-pass small{display:none}.signature-bottom{gap:12px;font-size:9px}.signature-topline{font-size:8px;letter-spacing:1.1px}.transfer-planner{grid-template-columns:1fr;gap:35px}.rooms-section .room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms-section .room-card,.rooms-section .room-card:nth-child(-n+2){grid-column:auto}.section{padding:70px 6%}.film-chapters{gap:10px}.film-chapters button{display:block}.film-chapters span{display:block;margin-bottom:7px}.section-heading h2{font-size:42px}.pillars span{flex-direction:row;max-width:none;text-align:left}.service-grid{grid-template-columns:1fr 1fr}.story-chapter{min-height:0}.story-visual{display:none}.signature-copy>p:not(.eyebrow){max-width:430px}.signature-backdrop{object-position:65% center}}
@media(max-width:600px){header{height:76px}header .brand{width:185px}.signature-hero{min-height:790px;padding:22px 7% 25px}.signature-topline>span:last-child{display:none}.signature-copy{margin:40px 0 175px}.signature-copy h1{font-size:clamp(45px,12vw,68px);line-height:1.1}.signature-copy>p:not(.eyebrow){font-size:14px;margin:24px 0;max-width:350px}.signature-wash{background:linear-gradient(90deg,#0a302bec,#0a302b75),linear-gradient(0deg,#092d2ce0,transparent)}.signature-actions{gap:16px}.signature-actions .button{padding:15px 20px}.signature-watch{font-size:12px}.signature-bottom{display:block;line-height:1.7}.signature-bottom>a{display:none}.arrival-pass{left:7%;right:auto;bottom:65px;width:235px}.signature-bottom>span{font-size:8px}.booking-strip{padding:0}.booking-form{border-radius:0;padding:25px 7%}.pillars{display:grid;gap:14px;padding:0 7%;justify-content:start}.pillars span{font-size:12px}.section{padding:60px 7%}.rooms-section .room-grid{grid-template-columns:1fr;gap:32px}.rooms-section .room-image,.rooms-section .room-card:nth-child(-n+2) .room-image{aspect-ratio:1.5}.room-card h3{font-size:30px}.film-selection{margin-top:25px}.film-choice{padding:18px 10px 18px 0;min-height:105px}.film-choice+button{padding-left:16px}.film-choice strong{font-size:18px;padding-right:0}.film-choice b{display:none}.film-choice>span{font-size:9px}.feature-screen{margin-top:20px;border-radius:6px}.feature-play>span{width:60px;height:60px;font-size:30px}.feature-play{gap:9px;font-size:12px}.film-classification{top:10px;left:10px;font-size:7px}.film-chapters{gap:9px;margin:10px 0 15px}.film-chapters strong{font-size:10px;line-height:1.4}.film-disclosure{font-size:11px}.transfer-form{padding:22px 18px;gap:15px 12px}.transfer-form .button{font-size:12px;padding:14px 10px}.transfer-heading h2{font-size:39px}.transfer-heading .transfer-promise{font-size:18px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:26px!important}.service-grid h3{margin-top:20px}.section-heading h2{font-size:38px}.last-call{padding:70px 7%}.last-call h2{font-size:42px}.room-filters{gap:6px}.room-filters button{padding:8px 12px;font-size:11px}html[lang=th] .signature-copy h1{font-size:clamp(42px,10.5vw,62px)}html[lang=ru] .signature-copy h1{font-size:clamp(40px,10vw,58px)}html[lang=ja] .signature-copy h1,html[lang=ko] .signature-copy h1,html[lang=zh-Hans] .signature-copy h1{font-size:clamp(38px,9.5vw,58px)}.section-heading>p{font-size:14px}.journey-visual{height:300px}.signature-copy .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.arrival-pass{transform:none;transition:none}}