/* Trang chủ — bản ảnh phủ màn hình đã duyệt, 08/10/2026. */
#nav{height:88px}
#nav .container{max-width:1600px;width:calc(100% - 104px);padding:0}
#nav .nav-brand{font-size:28px;font-weight:400;letter-spacing:.055em;white-space:nowrap}
#nav .nav-brand i{font-size:18px;letter-spacing:0;margin-left:7px}
#nav .nav-menu{gap:34px}
#nav .nav-menu a{font-size:12px;letter-spacing:.1em;text-transform:none}
#nav:not(.nav--scrolled){border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#nav.nav--hero:not(.nav--scrolled) .nav-menu a{color:var(--text-on-dark)}
.hero.hero--home{width:100%;height:100vh;min-height:700px;gap:0;padding:0;isolation:isolate}
.hero--home .hero-media{position:absolute;inset:0;z-index:0}
.hero--home .hero-media picture{display:block;width:100%;height:100%}
.hero--home .hero-media img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;opacity:1;filter:saturate(.85) contrast(1.03);border:0}
.hero--home .hero-depth{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(26,23,20,.68) 0%,rgba(26,23,20,.40) 38%,rgba(26,23,20,.04) 78%),linear-gradient(0deg,rgba(26,23,20,.67) 0%,transparent 62%),linear-gradient(180deg,rgba(26,23,20,.54) 0%,rgba(26,23,20,.20) 12%,transparent 30%)}
.hero--home .hero-inner{width:calc(100% - 104px);max-width:1600px;margin-inline:auto;padding:135px 0 clamp(56px,8vh,104px)}
.hero--home .hero-inner>*{max-width:660px}
.hero--home .label{margin-bottom:23px;font-size:11px;letter-spacing:.28em;font-weight:400}
.hero--home .hero-title{font-size:clamp(42px,4.5vw,66px);line-height:1.12;font-weight:400;text-wrap:balance;margin-bottom:24px;text-shadow:0 2px 25px rgba(0,0,0,.18)}
.hero--home .hero-quote{color:#ded5c9;font-size:clamp(19px,1.5vw,23px);line-height:1.55;margin-bottom:27px}
.hero--home .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.hero--home .btn{padding:19px 24px;gap:19px;font-size:11px;line-height:1.65;letter-spacing:.12em;border-color:#B8953E;background:rgba(26,23,20,.13);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.hero--home .hero-cta-secondary{font-size:11px;line-height:1.8;letter-spacing:.09em;color:#e0d7cb;margin:0;opacity:1}
.hero--home .hero-closing{font-family:var(--ff-serif);font-size:17px;line-height:1.6;color:#c7bcae;margin:25px 0 0}
.hero--home .hero-closing.reveal{opacity:1;transform:none}
.hero--home .hero-scroll{display:none}
@media(max-width:1100px){#nav .container,.hero--home .hero-inner{width:calc(100% - 64px)}#nav .nav-menu{gap:22px}.hero--home .hero-inner>*{max-width:620px}.hero--home .hero-title{font-size:clamp(42px,5vw,56px)}}
@media(max-width:900px){
 #nav{height:76px}#nav .nav-hamburger{display:flex}#nav .container{width:calc(100% - 40px)}#nav .nav-brand{font-size:25px}#nav .nav-brand i{font-size:16px}
 #nav .nav-menu{gap:2rem}#nav .nav-menu a{font-size:1.2rem;letter-spacing:.15em}
 .hero.hero--home{height:auto;min-height:100vh;min-height:100svh;min-height:100dvh;align-items:flex-end}
 .hero--home .hero-media img{object-position:52% 50%}
 .hero--home .hero-depth{background:linear-gradient(0deg,rgba(26,23,20,.92) 0%,rgba(26,23,20,.66) 38%,rgba(26,23,20,.05) 78%),linear-gradient(180deg,rgba(26,23,20,.60) 0%,rgba(26,23,20,.20) 14%,transparent 32%)}
 .hero--home .hero-inner{width:calc(100% - 40px);padding:110px 0 max(38px,env(safe-area-inset-bottom))}
 .hero--home .hero-inner>*{max-width:620px}.hero--home .label{font-size:10px;letter-spacing:.23em;margin-bottom:18px}
 .hero--home .hero-title{font-size:clamp(30px,8vw,34px);line-height:1.14;margin-bottom:20px}
 .hero--home .hero-quote{font-size:19px;line-height:1.45;margin-bottom:23px}
 .hero--home .hero-actions{gap:13px}.hero--home .btn{font-size:10px;padding:16px 18px;letter-spacing:.09em}
 .hero--home .hero-cta-secondary{font-size:10px;letter-spacing:.075em;line-height:1.65}.hero--home .hero-closing{font-size:16px;margin-top:21px}
}
@media(max-width:360px){.hero--home .hero-quote{font-size:18px}.hero--home .btn{padding:15px 16px}}