#hero .hero-copy h1{font-family:"Noto Serif JP",serif;font-weight:300;font-size:34px;letter-spacing:.18em;line-height:1.95;color:#2f3337;white-space:nowrap;margin:0}
#hero .hero-copy-rule{display:block;width:36px;height:1px;background:#9aa0a5;margin:24px 0}
#hero .hero-copy p{font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:14px;letter-spacing:.14em;line-height:2.2;color:#4a4f54;margin:0}
#hero .hero-copy h1,#hero .hero-copy-rule,#hero .hero-copy p{animation:hero-copy-appear 1.2s ease both}
#hero .hero-copy-rule{animation-delay:.25s}#hero .hero-copy p{animation-delay:.5s}
@keyframes hero-copy-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px){#hero .hero-copy{left:108px;top:calc(38% - 70px);width:520px}#hero>.hero-panel-actions{position:absolute;left:108px;top:calc(38% + 287.703125px);z-index:2;margin:0}}
@media(max-width:767px){#hero .hero-copy h1{font-size:24px}#hero .hero-copy p{font-size:13px}#hero{height:900px;min-height:900px}}
@media(prefers-reduced-motion:reduce){#hero .hero-copy h1,#hero .hero-copy-rule,#hero .hero-copy p{animation:none;opacity:1;transform:none}}

@media(min-width:768px){#site-header[data-tone] .header-actions>.section-pill,#site-header[data-tone] .header-actions>.outline-button{background-color:rgba(255,255,255,.85)}}
@media(max-width:767px){#hero .hero-visual::after{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,0))}}