.Hero{position:relative;overflow:hidden;background:#1a1a10}.Hero .Media{display:block;width:100%;line-height:0}.Hero .Media img{display:block;width:100%;object-fit:cover}@media(min-width:961px){.Hero .Media{aspect-ratio:16 / 9}.Hero .Media img{height:100%;object-position:center top}}.Hero .Overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding-block-start:calc(64px + clamp(1.25rem,2vw,2rem));padding-block-end:clamp(1.25rem,5%,2.5rem);padding-inline:clamp(1rem,6%,3rem);background:linear-gradient(to bottom,rgba(0,0,0,.48) 0%,transparent 38%),linear-gradient(to top,rgba(0,0,0,.52) 0%,transparent 35%)}.Hero .Headline{display:flex;flex-direction:column;align-items:center;gap:.4em}.Hero .Headline h1{margin:0 0 0 .05em;text-align:center;font-family:Hiragino Mincho ProN,YuMincho,Noto Serif CJK JP,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;letter-spacing:.05em;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.55);color:#e8d296}.Hero .Headline p{margin:0;text-align:center;font-size:clamp(2rem,4vw,3rem);color:#fffd;text-shadow:0 1px 5px rgba(0,0,0,.6);display:flex;align-items:center;gap:.125em;flex-wrap:wrap;justify-content:center}.Hero .Arrow{display:inline-flex;align-items:center}.Hero .Arrow svg{width:3.2em;height:1em;overflow:visible;animation:arrowSlide .8s cubic-bezier(.22,1,.36,1) both}.Hero .Action{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.Hero .Action p{margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:200;text-shadow:0 1px 3px rgba(0,0,0,.75),0 2px 5px rgba(0,0,0,.65);color:#ffffffd9}@media(max-width:960px){.Hero{height:100dvh}.Hero .Media{height:100%}.Hero .Media img{height:100%;object-position:center 30%}.Hero .Overlay{background:linear-gradient(to bottom,rgba(0,0,0,.58) 0%,transparent 45%),linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 45%)}.Hero .Headline p{font-size:clamp(1.75rem,4vw,2.5rem)}.Hero .Action p{max-width:28ch;font-size:clamp(1rem,3.5vw,1.25rem);text-align:center}.Hero .Action p br{display:block}@media(max-width:768px){.Hero .Headline p{flex-direction:column;font-size:clamp(1.5rem,7vw,2rem);gap:.6em}.Hero .Arrow{transform:rotate(90deg) scaleX(1) scaleY(2)}.Hero .Arrow svg{width:1.8em}}}@keyframes arrowSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */