header{background:var(--bg);border-bottom:1px solid var(--grid-line-light);left:0;padding:1.375rem 0;position:fixed;top:0;transition:.5s ease;width:100%;z-index:250}header.moved{padding:1rem 0}header .logo-container{width:3.125rem}header .logo-container img{width:100%}header .container{align-items:center;display:flex;justify-content:space-between}header .container .side{align-items:center;display:flex;gap:2.5rem}header .container .side nav ul{align-items:center;display:flex;gap:1.5625rem;list-style:none}header .container .side nav ul li{font-size:var(--body)}header .container .side nav ul a{color:var(--font);text-decoration:none}header .container .side .border-line{background-color:var(--grid-line-light);height:1.5625rem;width:1px}header .container .side .burger-btn-container{display:flex;flex-direction:column;height:1rem;justify-content:space-between;width:2rem}header .container .side .burger-btn-container div{background-color:var(--font-half-transparent);display:block;height:1px;margin-left:auto;transition:.5s ease-in;width:100%}header .container .side .burger-btn-container.active div:nth-child(2),header .container .side .burger-btn-container.active:hover div:nth-child(2){width:0}header .container .side .burger-btn-container.active div:first-child{transform:rotate(45deg) translate(20%) translateY(0)}header .container .side .burger-btn-container.active:hover div:first-child{width:100%}header .container .side .burger-btn-container.active div:nth-child(3){transform:rotate(-45deg) translate(34%) translateY(-.25rem)}header .container .side .burger-btn-container:hover div:first-child{width:75%}header .container .side .burger-btn-container:hover div:nth-child(2){width:25%}header .container .side .nav-panel-container{position:relative}header .container .side .nav-panel{background:var(--font);color:var(--bg);padding:var(--golden-value) calc(var(--golden-value)/2);position:absolute;transform:translate(-100%) scale(0);transform-origin:top right;width:var(--width-col-1)}header .container .side .nav-panel img{opacity:0;width:1.75rem}header .container .side .nav-panel ul{list-style-type:none;margin-top:calc(var(--golden-value)/2)}header .container .side .nav-panel ul li{font-family:inter-mid;margin:calc(var(--golden-value)/2) 0;overflow:hidden}header .container .side .nav-panel ul a{color:var(--bg);text-decoration:none}header .container .side .nav-panel .wrapped{transform:translateY(100%)}@media (max-width:768px){header .container .side nav{display:none}header .container .side .nav-panel ul li{font-size:var(--fs-sm);margin:var(--golden-value) 0}}footer{background:var(--font);border-top:1px solid var(--grid-line-dark);color:var(--bg);padding:var(--golden-value) 0;position:relative}footer .container{flex-direction:column;height:100dvh}footer .container,footer .container .row-1{display:flex;justify-content:space-between}footer .container .row-1 h3{font-family:inter-bold;font-size:var(--fs-mid)}footer .container .row-1 h3.right{text-align:right}footer .container .row-1 .logo-mark{filter:brightness(5%);width:5.25rem}footer .container .row-1 .logo-mark img{vertical-align:middle;width:100%}footer .container .copyright p{margin:auto;text-align:center;width:var(--width-col-1)}footer .container .title .ltr:first-child{position:relative}footer .container .title img{filter:brightness(5%);width:100%}footer .container .title img.c{filter:brightness(100%)}@media (max-width:600px){footer .container{height:40dvh}footer .container .copyright p{width:var(--width-col-2)}footer .container .row-1 .logo-mark{width:2.5rem}footer .container .row-1 h3{font-size:var(--fs-sm)}}