.atelier-brand-wrap{flex:none;position:relative}.atelier-brand{--logo-width:180px;text-align:left;touch-action:manipulation;width:296px;min-height:48px;color:var(--ink);background:0 0;border:0;flex:none;align-items:center;padding:0;display:flex}.atelier-brand .header-lockup{width:var(--logo-width);pointer-events:none;flex:none;height:auto;overflow:visible}.atelier-brand .compact-lockup{display:none}.atelier-brand.is-compact .header-lockup{display:none}.atelier-brand.is-compact .compact-lockup{width:calc(var(--logo-width)*364/960);display:block}.atelier-brand.is-compact .envelope-flap{transition-delay:0s}.atelier-brand .scroll-lockup{width:var(--logo-width);display:block}.scroll-lockup .logo-compact-symbol{transform:translate(-170px)}.atelier-brand.is-compact .scroll-lockup .logo-handwriting,.atelier-brand.is-compact .scroll-lockup .logo-dot{visibility:hidden}.envelope-flap{transform-origin:867px 62.5771px;transition:transform .38s cubic-bezier(.4,0,.2,1) .5s}.logo-handwriting,.logo-dot{fill:none;stroke:#589ae8;stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.logo-handwriting{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),opacity .1s linear .5s}.logo-dot{opacity:0;transition:opacity .1s}.logo-heart{fill:#589ae8;opacity:0;transform-origin:867px 121px;pointer-events:none}.atelier-brand[data-open=true] .envelope-flap{transition-delay:0s;transform:scaleY(-1)}.atelier-brand[data-open=true] .logo-handwriting{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.45s cubic-bezier(.45,0,.25,1) .3s,opacity 80ms linear .25s}.atelier-brand[data-open=true] .logo-dot{opacity:1;transition-delay:1.38s}.atelier-brand{position:relative}.atelier-brand.is-compact .scroll-lockup{width:var(--logo-width);display:block}.logo-home,.logo-toggle{background:0 0;border:0;border-radius:4px;height:48px;padding:0;position:absolute;top:0}.logo-home{width:calc(var(--logo-width)*.78);left:-6px}.logo-toggle{left:calc(var(--logo-width)*.8 - 8px);cursor:pointer;width:44px}.atelier-brand.is-compact .logo-home{width:36px}.atelier-brand.is-compact .logo-toggle{left:30px}.atelier-brand.is-compact{width:80px}@media (max-width:1150px){.atelier-brand{--logo-width:150px;width:250px}}@media (max-width:600px){.atelier-brand{--logo-width:150px;width:248px}}@media (max-width:370px){.atelier-brand{--logo-width:130px;width:210px}}@media (prefers-reduced-motion:reduce){.atelier-brand *{transition:none!important;animation:none!important}}