:root{--hr-ease-out: cubic-bezier(.22, 1, .36, 1);--hr-ease-io: cubic-bezier(.65, 0, .35, 1);--hr-ease-back: cubic-bezier(.34, 1.56, .64, 1);--hr-write-hide: inset(-30% calc(100% - 1px) -30% -10%);--hr-write-show: inset(-30% -10% -30% -10%)}.hr-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:60;background:var(--hr-red-soft);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.hr-petal-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.hr-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:var(--hr-ink);color:var(--hr-white);clip-path:inset(0);animation:hrCurtain .85s var(--hr-ease-io) 4.5s forwards}html:not(.hr-js) .hr-intro,html.hr-intro-seen .hr-intro{display:none}.hr-intro-inner{text-align:center;padding:0 24px}.hr-intro-brand{margin:0;font:500 clamp(34px,5vw,72px)/1.1 var(--hr-font-serif);letter-spacing:.3em;padding-left:.3em}.hr-intro-brand span{display:inline-block;opacity:0;transform:translateY(.6em)}.hr-intro-line{display:block;width:0;height:1px;margin:22px auto 18px;background:var(--hr-red-soft)}.hr-intro-tag{margin:0;font:italic clamp(14px,1.4vw,20px)/1.4 var(--hr-font-serif);letter-spacing:.12em;opacity:0;clip-path:var(--hr-write-hide)}.hr-intro.is-play .hr-intro-brand span{animation:hrRise .7s var(--hr-ease-out) forwards;animation-delay:calc(.12s + var(--i, 0) * 70ms)}.hr-intro.is-play .hr-intro-line{animation:hrLine .6s var(--hr-ease-io) .6s forwards}.hr-intro.is-play .hr-intro-tag{animation:hrWrite .9s var(--hr-ease-io) .9s forwards}.hr-intro.is-out{animation:hrCurtain .85s var(--hr-ease-io) forwards}.hr-intro.is-out .hr-intro-inner{animation:hrFadeOut .45s ease forwards}@keyframes hrRise{to{opacity:1;transform:none}}@keyframes hrLine{to{width:min(240px,40vw)}}@keyframes hrWrite{0%{opacity:1;clip-path:var(--hr-write-hide)}to{opacity:1;clip-path:var(--hr-write-show)}}@keyframes hrCurtain{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes hrFadeOut{to{opacity:0;transform:translateY(-24px)}}html.hr-js .hr-hero{overflow:hidden;overflow:clip}html.hr-js main.content-for-layout{overflow-x:clip}html.hr-js .hr-hero .hr-bg{scale:1.1;translate:calc(var(--mx, 0) * -14px) calc(var(--my, 0) * -8px);transition:scale 14s var(--hr-ease-out),translate .9s var(--hr-ease-out)}html.hr-js .hr-hero-in .hr-bg{scale:1.04}html.hr-js .hr-hero-right{translate:calc(var(--mx, 0) * 10px) calc(var(--my, 0) * 6px);transition:translate 1.1s var(--hr-ease-out)}html.hr-js .hr-hero-hand:not(.hr-split),html.hr-js .hr-hero-right .hr-hand:not(.hr-split){opacity:0}.hr-ch{display:inline-block;font-style:inherit}html.hr-js .hr-ch{opacity:0;transform:translateY(.45em) rotate(-8deg)}html.hr-js .hr-hero-in .hr-ch{animation:hrChar .6s var(--hr-ease-back) forwards;animation-delay:calc(var(--t, .25s) + var(--i, 0) * 42ms)}html.hr-js .hr-hero-right .hr-hand{--t: .75s}html.hr-js .hr-hero-in .hr-hero-right .hr-hand span>.hr-ch{animation:hrChar .6s var(--hr-ease-back) forwards,hrBeat 2.4s ease-in-out 1.8s infinite;animation-delay:calc(var(--t, .25s) + var(--i, 0) * 42ms),1.8s}@keyframes hrChar{to{opacity:1;transform:none}}@keyframes hrBeat{0%,to{scale:1}12%{scale:1.16}24%{scale:1}36%{scale:1.1}50%{scale:1}}html.hr-js :where(.hr-hero-list,.hr-hero .hr-btn-outline,.hr-hero-note,.hr-hero-book){filter:opacity(0);translate:0 22px;transition:filter .9s var(--hr-ease-out),translate .9s var(--hr-ease-out)}html.hr-js .hr-hero-in :where(.hr-hero-list,.hr-btn-outline,.hr-hero-note,.hr-hero-book){filter:none;translate:0 0}html.hr-js .hr-hero-in .hr-hero-book{transition-delay:.5s}html.hr-js .hr-hero-in .hr-hero-list{transition-delay:1s}html.hr-js .hr-hero-in .hr-btn-outline{--hr-rv-delay: 1.25s}html.hr-js .hr-hero-in .hr-hero-note{transition-delay:1.9s}html.hr-js :where(.hr-hero .hr-script){clip-path:var(--hr-write-hide);transition:clip-path 1.3s var(--hr-ease-io)}html.hr-js .hr-hero-in .hr-hero-sign .hr-script{clip-path:var(--hr-write-show);transition-delay:1.5s}html.hr-js .hr-hero-in .hr-hero-right .hr-script{clip-path:var(--hr-write-show);transition-delay:1.9s}html.hr-js :where(.hr-photobook-left>:not(h2),.hr-pickup-heading>*,.hr-product,.hr-setitem-grid>div:first-child>:not(h2),.hr-tile,.hr-about-grid>h2,.hr-about-body,.hr-about-buttons,.hr-career-head>*,.hr-news-grid>div:first-child>:not(h2),.hr-news-photo p,.hr-instagram-heading>*){filter:opacity(0);translate:0 30px;transition:filter .95s var(--hr-ease-out),translate .95s var(--hr-ease-out);transition-delay:calc(var(--i, 0) * 80ms);--hr-rv-delay: calc(var(--i, 0) * 80ms)}html.hr-js :where(.hr-news-list>li,.hr-career-list>li){filter:opacity(0);translate:-36px 0;transition:filter .8s var(--hr-ease-out),translate .8s var(--hr-ease-out);transition-delay:calc(var(--i, 0) * 90ms)}html.hr-js :where(.hr-instagram-grid>a,.hr-heart){filter:opacity(0);scale:.86;transition:filter .7s var(--hr-ease-out),scale .8s var(--hr-ease-back);transition-delay:calc(var(--i, 0) * 70ms)}html.hr-js :where(.hr-tags>p){filter:opacity(0);translate:0 -40px;scale:1.08;transition:filter .5s ease-out,translate .7s var(--hr-ease-back),scale .7s var(--hr-ease-back);transition-delay:calc(.15s + var(--i, 0) * .14s)}html.hr-js :where(.hr-photobook-image){filter:opacity(0);translate:0 40px;scale:.94;transition:filter 1s var(--hr-ease-out),translate 1.1s var(--hr-ease-out),scale 1.1s var(--hr-ease-out)}html.hr-js :where(.hr-news-photo img){filter:opacity(0);translate:0 30px;rotate:-10deg;transition:filter .8s ease-out,translate 1s var(--hr-ease-back),rotate 1.1s var(--hr-ease-back)}html.hr-js :where(.hr-photobook h2,.hr-photobook-sign,.hr-setitem-grid>div:first-child>h2,.hr-setitem-center,.hr-about-script,.hr-news-grid>div:first-child>h2){clip-path:var(--hr-write-hide);transition:clip-path 1.2s var(--hr-ease-io);transition-delay:calc(var(--i, 0) * 80ms)}html.hr-js .hr-section :where(.hr-btn-outline,.hr-btn-red){transition-property:background-color,color,border-color,transform,filter,translate;transition-duration:.2s,.2s,.2s,.35s,.95s,.95s;transition-timing-function:ease,ease,ease,var(--hr-ease-out),var(--hr-ease-out),var(--hr-ease-out);transition-delay:0s,0s,0s,0s,var(--hr-rv-delay, 0s),var(--hr-rv-delay, 0s)}@media(prefers-reduced-motion:no-preference){html.hr-js .product-grid-container.scroll-trigger.animate--slide-in,html.hr-js .product-grid-container.scroll-trigger.animate--fade-in,html.hr-js .product-grid>li.scroll-trigger.animate--slide-in,html.hr-js .product-grid>li.scroll-trigger.animate--fade-in{opacity:1;transform:none;animation:none}}html.hr-js :where(.product-grid>li){filter:opacity(0);translate:0 34px;scale:.97;transition:filter .85s var(--hr-ease-out),translate .85s var(--hr-ease-out),scale .85s var(--hr-ease-out);transition-delay:calc(var(--i, 0) * 70ms)}html.hr-js :where(.product-grid .card__badge){filter:opacity(0);scale:.8;translate:0 6px;transition:filter .45s ease-out,scale .55s var(--hr-ease-back),translate .55s var(--hr-ease-back);transition-delay:.5s}html.hr-js .hr-reset,html.hr-js .hr-reset *{transition:none!important;animation:none!important}html.hr-js .is-in{filter:none;translate:0 0;scale:1;rotate:0deg}html.hr-js .is-in:where(.hr-photobook h2,.hr-photobook-sign,.hr-setitem-grid>div:first-child>h2,.hr-setitem-center,.hr-about-script,.hr-news-grid>div:first-child>h2){clip-path:var(--hr-write-show)}html.hr-js .is-in.hr-written,html.hr-js .hr-hero-in .hr-script.hr-written{clip-path:none}html.hr-js .hr-heart.is-in{animation:hrBeat 2.6s ease-in-out 1.2s infinite}html.hr-js .hr-photobook:before{animation:hrDrift 9s ease-in-out infinite alternate}html.hr-js .hr-photobook:after,html.hr-js .hr-pickup:before,html.hr-js .hr-news:before{animation:hrDriftR 9s ease-in-out infinite alternate}@keyframes hrDrift{0%{translate:0 0}to{translate:.6vw 1vw}}@keyframes hrDriftR{0%{translate:0 0}to{translate:-.6vw 1vw}}@media(hover:hover)and (pointer:fine){html.hr-js .hr-product-image img{transition:transform .7s var(--hr-ease-out)}html.hr-js .hr-product:hover .hr-product-image img{transform:scale(1.04)}html.hr-js .hr-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(245,245,244,.22) 50%,transparent 60%);transform:translate(-120%);transition:transform .9s var(--hr-ease-io)}html.hr-js .hr-tile:hover:before{transform:translate(120%)}html.hr-js .hr-tile img{transition:transform .9s var(--hr-ease-out)}html.hr-js .hr-tile-arrow{transition:transform .35s var(--hr-ease-out)}html.hr-js .hr-tile:hover .hr-tile-arrow{transform:translate(.5em)}html.hr-js .product-grid .card__media img{transition:transform .7s var(--hr-ease-out)}html.hr-js .product-grid .card-wrapper:hover .card__media img{transform:scale(1.04)}html.hr-js .hr-instagram-grid a{display:block;overflow:hidden}html.hr-js .hr-instagram-grid img{transition:transform .7s var(--hr-ease-out)}html.hr-js .hr-instagram-grid a:hover img{transform:scale(1.06)}html.hr-js .hr-btn-outline:after,html.hr-js .hr-btn-red:after{transition:transform .3s var(--hr-ease-out)}html.hr-js .hr-btn-outline:hover:after,html.hr-js .hr-btn-red:hover:after{transform:translate(.35em)}}@media(prefers-reduced-motion:reduce),print{.hr-progress,.hr-petal-canvas,.hr-intro{display:none!important}}html.hr-still .hr-petal-canvas,html.hr-still .hr-intro{display:none!important}@media print{html.hr-js *{filter:none!important;translate:none!important;scale:none!important;rotate:none!important;clip-path:none!important}html.hr-js .hr-ch,html.hr-js .hr-hero-hand:not(.hr-split),html.hr-js .hr-hero-right .hr-hand:not(.hr-split){opacity:1!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hr-motion.css.map */