.header{box-sizing:border-box;z-index:4005;width:100%;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (min-width:680px){.header:after{content:"";z-index:4000;pointer-events:none;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}}@media (max-width:679px){.header:after{content:"";z-index:4001;pointer-events:none;background:linear-gradient(#000 0%,#0000 100%);position:absolute;inset:0}}.header__container{z-index:4010;justify-content:space-between;align-items:center;display:flex;position:relative}.header__logo{align-items:center;gap:16px;text-decoration:none;display:flex}.header__logo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.header__logo-text{font-family:var(--font-inknut-antiqua);color:#fff;font-size:28px;line-height:28px}.header__logo-text_highlighted{color:var(--clr-primary)}@media (max-width:639px){.header__logo-text{display:none}}.header__socials{gap:5px;display:flex}
.social-link{box-sizing:border-box;background-color:var(--clr-white-5);border:1px solid var(--clr-white-5);border-radius:100px;width:50px;height:50px;transition:background-color .3s;display:flex}.social-link:hover{background-color:var(--clr-white-10)}.social-link:active{background-color:var(--clr-white-5)}.social-link img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:auto}
.project-card{box-sizing:border-box;cursor:pointer;flex-direction:column;gap:20px;padding:20px;transition:background-color .3s;display:flex}.project-card:hover{background-color:var(--clr-white-3)}.project-card:active{background-color:var(--clr-white-5)}.project-card__preview{aspect-ratio:610/457;background-color:var(--clr-white-10);border-radius:20px;width:100%;max-height:457px;position:relative;overflow:hidden}.project-card__preview img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:cover}.project-card__info{grid-template-columns:1fr auto;gap:20px;display:grid}@media (max-width:460px){.project-card__info{grid-template-columns:1fr}}.project-card__info-main{flex-direction:column;gap:10px;display:flex}@media (max-width:700px){.project-card__info-main{gap:6px}}.project-card__info-links{gap:5px;height:min-content;margin-left:auto;display:flex}.project-card__info-link{box-sizing:border-box;background-color:var(--clr-white-3);border-radius:10px;width:53px;height:53px;transition:background-color .3s;display:flex}.project-card__info-link:hover{background-color:var(--clr-white-5)}.project-card__info-link:active{background-color:var(--clr-white-3)}.project-card__info-link img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:auto}.project-card__info-main-title{font-family:var(--font-ubuntu);color:#fff;margin:0;font-size:32px;font-weight:400;line-height:100%}@media (max-width:700px){.project-card__info-main-title{font-size:26px}}.project-card__info-main-description{font-family:var(--font-ubuntu);color:var(--clr-white-50);font-size:20px;font-weight:400;line-height:120%}.project-card__info-main-categories{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.project-card__info-main-categories li{font-family:var(--font-ubuntu);color:var(--clr-white-80);font-size:16px;font-weight:400;line-height:120%;list-style:inside}@media (max-width:700px){.project-card__info-main-categories li{font-size:14px}}.project-card__info-main-categories li::marker{content:"·  ";white-space:pre;color:#fff}.project-card__info-main-categories li:first-child::marker{content:""}