.site-menu{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow-x:hidden;overflow-y:auto;background:var(--color-world);color:var(--color-on-world)}.site-menu[open]{display:grid;grid-template-rows:auto 1fr auto}.site-menu::backdrop{background:transparent}.site-menu:focus{outline:none}.site-menu__logo,.site-menu__link,.site-menu__lang,.site-menu__legal a{color:inherit;text-decoration:none}.site-menu__bar{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:var(--header-padding-block)}.site-menu__logo{display:block;width:var(--header-logo-width)}.site-menu__logo svg{width:100%;height:auto;translate:0 var(--header-logo-shift)}.site-menu__logo--studio{width:calc(var(--header-logo-width) * .697)}.site-menu__logo--studio svg{translate:none}.site-menu__close{grid-column:3;justify-self:end;margin-inline-end:calc((var(--touch-target) - var(--menu-icon-size)) / -2)}.site-menu__x{--bar: 3px;--gap: round(calc(var(--menu-icon-size) * .2), 1px);--shift: calc(var(--bar) + var(--gap));position:relative;display:block;width:var(--menu-icon-size);height:calc(3 * var(--bar) + 2 * var(--gap))}.site-menu__x>span{position:absolute;left:0;right:0;top:var(--shift);height:var(--bar);border-radius:.5px;background:currentColor;transition:translate .16s var(--ease-in-out) .12s,rotate .3s var(--ease-out) .28s,scale .16s var(--ease-in-out) .12s}.site-menu__x>span:nth-child(1){rotate:45deg}.site-menu__x>span:nth-child(2){scale:0 1}.site-menu__x>span:nth-child(3){rotate:-45deg}@starting-style{.site-menu[open] .site-menu__x>span:nth-child(1){translate:0 calc(var(--shift) * -1);rotate:0deg}.site-menu[open] .site-menu__x>span:nth-child(2){scale:1 1}.site-menu[open] .site-menu__x>span:nth-child(3){translate:0 var(--shift);rotate:0deg}}.site-menu[data-closing] .site-menu__x>span{transition:rotate .24s var(--ease-in-out),translate .18s var(--ease-out) .22s,scale .18s var(--ease-out) .22s}.site-menu[data-closing] .site-menu__x>span:nth-child(1){translate:0 calc(var(--shift) * -1);rotate:0deg}.site-menu[data-closing] .site-menu__x>span:nth-child(2){scale:1 1}.site-menu[data-closing] .site-menu__x>span:nth-child(3){translate:0 var(--shift);rotate:0deg}.site-menu[data-closing]>*:not(.site-menu__bar),.site-menu[data-closing] .site-menu__bar>*:not(.site-menu__close){opacity:0;transition:opacity .25s var(--ease-out)}.site-menu[open][data-closing]{background:transparent;transition:background-color .35s var(--ease-in-out) .05s}@media(prefers-reduced-motion:reduce){.site-menu__x>span{transition:none!important}}.site-menu__langs{display:flex;gap:var(--space-m);list-style:none;margin:0;padding:0}.site-menu__langs--bottom{display:none}@media(max-width:47.99rem){.site-menu__langs--top{display:none}.site-menu__langs--bottom{display:flex}}.site-menu__lang{opacity:.6}.site-menu__lang[aria-current=true]{opacity:1;font-weight:var(--weight-bold)}.site-menu__lang:hover{opacity:1}.site-menu__nav{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;gap:clamp(1.75rem,1rem + 3vw,3.5rem);padding:var(--space-xl) var(--page-gutter);text-align:center}.site-menu__list{display:grid;justify-items:center;list-style:none;margin:0;padding:0}.site-menu__link{position:relative;display:inline-block;text-transform:uppercase;transition:transform var(--duration-base) var(--ease-out)}.site-menu__link--world{font-family:var(--font-display);font-size:var(--text-display-l);line-height:var(--leading-tight)}.site-menu__sub{position:absolute;font-family:var(--font-serif);font-size:max(.6875rem,.2em);font-style:italic;font-weight:var(--weight-medium);line-height:1;letter-spacing:.02em;white-space:nowrap}.site-menu__item:first-child .site-menu__sub{left:calc(100% + .3em);bottom:calc(16.55% - .269em)}.site-menu__item:nth-child(2) .site-menu__sub{left:.15em;top:calc(100% - .16em)}.site-menu__link--page{font-family:var(--font-serif);font-size:calc(var(--text-display-l) * .78);font-style:italic;font-weight:var(--weight-medium);line-height:1.05;padding-inline:.15em}@media(hover:hover){.site-menu__link:hover{transform:scale(1.06)}}.site-menu__footer{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-s);padding-block:var(--space-m) var(--space-l)}.site-menu__footer .site-menu__socials{grid-column:2;gap:var(--space-3xs)}.site-menu__legal{grid-column:3;justify-self:end;display:flex;gap:var(--space-m);list-style:none;margin:0;padding:0}.site-menu__legal a{opacity:.6}.site-menu__legal a:hover,body[data-world=art] .site-menu__legal a{opacity:1}@media(max-width:47.99rem){.site-menu__footer{grid-template-columns:1fr;justify-items:center}.site-menu__footer .site-menu__socials,.site-menu__legal{grid-column:1;justify-self:center}}.site-menu__sun,.site-menu__trees{display:none}[data-world=illustration] .site-menu__trees{display:block;position:absolute;left:var(--page-gutter);bottom:0;width:clamp(3.2rem,.32rem + 10.64vw,9.8rem);height:auto;pointer-events:none}[data-world=illustration] .site-menu__sun{display:block;position:absolute;--sun-w: clamp(5.5rem, 3.916rem + 6.76vw, 10rem);width:var(--sun-w);height:auto;right:calc(var(--header-gutter) + var(--menu-icon-size) / 2 - var(--sun-w) * .05);top:calc(var(--header-padding-block) + var(--touch-target) / 2 + var(--sun-w) * .02);pointer-events:none}@media(min-width:90rem){[data-world=illustration] .site-menu__sun{--sun-w: calc(11.11 * var(--wide-u))}}.site-menu.is-instant,.site-menu.is-instant .site-menu__item,.site-menu.is-instant .site-menu__x>span{transition:none!important}.site-menu[open]{transition:opacity var(--duration-base) var(--ease-out)}.site-menu[open] .site-menu__item{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i) * 50ms + 80ms)}@starting-style{.site-menu[open]{opacity:0}.site-menu[open] .site-menu__item{opacity:0;transform:translateY(.6em)}}.site-menu[data-leaving]{transition:background-color .25s var(--ease-out)}.site-menu[data-leaving]>*{opacity:0;transition:opacity .15s var(--ease-out)}.site-menu[data-leaving=studio]{background:#161616}.site-menu[data-leaving=illustration]{background:var(--color-illustration-pink)}.site-menu[data-leaving=art]{background:#f0edea}.site-menu[data-leaving=none]{background:var(--color-grey-100)}.site-menu[data-leaving=contact]{background:var(--color-studio-blue)}.site-menu[data-leaving=art-contact]{background:#753431}
/*# sourceMappingURL=/cdn/shop/t/5/assets/site-menu.css.map */