@keyframes down{from{translate:0 -30%;opacity:1;}to{translate:0 0;opacity:.5;}}:root{--hero-fg-color:#fff;}header{background-color:#0000;border-bottom:none;transition:background-color var(--hdr-trans-dur);}header.hero-over{background-color:var(--bg-color-def);border-bottom:solid 1px var(--border-color-dull);}.hdr-box{padding:1rem;}.hdr-btn_line{background-color:var(--bg-color-def);transition:background-color var(--hdr-trans-dur);}.hdr-logo_img{filter:invert();transition:filter .2s;}.hero-over .hdr-logo_img{filter:none;}.hero-over .hdr-btn_line{background-color:var(--fg-color-def);}.hero{color:var(--hero-fg-color);border-radius:16px;height:calc(100svh - 16px);margin:8px;overflow:hidden;width:calc(100% - 16px);}.hero.running .hero-img,.hero.running .hero-text{filter:blur(0);opacity:1;}.hero-text{filter:blur(10px);font-family:"Shippori Mincho B1",serif;font-size:9vmin;font-weight:500;line-height:1;text-align:center;text-shadow:0 0 .1em #000,0 0 .6em #000;opacity:0;position:absolute;transition:filter 1.2s 1.2s;top:calc(50% - .5em);width:calc(100% - 16px);z-index:1;}.hero-text.hidden,.hero-text.scrolled{filter:blur(10px);opacity:0;}.hero-img{display:block;height:100%;object-fit:cover;width:100%;filter:blur(10px) opacity(.2);transition:filter 1.2s;}.hero-img.hidden{filter:blur(10px) opacity(.2);}.scroll-down{align-items:center;bottom:16px;display:flex;flex-direction:column;left:50%;opacity:1;position:absolute;translate:-50%;transition:opacity .5s,visibility .5s;visibility:visible;}.scroll-down.hidden,.scroll-down.scrolled{opacity:0;visibility:hidden;}.scroll-down-text{writing-mode:vertical-rl;}.scroll-down-arrow{animation:down .9s linear infinite alternate;font-size:32px;height:1em;text-align:center;width:1em;}@media (min-width:768px){.hdr-nav{color:var(--hero-fg-color);transition:color .2s}.hero-over .hdr-nav{color:var(--fg-color-def)}}