/* DiengStay by SowanDieng — Premium Highland Experience homepage */
:root{--ds-blue:#028BE4;--ds-orange:#FF6B0E;--ds-ink:#182B3A;--ds-muted:#687887;--ds-ivory:#F8F6F1;--ds-line:#E8E5DE}
.brand{gap:12px;color:var(--ds-ink);letter-spacing:-.6px}
.brand-symbol{width:48px;height:48px;border:1px solid #e6e8e7;border-radius:15px;background:#fff;overflow:hidden}
.brand-symbol img{width:43px;height:43px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;gap:5px;line-height:1}
.brand-copy strong{font:800 21px/1 var(--sans);letter-spacing:-1px;color:var(--ds-ink)}
.brand-copy small{font:700 9px/1.2 var(--sans);letter-spacing:.65px;color:#75818a;margin:0;text-transform:uppercase}
.brand-copy small i{font-style:normal;color:var(--ds-orange);padding:0 2px}
.site-header{height:82px;padding-inline:clamp(22px,5.4vw,84px);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(232,229,222,.8);border-radius:0;box-shadow:0 5px 24px rgba(29,49,64,.035)}
.public-nav{gap:clamp(16px,2.2vw,34px)}
.public-nav a{font-size:12px;font-weight:650;color:#526271;transition:color .2s}
.public-nav a:hover,.public-nav a.active{color:var(--ds-blue)}
.site-header .button,.button-dark,.hero-cta{background:var(--ds-orange);border-color:var(--ds-orange);color:#fff;box-shadow:0 8px 22px rgba(255,107,14,.17)}
.site-header .button:hover,.button-dark:hover,.hero-cta:hover{background:#e95d05;border-color:#e95d05;box-shadow:0 10px 24px rgba(255,107,14,.24)}
.button-outline{border-color:#d7e5ef;color:var(--ds-blue);background:#fff}
.button-outline:hover{background:#eff8fe}
.eyebrow{color:var(--ds-blue);font-weight:800;letter-spacing:1.8px}
.premium-hero{width:100%;max-width:none;height:clamp(610px,49vw,735px);margin:0;border-radius:0 0 30px 30px;background:#233f54;overflow:visible}
.premium-hero picture{border-radius:0 0 30px 30px}
.premium-hero .hero-bg{object-position:center 54%;transform:scale(1.015)}
.premium-hero .hero-shade{background:linear-gradient(90deg,rgba(12,29,43,.78) 0%,rgba(16,37,51,.54) 38%,rgba(18,39,53,.12) 76%),linear-gradient(0deg,rgba(13,30,43,.43),transparent 55%);}
.premium-hero .hero-content{width:min(1280px,100%);padding:clamp(95px,10vw,148px) clamp(28px,7.5vw,112px) 65px;margin:0 auto}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;color:#fff;font:800 10px/1.2 var(--sans);letter-spacing:2px;text-transform:uppercase;padding:11px 15px;border:1px solid rgba(255,255,255,.38);border-radius:30px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.hero-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--ds-orange);box-shadow:0 0 0 4px rgba(255,107,14,.2)}
.premium-hero h1{max-width:660px;font-size:clamp(44px,5.2vw,72px);line-height:1.03;letter-spacing:-2.8px;font-weight:800;margin:27px 0 20px;text-wrap:balance}
.premium-hero .hero-content>p{max-width:510px;font-size:16px;line-height:1.8;color:rgba(255,255,255,.91);margin:0 0 13px}
.hero-brandline{font-size:11px;color:rgba(255,255,255,.77);letter-spacing:.25px;margin:0 0 26px}
.hero-brandline span{padding:0 7px;color:#ffb27f}
.hero-brandline strong{color:#fff;font-weight:800}
.premium-hero .hero-cta{min-height:53px;padding:14px 22px;border-radius:12px;font-size:13px}
.hero-search{width:calc(100% - 64px);max-width:1220px;bottom:-44px}
.search-panel{display:grid;grid-template-columns:1.25fr 1fr 1fr .72fr auto;align-items:center;gap:4px;padding:14px 15px;border:1px solid rgba(220,229,235,.95);border-radius:17px;box-shadow:0 18px 55px rgba(23,49,67,.17)}
.search-panel>label{min-width:0;border-right:1px solid #edf0f2;padding:5px 13px;gap:10px}
.search-panel>label>.ui-icon{width:19px;height:19px;opacity:.8}
.search-panel label span{min-width:0}
.search-panel small{font-size:9px;letter-spacing:1px;font-weight:800;color:#8a969e}
.search-panel input,.search-panel select{width:100%;min-width:0;font-size:12px;font-weight:650;color:var(--ds-ink);background:transparent}
.search-panel .button{min-width:145px;margin:0 0 0 8px;min-height:51px;border-radius:11px}
.home-proof{max-width:1120px;margin:0 auto;padding:84px 28px 26px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,55px)}
.home-proof>div{display:flex;align-items:center;gap:12px;min-width:0}
.home-proof>div>span:last-child{display:flex;flex-direction:column;gap:3px}
.home-proof strong{font-size:12px;line-height:1.35;color:var(--ds-ink);font-weight:800}
.home-proof small{font-size:10px;line-height:1.4;color:#7b8790}
.home-proof>i{width:1px;height:34px;background:#e6e9e8;flex:0 0 1px}
.proof-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:13px;background:#eef7fc;color:var(--ds-blue)}
.proof-icon .ui-icon{width:19px;height:19px;filter:none}
.dawn-categories{padding-top:38px}
.highland-home .section{max-width:1280px;padding-left:clamp(22px,4vw,52px);padding-right:clamp(22px,4vw,52px)}
.highland-home .section-heading{margin-bottom:28px}
.highland-home .section-heading h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-1.2px;margin:10px 0 0;max-width:700px}
.highland-home .section-heading p{color:#71808a;font-size:14px;max-width:650px;line-height:1.75}
.category-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.category-tile{position:relative;min-height:172px;padding:24px 23px;border-radius:17px;border:1px solid var(--ds-line);background:linear-gradient(145deg,#fff,#fdfcf9);transition:transform .22s,box-shadow .22s,border-color .22s}
.category-tile:hover{transform:translateY(-4px);border-color:#cce6f6;background:#fff;box-shadow:0 15px 35px rgba(34,72,95,.08)}
.category-icon{width:54px;height:54px;border-radius:15px;background:#edf7fc}
.category-icon img{width:39px;height:39px}
.category-tile strong{font-size:16px;color:var(--ds-ink)}
.category-tile small{color:#7c8990;font-size:11px}
.dawn-featured{margin-top:35px;background:#f4f7f6 url('backgrounds/terrace.webp') center bottom/cover no-repeat;border-radius:25px;padding-top:58px;padding-bottom:62px}
.property-grid{gap:18px}
.property-card{border-radius:17px;border-color:#e6e9e5;overflow:hidden;box-shadow:0 5px 18px rgba(30,57,69,.035);transition:transform .22s,box-shadow .22s}
.property-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(30,57,69,.1)}
.property-image{aspect-ratio:1.34;overflow:hidden}
.property-image img{transition:transform .5s}
.property-card:hover .property-image img{transform:scale(1.035)}
.property-body h3{font-size:17px}
.property-price strong{color:var(--ds-ink)}
.dawn-editorial{margin-top:55px;margin-bottom:55px;border-radius:25px;background-color:#f8f1e9}
.editorial-copy .eyebrow{color:#b66a36}
.dawn-destinations{padding-top:55px}
.destination-grid>a{border-radius:18px;overflow:hidden}
.destination-grid>a>img{transition:transform .55s}
.destination-grid>a:hover>img{transform:scale(1.04)}
.dawn-benefits{margin-top:40px;background-color:#f1f6f5;border-radius:24px}
.dawn-benefits .benefits-grid article{background:rgba(255,255,255,.82);border:1px solid rgba(224,233,229,.9);box-shadow:0 8px 24px rgba(27,62,69,.035)}
.dawn-benefits .duotone{background:#eef7fc;color:var(--ds-blue)}
.dawn-steps{background-color:#f8f6f1;background-image:none;border:1px solid #eeeae1}
.step-count{background:var(--ds-blue);border-color:#f8f6f1}
.journey-card{border-color:#ece8df}
.dawn-payment{background-color:#fff;background-image:none}
.payment-explain article{background:#f8f6f1;border-color:#eeeae1}
.dawn-partner{background-color:#eef5f6;border-radius:24px}
.dawn-partner .eyebrow{color:var(--ds-blue)}
.dawn-faq summary{color:#274b60}
.dawn-faq .faq-list details[open]{background:#f7fbfd}
.dawn-help{background:#f8f6f1;border-radius:24px;margin-bottom:40px}
.site-footer{background-color:#172f40}
.site-footer .brand-copy strong{color:#fff}
.site-footer .brand-copy small{color:rgba(255,255,255,.65)}
@media(max-width:900px){
 .site-header{padding-inline:24px}.public-nav{gap:15px}.public-nav a{font-size:11px}
 .premium-hero{height:650px}.premium-hero .hero-content{padding:100px 42px 60px}
 .search-panel{grid-template-columns:1fr 1fr 1fr}.search-panel>label:nth-of-type(3){border-right:0}.search-panel .button{grid-column:1/-1;margin:8px 0 0;width:100%}
 .home-proof{gap:18px;padding-top:105px}.home-proof strong{font-size:11px}.home-proof small{font-size:9px}
}
@media(max-width:680px){
 .site-header{height:70px;padding:0 17px;gap:10px}.brand{gap:8px}.brand-symbol{width:40px;height:40px;border-radius:12px}.brand-symbol img{width:37px;height:37px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px;letter-spacing:.35px}.brand-logo{max-width:125px;height:40px}
 .public-nav{top:70px}.header-actions{gap:8px}.header-actions .button{display:none}.header-actions .login-link{font-size:11px}.mobile-toggle{min-width:40px;height:40px}
 .premium-hero{height:690px;border-radius:0 0 21px 21px}.premium-hero picture,.premium-hero .hero-shade{border-radius:0 0 21px 21px}.premium-hero .hero-bg{object-position:57% center}.premium-hero .hero-shade{background:linear-gradient(90deg,rgba(12,29,43,.69),rgba(16,37,51,.25)),linear-gradient(0deg,rgba(13,30,43,.55),transparent 75%)}
 .premium-hero .hero-content{padding:88px 23px 35px}.hero-kicker{font-size:8px;letter-spacing:1.3px;padding:9px 12px}.premium-hero h1{font-size:43px;line-height:1.05;letter-spacing:-1.8px;margin:23px 0 15px;max-width:440px}.premium-hero .hero-content>p{font-size:13px;line-height:1.7;max-width:350px}.hero-brandline{font-size:9px;line-height:1.6;margin-bottom:19px}.premium-hero .hero-cta{min-height:47px;font-size:12px;padding:11px 15px}
 .hero-search{width:calc(100% - 30px);bottom:-122px}.search-panel{grid-template-columns:1fr 1fr;gap:0;padding:10px;border-radius:15px}.search-panel>label{padding:9px 8px;gap:7px;border-right:0;border-bottom:1px solid #edf0f2}.search-panel>label:nth-of-type(odd){border-right:1px solid #edf0f2}.search-panel>label>.ui-icon{width:16px;height:16px}.search-panel small{font-size:8px}.search-panel input,.search-panel select{font-size:11px;min-height:25px}.search-panel input[type=number]{max-width:100%}.search-panel .button{grid-column:1/-1;margin:10px 0 0;min-height:45px}
 .home-proof{padding:145px 22px 23px;display:grid;grid-template-columns:1fr;gap:12px;max-width:440px}.home-proof>div{gap:11px}.home-proof>i{display:none}.proof-icon{width:35px;height:35px;flex-basis:35px;border-radius:11px}.home-proof strong{font-size:11px}.home-proof small{font-size:9px}
 .highland-home .section{padding-left:21px;padding-right:21px}.dawn-categories{padding-top:28px}.highland-home .section-heading{margin-bottom:20px}.highland-home .section-heading h2{font-size:28px;letter-spacing:-.8px}.highland-home .section-heading p{font-size:12px;line-height:1.7;margin-top:8px}
 .category-row{grid-template-columns:1fr 1fr;gap:10px}.category-tile{min-height:145px;padding:17px 15px;border-radius:14px;gap:7px}.category-icon{width:46px;height:46px;border-radius:13px}.category-icon img{width:34px;height:34px}.category-tile strong{font-size:14px}.category-tile small{font-size:10px}
 .dawn-featured{margin-top:20px;padding-top:35px;padding-bottom:38px;border-radius:19px}.dawn-editorial{margin:28px 15px;border-radius:18px}.dawn-destinations{padding-top:35px}.destination-grid{gap:10px}.destination-grid>a{height:210px;border-radius:14px}.destination-grid h3{font-size:19px}.dawn-benefits{margin-top:22px;border-radius:18px}.dawn-partner{border-radius:18px}.dawn-help{border-radius:18px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.category-tile,.property-card,.property-image img,.destination-grid>a>img{transition:none}}