#sakura-opening[hidden]{display:none!important}#sakura-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;isolation:isolate;color:#534c44;--opening-duration:4s}.opening-paper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 44%,#fffaf2,#f1e9df 80%);z-index:-1}.opening-signature{display:flex;flex-direction:column;align-items:center;transform:translateY(-8px)}.opening-flower{width:76px;height:76px;color:#be929b;margin-bottom:27px;overflow:visible}.opening-flower path{opacity:0;transform:translateY(4px);transform-origin:50px 50px}.opening-wordmark{font:34px/1.3 JostLight,sans-serif;letter-spacing:9px;padding-left:9px;color:#3d4639;opacity:0}.opening-wordmark>span{color:#bd8c9a}.opening-caption{font:8px/1.5 Jost,sans-serif;letter-spacing:3px;margin-top:19px;color:#8a786b;opacity:0}.opening-skip{position:absolute;right:5%;bottom:max(34px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;border:0;background:transparent;color:#61534a;min-height:44px;padding:10px 0;font:11px Jost;letter-spacing:.3px}.opening-skip svg{width:17px;height:17px}.opening-skip:hover{color:#9a6576}.opening-skip:focus-visible{outline:1px solid #926b77;outline-offset:7px}.opening-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d8c5b82b}.opening-progress>span{height:100%;display:block;background:#c7a2a8;transform:scaleX(0);transform-origin:left}html.opening-active{overflow:hidden}html.opening-active .hero-heading,html.opening-active .hero-bottom,html.opening-active .site-header{animation:none!important;transition:none!important;opacity:0;transform:none}html.opening-playing .opening-flower path{animation:petal-arrive .75s cubic-bezier(.2,.65,.3,1) calc(var(--petal)*85ms) both}html.opening-playing .opening-wordmark{animation:signature-arrive .85s .3s both}html.opening-playing .opening-caption{animation:signature-arrive .85s .56s both}html.opening-playing .opening-signature{animation:signature-depart var(--opening-duration) cubic-bezier(.4,0,.2,1) both}html.opening-playing .opening-paper{animation:paper-depart var(--opening-duration) cubic-bezier(.4,0,.2,1) both}html.opening-playing .opening-skip{animation:skip-colour var(--opening-duration) linear both}html.opening-playing .opening-progress>span{animation:opening-progress var(--opening-duration) linear both}html.opening-playing .hero-heading{animation:garden-copy var(--opening-duration) ease both!important}html.opening-playing .hero-bottom,html.opening-playing .site-header{animation:garden-navigation var(--opening-duration) ease both!important}.hero .opening-replay{position:absolute;right:5%;bottom:30px;z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:#fff4e5;font:10px Jost;letter-spacing:.4px;padding:10px 0;text-shadow:0 1px 5px #152016}.opening-replay svg{width:15px;height:15px}.opening-replay:hover{color:#ebbdc9}.opening-light{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(115deg,transparent 25%,#fff2d21f 48%,transparent 68%);mix-blend-mode:soft-light}html.opening-playing .opening-light{animation:garden-light var(--opening-duration) ease both}@keyframes petal-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes signature-arrive{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes signature-depart{0%,32%{opacity:1;transform:translateY(-8px)}55%,to{opacity:0;transform:translateY(-16px)}}@keyframes paper-depart{0%,33%{opacity:1}83%,to{opacity:0}}@keyframes garden-copy{0%,65%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes garden-navigation{0%,76%{opacity:0}to{opacity:1}}@keyframes opening-progress{to{transform:scaleX(1)}}@keyframes skip-colour{0%,50%{color:#61534a}75%,to{color:#fff4e5}}@keyframes garden-light{0%,35%{opacity:0}62%{opacity:1}to{opacity:0}}@media(max-width:800px){#sakura-opening{--opening-duration:3.2s}.opening-flower{width:62px;height:62px;margin-bottom:22px}.opening-wordmark{font-size:28px;letter-spacing:7px;padding-left:7px}.opening-caption{font-size:7px;letter-spacing:2px}.opening-skip{right:24px;bottom:max(26px,env(safe-area-inset-bottom))}.hero .opening-replay{right:24px;bottom:18px;font-size:9px}}@media(prefers-reduced-motion:reduce){#sakura-opening,.opening-replay,.opening-light{display:none!important}html.opening-active{overflow:auto}html.opening-active .hero-heading,html.opening-active .hero-bottom,html.opening-active .site-header{opacity:1!important;animation:none!important;translate:none!important}.opening-flower path{animation:none!important}}html.opening-finished .hero-heading,html.opening-finished .hero-bottom{animation:none!important;opacity:1;translate:none}.opening-skip{top:max(24px,env(safe-area-inset-top));bottom:auto}@media(max-width:800px){.opening-skip{top:max(18px,env(safe-area-inset-top));bottom:auto}}#sakura-opening:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sakura-opening.css.map */