/* M&S resort collection: a quiet concierge panel beside an expansive coastline. */
:root{--ivory:#f4f3ed;--green:#163b32;--ink:#233e34;--muted:#5e6f64;--line:#d3dace;--sand:#cfbc8d}
header{position:sticky;top:0;z-index:30;height:90px;border-bottom:1px solid var(--line);background:rgba(244,243,237,.97)}
nav{gap:28px}.header-contact{padding:12px 18px;background:var(--green);color:var(--ivory);border:0}.languages button{min-height:44px;min-width:28px}
.hero{margin:20px 24px 0;background:var(--green);height:680px;min-height:0;color:var(--ivory)}
.hero-image{left:46%;width:54%;object-position:center}.hero-shade{background:linear-gradient(90deg,var(--green) 0%,var(--green) 43%,rgba(22,59,50,.08) 65%),linear-gradient(0deg,rgba(10,33,25,.48),transparent 35%)}
.hero-copy{width:49%;max-width:none;padding:88px 0 110px 5.5%}.hero .eyebrow{color:var(--sand);font-size:10px;letter-spacing:2.8px;margin-bottom:35px}.hero h1{font-size:clamp(30px,3.2vw,49px);line-height:1.5;letter-spacing:-1.5px}.hero-description{font-size:14px;color:#d9e1d8;line-height:2;max-width:390px;margin-bottom:30px}.hero-copy .button{min-width:230px;padding:17px 22px}.hero-secondary{display:block;width:max-content;margin:22px 0 0;color:#dbe2d7;font-size:12px}.hero-bottom{bottom:25px;left:5.5%;right:4%;font-size:9px;letter-spacing:1.7px}.hero-bottom>a{color:white}.hero-signature{position:absolute;right:5%;bottom:90px;text-align:right;color:#fff;text-shadow:0 2px 18px #122b2d70}.hero-signature>span{font:9px sans-serif;letter-spacing:3px}.hero-signature strong{display:block;font:italic 54px/.95 'Cormorant Garamond',Georgia,serif;font-weight:400;margin-top:20px}html[lang=en] .hero h1{font-size:clamp(44px,4.8vw,69px);line-height:1.06}html[lang="zh-Hans"] .hero h1{letter-spacing:1px}
.travel-index{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.1fr;align-items:center;gap:30px;padding-top:29px;padding-bottom:29px;border-bottom:1px solid var(--line)}.index-label{font-size:12px;color:var(--muted)}.travel-index>a{position:relative;border-left:1px solid var(--line);padding-left:28px;display:grid;gap:3px}.travel-index>a>span:first-child{font:9px sans-serif;letter-spacing:2px;color:var(--muted)}.travel-index strong{font:36px/1.2 'Cormorant Garamond',Georgia,serif;font-weight:500}.index-arrow{position:absolute;right:12px;top:18px;font-size:20px}.travel-index p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.travel-index a:hover strong{color:#897542}
.intro{padding-top:100px;padding-bottom:85px;grid-template-columns:1fr 2.3fr}.intro h2{font-size:clamp(30px,3vw,43px)}.intro>div>p{font-size:15px;max-width:650px}.destination-grid{gap:55px}.destination:nth-child(2){padding-top:95px}.photo{height:430px}.destination-title h3{font-size:53px}.destination-title>a{background:var(--green);color:var(--ivory);border:0;width:50px;height:50px;line-height:48px;transition:transform .2s}.destination-title>a:hover{transform:translate(2px,-2px)}.destination>p{font-size:14px;line-height:1.9;max-width:480px}.tags{border-top:1px solid var(--line);padding-top:16px;gap:25px}.photo-label{font-size:11px}.destinations .image-note{max-width:700px;line-height:1.8}.experiences{padding:85px 0 100px}.experience-grid{margin-top:45px}.experience-grid article{padding-right:30px}.experience-grid h3{font-size:36px}.experience-icon{font-family:Georgia,serif}.experience-grid p{font-size:14px}.terms{padding-top:90px;padding-bottom:70px}.terms-grid article{border-top-width:1px}.journey{gap:100px}.journey h3{font-size:17px}.journey li p,.faq details p{font-size:14px}.faq summary{font-size:16px;padding:5px 0}.planner{gap:70px;padding-top:85px;padding-bottom:85px}.planner form{background:#e9ede3;border:1px solid var(--line);padding:32px}.planner>div{align-self:start}.planner>div>p:not(.eyebrow){line-height:2}.planner button[type=submit]{width:100%;font-size:14px}fieldset label{background:var(--ivory)}fieldset label:has(input:checked){background:var(--green);color:white}.consent{font-size:13px}.contact{background:#dee5d7;padding:80px 25px}.contact-buttons .button{min-width:245px}.wechat-trigger{padding:16px 24px}.contact>p:not(.eyebrow){font-size:14px}.floating-enquiry{bottom:22px;right:25px;border-radius:2px;padding:15px 25px;font-size:13px;box-shadow:0 5px 24px #142f3430}.ai-disclosure{font-size:10px}.hero>.ai-disclosure{background:rgba(12,34,28,.83)}
@media(min-width:1600px){.hero{height:760px}.hero-copy{padding-top:120px}.hero h1{font-size:54px}}
@media(max-width:1050px){nav{gap:18px}.header-right{gap:15px}.hero-copy{padding-top:80px}.hero-description{font-size:13px;padding-right:15px}.hero-signature strong{font-size:45px}.travel-index{gap:18px}.photo{height:360px}.destination-grid{gap:35px}.planner{gap:35px}.planner form{padding:24px}}
@media(max-width:800px){html{scroll-padding-top:116px}header{height:auto;min-height:102px;padding:12px 22px 0;display:grid;grid-template-columns:1fr auto;gap:0 15px}.brand{font-size:31px}.brand small{font-size:7px}nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;gap:28px;border-top:1px solid var(--line);margin-top:12px;padding:8px 0;font-size:11px}.header-right{gap:12px}.header-contact{display:none}.languages{gap:4px}.hero{margin:10px 10px 0;height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:330px}.hero-image{top:auto;bottom:0;left:0;width:100%;height:330px;object-position:center 48%}.hero-shade{top:auto;height:330px;background:linear-gradient(0deg,rgba(8,29,23,.5),transparent 65%)}.hero-copy{width:100%;padding:40px 26px 38px}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:35px;line-height:1.4;letter-spacing:-1px}.hero-description{font-size:13px;max-width:100%;margin-bottom:24px;padding:0}.hero-copy .button{min-width:235px;padding:15px 20px}.hero-secondary{margin-top:18px;font-size:12px}.hero-bottom{bottom:18px;left:26px;right:26px;font-size:8px;letter-spacing:.7px}.hero-signature{bottom:63px;right:26px}.hero-signature strong{font-size:42px}.hero-signature>span{font-size:8px}.hero>.ai-disclosure{top:auto;bottom:285px;right:15px;font-size:9px}html[lang=en] .hero h1{font-size:49px}.travel-index{grid-template-columns:1fr 1fr;gap:22px;padding-top:25px;padding-bottom:25px}.index-label{grid-column:1/-1;font-size:11px}.travel-index>a{padding-left:15px}.travel-index strong{font-size:34px}.travel-index p{grid-column:1/-1}.intro{padding-top:60px;padding-bottom:55px}.intro h2{font-size:30px}.intro>div>p{font-size:14px}.destination:nth-child(2){padding-top:15px}.destination-grid{gap:38px}.photo{height:350px}.destination-title h3{font-size:46px}.destinations{padding-bottom:60px}.experience-grid h3{font-size:34px}.experiences{padding:60px 0}.experience-grid{margin-top:30px}.terms{padding-top:60px;padding-bottom:45px}.terms-grid{grid-template-columns:1fr 1fr;gap:20px}.terms-grid h3{font-size:15px}.journey{gap:35px;padding-top:60px;padding-bottom:60px}.faq summary{font-size:14px}.planner{padding-top:55px;padding-bottom:55px;gap:24px}.planner form{padding:22px 17px}.planner .form-row{gap:10px}fieldset{gap:9px}fieldset label{padding:9px 11px;font-size:12px}.contact{padding:60px 25px}.contact h2{font-size:34px}.contact-buttons{gap:14px}.contact-buttons>a,.contact-buttons>button{width:min(100%,300px);justify-content:space-between}.floating-enquiry{left:15px;right:15px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;font-size:14px;padding:14px 20px}.footer-bottom{padding-bottom:15px}footer{padding-bottom:90px}html[lang=en] h2{font-size:38px}}
@media(max-width:370px){.hero-copy{padding-left:21px;padding-right:21px}.hero h1{font-size:30px}html[lang=en] .hero h1{font-size:44px}.languages button{font-size:10px}.photo{height:290px}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.destination-title>a{transition:none}}

html[lang=ko] .hero h1{word-break:keep-all}@media(max-width:800px){html[lang=ko] .hero h1{font-size:31px}}
