:root{--font-famaly-default:"Inter";--font-famaly-title:"SFPro";--font-famaly-footer:"Poppins";--h3-size:20px;--text-size:16px;--button-text-size:14px;--grid-gap-horizontal:10px;--grid-gap-vertical:10px;--section-offset-vertical:30px;--section-offset-horizontal:40px;--button-padding:12px 24px;--button-border-radius:12px;--grid-border--radius:16px;--grid-line-heigth:290px;--grid-line-heigth-type-2:340px;--grid-line-heigth-type-3:var(--grid-line-heigth-type-2);--grid-line-heigth-portain:392px;--grid-line-heigth-portain-2:400px;--grid-line-heigth-portain-3:var(--grid-line-heigth-portain-2)}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--text-primary-color);text-decoration:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(../fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:SFPro;font-style:normal;font-weight:600;src:url(../fonts/SFProDisplay-Semibold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../fonts/Poppins-Regular.woff2) format("woff2")}body{background-color:var(--background-color);color:var(--text-primary-color);font-family:var(--font-famaly-default),sans-serif;font-weight:400;margin:auto;min-height:100vh}.content{margin:auto;max-width:1570px}header{align-items:center;display:flex;justify-content:space-between;padding:var(--section-offset-vertical) 0}.logo{height:var(--logo-height);-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;position:relative;width:var(--logo-width)}.logo .logo-image{height:100%;width:100%}main{display:flex;flex-direction:column;gap:var(--section-offset-vertical)}h3{color:var(--title-color);font-family:var(--font-famaly-title);font-size:var(--h3-size)}section{display:flex;flex-direction:column;gap:var(--section-offset-vertical)}footer{align-items:center;border-top:1px solid var(--footer-line);color:var(--text-secondary-color);display:flex;font-family:var(--font-famaly-footer);font-size:var(--text-size);justify-content:center;letter-spacing:1px;margin-top:calc(var(--section-offset-vertical)*2);padding:var(--section-offset-vertical);text-align:center}footer .footer-content{margin-top:10px}.color--light_gray{color:var(--color-light-gray)}.button{background-color:var(--button-color);border-radius:var(--button-border-radius);color:var(--button-text-color);font-size:var(--button-text-size);padding:var(--button-padding)}.button:hover{background-color:var(--button-hover-color)}.section-content{-moz-column-gap:var(--grid-gap-vertical);column-gap:var(--grid-gap-vertical);display:grid;grid-auto-rows:var(--grid-line-heigth);grid-template-columns:repeat(3,1fr);row-gap:var(--grid-gap-horizontal)}.first-big .section-element:first-child{grid-column:span 2;grid-row:span 2;height:100%}.section-element{display:flex;overflow:hidden;position:relative}.section-element:focus .preview-container:before,.section-element:hover .preview-container:before{background-image:linear-gradient(0deg,#0000004d 0,#0000);content:"";height:100%;position:absolute;width:100%}.preview-container{border-radius:var(--grid-border--radius);height:100%;overflow:hidden;position:relative;width:100%}.preview-container .preview{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.section-element .description{font-size:var(--text-size);font-weight:500;transition:.3s}.section-content-type-1 .section-element .description{bottom:-100px;left:16px;position:absolute}.section-content-type-2 .section-element{border-radius:var(--grid-border--radius)}.section-content-type-1 .section-element:focus .preview-container:before,.section-content-type-1 .section-element:hover .preview-container:before{background-image:linear-gradient(0deg,#0000004d 0,#0000);content:"";height:100%;position:absolute;width:100%}.section-content-type-1 .section-element:focus .description,.section-content-type-1 .section-element:hover .description{bottom:20px;transition:.3s}.section-content-type-2 .section-element{background-color:var(--grid-item-description-color);display:flex;flex-direction:column}.section-content-type-3 .section-element{display:flex;flex-direction:column}.section-content-type-2 .section-element .description,.section-content-type-3 .section-element .description{padding:20px}.section-title__container{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.section-title{align-items:center;display:flex;gap:8px}.section-icon{height:24px;width:24px}.section-content-type-1{grid-auto-rows:var(--grid-line-heigth)}.section-content-type-2{grid-auto-rows:var(--grid-line-heigth-type-2)}.section-content-type-3{grid-auto-rows:var(--grid-line-heigth-type-3)}.section-content-type-1 .portrait{grid-auto-rows:var(--grid-line-heigth-portain)}.section-content-type-2 .portrait{grid-auto-rows:var(--grid-line-heigth-portain-type-2)}.section-content-type-3 .portrait{grid-auto-rows:var(--grid-line-heigth-portain-type-3)}.portrait{grid-auto-rows:var(--grid-line-heigth-portain);grid-template-columns:repeat(5,1fr)}@media (max-width:1680px){.content{padding:0 var(--section-offset-horizontal)}}@media (max-width:1000px){:root{--section-offset-horizontal:20px;--grid-gap-horizontal:16px;--grid-gap-vertical:24px;--button-border-radius:8px}.section-content{display:flex;flex-direction:column;gap:24px}.section-element{aspect-ratio:1.7/1;flex-direction:column;gap:10px;height:100%;justify-content:flex-start}.section-element .description{bottom:auto;left:auto;position:relative}.section-element:focus .description,.section-element:hover .description{bottom:auto;transition:0s}.first-big .section-element:first-child{grid-column:1;grid-row:1}.mobile-slide{display:flex;flex-direction:row;overflow-x:scroll;padding-bottom:5px}.mobile-slide::-webkit-scrollbar{background:transparent;height:1px;width:1px}.mobile-slide::-webkit-scrollbar-thumb{background:var(--button-color);height:1px;width:1px}.mobile-slide .section-element{min-width:80%}.portrait .section-element{aspect-ratio:1/1.3;min-width:60%}.section-content-type-2 .section-element .description,.section-content-type-3 .section-element .description{padding-bottom:10px;padding-top:0}}@media (max-width:720px){:root{--button-text-size:12px;--text-size:14px;--button-padding:7px 16px;--h3-size:18px;--section-offset-horizontal:15px}.logo{height:var(--logo-height-moblie);width:var(--logo-width-moblie)}.footer-content{letter-spacing:0;line-height:120%}}