:root{--doc-height: 100vh;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}html,body{padding:0;margin:0;background-color:#fff;font-family:var(--font-sans);font-size:16px}a{color:#2a7ae2;text-decoration:none}a:hover{color:#111}*{box-sizing:border-box}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.container{padding:0 2rem;width:100%}@media only screen and (max-width:960px){.container{padding:0 1rem}}.main{position:relative}.header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;height:56px;display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:10;background-color:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.header-logo{color:inherit}.header-list{padding:0;margin:0;list-style:none}.header-link{display:inline-block;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.header-link:hover{border-color:#eaeaea}.home-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(var(--doc-height) - 56px);padding-bottom:56px;padding-top:56px;text-align:center}.home-subTitle{font-family:var(--font-mono);font-size:1.5em;margin:0 0 24px}.home-title{font-family:var(--font-sans);font-size:2.5em;margin:0 0 24px;font-weight:600;font-style:italic}.home-list{padding:0;list-style:none;display:flex;justify-content:center;margin:0 0 0 -12px}.home-list li{margin-left:12px}.home-list a{display:inline-flex;border:1px solid #e8e8e8;padding:8px;align-items:center;justify-content:center;border-radius:8px;transition:border-color .2s}.home-list a:hover{border-color:#424242}.home-clients{margin-top:48px}.home-clientsList{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:32px}.home-clientsList li{width:160px;display:flex;align-items:center;justify-content:center;padding:16px 24px;filter:grayscale(1);opacity:.8;cursor:pointer;will-change:filter,opacity;transform:translateZ(0);transition:filter .25s,opacity .25s}.home-clientsList li svg,.home-clientsList li img{width:100%;height:auto}.home-clientsList li:hover{filter:grayscale(0);opacity:1}@media(max-width:480px){.home-content{padding-top:80px;padding-bottom:40px;justify-content:flex-start}.home-title{font-size:1.8em}.home-subTitle{font-size:1.1em;margin-bottom:16px}.home-clients{margin-top:32px}.home-clientsList{gap:4px}.home-clientsList li{width:100px;padding:12px 8px}}.portfolio-content{padding:24px 0}.portfolio-title{margin:0 0 8px;text-align:center;padding-top:56px;font-size:2.5em;font-family:var(--font-sans);font-weight:600}.portfolio-description{margin:0 0 28px;text-align:center;font-family:var(--font-mono);font-size:1em}.portfolio-container{max-width:992px;margin:0 auto}.portfolio-grid{margin:0;padding:0 0 48px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media only screen and (max-width:960px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:580px){.portfolio-grid{grid-template-columns:100%}}.product-elem{border:1px solid rgba(30,22,54,.2);padding:4px;position:relative}.product-button{display:block;width:100%;padding:0;margin:0;outline:1px solid rgba(30,22,54,.1);border:0;cursor:pointer;overflow:hidden;background:transparent}.product-button:hover .product-image{transform:translate3d(0,-36px,0)}.product-button:hover .product-footer{opacity:1}.product-imgWrapper{padding:60% 0 0;position:relative}.product-image{transition:transform .2s;display:block;object-fit:cover;object-position:center top;position:absolute;top:0;left:0;height:100%;width:100%}.product-footer{position:absolute;bottom:3px;left:4px;right:4px;font-size:24px;width:calc(100% - 8px);text-align:center;background-color:#fff;padding:0 10px;height:36px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .08s}.product-footer:after{content:"";position:absolute;width:100%;height:2px;background-color:#e8e8e8;top:0;bottom:0;margin:auto;left:0;z-index:1}.product-title{font-family:var(--font-mono);margin:0;padding:0 12px;font-weight:400;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;z-index:2}dialog::backdrop{background-color:#000000b3}dialog{max-width:990px;width:calc(100% - 2rem);max-height:90vh;padding:0;border:0;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-root{margin:20px 0;background-color:#fff;min-height:400px;width:100%;position:relative}.modal-closeButton{margin:0;padding:8px;background:transparent;border:0;position:absolute;top:8px;right:8px;transition:transform .25s,opacity .25s;opacity:.7;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.modal-closeButton:hover{transform:rotate(180deg);transform-origin:center;opacity:1}.modal-closeButton:focus:not(:focus-visible){outline:none}.modal-focus-trap{position:absolute;opacity:0;pointer-events:none;width:0;height:0;overflow:hidden}.modal-wrapper{padding:20px}.modal-imgLarge{max-width:100%;height:auto;display:block}.modal-closeFooter{margin:0;padding:20px;background:transparent;border:0;width:100%;cursor:pointer;font-size:1.1rem;transition:background-color .25s;text-align:center}.modal-closeFooter span{border-bottom:1px solid transparent;transition:border-color .2s}.modal-closeFooter:hover{background-color:#e9eff2}.modal-closeFooter:hover span{border-color:#dadada}