:root{--c: #722530;--c-line: rgba(114, 37, 48, .16);--ink: #1a1a1a;--muted: #8a8a8a;--ease-io: cubic-bezier(.65, 0, .35, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-reveal: cubic-bezier(.19, 1, .22, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.pera__hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:48px 16px 96px;overflow:hidden;cursor:default;-webkit-tap-highlight-color:transparent}.pera--videos .pera__hero{min-height:92vh;min-height:92svh}.pera__stack{display:flex;flex-direction:column;align-items:center;width:100%}.pera__slot{--logo: clamp(150px, 30vh, 270px);position:relative;width:var(--logo);height:var(--logo);margin:calc(var(--logo) * -.17) 0 calc(var(--logo) * -.15)}.pera-logo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-origin:50% 50%}.pera-logo__zemin{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zemin) center / contain no-repeat}.pera-logo__fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask:var(--yazi) center / contain no-repeat;mask:var(--yazi) center / contain no-repeat}.pera-logo__liquid{position:absolute;left:0;right:0;top:0;height:100%;background:var(--c);transform:translateY(-6%)}.pera-logo__liquid:before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:2.6%;background:var(--c);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7C20 0 40 0 60 7s40 7 60 0v7H0z'/%3E%3C/svg%3E") 0 0 / calc(var(--logo) * .24) 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7C20 0 40 0 60 7s40 7 60 0v7H0z'/%3E%3C/svg%3E") 0 0 / calc(var(--logo) * .24) 100% repeat-x;animation:pera-wave 1.1s linear infinite}@keyframes pera-wave{to{-webkit-mask-position:calc(var(--logo) * .24) 0;mask-position:calc(var(--logo) * .24) 0}}.pera.is-done .pera-logo__liquid:before{animation:none}.pera__title{width:min(100%,1000px,150vh);margin:clamp(20px,4vh,40px) 0 0;font-weight:400;font-size:1rem;line-height:1}.pera__svg{display:block;width:100%;height:auto;overflow:visible}.pera__ghost{fill:var(--c);opacity:.13}.pera__tliquid{fill:var(--c)}.pera__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pera__presents{margin:clamp(8px,1.6vh,16px) 0 0;padding-left:.42em;font-family:Gentilissimo Pera,serif;font-size:clamp(14px,1.3vw,18px);line-height:1;letter-spacing:.42em;color:var(--c)}.pera__presents+.pera__title{margin-top:clamp(16px,3vh,30px)}.pera__subtitle{margin:clamp(14px,2.6vh,26px) 0 0;padding-left:.06em;font-family:Gentilissimo Pera,serif;font-size:clamp(26px,3.4vw,50px);line-height:1;letter-spacing:.06em;color:var(--c);text-align:center}.pera__tagline{max-width:32em;margin:clamp(16px,2.8vh,28px) 0 0;font-size:15px;font-weight:300;line-height:22px;color:#4a4a4a;text-align:center;text-wrap:balance}.pera__title+.pera__tagline{margin-top:clamp(20px,3.6vh,36px)}@media(min-width:750px){.pera__tagline{font-size:17px;line-height:26px}}.pera__soon{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(26px,4.6vh,44px)}.pera__soon p{margin:0;padding-left:.3em;font-size:11px;font-weight:400;line-height:16px;letter-spacing:.3em;text-transform:uppercase;color:var(--c)}.pera__load{position:relative;display:block;width:112px;height:1px;overflow:hidden;background:var(--c-line)}.pera__load:after{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;background:var(--c);transform:translate(-100%);animation:pera-load 2.6s var(--ease-io) infinite}@keyframes pera-load{to{transform:translate(280%)}}.pera__foot{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:12px;line-height:16px;color:var(--muted)}.pera__foot a{text-decoration:none;transition:color .2s ease}.pera__foot a:hover,.pera__foot a:focus-visible{color:var(--c)}.pera__videos{padding:0 16px 96px}.pera__vgrid{display:grid;gap:16px;max-width:calc(var(--n) * 420px + (var(--n) - 1) * 16px);margin:0 auto}.pera__video{margin:0}.pera__vframe{position:relative;aspect-ratio:var(--ar);background:#f4f4f4;overflow:hidden}.pera__vframe video,.pera__vframe img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pera__video figcaption{margin-top:10px;font-size:12px;line-height:16px;color:var(--muted);text-align:center}@media(min-width:750px){.pera__vgrid{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}.js .pera .pera-logo{opacity:0;transition:opacity .8s ease}.js .pera.is-logo .pera-logo{opacity:1}.js .pera .pera-logo__liquid{transform:translateY(64%)}.js .pera.is-logo-full .pera-logo__liquid{transform:translateY(-6%)}.pera__rv{overflow:hidden}.pera__rv>span,.pera__title>.pera__svg{display:block}.pera__tagline>span{text-wrap:balance}.js .pera .pera__rv{opacity:0;transition:opacity 1.1s ease}.js .pera .pera__rv>span,.js .pera .pera__title>.pera__svg{transform:translateY(105%);transition:transform 1.3s var(--ease-reveal)}.js .pera.is-presents .pera__presents,.js .pera.is-title .pera__title,.js .pera.is-sub .pera__subtitle,.js .pera.is-sub .pera__tagline{opacity:1}.js .pera.is-presents .pera__presents>span,.js .pera.is-title .pera__title>.pera__svg,.js .pera.is-sub .pera__subtitle>span,.js .pera.is-sub .pera__tagline>span{transform:none}.js .pera.is-sub .pera__tagline,.js .pera.is-sub .pera__tagline>span{transition-delay:.25s}.js .pera .pera__soon,.js .pera .pera__foot{opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform .9s var(--ease-out)}.js .pera.is-soon .pera__soon,.js .pera.is-soon .pera__foot{opacity:1;transform:none}.js .pera .pera__foot{pointer-events:none}.js .pera.is-soon .pera__foot{pointer-events:auto}.no-js .pera__svg{display:none}.no-js .pera__sr{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;display:block;text-align:center;color:var(--c);font-family:Gentilissimo Pera,serif;font-size:clamp(56px,10vw,132px);line-height:.95}@media(prefers-reduced-motion:reduce){.pera-logo__liquid:before{animation:none}.pera__load:after{animation:none;transform:translate(89%)}.js .pera .pera-logo,.js .pera .pera__rv,.js .pera .pera__rv>span,.js .pera .pera__title>.pera__svg,.js .pera .pera__soon,.js .pera .pera__foot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pera.css.map */