.hero-slides{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory}.hero-slides>.hero{scroll-snap-align:start}.hero-slide-nav{position:relative;z-index:1;display:flex;justify-content:center;gap:16px;padding-bottom:var(--sp-4)}[data-section=home-hero]{position:relative;overflow:clip;min-height:calc(100svh - var(--header-h) - 34px);padding:0;display:grid;align-items:center}.has-overlay-header [data-section=home-hero]{min-height:calc(100svh - 34px)}.has-overlay-header .hero{padding-top:calc(var(--header-h) + var(--sp-6))}.has-overlay-header .edge-label--right{top:calc(var(--header-h) + 24px)}.hero__steam-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hero__steam{position:absolute;z-index:0;pointer-events:none;max-width:none}.hero__steam--a{width:min(1500px,100vw);left:-18%;top:-26%}.hero__steam--b{width:min(900px,70vw);right:-16%;bottom:-34%}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--sp-7);align-items:center;padding-block:var(--sp-6) var(--sp-8)}.hero__logo{width:min(520px,100%)}.hero__logo img{width:100%;height:auto}.hero__h1{margin-top:28px}.hero__tagline{display:block;font-family:var(--cp-font-latin);font-size:22px;line-height:1.3;letter-spacing:.02em}.hero__key{display:block;margin-top:36px;font-family:var(--cp-font-mincho);font-size:var(--fs-key);letter-spacing:.2em;line-height:1.5}.hero__lead{margin-top:20px;font-family:var(--cp-font-mincho);font-size:var(--fs-lead);line-height:2;max-width:22em}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.hero__stage{position:relative}.hero__photo{position:relative;aspect-ratio:1;overflow:hidden}.hero__photo img{width:100%;height:100%;object-fit:cover}.hero__tag{position:absolute;left:-36px;bottom:40px;z-index:2;display:grid;gap:4px;width:300px;padding:18px 20px;background:var(--cp-color-surface);border-radius:var(--cp-radius-card);transform:rotate(-6deg);text-decoration:none;transition:transform var(--dur-slow) var(--ease-circ-out)}.hero__tag:hover{transform:rotate(-3deg) translateY(-4px)}.hero__tag .k{font-family:var(--cp-font-latin);font-size:14px;letter-spacing:.1em}.hero__tag .n{font-family:var(--cp-font-mincho);font-size:17px;line-height:1.5}.edge-label{position:absolute;z-index:2;font-family:var(--cp-font-latin);font-size:13px;letter-spacing:.08em;line-height:1.2;white-space:nowrap}.edge-label--left{left:18px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl}.edge-label--right{right:18px;top:32px;writing-mode:vertical-rl}@media(prefers-reduced-motion:no-preference){chapon-home-hero:not(:defined) .hero__steam{opacity:.01;transform:scale(1.06)}chapon-home-hero:not(:defined) .hero__logo{opacity:0}chapon-home-hero:not(:defined) .hero__key{transform:translateY(24px)}chapon-home-hero:not(:defined) :is(.hero__steam,.hero__logo,.hero__key){animation:home-hero-unhide 0s 3s forwards}}@keyframes home-hero-unhide{to{opacity:1;transform:none}}.home-motion-ready .hero__steam{opacity:.01;transform:scale(1.06);transition:opacity var(--dur-intro) var(--ease-circ-inout),transform var(--dur-intro) var(--ease-circ-inout)}.home-motion-ready .hero__steam--b{transition-delay:.3s}.home-motion-ready.is-loaded .hero__steam{opacity:1;transform:none}.home-motion-ready .hero__logo{opacity:0;transition:opacity var(--dur-base) ease .5s}.home-motion-ready.is-loaded .hero__logo{opacity:1}.home-motion-ready .hero__key{transform:translateY(24px);transition:transform var(--dur-slow) var(--ease-circ-out)}.home-motion-ready.is-in .hero__key{transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:var(--sp-6);padding-block:var(--sp-5) var(--sp-7)}.has-overlay-header .hero{padding-top:calc(var(--header-h) + var(--sp-5))}.hero__logo{width:76%}.hero__tag{left:12px;bottom:-28px;width:260px}.hero__steam--a{width:190vw;left:-60%;top:-10%}.hero__steam--b{width:140vw;right:-70%;bottom:-12%}.edge-label{display:none}}@media(prefers-reduced-motion:reduce){.home-motion-ready .hero__steam,.home-motion-ready .hero__logo,.home-motion-ready .hero__key{opacity:1!important;transform:none!important}}.hero__badges{display:flex;flex-wrap:wrap;gap:6px}.hero__badges .badge{font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/19/assets/home-hero.css.map */