.photo-dots{display:none}
@media(max-width:700px){
body .hero{padding-top:18px!important;padding-bottom:20px!important;min-height:0!important;min-height:calc(100svh - 76px)!important;align-items:stretch!important}
body .hero .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto minmax(0,1fr) auto auto!important;row-gap:0!important;gap:0!important}
body .hero .hero-grid>*,body .hero .hero-grid .hero-copy>*{grid-column:1!important}
body .hero .hero-grid .eyebrow{display:block!important;grid-row:1!important;font-size:16px!important;line-height:1.5!important;margin:0 0 6px!important}
body .hero .hero-grid h1{grid-row:2!important;font-size:min(22px,calc((100vw - 40px)/16.2))!important;line-height:1.7!important;letter-spacing:-.03em!important;margin:0}
body .hero .hero-grid h1>span:first-child{font-size:inherit!important;margin-bottom:0!important}
body .hero .hero-grid h1 br.sp{display:none!important}
body .hero .hero-grid .hero-description{grid-row:3!important;position:relative;z-index:1;font-size:16px!important;line-height:1.8!important;margin:18px 0 0!important;text-shadow:0 0 2px #fffefa,0 0 2px #fffefa,0 0 4px #fffefa,0 0 4px #fffefa,0 0 7px #fffefa,0 0 7px #fffefa}
body .hero .hero-grid .hero-art.original-hero{grid-row:3!important;justify-self:end!important;align-self:start!important;z-index:0;pointer-events:none;width:363px!important;max-width:none!important;height:auto!important;aspect-ratio:1023/362!important;margin:-12px -14px -12px 0!important;background-image:url('assets/tegaki-fv-b-sp.png')!important;background-size:100% 100%!important;background-position:0 0!important;-webkit-mask-image:none!important;mask-image:none!important}
@media(max-width:364px){body .hero .hero-grid .hero-art.original-hero{margin-right:-20px!important}}
body .hero .hero-grid .photos{grid-row:4!important;display:flex!important;gap:0!important;margin-top:24px!important;width:100%;aspect-ratio:auto!important;align-self:center!important;height:calc(100% - 24px);min-height:calc((100vw - 40px)/2);max-height:calc((100vw - 40px)/1.35);overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body .hero .hero-grid .photos::-webkit-scrollbar{display:none}
body .hero .hero-grid .photos .cloud-photo{display:block!important;flex:0 0 100%!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;scroll-snap-align:center}
body .hero .hero-grid .photos .photo-one{background-size:auto 1200%!important;background-position:7% 22.45%!important}
body .hero .hero-grid .photos .photo-two{background-size:auto 1200%!important;background-position:46.33% 22.45%!important}
body .hero .hero-grid .photos .photo-three{background-size:auto 1200%!important;background-position:88% 22.45%!important}
body .hero .hero-grid .photo-dots{grid-row:5!important;display:flex;justify-content:center;gap:2px;margin-top:2px}
body .hero .hero-grid .photo-dots button{position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}
body .hero .hero-grid .photo-dots button::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#c5d0e0;transition:background .3s ease,transform .3s ease}
body .hero .hero-grid .photo-dots button.is-on::before{background:var(--navy);transform:scale(1.15)}
body .hero .hero-grid .hero-cta{grid-row:6!important;margin-top:16px!important;padding-top:8px!important;padding-bottom:8px!important}
}
