.portal__brand,.subnav__brand,.mobile-logo{white-space:nowrap;align-items:center;gap:.7rem;font-weight:800}.portal__brand,.subnav__brand{display:flex}.portal__brand span,.subnav__brand span,.mobile-logo span{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.6rem;display:grid}.mobile-logo{display:none}@media (max-width:760px){.mobile-logo{z-index:81;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;display:flex;position:fixed;top:1rem;left:1rem}.mobile-logo--dark{color:#f4f0e7}.mobile-logo--light{color:#111}.mobile-logo span{width:1.8rem;height:1.8rem}}
.subnav{z-index:80;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid #0a0a0a2e;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(1rem,3vw,2.5rem);font-size:.7rem;transition:translate .5s cubic-bezier(.22,1,.36,1),opacity .3s;display:grid;position:fixed;inset:0 0 auto}.subnav.is-scroll-hidden{opacity:0;pointer-events:none;translate:0 -110%}.subnav[data-tone=dark]{color:#f4f0e7;border-color:#fff3}.subnav nav{gap:2rem;display:flex}.subnav nav a{opacity:.55}.subnav nav a:hover{opacity:1}.subnav__back{justify-self:end}.subnav .mobile-menu,.mobile-menu__toggle,.mobile-portal{display:none}@media (max-width:760px){.mobile-portal{z-index:81;letter-spacing:.09em;text-transform:uppercase;font-size:.64rem;font-weight:700;display:block;position:fixed;top:1.45rem;right:1rem}.mobile-portal--dark{color:#f4f0e7}.mobile-portal--light{color:#111}.creative-world .mobile-portal{right:5.75rem}.subnav{border:0;width:auto;height:auto;padding:0;transition:translate .4s cubic-bezier(.22,1,.36,1),opacity .3s;display:block;position:fixed;inset:auto 1rem 1rem auto}.subnav.is-scroll-hidden{opacity:0;pointer-events:none;translate:0 calc(100% + 2rem)}.subnav__brand,.subnav>nav:not(.mobile-menu),.subnav__back{display:none}.mobile-menu__toggle{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.08em;background:#111820e8;border:1px solid #ffffff38;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;min-width:92px;height:52px;padding:0 .75rem 0 1rem;display:flex;position:relative;box-shadow:0 12px 35px #0006}.mobile-menu__toggle i{aspect-ratio:1;color:#111;background:#c9ff3d;border-radius:50%;place-items:center;width:30px;font:800 1rem/1 Arial,sans-serif;display:grid}.subnav .mobile-menu{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform-origin:100% 100%;pointer-events:none;background:#111820f2;border:1px solid #ffffff2e;border-radius:1rem;gap:0;width:175px;transition:opacity .22s,translate .22s,scale .22s;display:grid;position:absolute;bottom:calc(100% + .55rem);right:0;overflow:hidden;translate:0 12px;scale:.96;box-shadow:0 18px 45px #0008}.subnav .mobile-menu.is-open{opacity:1;pointer-events:auto;translate:0;scale:1}.subnav .mobile-menu a{opacity:.75;border-bottom:1px solid #ffffff15;padding:.9rem 1rem}}