.site-header.motion-header{gap:clamp(16px,2vw,32px)}.motion-header .nav-actions{flex-shrink:0;gap:clamp(10px,1.2vw,18px)}.motion-header .desktop-nav{gap:clamp(16px,1.8vw,28px)}.motion-header .desktop-nav a{white-space:nowrap}.footer-navigation{flex-wrap:wrap;gap:12px 28px;margin-bottom:34px;font-size:15px;line-height:1.5;display:flex}.footer-navigation a{padding:6px 0}.footer-navigation a:hover{color:var(--accent)}.footer-navigation a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.motion-header .menu-toggle{border:1px solid var(--ink);background:var(--ink);min-width:44px;min-height:44px;color:var(--paper);border-radius:100px;justify-content:center;align-items:center;gap:13px;padding:12px 16px;font-size:12px;font-weight:500;transition:background .22s,color .22s,border-color .22s;display:inline-flex}.motion-header .menu-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.menu-toggle-icon{width:18px;height:16px;display:block;position:relative}.menu-toggle-icon i{background:currentColor;width:18px;height:2px;transition:width .25s,transform .25s;position:absolute;left:0}.menu-toggle-icon i:first-child{top:4px}.menu-toggle-icon i:last-child{width:12px;top:10px}.menu-toggle:hover .menu-toggle-icon i:first-child{width:12px}.menu-toggle:hover .menu-toggle-icon i:last-child{width:18px}.navigation-dialog{width:100%;max-width:none;height:100%;overscroll-behavior:contain;color:#f5f5f3;background:#17191b;border:0;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.navigation-dialog::backdrop{background:#17191b33}.navigation-dialog[open]{display:block}.navigation-dialog[data-state=open]{animation:.6s cubic-bezier(.16,1,.3,1) both navigation-panel-in}.navigation-dialog[data-state=closing]{pointer-events:none;animation:.42s cubic-bezier(.7,0,.84,0) both navigation-panel-out}.navigation-shell{flex-direction:column;min-height:100%;padding:28px 4.5% 30px;display:flex}.navigation-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.navigation-wordmark .wordmark-dot{background:var(--accent)}.navigation-close{min-height:48px;color:inherit;background:0 0;border:0;align-items:center;gap:18px;padding:0 0 0 12px;font-size:13px;display:flex}.navigation-close>span{border:1px solid #f5f5f345;border-radius:50%;width:48px;height:48px;transition:color .24s,background .24s,transform .35s;display:block;position:relative}.navigation-close i{background:currentColor;width:18px;height:2px;position:absolute;top:22px;left:14px;transform:rotate(45deg)}.navigation-close i:last-child{transform:rotate(-45deg)}.navigation-close:hover>span{color:var(--ink);background:var(--accent);transform:rotate(90deg)}.navigation-main{flex:1;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:5%;padding:clamp(35px,5.5vh,80px) 0;display:grid}.navigation-primary{flex-direction:column;align-items:stretch;gap:8px;display:flex}.navigation-link-mask{margin:-5px -6px;padding:5px 6px;overflow:hidden}.navigation-primary-link{letter-spacing:-.06em;justify-content:space-between;align-items:baseline;gap:15px;width:fit-content;max-width:100%;padding:4px 0 12px;font-size:clamp(46px,6.2vw,102px);font-weight:450;line-height:1.12;transition:color .25s;display:flex;position:relative}.navigation-primary-link>span:first-child{transition:transform .4s cubic-bezier(.2,.75,.25,1);display:inline-block}.navigation-primary-link:hover,.navigation-primary-link[aria-current=page]{color:var(--accent)}.navigation-primary-link:hover>span:first-child{transform:translate(10px)}.navigation-link-arrow{opacity:0;flex-shrink:0;font-size:.62em;transition:transform .4s cubic-bezier(.2,.75,.25,1),opacity .3s;display:inline-block;transform:translate(-14px,14px)}:is(.navigation-primary-link:hover .navigation-link-arrow,.navigation-primary-link:focus-visible .navigation-link-arrow){opacity:1;transform:translate(10px)}.navigation-dialog[data-state=open] .navigation-primary-link{animation:.8s cubic-bezier(.16,1,.3,1) both navigation-link-in}.navigation-link-mask:first-child .navigation-primary-link{animation-delay:90ms}.navigation-link-mask:nth-child(2) .navigation-primary-link{animation-delay:.155s}.navigation-link-mask:nth-child(3) .navigation-primary-link{animation-delay:.22s}.navigation-link-mask:nth-child(4) .navigation-primary-link{animation-delay:.285s}.navigation-dialog[data-state=closing] .navigation-primary{animation:.33s both navigation-links-out}.navigation-aside{justify-self:end;width:100%;max-width:420px}.navigation-art{perspective:850px;width:min(100%,360px);height:clamp(180px,21vw,300px);margin:-20px auto 34px;position:relative}.navigation-art-ring{aspect-ratio:1;border:1px solid #a994ed70;border-radius:50%;width:83%;position:absolute;top:2%;left:8.5%;transform:rotateX(58deg)rotateY(-19deg)rotate(-22deg)}.navigation-emblem{aspect-ratio:1;width:65%;transform-style:preserve-3d;position:absolute;top:4%;left:18%;transform:rotateX(48deg)rotateY(-15deg)rotate(-28deg)}.navigation-emblem-layer{transform-style:preserve-3d;display:block;position:absolute;inset:0}.navigation-emblem-layer svg{width:100%;height:100%}.navigation-emblem-back{color:#5d488d;transform:translateZ(-30px)}.navigation-emblem-middle{color:#a994ed;transform:translateZ(0)}.navigation-emblem-front{color:#c6f36b;transform:translateZ(30px)}.navigation-art-dot{background:var(--violet);border-radius:50%;width:14px;height:14px;position:absolute;top:61%;right:8%}.navigation-dialog[data-state=open] .navigation-art{animation:1s cubic-bezier(.16,1,.3,1) .12s both navigation-art-in}.navigation-dialog[data-state=open] .navigation-emblem{animation:8s ease-in-out 1.1s infinite alternate navigation-emblem-float}.navigation-project{color:var(--accent);letter-spacing:-.04em;border-top:1px solid #f5f5f335;border-bottom:1px solid #f5f5f335;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;font-size:clamp(20px,2.15vw,32px);line-height:1.2;display:flex}.navigation-project>span:last-child{font-size:34px;transition:transform .3s}.navigation-project:hover>span:last-child{transform:translate(4px,-4px)}.navigation-contact{color:#c9ccc4;flex-direction:column;gap:3px;padding-top:18px;font-size:15px;display:flex}.navigation-contact a{width:fit-content}.navigation-contact a:hover,.navigation-secondary a:hover{color:var(--accent)}.navigation-bottom{border-top:1px solid #f5f5f335;justify-content:space-between;align-items:center;gap:28px;padding-top:24px;display:flex}.navigation-secondary,.navigation-languages{flex-wrap:wrap;gap:10px 24px;font-size:13px;line-height:1.5;display:flex}.navigation-secondary{color:#c9ccc4}.navigation-languages{gap:8px 18px}.navigation-languages a{border-bottom:1px solid #0000;padding:5px 0}.navigation-languages a[aria-current=true],.navigation-languages a:hover{color:var(--accent);border-bottom-color:var(--accent)}.navigation-dialog[data-state=open] .navigation-project,.navigation-dialog[data-state=open] .navigation-contact,.navigation-dialog[data-state=open] .navigation-bottom{animation:.65s cubic-bezier(.16,1,.3,1) .33s both navigation-details-in}:is(.navigation-dialog a:focus-visible,.navigation-dialog button:focus-visible){outline:2px solid var(--accent);outline-offset:4px}@keyframes navigation-panel-in{0%{clip-path:inset(0 0 100% round 0 0 12vw 12vw)}to{clip-path:inset(0)}}@keyframes navigation-panel-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100% round 0 0 12vw 12vw)}}@keyframes navigation-link-in{0%{transform:translateY(115%)rotate(7deg)}to{transform:translateY(0)rotate(0)}}@keyframes navigation-links-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes navigation-art-in{0%{opacity:0;transform:translateY(70px)rotate(-20deg)scale(.65)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes navigation-emblem-float{0%{transform:rotateX(48deg)rotateY(-15deg)rotate(-28deg)translateY(0)}to{transform:rotateX(35deg)rotateY(10deg)rotate(-18deg)translateY(-9px)}}@keyframes navigation-details-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1260px){.motion-header .nav-contact{display:none}}@media (max-width:1050px){.motion-header .desktop-nav{display:none}.motion-header .nav-contact{display:flex}.navigation-main{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:4%}.navigation-primary-link{font-size:clamp(40px,6.6vw,70px)}.navigation-bottom{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:700px){.motion-header .nav-contact{display:none}.motion-header .nav-actions{gap:10px}.navigation-shell{padding:20px 6% 28px}.navigation-main{padding:32px 0 28px;display:block}.navigation-primary{gap:5px}.navigation-primary-link{padding:3px 0 8px;font-size:clamp(38px,9.5vw,66px)}.navigation-link-arrow{opacity:1;color:#a994ed;font-size:.52em;transform:none}.navigation-aside{max-width:none;padding-top:26px;position:relative}.navigation-art{display:none}.navigation-project{padding:15px 0;font-size:22px}.navigation-contact{flex-flow:wrap;gap:5px 24px;padding-top:15px;font-size:13px}.navigation-bottom{gap:16px;padding-top:22px}.navigation-secondary{gap:8px 19px;font-size:12px}.navigation-languages{gap:8px 20px;font-size:12px}}@media (max-width:420px){.site-header.motion-header{gap:12px;padding-left:5%;padding-right:5%}.motion-header .wordmark{font-size:21px}.motion-header .wordmark svg{width:20px;margin-right:5px}.motion-header .nav-actions{gap:7px}.motion-header .language-select select{width:65px;padding-left:0;padding-right:0}.motion-header .menu-toggle{width:44px;height:44px;padding:10px}.menu-toggle-label{display:none}.navigation-top{gap:10px}.navigation-top .wordmark{font-size:22px}.navigation-close{gap:10px;font-size:12px}.navigation-close>span{width:42px;height:42px}.navigation-close i{top:19px;left:11px}.navigation-primary-link{font-size:clamp(35px,10vw,42px)}.navigation-project{font-size:20px}}@media (max-height:680px) and (min-width:701px){.navigation-shell{padding-top:18px;padding-bottom:20px}.navigation-main{padding-top:24px;padding-bottom:24px}.navigation-primary-link{padding-bottom:6px;font-size:clamp(40px,7vh,70px)}.navigation-art{width:210px;height:165px;margin-bottom:20px}.navigation-project{padding:14px 0;font-size:22px}.navigation-bottom{padding-top:18px}}html[data-motion=off] .navigation-dialog,html[data-motion=off] .navigation-dialog *,html[data-motion=off] .motion-header .menu-toggle,html[data-motion=off] .motion-header .menu-toggle *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.navigation-dialog,.navigation-dialog *,.motion-header .menu-toggle,.motion-header .menu-toggle *{transition:none!important;animation:none!important}}
