/* ========================================
   HERO
======================================== */
.hero{
    position:relative;
    height:100vh;min-height:600px;
    overflow:hidden;
}
.hero-bg{position:absolute;inset:0}
.hero-bg img{filter:brightness(.7) saturate(.85)}
.hero-content{
    position:relative;z-index:2;
    height:100%;
    display:flex;flex-direction:column;
    justify-content:flex-end;
    padding:0 48px 64px;
    max-width:900px;
}
.hero-tagline{
    font-family:'Zen Old Mincho',serif;
    font-size:clamp(32px,5vw,56px);
    font-weight:900;
    color:#fff;
    line-height:1.4;
    margin-bottom:20px;
    letter-spacing:.02em;
}
.hero-sub{
    font-size:14px;
    color:rgba(255,255,255,.7);
    max-width:480px;
    line-height:2;
    margin-bottom:28px;
}
.hero-scroll{
    display:inline-flex;align-items:center;gap:8px;
    font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.1em;
}
.hero-scroll span{
    display:block;width:1px;height:32px;background:rgba(255,255,255,.3);
    animation:scrollDown 2s ease infinite;
}
@keyframes scrollDown{
    0%,100%{transform:scaleY(1);transform-origin:top}
    50%{transform:scaleY(.3);transform-origin:top}
}