.hero-banner{position:relative;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;margin:0;background-image:url(/images/hero-snow.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#2c3e50;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}[data-scheme=dark] .hero-banner{background-color:#1a1a1a}.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.55) 100% );pointer-events:none;z-index:-1}.hero-content{position:relative;z-index:1;text-align:center;padding:0 24px;max-width:900px}.hero-title{color:#fff;font-family:ma shan zheng,noto serif sc,source han serif sc,songti sc,stsong,serif;font-size:clamp(40px,7.5vw,88px);font-weight:400;letter-spacing:.08em;line-height:1.15;white-space:nowrap;margin:0 0 .4em;text-shadow:0 2px 8px rgba(0,0,0,.45),0 0 24px rgba(0,0,0,.25)}.hero-q{display:inline-block;font-family:lato,segoe ui,sans-serif;font-weight:700;font-style:italic;font-size:1.12em;line-height:1;margin-right:.08em;color:inherit;-webkit-text-fill-color:currentColor;transform:rotate(-4deg);position:relative;top:-.03em}.hero-subtitle{color:rgba(255,255,255,.85);font-family:noto serif sc,var(--base-font-family,sans-serif);font-size:clamp(14px,1.8vw,22px);font-weight:400;letter-spacing:.3em;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hero-scroll-hint{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);color:rgba(255,255,255,.9);z-index:2;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;transition:background-color .25s ease,transform .25s ease}.hero-scroll-hint svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:hero-float 2s ease-in-out infinite}.hero-scroll-hint:hover,.hero-scroll-hint:focus-visible{background-color:rgba(255,255,255,.12);outline:none}.hero-scroll-hint:hover svg,.hero-scroll-hint:focus-visible svg{animation-duration:1.2s}@keyframes hero-float{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(8px);opacity:1}}@media(max-width:768px){.hero-banner{min-height:100svh}.hero-title{letter-spacing:.1em}.hero-subtitle{letter-spacing:.2em}.hero-scroll-hint{bottom:20px}}@media(prefers-reduced-motion:reduce){.hero-scroll-hint svg{animation:none}}