@charset "UTF-8";.header{display:flex;flex-direction:row;gap:50px;align-items:center;margin:150px 0}.header__image{display:flex;flex:1;border:3px solid #ff9900;border-radius:50%;overflow:hidden;aspect-ratio:1/1}.header__image img{display:block;width:100%;object-fit:cover}.header__description{display:flex;flex-direction:column;flex:2;gap:20px}.header__description h1{font-size:clamp(2rem,8vw,5rem);text-align:center;color:#f90;font-weight:900}.header__description span{font-size:clamp(1.5rem,4vw,3rem);text-align:center}@media (max-width: 1025px){.header{flex-direction:column;margin-top:120px}.header__image{margin:50px}}@media (max-width: 769px){.header__image{width:100%;margin:0;flex:none}}.about{display:flex;flex-direction:column;align-items:center}.about h2{color:#f90}.about__info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:30px}.about__info__description{display:flex;flex-direction:column;flex:1}.about__info__description p{display:flex;flex-direction:column;gap:10px}.about__info__description p span{font-size:1.6rem}.about__info__photo{position:relative;flex:1;width:100%;border:4px solid #ff9900;border-radius:20px;overflow:hidden}.about__info__photo img{display:block;width:100%;height:100%;object-fit:cover}.about__info__photo:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f90;opacity:.5;transition:background-color .3s ease}.about__info__photo:hover:before{background-color:transparent}@media (max-width: 1025px){.about__info{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}}@media (max-width: 769px){.about__info{display:block}.about__info__photo{display:none}}.contacts{display:flex;flex-direction:column;align-items:center}.contacts__heading{color:#f90}.contacts__info{width:100%;display:flex;flex-direction:column;align-items:center}.contacts__info h3{color:#f90;font-size:1.3rem;text-align:center}.contacts__info span{font-size:2rem;text-align:center}.contacts__info a{display:block;padding:20px 30px;border:2px solid #ff9900;border-radius:10px;color:#f90;transition:color .3s ease,background-color .3s ease;font-weight:700;margin:50px 0}.contacts__info a:hover{color:#080808;background-color:#f90}.contacts__info ul{display:flex;flex-direction:row;gap:50px;margin-top:30px}.contacts__info ul a{margin:0;padding:0;border:none}.contacts__info ul a:hover{color:#f0f0f0;background-color:#080808}.projects{display:flex;flex-direction:column;align-items:center}.projects__heading{color:#f90}.projects__info{display:flex;flex-direction:column;width:100%;align-items:center;gap:30px}.projects__info h3{font-weight:400}.projects ul{width:100%;display:flex;flex-direction:column;gap:50px;align-items:center}.projects ul li{display:flex;position:relative;flex-direction:column;width:calc(100% - 400px);aspect-ratio:16/9;border:4px solid #ff9900;background-color:#f90;border-radius:20px;overflow:hidden}.projects ul li .image_container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.projects ul li .image_container img{width:100%;height:100%;object-fit:cover}.projects ul li .image_container .shadow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#08080833;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;transition:opacity .3s ease}.projects ul li .info{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:50px;z-index:2;opacity:0;transition:opacity .3s ease}.projects ul li .info p{padding:20px 0}.projects ul li .info__links{display:flex;flex-direction:row;justify-content:space-between}.projects ul li .info__links a{border:2px solid #F0F0F0;padding:10px;color:#f0f0f0;transition:background-color .3s ease,color .3s ease;border-radius:10px}.projects ul li .info__links a:hover{color:#080808;background-color:#f0f0f0}.projects ul li:hover .shadow,.projects ul li:hover .info{opacity:1}@media (max-width: 1441px){.projects ul li{width:100%}}@media (max-width: 769px){.projects ul li{aspect-ratio:auto}.projects ul li .image_container{display:none}.projects ul li .info{padding:10px;opacity:1}.projects ul li .info h4,.projects ul li .info p,.projects ul li .info a{color:#080808}.projects ul li .info a{border:2px solid #080808}.projects ul li .info a:hover{color:#f90;background-color:#080808}}.stack{display:flex;flex-direction:column;align-items:center}.stack__heading{color:#f90}.stack__info{width:100%;display:flex;flex-direction:column;gap:50px;align-items:center}.stack__info h3{font-weight:400}.stack__info__list{display:flex;flex-direction:column;align-items:center}.stack__info__list li{display:flex;position:relative;flex-direction:column;align-items:center;gap:2px}.stack__info__list li .decorative-element{width:13px;aspect-ratio:1/1;border:2px solid #ff9900;border-radius:50%;position:relative;margin:103px 0}.stack__info__list li .decorative-element:after,.stack__info__list li .decorative-element:before{position:absolute;content:"";display:block;width:1px;height:100px;background-color:#f90;right:50%}.stack__info__list li .decorative-element:after{bottom:14px}.stack__info__list li .decorative-element:before{top:14px}.stack__info__list li .container{position:absolute;display:flex;flex-direction:column;gap:10px;top:calc(50% - 71px)}.stack__info__list li .container span{max-width:100px;text-align:center}.stack__info__list li .right{right:100px}.stack__info__list li .left{left:100px}@media (max-width: 769px){.stack__info__list{gap:30px}.stack__info__list li .container{position:relative}}.main{display:flex;flex-direction:column;width:100%;gap:150px}.footer{display:flex;align-items:center;justify-content:center;padding:50px 0;width:100%}.footer a{transition:color .3s ease;text-align:center}.footer a:hover{color:#f90}.top_navi{width:100%;position:fixed;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 50px;border-bottom:1px solid #ff9900;z-index:1000;transition:transform .3s ease,opacity .3s ease}.top_navi--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.top_navi a{color:#f90;transition:color .3s ease;font-weight:700}.top_navi a:hover{color:#f0f0f0}.top_navi__tabs{display:flex;flex-direction:row;gap:30px;align-items:center}.top_navi__tabs a{display:block;color:#f0f0f0;transition:color .3s ease}.top_navi__tabs a:hover{color:#f90}.top_navi__tabs :last-child{border:1px solid #ff9900;border-radius:10px;padding:10px;color:#f90;transition:color .3s ease,background-color .3s ease}.top_navi__tabs :last-child:hover{color:var(--color-main);background-color:#f90}.top_navi:before{content:"";position:absolute;background-color:#000c;z-index:-1;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 769px){.top_navi{padding:20px}.top_navi__tabs{display:flex;flex-direction:column}}.top_navi__mobile button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:50px;height:50px;padding:10px;border:2px solid #ff9900;background-color:transparent;border-radius:10px;transition:background-color .3s ease}.top_navi__mobile button:hover{background-color:#f90}.top_navi__mobile button .line{width:100%;height:2px;background-color:#f0f0f0;transition:background-color .3s ease}.top_navi__mobile button.active{background-color:#f90}.top_navi__mobile button.active .line,.top_navi__mobile button:hover .line{background-color:#080808}.top_navi__mobile__modal{position:absolute;top:120px;right:10px;padding:20px;gap:10px;border:2px solid #ff9900;border-radius:10px;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.46,.27,.48,1.56)}.top_navi__mobile__modal--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(50px)}div .cursor{position:fixed;width:8px;height:8px;background:#f0f0f0;border-radius:50%;z-index:9999;pointer-events:none;transition:background .3s ease}div .cursor-active{background:#00be00}div .cursor__shadow{position:fixed;width:24px;height:24px;border:1px solid #F0F0F0;border-radius:50%;z-index:9998;pointer-events:none}@font-face{font-family:Tech-Mono-Regular;src:url(/assets/ShareTechMonoRegular-BYtR0bk5.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{color:#f0f0f0;font-size:2.5rem}a{color:#f0f0f0}span,p{color:#f0f0f0;font-size:1.2rem}*{box-sizing:border-box;text-decoration:none;list-style-type:none;margin:0;padding:0;font-family:sans-serif;cursor:none}html{scroll-behavior:smooth;font-size:16px}body{background-color:#080808}header,main,footer{padding:0 150px}#root{display:flex;flex-direction:column}section{gap:50px}@media (max-width: 769px){html{font-size:10px}header,main,footer{padding:0 20px}a{font-size:1.5rem}}