.hero-slider{position:relative;height:clamp(620px,76vh,900px);overflow:hidden;background:#123f33}.hero-slide{position:absolute;inset:0;display:grid;align-items:center;padding:clamp(80px,10vw,150px) clamp(28px,7vw,120px);opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .9s ease,transform 6s ease,visibility .9s}.hero-slide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,34,27,var(--overlay,.55)),rgba(7,45,35,.18)),var(--bg);background-position:center;background-size:cover}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide.fallback:before{background:radial-gradient(circle at 80% 20%,#668a6d,#124b3a 55%,#0b372d)}.slide-content{position:relative;z-index:2;max-width:950px;color:#fff}.text-center .slide-content{text-align:center;margin:auto}.text-right .slide-content{text-align:right;margin-left:auto}.slide-content>p{color:#e5c678;font-size:14px;font-weight:800;letter-spacing:.16em}.slide-content h1{margin:15px 0;font:700 clamp(48px,7vw,100px)/1.06 "Noto Serif Thai",serif;text-wrap:balance;text-shadow:0 6px 30px #0004}.slide-content>div{max-width:720px;font-size:clamp(18px,2vw,25px);color:#edf5f1}.text-center .slide-content>div{margin:auto}.text-right .slide-content>div{margin-left:auto}.slide-content .button{margin-top:28px;background:#d2ad60;color:#18392f}.slider-dots{position:absolute;z-index:5;left:50%;bottom:35px;display:flex;gap:9px;transform:translateX(-50%)}.slider-dots button{width:12px;height:12px;min-height:0;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:none}.slider-dots button.active{background:#fff}.slide-list{display:grid;gap:16px}.slide-row{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:20px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);border-radius:18px}.slide-row>img{width:220px;height:125px;object-fit:cover;border-radius:13px}.slide-row p{margin:5px 0;color:var(--muted)}dialog .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){.hero-slider{height:680px}.slide-row{grid-template-columns:110px 1fr}.slide-row>img{width:110px;height:90px}.slide-row>.actions{grid-column:1/-1}.slide-content h1{font-size:50px}}@media(max-width:600px){.hero-slider{height:620px}.hero-slide{padding:80px 22px}.slide-content h1{font-size:44px}.slider-dots{bottom:22px}dialog .grid{grid-template-columns:1fr}}