.site-header nav a[aria-current="page"]{color:#6f8d65;border-bottom:1px solid currentColor;padding-bottom:7px}
.home-intro{max-width:1000px;margin:auto;text-align:center;padding-top:105px;padding-bottom:105px}
.home-intro .eyebrow{justify-content:center}
.home-intro h2{font:500 clamp(39px,4vw,60px)/1.22 var(--serif);letter-spacing:-2px;margin:23px 0}
.home-intro h2 em{color:#799070}
.home-intro p{max-width:720px;margin:0 auto 25px;color:var(--muted);line-height:1.9;font-size:15px}
.latest{background:#e8ecdf}.section-more{font-size:12px;font-weight:700;border-bottom:1px solid var(--green);padding-bottom:8px;white-space:nowrap}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.story-card{background:var(--paper);min-width:0}.story-card img{height:260px;width:100%;object-fit:cover}.story-body{padding:28px}.story-body span,.guide-article span{font-size:10px;letter-spacing:1.8px;color:#6b896a;font-weight:700}.story-body h3{font:500 27px/1.3 var(--serif);margin:16px 0}.story-body p{font-size:13px;color:var(--muted);line-height:1.75;min-height:70px}.story-body a{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:7px;font-size:12px;font-weight:700}.story-body a b{margin-left:25px;font-size:18px;font-weight:400}
.page-banner{padding:100px 5.5%;min-height:390px;display:flex;flex-direction:column;justify-content:center}.page-banner h1{font:500 clamp(50px,5vw,75px)/1.13 var(--serif);letter-spacing:-2.5px;margin:24px 0}.page-banner h1 em{color:#799070}.page-banner p{max-width:510px;color:#586f60;line-height:1.8}.explore-banner{background:linear-gradient(90deg,#e2ead9 0%,#e2ead9 51%,transparent 75%),url('./dulieu/Media/vuon-vua-toan-canh.png') right center/55% auto no-repeat #e2ead9}.guide-banner{background:linear-gradient(90deg,#eae8d8 0%,#eae8d8 52%,transparent 75%),url('./dulieu/Media/lynn-times-onsen.jpg') right center/55% auto no-repeat #eae8d8}.booking-banner{background:linear-gradient(90deg,#e2ead9 0%,#e2ead9 52%,transparent 75%),url('./dulieu/Media/dao-ngoc-xanh-toan-canh.webp') right center/55% auto no-repeat #e2ead9}
.explore-stories{background:#e8ecdf}.guide-page{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 8%}.guide-article{border-top:1px solid #b9c8b8;padding-top:30px}.guide-article h2{font:500 34px var(--serif);margin:17px 0}.guide-article p{color:var(--muted);font-size:14px;line-height:1.9}.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:var(--paper);padding-top:55px;padding-bottom:55px}.booking-steps>div{border-top:1px solid #becbbd;padding-top:22px}.booking-steps span{font:500 26px var(--serif);color:#7c9871}.booking-steps h3{font:500 24px var(--serif);margin:14px 0}.booking-steps p{color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:900px){.story-grid{grid-template-columns:repeat(2,1fr)}.page-banner{background-size:65% auto}.site-header nav a[aria-current="page"]{border:0}}
@media(max-width:640px){.home-intro{padding:70px 6%}.story-grid,.guide-page,.booking-steps{grid-template-columns:1fr}.story-card img{height:230px}.story-body p{min-height:0}.page-banner{min-height:390px;padding:65px 6%;justify-content:flex-start;background-size:auto 55%;background-position:right bottom}.page-banner h1{font-size:48px}.page-banner p{max-width:330px}.guide-page{gap:25px}.booking-steps{gap:10px}}
.longform{padding-top:20px}.longform-article{border-top:1px solid #bacab9;padding:65px 0;scroll-margin-top:30px}.longform-meta{font-size:10px;letter-spacing:2px;color:#6b896a;font-weight:700}.longform-article h2{font:500 clamp(35px,4vw,53px)/1.2 var(--serif);margin:18px 0}.longform-article .lead{max-width:760px;color:#5a6e60;font-size:16px;line-height:1.8}.longform-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:30px}.longform-layout img{width:100%;height:350px;object-fit:cover}.longform-layout h3{font:500 29px var(--serif)}.longform-layout p{color:var(--muted);font-size:14px;line-height:1.9}.longform-layout a{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:7px;font-size:12px;font-weight:700;margin-top:12px}
@media(max-width:640px){.longform-article{padding:45px 0}.longform-layout{grid-template-columns:1fr;gap:25px}.longform-layout img{height:230px}}
