.jk-hero{--jk-hero-h: var(--jk-hero-h-set, 675px);--jk-hero-parallax: 120px;--jk-curve-stroke: #C1DAD5;position:relative;height:var(--jk-hero-h);isolation:isolate}.jk-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#7fa8c9;z-index:1}.jk-hero__media{position:absolute;top:auto;bottom:0;left:-3.9931%;width:117.7083%;aspect-ratio:1695 / 824;min-height:calc(100% + var(--jk-hero-parallax) + 30px);transform:translate3d(0,var(--jk-py, 0px),0);will-change:transform}.jk-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.jk-hero:not([data-parallax=on]) .jk-hero__media{--jk-py: 0px}.jk-hero__inner{position:relative;z-index:2;height:100%;max-width:1440px;margin-inline:auto;padding:130px 50px 0}.jk-hero__title{margin:0;font-family:EB Garamond,Garamond,Times New Roman,serif;font-weight:400;color:#fff;font-size:154px;line-height:124px;letter-spacing:-.01em;text-shadow:0 2px 30px rgb(0 0 0 / 18%)}.jk-hero__title{display:flex;flex-direction:column;align-items:flex-start}.jk-hero__title .jk-line{display:block}.jk-hero__title .jk-line{padding-inline:.18em}.jk-hero__title .l1{font-style:italic;font-size:160px;margin-left:calc(133px - .18em)}.jk-hero__title .l2{margin-left:calc(0px - .18em)}.jk-hero__title .l3{margin-left:calc(112px - .18em)}.jk-hero[data-intro=ready] .jk-hero__title .jk-line{overflow:hidden;padding-block:.32em;margin-block:-.32em}.jk-hero[data-intro=ready] .jk-hero__title .jk-line>span{display:block;transform:translateY(calc(100% + .85em))}.jk-hero[data-intro=ready].is-intro-in .jk-hero__title .jk-line>span{transform:translateY(0);transition:transform 1.05s cubic-bezier(.16,1,.3,1)}.jk-hero[data-intro=ready].is-intro-in .jk-hero__title .l1>span{transition-delay:0ms}.jk-hero[data-intro=ready].is-intro-in .jk-hero__title .l2>span{transition-delay:.13s}.jk-hero[data-intro=ready].is-intro-in .jk-hero__title .l3>span{transition-delay:.26s}.jk-hero__figures{display:none}@media(max-width:749px){.jk-hero__figures{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:3;pointer-events:none}.jk-hero__figures img{position:absolute;left:-53.0769%;top:-7.6312%;width:255.3846%;height:auto;aspect-ratio:996 / 727;display:block}}.jk-hero__curve{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.jk-hero__curve-clip{width:100%;height:100%}.jk-hero__curve svg{width:100%;height:100%;display:block;overflow:visible}.jk-hero__curve path{fill:none;stroke:var(--jk-curve-stroke);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.jk-hero__curve[data-draw=ready] .jk-hero__curve-clip{clip-path:inset(0 100% 0 0)}.jk-hero__curve[data-draw=ready].is-in .jk-hero__curve-clip{clip-path:inset(0 0 0 0);transition:clip-path 1.4s cubic-bezier(.22,.61,.36,1)}.jk-hero__curve:not([data-draw=ready]) .jk-hero__curve-clip{clip-path:inset(0 0 0 0)}@media(max-width:989px){.jk-hero{--jk-hero-h: 50vh;--jk-hero-parallax: 60px}.jk-hero__inner{padding:40px 20px 0}.jk-hero__title{font-size:40px;line-height:45px}.jk-hero__title{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.jk-hero__title .l1{flex-basis:100%;font-size:42px;margin-left:0}.jk-hero__title .l2{margin-left:0}.jk-hero__title .l3{margin-left:-.1em}}@media(max-width:749px){.jk-hero{--jk-hero-h: clamp(500px, 161.3vw, 700px);--jk-hero-parallax: 0px}.jk-hero__media{left:0;bottom:0;width:100%;aspect-ratio:390 / 629;min-height:100%;--jk-py: 0px}.jk-hero__inner{padding:0}.jk-hero__title{font-size:clamp(64px,21.1vw,92px);line-height:.808em;margin-top:.41em;letter-spacing:-.01em;flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.jk-hero__title .l1{flex-basis:auto;font-style:italic;font-size:1.042em;margin-left:calc(.967em - .18em)}.jk-hero__title .l2{margin-left:-.034em}.jk-hero__title .l3{margin-left:calc(.275em - .18em)}.jk-hero__title .l3{font-size:.78em}}@media(prefers-reduced-motion:reduce){.jk-hero__media{--jk-py: 0px !important}.jk-hero[data-intro=ready] .jk-hero__title .jk-line{overflow:visible;padding-block:0;margin-block:0}.jk-hero[data-intro=ready] .jk-hero__title .jk-line>span{transform:none;transition:none}.jk-hero__curve[data-draw=ready] .jk-hero__curve-clip,.jk-hero__curve[data-draw=ready].is-in .jk-hero__curve-clip{clip-path:inset(0 0 0 0);transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jaykei-hero.css.map */