.top-hero{position:relative;height:calc(100svh - var(--header-height, 0px));min-height:560px;overflow:hidden;color:var(--top-color-white);background:var(--top-color-navy-deep)}.top-hero__media{position:absolute;top:-8%;right:0;bottom:0;left:0;will-change:transform}.top-hero__media-pc,.top-hero__media-sp{position:absolute;top:0;right:0;bottom:0;left:0}.top-hero__media-sp{display:none}@media(max-width:749px){.top-hero__media-pc.has-sp{display:none}.top-hero__media-sp{display:block}}.top-hero__image,.top-hero__video{width:100%;height:100%;max-width:none;object-fit:cover;animation:top-hero-zoom 20s ease-out both}.top-hero__placeholder{background:var(--top-color-navy);fill:#fff3}@keyframes top-hero-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.top-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,32,96,var(--top-hero-overlay-top, .16)) 30%,rgba(0,21,63,var(--top-hero-overlay-bottom, .65)))}.top-hero__body{position:absolute;z-index:2;left:var(--top-space-gutter);right:var(--top-space-gutter);bottom:clamp(96px,12vh,140px)}@media(max-width:749px){.top-hero__body{bottom:120px}}@media(min-width:990px){.top-hero__body{left:max(var(--top-space-gutter),calc((100% - var(--top-width)) / 2))}}.top-hero__en{font-family:var(--top-font-en);font-style:italic;font-size:clamp(16px,13.27px + .727vw,22px);line-height:1.2;color:var(--top-color-aqua)}.top-hero__catch{margin-top:16px;font-family:var(--top-font-mincho);font-size:var(--top-fs-hero);line-height:1.5;letter-spacing:.08em}.top-hero__sub{margin-top:24px}.top-hero__vertical{display:none}@media(min-width:990px){.top-hero__vertical{display:block;position:absolute;z-index:2;top:48px;right:max(var(--top-space-gutter),calc((100% - var(--top-width)) / 2));writing-mode:vertical-rl;font-family:var(--top-font-mincho);font-size:15px;letter-spacing:.4em;line-height:1}}.top-hero__scroll{position:absolute;z-index:2;left:50%;bottom:24px;transform:translate(-50%);font-family:var(--top-font-en);font-style:italic;font-size:14px;line-height:1.2;letter-spacing:.15em;text-align:center}.top-hero__scroll:after{content:"";display:block;width:1px;height:32px;margin:8px auto 0;background:linear-gradient(var(--top-color-white) 50%,transparent 50%) 0 0 / 1px 200%;animation:top-scroll 2s linear infinite}@keyframes top-scroll{to{background-position:0 -200%}}.top-hero__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--top-color-navy-deep);pointer-events:none;transition:opacity 1.2s ease-out}.top-hero.is-ready .top-hero__cover{opacity:0}.top-hero__en{clip-path:inset(0 100% 0 0);letter-spacing:.5em;opacity:0;transition:clip-path 1.2s var(--top-ease) .4s,letter-spacing 1.6s var(--top-ease) .4s,opacity .6s .4s}.top-hero.is-ready .top-hero__en{clip-path:inset(0 -1em 0 0);letter-spacing:.12em;opacity:1}.js .top-hero:not(.is-split) :is(.top-hero__catch,.top-hero__vertical){visibility:hidden}.top-char{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.1em;margin-block:-.1em}.top-char>span{display:inline-block;transform:translateY(110%);filter:blur(8px);opacity:0;transition:transform 1s var(--top-ease),filter 1s ease-out,opacity .6s;transition-delay:calc(.8s + var(--c) * .05s)}.top-hero.is-ready .top-char>span{transform:none;filter:none;opacity:1}.top-hero__sub:before{content:"";display:block;width:64px;height:1px;margin-bottom:24px;background:var(--top-color-aqua);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--top-ease) 2s}.top-hero__sub span{display:block;opacity:0;transform:translateY(12px);transition:opacity .8s 2.3s,transform .8s var(--top-ease) 2.3s}.top-hero.is-ready .top-hero__sub:before{transform:scaleX(1)}.top-hero.is-ready .top-hero__sub span{opacity:1;transform:none}.top-hero__vertical .top-char{overflow:visible}.top-hero__vertical .top-char>span{transform:translateY(-8px);filter:none;transition:opacity .6s,transform .8s var(--top-ease);transition-delay:calc(2.2s + var(--c) * .06s)}.top-hero__scroll{opacity:0;transition:opacity 1s 2.8s}.top-hero.is-ready .top-hero__scroll{opacity:1}.no-js .top-hero__cover,.shopify-design-mode .top-hero__cover{display:none}.no-js .top-hero :is(.top-hero__en,.top-hero__sub span,.top-hero__scroll),.shopify-design-mode .top-hero :is(.top-hero__en,.top-char>span,.top-hero__sub span,.top-hero__scroll){clip-path:none;transform:none;filter:none;opacity:1;transition:none;letter-spacing:.12em}.no-js .top-hero__sub:before,.shopify-design-mode .top-hero__sub:before{transform:none;transition:none}@media(prefers-reduced-motion:reduce){.top-hero__image,.top-hero__video,.top-hero__scroll:after{animation:none}.top-hero__cover{display:none}.top-hero :is(.top-hero__en,.top-char>span,.top-hero__sub span,.top-hero__scroll){clip-path:none;transform:none;filter:none;opacity:1;transition:none;letter-spacing:.12em}.top-hero__sub:before{transform:none;transition:none}}.top-page .top-hero{height:100svh}.top-page .top-hero:before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:200px;pointer-events:none;background:linear-gradient(#00153f73,#00153f00)}@media(min-width:990px){.top-page .top-hero__vertical{top:calc(var(--header-height, 88px) + 32px)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/top-hero.css.map */