:root{--primary-color:#0070f3;--secondary-color:#1c1c1e;--accent-color:#69a4a1;--base-color:#fff;--base-color-second:#eaf1f4;--base-color-third:#f8fafa;--base-color-dark:#667d8b;--font-size-base:16px;--font-size-s:14px;--font-size-xs:12px;--spacing-base:8px;--text-black:#1c1c1e;--text-gray:#b3bec2;--text-rightGray:#f2f2f2;--text-wh:#fff;--link-color:#0f83fd}.c-gnav__menu{text-align:center;gap:3.5rem;line-height:1;display:flex}.c-gnav__menuLink{flex-direction:column;justify-content:center;gap:.25rem;font-size:18px;display:flex}.c-gnav .-bookmark{width:130px;position:relative}.c-gnav .-bookmark .c-gnav__menuLink{background-image:url(../media/bookmark-bg.6b5767a0.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:130px;height:90px;transition:transform .2s ease-out;position:absolute;top:-32px}.c-gnav .-bookmark .c-gnav__menuLink:hover{transform:translateY(10px)}@media (max-width:1080px){.c-gnav{display:none}}.c-hamburger{cursor:pointer;z-index:999;background:0 0;border:none;flex-direction:column;gap:4px;display:none}.c-hamburger span{background-color:var(--text-black);width:25px;height:2px;transition:transform .3s,opacity .3s}.c-hamburger.is-open{position:fixed;top:1rem;right:1rem}.c-hamburger.is-open span:first-child{transform:translateY(5px)rotate(45deg)}.c-hamburger.is-open span:nth-child(2){opacity:0}.c-hamburger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:1080px){.c-hamburger{display:flex}}body:before{content:"";-webkit-backdrop-filter:blur()}html:has(.c-spnav.is-open){overflow:hidden}.c-spnav{background-color:var(--base-color);z-index:999;flex-direction:column;gap:4rem;width:calc(100% - 50px);max-width:500px;height:100%;padding:1.5rem;transition:all .2s ease-in-out;animation:.2s ease-in-out spmenuFade;display:flex;position:fixed;top:0;left:0;overflow:auto;transform:translate(-100%);box-shadow:5px 0 10px #00000026}.c-spnav.is-open{transform:translate(0)}.c-spnav__wrap{display:none}.c-spnav__wrap:has(.c-spnav.is-open){display:block}.c-spnav__wrap:has(.c-spnav.is-open):before{content:"";z-index:998;-webkit-backdrop-filter:blur(5px);width:100%;height:100%;transition:all .2s ease-in-out;animation:.4s ease-in-out spmenuWrapFade;position:fixed;top:0;left:0;overflow:hidden}.c-spnav__catList li>a{padding-left:1.5rem 1rem;border-bottom:1px dashed #ccc;margin-top:1rem;padding-bottom:.5rem;display:block;position:relative}.c-spnav__catList li>a:before{content:"🗂️ "}.c-spnav__title{margin-bottom:.5rem;font-size:1.25rem}.c-spnav__postWrap{flex-direction:column;gap:1.5rem;display:flex}.c-spnav__menuLink{border-bottom:1px dashed #ccc;align-items:center;gap:.5rem;margin-top:1rem;padding-bottom:.5rem;display:flex}@keyframes spmenuWrapFade{0%{-webkit-backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(5px)}}@keyframes spmenuFade{0%{transform:translate(-100%)}to{transform:translate(0)}}.c-categoryMenu__container{white-space:nowrap;gap:1rem;font-size:15px;display:flex;overflow:auto}.c-categoryMenu__wrap{border-top:3px solid var(--base-color-second);border-bottom:3px solid var(--base-color-second)}.c-categoryMenu__link{opacity:.8;padding:.75rem;font-size:13px;font-weight:600;display:inline-block;position:relative}.c-categoryMenu__link:before{content:"";z-index:-1;border-radius:5px;width:100%;height:80%;transition:all .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-categoryMenu__link:hover:before{background-color:#f2f2f2}@media (max-width:768px){.c-categoryMenu__container{gap:0}.c-categoryMenu__link{opacity:.8;font-size:13px;font-weight:600}.c-categoryMenu__link:hover{background-color:#0000}}
:root{--primary-color:#0070f3;--secondary-color:#1c1c1e;--accent-color:#69a4a1;--base-color:#fff;--base-color-second:#eaf1f4;--base-color-third:#f8fafa;--base-color-dark:#667d8b;--font-size-base:16px;--font-size-s:14px;--font-size-xs:12px;--spacing-base:8px;--text-black:#1c1c1e;--text-gray:#b3bec2;--text-rightGray:#f2f2f2;--text-wh:#fff;--link-color:#0f83fd}.c-header{justify-content:space-between;align-items:flex-start;max-width:96%;height:80px;margin:auto;padding:1rem 1rem 0;display:flex}.c-header__logo{max-width:180px;position:relative;top:-1rem}.c-header__logo svg{width:100%}.c-header__logo a{align-items:center;display:flex}@media (max-width:768px){.c-header{height:62px}.c-header__logo{max-width:160px;position:relative;top:-1.5rem}}@keyframes animate-svg-fill-1{0%{fill:#0000}to{fill:#000}}.svg-elem-1{animation:.7s cubic-bezier(.86,0,.07,1) both animate-svg-fill-1}@keyframes animate-svg-fill-2{0%{fill:#0000}to{fill:#000}}.svg-elem-2{animation:.7s cubic-bezier(.86,0,.07,1) .1s both animate-svg-fill-2}@keyframes animate-svg-fill-3{0%{fill:#0000}to{fill:#000}}.svg-elem-3{animation:.7s cubic-bezier(.86,0,.07,1) .2s both animate-svg-fill-3}@keyframes animate-svg-fill-4{0%{fill:#0000}to{fill:#000}}.svg-elem-4{animation:.7s cubic-bezier(.86,0,.07,1) .3s both animate-svg-fill-4}@keyframes animate-svg-fill-5{0%{fill:#0000}to{fill:#000}}.svg-elem-5{animation:.7s cubic-bezier(.86,0,.07,1) .4s both animate-svg-fill-5}@keyframes animate-svg-fill-6{0%{fill:#0000}to{fill:#000}}.svg-elem-6{animation:.7s cubic-bezier(.86,0,.07,1) .5s both animate-svg-fill-6}@keyframes animate-svg-fill-7{0%{fill:#0000}to{fill:#000}}.svg-elem-7{animation:.7s cubic-bezier(.86,0,.07,1) .6s both animate-svg-fill-7}@keyframes animate-svg-fill-8{0%{fill:#0000}to{fill:#000}}.svg-elem-8{animation:.7s cubic-bezier(.86,0,.07,1) .7s both animate-svg-fill-8}@keyframes animate-svg-fill-9{0%{fill:#0000}to{fill:#000}}.svg-elem-9{animation:.7s cubic-bezier(.86,0,.07,1) .8s both animate-svg-fill-9}