:root{--hotel-navy:#103731;--hotel-gold:#af8650;--hotel-ivory:#f5f2eb}*{box-sizing:border-box}body{font-family:'Segoe UI',Arial,sans-serif;color:#263e39;background:#faf9f5;letter-spacing:normal}.hotel-top{background:#103731;color:#e2d7c1}.hotel-nav{background:#faf9f5f5;height:90px;border-bottom:1px solid #e4dfd2;box-shadow:none}.hotel-nav nav a{font-size:13px}.hotel-nav .nav-book{border-radius:4px;background:#103731;padding:15px 25px}.hotel-hero{height:78vh;min-height:560px;margin:18px 24px 0;border-radius:12px}.hero-copy{border:0;max-width:850px}.hero-copy h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-size:clamp(40px,5vw,76px);line-height:1.18}.hero-copy p{font-size:16px;max-width:600px}.hotel-section{padding:90px max(7vw,24px)}.section-title h2,.section-copy h2,.booking-intro h2,.contact-section h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:400;font-size:clamp(28px,3.3vw,44px);line-height:1.3}.eyebrow{color:#af8650;font-size:11px;letter-spacing:3px}.welcome-images img{border-radius:8px}.section-copy>p{max-height:none;overflow:visible}.facts{grid-template-columns:repeat(2,1fr);gap:24px}.facts b{font-size:24px;font-weight:400}.stays{background:#eeece3}.room-card{border-radius:10px;overflow:hidden;box-shadow:none}.room-card>a{height:360px}.room-grid{max-width:1060px}.amenity-section{background:#103731}.hotel-amenities{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hotel-amenities article{background:#ffffff06;border:1px solid #ffffff26;border-radius:10px;padding:28px 20px;min-height:175px}.hotel-amenities h3{font:500 16px/1.55 'Segoe UI',Arial,sans-serif;margin-top:14px}.hotel-amenities p{font-size:12px;color:#c3cfca}.gallery-section{background:#faf9f5}.booking-showcase{background:#eae6da;color:#103731;gap:7vw}.booking-intro>p{color:#53675e}.hotel-book-form{border:1px solid #ddd5c6;border-radius:12px;box-shadow:0 20px 65px #183d3212;padding:34px}.hotel-book-form input{border-radius:5px;background:#faf9f5;min-height:44px}.hotel-book-form>button{background:#103731;border-radius:5px}.terms-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.6;font-size:12px!important}.hotel-book-form .terms-consent input{width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:4px 0;accent-color:#103731}.terms-consent a{color:#805d30;text-decoration:underline}.quote{background:#fff;border:1px solid #cbb88d;border-radius:8px;color:#183d32;padding:24px}.hotel-footer{background:#103731}.policy-grid{background:#faf9f5}.policy-link-card{border-radius:10px}.content-hero{min-height:360px;background-color:#103731;margin:18px 24px;border-radius:12px;padding:60px 8vw}.rich-public-content{display:block;width:min(960px,calc(100% - 40px));margin:36px auto 60px;padding:48px 60px;background:#fff;border:1px solid #e1dbce;border-radius:14px;box-shadow:0 15px 50px #1037310b;font:400 17px/1.9 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}.rich-public-content p{margin:0 0 1.2em}.rich-public-content h2{margin:1.5em 0 .7em;font-size:27px}.rich-public-content li{margin-bottom:.6em}.rich-public-content video,.rich-public-content img{max-width:100%}.back-link{display:inline-block;margin-bottom:28px;color:#805d30;text-decoration:none;border-bottom:1px solid #c8b58b;padding-bottom:8px}.translation-notice{padding:12px 24px;background:#f7edcc;text-align:center}.content-page-body .hotel-nav{position:sticky}.content-page-body .hotel-top{display:flex}@media(max-width:900px){.hotel-amenities{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-hero{margin:10px;min-height:480px}.content-hero{margin:10px}.rich-public-content{padding:28px 24px}.hotel-section{padding:60px 22px}.booking-showcase{padding:60px 22px}.content-page-body .hotel-top{display:none}}@media(max-width:500px){.hotel-amenities article{padding:20px 12px}.hotel-book-form{padding:22px}.hero-copy{margin-left:16px;padding-left:10px}.content-hero h1{font-size:36px}}
.hotel-book-form input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:inline-block!important;opacity:1!important;visibility:visible!important;position:static!important;width:21px!important;height:21px!important;min-height:21px!important;flex:0 0 21px!important;clip:auto!important}.mandatory-terms{background:#f7f0df;border:1px solid #be9a55;border-radius:8px;padding:16px;font-size:14px!important}.guest-note{color:#567065;font-size:12px}.mattress-notice{background:#fff0c9;padding:12px;border-radius:6px}.hotel-book-form button:disabled{opacity:.5;cursor:wait}.quote details{margin-top:14px;font-size:12px}.quote strong{display:block;font-size:23px;border-top:1px solid #d9c8a4;padding-top:15px}.quote p{line-height:1.5}

/* V11 homepage refinements */
.hotel-top{font-size:11px;min-height:30px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;letter-spacing:.3px}
.hotel-top span{font-size:11px;font-weight:400}
.hero-copy h1{font-size:clamp(62px,8vw,118px)!important;font-weight:300!important;letter-spacing:-.045em}
.hotel-amenities{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:10px!important}
.hotel-amenities article{min-height:125px!important;padding:18px 12px!important;border-radius:9px!important}
.hotel-amenities i{width:42px!important;height:42px!important;font-size:23px!important}
.hotel-amenities h3{font-size:14px!important;margin:8px 0 2px!important;font-weight:400!important}
.hotel-amenities p{font-size:10px!important;line-height:1.35!important}
@media(max-width:600px){.hotel-top{display:none}.hero-copy h1{font-size:clamp(48px,15vw,78px)!important}.hotel-amenities{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V12 homepage compact layout */
.hotel-top{font-size:10px!important;min-height:28px!important}
.hotel-top span{font-size:10px!important;letter-spacing:.2px!important}
.hotel-hero .hero-copy h1{font-size:clamp(72px,9vw,128px)!important;line-height:1!important}
.amenity-section .section-title h2{font-size:clamp(22px,2.5vw,34px)!important}
.hotel-amenities{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.hotel-amenities article{padding:16px 12px!important;min-height:125px!important}
.hotel-amenities article i{font-size:20px!important}
.hotel-amenities h3{font-size:13px!important;line-height:1.35!important;margin-top:8px!important}
.hotel-amenities p{font-size:11px!important;line-height:1.45!important;margin:5px 0 0!important}
.journal-section{background:#f3f0e8}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px}
.journal-card{background:#fff;border:1px solid #e2dccf;border-radius:10px;min-height:190px;box-shadow:none}
.journal-card-body{padding:22px}
.journal-card small{font-size:10px;letter-spacing:1.5px;color:#9a815c}
.journal-card h3{font-size:20px;line-height:1.35;font-weight:400;margin:9px 0}
.journal-card p{font-size:13px;color:#607069;line-height:1.6}
.journal-card a{font-size:12px;color:#805d30;text-decoration:none}
@media(max-width:900px){.hotel-amenities{grid-template-columns:repeat(3,minmax(0,1fr))!important}.journal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.hotel-hero .hero-copy h1{font-size:clamp(58px,17vw,82px)!important}.hotel-amenities{grid-template-columns:repeat(2,minmax(0,1fr))!important}.journal-grid{grid-template-columns:1fr}}

/* Refined proportions and reduced-motion-aware transitions. */
.hotel-hero .hero-copy .eyebrow{font-size:clamp(10px,1.4vw,16px)!important;letter-spacing:.16em}.hotel-amenities{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;max-width:1100px;margin:auto}.hotel-amenities article{min-height:105px!important;padding:12px!important;transition:transform .25s ease,background .25s ease}.hotel-amenities article:hover{transform:translateY(-3px);background:#ffffff12}.hotel-amenities article i{font-size:18px!important}.hotel-amenities article h3{margin:4px 0!important}.hero-slide{transition:opacity .85s ease!important}.gallery-main img{transition:opacity .28s ease}.journal-card,.policy-link-card,.room-card{transition:transform .28s ease,box-shadow .28s ease}.journal-card:hover,.policy-link-card:hover,.room-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #10373118}html{scroll-behavior:smooth}@media(max-width:500px){.hotel-amenities{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.gallery-main img,.journal-card,.policy-link-card,.room-card,.hotel-amenities article{transition:none!important}}
/* V20 homepage proportions */
@media(min-width:901px){.hotel-hero .hero-copy h1{font-size:clamp(92px,9.7vw,154px)!important;line-height:.98!important}.hotel-hero .hero-copy>.eyebrow{font-size:clamp(10px,1vw,13px)!important;letter-spacing:.14em!important}.hotel-amenities{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;max-width:1050px}.hotel-amenities article{padding:10px 9px!important;min-height:92px!important}.hotel-amenities article i{font-size:17px!important;width:30px!important;height:30px!important}.hotel-amenities h3{font-size:12px!important;margin:3px 0!important}.hotel-amenities p{font-size:10px!important;line-height:1.35!important;margin:2px 0!important}}
@media(max-width:900px){.hotel-hero .hero-copy h1{font-size:clamp(68px,12vw,100px)!important}.hotel-hero .hero-copy>.eyebrow{font-size:11px!important}.hotel-amenities article{min-height:96px!important;padding:10px!important}.hotel-amenities article i{font-size:18px!important}}
@media(max-width:500px){.hotel-hero .hero-copy h1{font-size:clamp(60px,17vw,88px)!important}}
/* V21: keep the property name larger than its Hồ Tràm label. */
.hotel-hero .hero-copy h1{font-size:clamp(54px,6.5vw,98px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
.hotel-hero .hero-copy>.eyebrow{font-size:clamp(18px,2.1vw,27px)!important;letter-spacing:.08em!important}
@media(min-width:901px){.hotel-hero .hero-copy h1{font-size:clamp(72px,7vw,108px)!important}.hotel-hero .hero-copy>.eyebrow{font-size:clamp(20px,2.2vw,28px)!important}.hotel-amenities{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:1160px!important;gap:10px!important}.hotel-amenities article{min-height:85px!important;padding:8px 13px!important}}
@media(min-width:601px) and (max-width:900px){.hotel-hero .hero-copy h1{font-size:clamp(58px,8vw,78px)!important}.hotel-amenities{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hotel-amenities article{min-height:88px!important;padding:8px 12px!important}}
@media(max-width:600px){.hotel-hero .hero-copy h1{font-size:clamp(47px,12vw,66px)!important}.hotel-hero .hero-copy>.eyebrow{font-size:18px!important}.hotel-amenities article{min-height:86px!important;padding:8px 11px!important}}