/* home/css/hero.css — Hero 大图轮播 + 衬线大标题 + 圆点/caption */

/* ══ Hero — 大图轮播 + 衬线大标题（roadbook 去品牌色，黑透 scrim）══ */
.hero{position:relative;overflow:hidden;background:var(--slate);color:#fff;width:100%;min-height:88vh;display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(37,41,43,.42) 0%,rgba(37,41,43,.12) 42%,rgba(37,41,43,.58) 100%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:18px}
.hero h1{font-size:clamp(40px,6.6vw,66px);margin-bottom:6px;color:#fff;text-shadow:0 2px 18px rgba(37,41,43,.35)}
.hero h1 em{color:#fff;font-style:italic}
.hero-en{font-family:var(--serif-body);font-style:italic;font-size:clamp(15px,2.2vw,19px);letter-spacing:.04em;color:rgba(255,255,255,.9);margin:0 0 26px}
.hero-carousel{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-carousel-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-carousel-slide.active{opacity:1}
.hero-dots{position:absolute;bottom:22px;right:24px;z-index:4;display:flex;gap:9px}
.hero-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:background .2s,transform .2s}
.hero-dots button.active{background:#fff;transform:scale(1.15)}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero-caption{position:absolute;left:24px;bottom:24px;z-index:4;margin:0;font-family:var(--serif-body);font-style:italic;font-size:clamp(13px,2vw,16px);color:#fff;background:rgba(37,41,43,.5);padding:6px 14px;border-radius:999px;pointer-events:none;max-width:70%}