nav{display:flex;gap:0;justify-content:right;align-items:center;flex-direction:row;position:relative;font-size:clamp(1rem, 3vw, 1.2rem)}nav .main-menu-bar{width:60%;height:clamp(4rem, 8vw, 5rem);max-height:15dvh;position:sticky;top:2dvh;z-index:10}nav .main-menu-bar .main-menu-fadeout{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#434343;mask-image:linear-gradient(300deg, #000 0%, #000 70%, rgba(0,0,0,0) 90%),linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 5%),linear-gradient(to top, rgba(0,0,0,0) 0, #000 5%);mask-composite:intersect;mask-repeat:no-repeat;mask-size:cover;-webkit-mask-image:linear-gradient(300deg, #000 0%, #000 70%, rgba(0,0,0,0) 90%),linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 5%),linear-gradient(to top, rgba(0,0,0,0) 0, #000 5%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;z-index:11}nav .main-menu-bar .bar-content{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:2rem;height:100%;width:100%}nav .main-menu-bar .bar-content .breadcrump{display:block;flex-grow:1;max-width:calc(60% - 5rem);z-index:12;color:#ffffff;font-size:clamp(1rem, 5dvwm 1.2rem);text-align:center}nav .main-menu-bar .bar-content .breadcrump.aboutme{color:#c7dfff}nav .main-menu-bar .bar-content .breadcrump.aboutme .link:hover{color:#8abaf7}nav .main-menu-bar .bar-content .breadcrump.charity{color:#f9c46a}nav .main-menu-bar .bar-content .breadcrump.charity .link:hover{color:#e09700}nav .main-menu-bar .bar-content .breadcrump.portfolio{color:#b3ea6a}nav .main-menu-bar .bar-content .breadcrump.portfolio .link:hover{color:#68c300}nav .main-menu-bar .bar-content .breadcrump.contact{color:#d0b3e6}nav .main-menu-bar .bar-content .breadcrump.contact .link:hover{color:#b788e1}nav .main-menu-bar .bar-content .breadcrump .crump{white-space:nowrap;display:inline-block}nav .main-menu-bar .bar-content .breadcrump .crump .link:hover{text-decoration:underline}nav .main-menu-bar .bar-content .breadcrump .crump .separator{margin-inline:.5rem}nav .hamburger-menu{--section-color:#f8fafc;display:grid;grid-template-columns:0fr 27px;align-items:center;column-gap:0;padding-block:.5rem;padding-inline:1rem;margin-inline-end:1rem;border-radius:.5rem;z-index:12;cursor:pointer;transition:grid-template-columns 400ms cubic-bezier(.22, 1, .36, 1),column-gap 400ms cubic-bezier(.22, 1, .36, 1),background-color 300ms ease}nav .hamburger-menu:hover{background-color:rgba(255,255,255,0.1)}nav .hamburger-menu:hover .text{opacity:1;transform:translateX(0) scale(1);transition-delay:100ms;color:var(--section-color)}nav .hamburger-menu:hover .hamburger-lines::before,nav .hamburger-menu:hover .hamburger-lines span,nav .hamburger-menu:hover .hamburger-lines::after{background:var(--section-color)}nav .hamburger-menu:hover .hamburger-lines::before{top:50%;transform:translateY(-50%) rotate(45deg)}nav .hamburger-menu:hover .hamburger-lines span{opacity:0;transform:scaleX(0)}nav .hamburger-menu:hover .hamburger-lines::after{top:50%;transform:translateY(-50%) rotate(-45deg)}nav .hamburger-menu:focus-visible{outline:3px solid #76d7c4;outline-offset:5px}nav .hamburger-menu .text{min-width:0;width:fit-content;overflow:hidden;white-space:nowrap;color:#f8fafc;font-size:2rem;line-height:1;font-family:"Audiowide","Segoe UI","Arial Black","Impact",sans-serif;opacity:0;margin-inline-end:.5rem;transform:translateX(.75rem) scale(.9399999999999999);pointer-events:none;transition:opacity 180ms ease,color 300ms ease,transform 400ms cubic-bezier(.22, 1, .36, 1)}nav .hamburger-menu .hamburger-lines{position:relative;width:2rem;height:100%;min-height:1.5rem;flex-shrink:0}nav .hamburger-menu .hamburger-lines::before,nav .hamburger-menu .hamburger-lines::after,nav .hamburger-menu .hamburger-lines span{position:absolute;left:0;display:block;width:100%;height:.3rem;border-radius:999px;background:#f8fafc;transition:background 300ms ease,
                    top 300ms ease,
                    bottom 300ms ease,
                    transform 300ms ease,
                    opacity 200ms ease}nav .hamburger-menu .hamburger-lines::before,nav .hamburger-menu .hamburger-lines::after{content:""}nav .hamburger-menu .hamburger-lines::before{top:0}nav .hamburger-menu .hamburger-lines span{top:50%;transform:translateY(-50%)}nav .hamburger-menu .hamburger-lines::after{bottom:0}nav .hamburger-menu.aboutme{--section-color:#A8CBF5}nav .hamburger-menu.charity{--section-color:#F3D4A3}nav .hamburger-menu.portfolio{--section-color:#A9D7B8}nav .hamburger-menu.contact{--section-color:#D1BDFC}nav .menu-toggle,nav .submenu-toggle{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}nav .menu-toggle:checked+.hamburger-menu{grid-template-columns:1fr 27px;column-gap:.8rem;border-radius:1.5rem}nav .menu-toggle:checked+.hamburger-menu .text{opacity:1;transform:translateX(0) scale(1);filter:blur(0);transition-delay:100ms}nav .menu-toggle:checked+.hamburger-menu .hamburger-lines::before{top:50%;transform:translateY(-50%) rotate(45deg)}nav .menu-toggle:checked+.hamburger-menu .hamburger-lines span{opacity:0;transform:translateY(-50%) scaleX(0)}nav .menu-toggle:checked+.hamburger-menu .hamburger-lines::after{top:50%;bottom:auto;transform:translateY(-50%) rotate(-45deg)}nav #nav-menu-popup{position:fixed;z-index:2000;inset:0;display:block;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 75% 10%, rgba(118,215,196,0.15), transparent 30%),radial-gradient(circle at 15% 85%, rgba(87,113,198,0.16), transparent 35%),rgba(11,18,32,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:opacity 400ms ease,
            visibility 400ms ease}nav #nav-menu-popup::before,nav #nav-menu-popup::after{position:absolute;content:"";border-radius:50%;filter:blur(2px);pointer-events:none}nav #nav-menu-popup::before{top:18%;left:12%;width:260px;height:260px;border:1px solid rgba(255,255,255,0.06)}nav #nav-menu-popup::after{right:10%;bottom:10%;width:420px;height:420px;border:1px solid rgba(118,215,196,0.08)}nav #nav-menu-popup .menu-close-area{position:absolute;inset:0;display:block;cursor:default}nav #nav-menu-popup .main-navigation{display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;width:min(1180px, 100%);min-height:100%;height:100%;margin-inline:auto;padding:clamp(72px, 14dvh, 140px) 32px 56px}nav #nav-menu-popup .main-navigation:has(.submenu-toggle:checked){padding-bottom:520px}nav #nav-menu-popup .main-navigation ul.main-menu{display:flex;align-items:stretch;justify-content:center;gap:1rem;width:100%;margin:0;padding:0;list-style:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item{--section-color:#76d7c4;--section-color-soft:rgba(118,215,196,0.18);position:relative;flex:1 1 0;min-width:0;max-width:260px;opacity:0;transform:translate(calc(50vw - 140px), calc(-50vh + 110px)) scale(.15) rotate(9deg);transform-origin:top right;transition:opacity 300ms ease,transform 650ms cubic-bezier(.16, 1, .3, 1);transition-delay:calc(var(--transition-delay-index) * 45ms)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:focus-within{z-index:2010}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item.aboutme{--section-color:#4A90E2;--section-color-soft:rgba(74,144,226,0.18)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item.charity{--section-color:#D98E1B;--section-color-soft:rgba(217,142,27,0.18)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item.portfolio{--section-color:#2E8B57;--section-color-soft:rgba(46,139,87,0.18)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item.contact{--section-color:#8B5CF6;--section-color-soft:rgba(139,92,246,0.18)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control{position:relative;z-index:2002;display:flex;flex-direction:column;align-items:flex-start;min-height:225px;height:100%;padding:1.5rem;cursor:pointer;border:1px solid rgba(255,255,255,0.14);border-radius:2rem;background:linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.045));box-shadow:0 25px 70px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform 280ms cubic-bezier(.16, 1, .3, 1),border-color 280ms ease,background-color 280ms ease,box-shadow 280ms ease}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:2rem;padding:.5rem;color:var(--section-color);border:2px solid var(--section-color);border-radius:1rem;background:var(--section-color-soft);transition:transform 300ms cubic-bezier(.16, 1, .3, 1),border-radius 300ms ease}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon svg{width:2rem;height:2rem;fill:var(--section-color);stroke:var(--section-color)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon svg path{fill:var(--section-color)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-title{display:block;margin-bottom:8px;font-size:1.08rem;font-weight:750;line-height:1.2;letter-spacing:-0.02em;color:#aeb9c9}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-description{display:-webkit-box;overflow:hidden;color:#aeb9c9;font-size:.86rem;line-height:1.5;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-arrow{position:absolute;top:25px;right:24px;width:2rem;height:2rem;color:#aeb9c9;transition:color 250ms ease,transform 300ms cubic-bezier(.16, 1, .3, 1)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control:hover .main-menu-icon,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked+.main-menu-control .main-menu-icon{transform:rotate(-6deg) scale(1.08);border-radius:50%}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked+.main-menu-control .main-menu-arrow{color:#76d7c4;transform:rotate(180deg)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu{position:absolute;z-index:20;top:calc(100% + 34px);left:50%;display:flex;flex-direction:column;gap:1rem;width:min(390px, calc(100vw - 40px));max-height:calc(100dvh - clamp(72px, 14dvh, 140px) - 225px - 34px - 24px);box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;padding:18px 32px 34px 38px;visibility:hidden;opacity:0;pointer-events:none;list-style:none;transform:translate(-50%, -30px);transition:opacity 220ms ease,visibility 220ms ease,transform 420ms cubic-bezier(.16, 1, .3, 1)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::before{position:absolute;top:0;bottom:0;left:13px;width:2px;content:"";border-radius:999px;background:linear-gradient(to bottom, #76d7c4, rgba(118,215,196,0.08));transform:scaleY(0);transform-origin:top;transition:transform 500ms cubic-bezier(.16, 1, .3, 1) 80ms}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::after{position:absolute;right:0;bottom:100%;left:0;height:40px;content:"";background:transparent}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item{position:relative;opacity:0;transform:translate(calc(50vw - 110px), calc(-50vh + 100px)) scale(.3);transition:opacity 250ms ease,transform 480ms cubic-bezier(.16, 1, .3, 1);transition-delay:calc(var(--subitem-transition-delay-index) * 55ms)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item::before{position:absolute;top:50%;left:-31px;box-sizing:border-box;width:12px;height:12px;content:"";border:3px solid #13272a;border-radius:50%;background:#76d7c4;box-shadow:0 0 0 3px rgba(118,215,196,0.18);transform:translateY(-50%)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link{display:grid;grid-template-columns:45px minmax(0, 1fr);gap:14px;align-items:start;min-height:86px;padding:15px 18px 15px 14px;color:#f8fafc;text-decoration:none;touch-action:pan-y;border:1px solid rgba(255,255,255,0.14);border-radius:20px;background:linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.045));box-shadow:0 18px 40px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform 250ms cubic-bezier(.16, 1, .3, 1),border-color 250ms ease,background-color 250ms ease}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:focus-visible,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link.submenu-link-is-active{transform:translateX(8px);border-color:rgba(118,215,196,0.58);background-color:rgba(255,255,255,0.14);outline:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-top:2px;color:var(--section-color);border-radius:14px;background:var(--section-color-soft)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-icon svg{width:1.5rem;height:1.5rem;fill:var(--section-color);stroke:var(--section-color)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-icon svg path{fill:var(--section-color)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-content{min-width:0}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-title{display:block;margin-bottom:4px;font-size:.93rem;font-weight:700;line-height:1.2}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link .submenu-description{display:-webkit-box;overflow:hidden;color:#aeb9c9;font-size:.78rem;line-height:1.45;-webkit-box-orient:vertical;line-clamp:5;-webkit-line-clamp:5}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~.submenu,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:hover .submenu,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:focus-within .submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%, 0)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~.submenu .submenu-item,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:hover .submenu .submenu-item,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:focus-within .submenu .submenu-item{opacity:1;transform:translate(0, 0) scale(1)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~.submenu::before,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:hover .submenu::before,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-item:focus-within .submenu::before{transform:scaleY(1)}nav #nav-menu-popup .os-scrollbar{--os-size:.7rem}nav #nav-menu-popup .os-scrollbar.os-scrollbar-unusable,nav #nav-menu-popup .os-scrollbar.os-scrollbar-horizontal{display:none}nav #nav-menu-popup .os-scrollbar .os-scrollbar-handle{background:var(--section-color, #8d8d8d)}nav #nav-menu-popup .os-scrollbar .os-scrollbar-track{background:var(--section-color-soft, rgba(255,255,255,0.1))}nav #main-menu-toggle:checked~#nav-menu-popup{visibility:visible;opacity:1;pointer-events:auto}nav #main-menu-toggle:checked~#nav-menu-popup .main-menu-item{opacity:1;transform:translate(0, 0) scale(1) rotate(0)}@media (max-width:1120px){nav #nav-menu-popup{height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:none}nav #nav-menu-popup .menu-close-area{position:sticky;z-index:1;top:0;display:block;width:100%;height:100dvh;margin-bottom:-100dvh}nav #nav-menu-popup .main-navigation{position:relative;z-index:2;display:block;width:calc(100% - 2rem);margin:1rem;min-height:0;height:auto;padding:clamp(72px, 10dvh, 110px) 24px 40px;pointer-events:none}nav #nav-menu-popup .main-navigation:has(.submenu-toggle:checked){padding-bottom:40px}nav #nav-menu-popup .main-navigation ul.main-menu{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));align-items:start;align-content:start;justify-content:center;gap:1rem;width:min(1120px, 100%);min-height:0;margin:0 auto;pointer-events:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item{width:100%;min-width:0;max-width:none;align-self:start}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:focus-within{z-index:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control{min-height:190px;height:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon{margin-bottom:18px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu{position:relative;z-index:auto;display:flex;--submenu-timeline-x:13px;--submenu-padding-left:38px;--submenu-dot-size:12px;width:auto;max-height:0;margin:0 8px;padding:0 28px 0 var(--submenu-padding-left);overflow:hidden;overscroll-behavior:auto;scrollbar-gutter:auto;visibility:hidden;opacity:0;pointer-events:none;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:max-height 480ms cubic-bezier(.16, 1, .3, 1),padding 300ms ease,margin 300ms ease,opacity 220ms ease,visibility 220ms ease}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::before{top:18px;bottom:18px;left:var(--submenu-timeline-x)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::after{display:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item{opacity:0;transform:translateY(-10px) scale(.98)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item::before{box-sizing:border-box;left:calc(var(--submenu-timeline-x) - var(--submenu-padding-left) - (var(--submenu-dot-size) / 2));width:var(--submenu-dot-size);height:var(--submenu-dot-size)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link{grid-template-columns:48px minmax(0, 1fr);column-gap:14px;width:100%;min-width:0;min-height:86px;touch-action:pan-y}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:focus-visible{transform:translateX(6px)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:hover ul.submenu,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:focus-within ul.submenu{visibility:hidden;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu{visibility:visible;max-height:3000px;margin-top:10px;margin-bottom:8px;padding-top:10px;padding-bottom:30px;overflow:visible;opacity:1;pointer-events:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu::before{transform:scaleY(1)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu .submenu-item{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){html:has(#main-menu-toggle:checked),body:has(#main-menu-toggle:checked){height:100%;overflow:hidden;overscroll-behavior:none}nav .main-menu-bar{width:100%}nav .main-menu-bar .main-menu-fadeout{mask-image:none;-webkit-mask-image:none}nav .main-menu-bar .bar-content{justify-content:space-between;padding-inline-start:1rem}nav .main-menu-bar .bar-content .breadcrump{text-align:start}nav .hamburger-menu{margin-inline-end:1rem;padding-inline:.5rem}nav #nav-menu-popup{height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}nav #nav-menu-popup .main-navigation{display:block;width:100%;min-height:0;height:auto;padding:76px 14px 24px}nav #nav-menu-popup .main-navigation:has(.submenu-toggle:checked){padding-bottom:24px}nav #nav-menu-popup .main-navigation ul.main-menu{display:grid;grid-template-columns:minmax(0, 1fr);align-content:start;gap:12px;width:min(560px, 100%);min-height:0;margin:0 auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item{width:100%;min-width:0;max-width:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:focus-within{z-index:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control{display:grid;grid-template-columns:52px minmax(0, 1fr) 20px;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;min-height:0;height:auto;padding:14px 16px;text-align:left;border-radius:22px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon{grid-column:1;grid-row:1 / 3;width:52px;height:52px;margin:0}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-title{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:1rem}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-description{grid-column:2;grid-row:2;align-self:start;font-size:.75rem;line-clamp:2;-webkit-line-clamp:2}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-arrow{position:static;grid-column:3;grid-row:1 / 3;width:18px;height:18px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu{position:relative;z-index:auto;width:auto;--submenu-timeline-x:13px;--submenu-padding-left:38px;--submenu-dot-size:12px;max-height:0;margin:0 4px;padding:0 26px 0 var(--submenu-padding-left);overflow:hidden;overscroll-behavior:auto;scrollbar-gutter:auto;visibility:hidden;opacity:0;pointer-events:none;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:max-height 480ms cubic-bezier(.16, 1, .3, 1),padding 300ms ease,margin 300ms ease,opacity 220ms ease,visibility 220ms ease}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::before{top:16px;bottom:16px;left:var(--submenu-timeline-x)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu::after{display:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item{opacity:0;transform:translateY(-10px) scale(.98)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item::before{box-sizing:border-box;left:calc(var(--submenu-timeline-x) - var(--submenu-padding-left) - (var(--submenu-dot-size) / 2));width:var(--submenu-dot-size);height:var(--submenu-dot-size)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link{grid-template-columns:42px minmax(0, 1fr);width:100%;min-width:0;min-height:78px;touch-action:pan-y}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:hover,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu li.submenu-item .submenu-link:focus-visible{transform:translateX(4px)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:hover ul.submenu,nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item:focus-within ul.submenu{visibility:hidden;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu{visibility:visible;max-height:3000px;margin-top:10px;margin-bottom:6px;padding-top:10px;padding-bottom:28px;overflow:visible;opacity:1;pointer-events:auto}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu::before{transform:scaleY(1)}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .submenu-toggle:checked~ul.submenu .submenu-item{opacity:1;transform:translateY(0) scale(1)}nav #nav-menu-popup .main-navigation .main-menu-control:hover,nav #nav-menu-popup .main-navigation .submenu-toggle:focus-visible+.main-menu-control,nav #nav-menu-popup .main-navigation .submenu-toggle:checked+.main-menu-control{transform:translateY(-3px)}}body:has(#main-menu-toggle:checked){overflow:hidden;height:100%}@media (max-width:700px){nav #nav-menu-popup .main-navigation ul.main-menu{grid-template-columns:minmax(0, 1fr)}}@media (max-width:430px){nav #nav-menu-popup .main-navigation{padding-inline:10px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control{grid-template-columns:44px minmax(0, 1fr) 18px;column-gap:10px;padding-inline:12px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-icon{width:44px;height:44px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control .main-menu-description{font-size:.7rem}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item ul.submenu{--submenu-timeline-x:11px;--submenu-padding-left:34px;margin-inline:2px;padding-right:22px;padding-left:var(--submenu-padding-left)}}@media (max-height:720px) and (min-width:769px){nav #nav-menu-popup .main-navigation{padding-top:56px}}@media (max-height:520px) and (min-width:769px){nav #nav-menu-popup .main-navigation{padding-top:36px}nav #nav-menu-popup .main-navigation ul.main-menu li.main-menu-item .main-menu-control{min-height:160px;padding-block:1rem}}