@font-face{font-family:Oswald,sans-serif;src:url(/fonts/Oswald.ttf) format("truetype")}body{background-color:#2d3436;background-image:linear-gradient(315deg,#2d3436,#000 74%);margin:0;padding:0;overflow:hidden}:root{--viewport-width: 100vw;--viewport-height: 100vh;--app-width: 100vw;--app-height: 120vh;--app-offset-y: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html,body,#root{width:100%;height:100%;overscroll-behavior:none;-webkit-text-size-adjust:100%}body,#root{position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-canvas{position:fixed!important;top:0;right:0;bottom:0;left:0;width:var(--app-width)!important;height:var(--app-height)!important;touch-action:none;user-select:none;-webkit-user-select:none}@media only screen and (max-width:820px),only screen and (max-height:500px){.app-canvas{position:fixed;top:calc(var(--safe-top) + var(--app-offset-y));left:var(--safe-left);width:var(--app-width)!important;height:var(--app-height)!important;transform:none}}@font-face{font-family:Oswald,sans-serif;src:url(/fonts/Oswald.ttf) format("truetype")}.project-description-links{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:min(360px,30vw);font-family:Oswald,sans-serif;pointer-events:auto;text-align:center}.project-description-link{color:#fff;cursor:pointer;font-size:10px;line-height:1;padding:6px 10px;text-decoration:none;white-space:nowrap}.project-description-link:hover,.project-description-link:focus-visible{color:#d4af37}@media only screen and (min-width:2200px),only screen and (min-aspect-ratio:21/9){.project-description-link{font-size:30px}}@media only screen and (max-width:820px),only screen and (max-height:500px){.project-description-link{font-size:5px}}@font-face{font-family:Oswald,sans-serif;src:url(/fonts/Oswald.ttf) format("truetype")}.contact-form{width:clamp(260px,14vw,300px);max-width:300px;min-width:260px;min-height:320px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));grid-template-areas:"firstname surname" "email phone" "message message" "button button";gap:8px 10px;justify-items:center;justify-content:center;align-items:start;align-content:center;padding:16px 20px;box-sizing:border-box}.contact-form div{display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:20px;width:100%}.contact-form div.firstname{grid-area:firstname}.contact-form div.surname{grid-area:surname}.contact-form div.email{grid-area:email}.contact-form div.phone{grid-area:phone}.contact-form div.message{grid-area:message;width:100%}.contact-form div span{margin:2px 0;font-size:20px;color:#fff}.contact-form div input{width:100%;height:36px;border-radius:14px;font-size:10px;box-sizing:border-box}.contact-form div textarea{width:100%;min-height:72px;border-radius:14px;font-size:10px;box-sizing:border-box;resize:vertical}.contact-form div .error{color:#d4af37;margin:0;font-size:10px;min-height:1.2em}.contact-form .break{display:none}.contact-form button{grid-area:button;border-radius:16px;font-size:16px;border:0;padding:7px 12px}.contact-form button:hover{background:#d4af37;cursor:pointer}@media only screen and (min-width:2200px),only screen and (min-aspect-ratio:21/9){.contact-form{width:clamp(400px,2vw,500px);max-width:85%;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px 12px}.contact-form div input,.contact-form div textarea,.contact-form div .error{font-size:15px}}@media only screen and (max-width:820px),only screen and (max-height:500px){.contact-form{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"firstname" "surname" "email" "phone" "message" "button"!important;width:min(86vw,300px)!important;max-width:calc(100dvw - var(--safe-left) - var(--safe-right) + 22px)!important;max-height:calc(var(--app-height) + 60px)!important;min-height:0!important;height:auto!important;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);gap:5px!important;padding:10px!important;box-sizing:border-box!important;align-content:start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.contact-form .break{display:none!important}.contact-form div{width:100%!important}.contact-form div span{font-size:15px!important}.contact-form div input{width:100%!important;height:34px!important;font-size:13px!important}.contact-form div textarea{width:100%!important;min-height:56px!important;height:auto!important;font-size:13px!important}.contact-form div .error{font-size:12px!important}.contact-form button{width:100%!important;border-radius:15px!important;font-size:13px!important;padding:6px!important}}