.watamono-hero { position:relative; min-height:100svh; display:grid; place-items:center; box-sizing:border-box; padding:clamp(32px,5vw,76px); overflow:hidden; background:#fff; }
.watamono-hero .wp-block-image { display:grid; place-items:center; width:100%; height:100%; margin:0; }
.watamono-hero img { display:block; width:auto; max-width:100%; height:auto; max-height:calc(100svh - clamp(64px,10vw,152px)); margin:auto; object-fit:contain; object-position:center; }
.watamono-hero-placeholder { margin:0; font-family:var(--watamono-heading-font); font-size:clamp(2rem,7vw,6rem); font-weight:400; letter-spacing:.16em; text-align:center; }
.scroll-hint { position:fixed!important; left:50%!important; bottom:28px!important; z-index:9999; display:flex!important; flex-direction:column; align-items:center; gap:2px; width:max-content; margin:0!important; opacity:0; transform:translate(-50%,8px); transition:opacity .6s,transform .6s; pointer-events:none; text-align:center; }
.scroll-hint.is-visible { opacity:.65; transform:translate(-50%,0); }
.scroll-hint p { margin:0!important; line-height:1.1; }
.scroll-hint p:first-child { font-size:11px; letter-spacing:.18em; }
.scroll-hint p:last-child { margin-top:3px!important; font-size:16px; }

@media (max-width: 767px) {
    .watamono-hero { padding:clamp(28px,7vw,40px); }
    .watamono-hero .wp-block-image { display:grid; place-items:center; width:100%; height:100%; margin:0; }
    .watamono-hero img { width:auto; max-width:100%; height:auto; max-height:calc(100svh - clamp(56px,14vw,80px)); }
    .scroll-hint { bottom:96px!important; }
}