﻿@font-face{font-family:"Arcon";font-display:swap;src:url("../fonts/Arcon-Regular.f6fe31fc5df6.otf")}@font-face{font-family:"Hubot";font-display:swap;src:url("../fonts/HubotSans-Regular.9bc9b406bc4a.ttf")}@font-face{font-family:"Hubot";font-display:swap;font-weight:bold;src:url("../fonts/HubotSans-Bold.097acc49a59a.ttf")}.hover-box-shadow,input,select,textarea,.gradient-border,#map,.button,a[role=button],button:not([role=link]),input[type=submit],.card,#consents,.message,#language>a form,article{transition:box-shadow .3s ease}.hover-box-shadow:hover,input:hover,select:hover,textarea:hover,.gradient-border:hover,#map:hover,.button:hover,a[role=button]:hover,button:hover:not([role=link]),.card:hover,#consents:hover,.message:hover,#language>a form:hover,article:hover{box-shadow:0 10px 30px rgba(139,92,246,.2)}.hover-box-shadow:hover::before,input:hover::before,select:hover::before,textarea:hover::before,.gradient-border:hover::before,#map:hover::before,.button:hover::before,a[role=button]:hover::before,button:hover:not([role=link])::before,.card:hover::before,#consents:hover::before,.message:hover::before,#language>a form:hover::before,article:hover::before{opacity:1;animation:fullRotate 3s linear infinite}.hover-box-shadow:hover::after,input:hover::after,select:hover::after,textarea:hover::after,.gradient-border:hover::after,#map:hover::after,.button:hover::after,a[role=button]:hover::after,button:hover:not([role=link])::after,.card:hover::after,#consents:hover::after,.message:hover::after,#language>a form:hover::after,article:hover::after{background-color:var(--bg-secondary)}.gradient-border,#map,.button,a[role=button],button:not([role=link]),input[type=submit],.card,#consents,.message,#language>a form,article{border-radius:var(--card-border-radius);isolation:isolate}.gradient-border::before,#map::before,.button::before,a[role=button]::before,button:not([role=link])::before,input[type=submit]::before,.card::before,#consents::before,.message::before,#language>a form::before,article::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:1500px;height:1500px;margin-left:-750px;margin-top:-750px;background:var(--gradient);transition:opacity .3s ease;opacity:.6;animation:none}.gradient-border::after,#map::after,.button::after,a[role=button]::after,button:not([role=link])::after,input[type=submit]::after,.card::after,#consents::after,.message::after,#language>a form::after,article::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-color:var(--bg-tertiary);border-radius:calc(var(--card-border-radius) - 2px);transition:background-color .3s ease}.card,#consents,.message,#language>a form,article{background-color:var(--bg-tertiary);padding:2rem;position:relative;overflow:hidden}.card h3,#consents h3,.message h3,#language>a form h3,article h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.card p,#consents p,.message p,#language>a form p,article p{color:var(--text-secondary);line-height:1.7}.button,a[role=button],button:not([role=link]),input[type=submit]{padding:.6rem 1.5rem;background-color:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius);font-family:var(--title-font),sans-serif;font-weight:normal;transition:transform .3s ease,box-shadow .4s ease;display:inline-block;position:relative;overflow:hidden;border:none;cursor:pointer;box-shadow:0 8px 20px #000}.button:has(svg.icon),a[role=button]:has(svg.icon),button:has(svg.icon):not([role=link]),input[type=submit]:has(svg.icon){display:inline-flex;place-items:center}.button:hover,a[role=button]:hover,button:hover:not([role=link]),input[type=submit]:hover{transform:translateY(-2px)}.button::after,a[role=button]::after,button:not([role=link])::after,input[type=submit]::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-color:var(--bg-tertiary);border-radius:calc(var(--border-radius) - 2px);transition:background-color .3s ease}.button::before,a[role=button]::before,button:not([role=link])::before,input[type=submit]::before{width:400px;height:400px;margin-left:-200px;margin-top:-200px}@keyframes fullRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fullHueRotate{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes caretBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes bounceIn{0%{transform:scale(3, 0.1)}75%{opacity:1;transform:scale(0.9, 1.1)}100%{transform:scale(1, 1)}}html.blocked{overflow:hidden}body>main>section{border-top:1px solid var(--border-secondary);padding:6rem 2rem;position:relative}body>main>section:has(h1){padding-top:12rem;border-top:none}body>main>section>h1,body>main>section>h2{color:var(--text-primary);text-align:center;margin-bottom:1rem;max-width:1344px;margin-inline:auto;line-height:1}body>main>section>h1{font-size:clamp(3rem,8vw,4.5rem)}body>main>section>h2{font-size:clamp(2rem,5vw,3.5rem)}body>main>section>p{text-align:center;max-width:1024px;margin-inline:auto;margin-bottom:2.5rem}body>footer{background-color:var(--bg-tertiary);border-top:1px solid hsla(0,0%,100%,.1);padding-top:4rem;margin-top:6rem}body>footer>.grid{max-width:1400px;margin-inline:auto;margin-bottom:3rem;padding:0 2rem;gap:3rem}body>footer>.grid h3{font-family:var(--title-font),sans-serif;font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}body>footer>.grid h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}body>footer>.grid p,body>footer>.grid address{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:.5rem}body>footer>.grid ul{list-style:none;padding:0}body>footer>.grid ul li{font-size:1rem;margin-bottom:.75rem}body>footer>.grid ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;display:flex;place-items:center}body>footer>.grid ul li a:hover{color:var(--text-primary)}body>footer .footer-bottom{margin:0 auto;padding:2rem;text-align:center;border-top:1px solid hsla(0,0%,100%,.1)}body>footer .footer-bottom p{color:var(--text-secondary);font-size:.9rem}address{font-style:unset}article.viewed:hover .vector{animation-play-state:running,running}article.viewed .vector{animation-play-state:running,paused}article img{width:100%}article .vector{display:block;margin:1rem auto;width:200px;height:200px;mask-repeat:no-repeat;fill:none;background:var(--gradient);stroke-dasharray:1000;animation-name:bounceIn,fullHueRotate;animation-duration:.3s,5s;animation-iteration-count:1,infinite;animation-play-state:paused,paused}details{margin-inline:auto;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-top:none}details:first-of-type{border-top:2px solid var(--border-secondary);border-top-left-radius:var(--card-border-radius);border-top-right-radius:var(--card-border-radius)}details:last-of-type{border-bottom-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius);margin-bottom:1rem}details[open] summary::after{transform:scale(2) rotate(90deg)}details summary{font-size:1.2rem;cursor:pointer}details summary::after{content:"▸";float:right;transform:scale(2);transition:transform .3s ease}details summary::marker{content:""}details p{margin-top:1rem}details [x-typewriter] a{text-decoration:none}ul,ol{padding:revert}ul li,ol li{font-size:1.25rem;color:var(--text-secondary)}input,select,textarea{border:2px solid var(--border-secondary);border-radius:var(--card-border-radius);background-color:var(--bg-tertiary);max-width:100%;margin-top:.25rem;margin-bottom:1rem;padding:.75rem;font-family:var(--text-font),sans-serif;font-size:1rem;line-height:2rem;color:var(--text-secondary);transition:box-shadow .3s ease,background .3s ease}input:not([type=radio],[type=checkbox]),select:not([type=radio],[type=checkbox]),textarea:not([type=radio],[type=checkbox]){width:100%}input:hover,input:active,input:focus,select:hover,select:active,select:focus,textarea:hover,textarea:active,textarea:focus{background:var(--bg-secondary)}p{font-size:1.25rem;color:var(--text-secondary)}svg.icon{fill:currentColor;width:1rem;height:1rem;margin-right:.2rem}svg.icon.success{fill:var(--success)}svg.icon.info{fill:var(--info)}svg.icon.warning{fill:var(--warning)}svg.icon.error{fill:var(--error)}#page>section>:not(h1+p,.compact){max-width:1344px;margin-inline:auto}#page>section p:not(h1+p),#page>section ul,#page>section ol{margin-bottom:1rem;text-align:initial}#language>a{position:relative;display:flex;place-items:center}#language>a:hover form{opacity:1;z-index:0;user-select:initial;transform:translateY(0)}#language>a form{position:absolute;top:100%;left:-0.25rem;opacity:0;z-index:1;padding:.5rem 1rem;user-select:none;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}#language>a ul{padding:0}#language>a li{padding-block:.2rem}#language>a [role=link]{font-size:1.25rem}#mobile-language{display:none}#tracker{display:block;opacity:.15;position:fixed;top:calc(max(40vw,750px)*-1);left:calc(max(40vw,750px)*-1);width:max(80vw,1500px);height:max(80vw,1500px);transform:translate(100vw, 100vh);user-select:none;transition:opacity .3s ease;z-index:-1;border-radius:50%;background:radial-gradient(circle, var(--accent-primary) 0%, var(--accent-secondary) 30%, transparent 70%);animation:fullHueRotate 20s linear infinite}#consents,.message{position:fixed;bottom:0;right:0;padding:1rem;max-width:400px;margin:1rem;z-index:99}#consents:hover,.message:hover{transform:unset}#consents h3,.message h3{font-size:1rem}#consents p,.message p{font-size:.8rem}#logo{display:flex;place-items:center;font-family:var(--title-font),sans-serif;font-size:1.5rem}#logo img{margin-right:.5rem}#mobile-menu-button{display:none;cursor:pointer}#mobile-menu-button a{padding:.5rem 1rem}#mobile-menu-button svg.icon{margin:0}#location{text-align:center}#location address{font-size:1.25rem;color:var(--text-secondary)}#map{width:100%;height:50vh}#socials p{display:flex;gap:2rem;justify-content:center}#socials svg.icon{width:3rem;height:4rem}#email-form{margin:2rem auto 0 auto}#email-form>p{text-align:center}#email-form .grid{margin:0}#back-on-top{position:fixed;bottom:6rem;right:0;padding:1rem;line-height:1;cursor:pointer;transform:translateX(100%);background:var(--bg-primary);border:2px solid var(--border-secondary);border-top-left-radius:var(--card-border-radius);border-bottom-left-radius:var(--card-border-radius);transition:transform .3s ease}#back-on-top.visible{transform:translateX(0)}#back-on-top svg.icon{margin:0;width:2rem;height:2rem}.message{display:flex;gap:1rem;place-items:center;border-width:2px;border-style:solid}.message::before{background:none}.message.success{border-color:var(--success)}.message.info{border-color:var(--info)}.message.warning{border-color:var(--warning)}.message.error{border-color:var(--error)}.message svg.icon{width:5rem;height:5rem}.fade{opacity:0;transition:opacity .5s ease}.fade.viewed{opacity:1}.compact{max-width:800px;margin-inline:auto}.modal{position:fixed;top:0;background:rgba(0,0,0,.5);backdrop-filter:blur(1rem);width:100vw;height:100vh;z-index:100}.modal article{position:absolute;inset:0;max-width:600px;max-height:80vh;margin:auto}.modal article>:not(header,footer){overflow-y:scroll;max-height:80%}.modal article header{display:flex;justify-content:space-between;margin-bottom:1rem}.modal article header h3{margin-bottom:0}.modal article p{font-size:1rem;margin-bottom:1rem}.modal article footer{margin-top:1rem;position:absolute;bottom:0;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;width:calc(100% - 4rem);text-align:center}.modal article footer button,.modal article footer [role=button]{font-size:1rem}.call-to-action{font-size:1.5rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:99;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.navbar a{text-decoration:none}.navbar.scrolled .nav-left a,.navbar.scrolled .nav-center a,.navbar.scrolled .nav-right a{background-color:rgba(10,10,10,.5);backdrop-filter:blur(10px)}.navbar li{list-style:none}.nav-left,.nav-center,.nav-right{display:flex;flex:1;gap:.5rem;align-items:center;padding:0}.nav-left a:not([role=button]),.nav-center a:not([role=button]),.nav-right a:not([role=button]){color:var(--text-secondary);padding:.5rem 1.5rem;text-wrap:nowrap;border-radius:var(--border-radius);transition:background-color .5s ease,backdrop-filter .5s ease,color .5s ease}.nav-left a:not([role=button]):hover,.nav-center a:not([role=button]):hover,.nav-right a:not([role=button]):hover{color:var(--text-primary)}.nav-center{justify-content:center}.nav-center>li:last-of-type{display:none}.nav-right{display:flex;flex:1;justify-content:end}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-block:2rem}.social-links svg.icon{width:1.5rem;height:1.5rem;margin-right:.5rem}[id]{scroll-margin-top:6rem}[type=checkbox],[type=radio]{position:relative;appearance:none;width:1.25em;height:1.25em;margin-right:.2rem;margin-bottom:.5rem;border-radius:var(--border-radius);vertical-align:middle;cursor:pointer;transition:box-shadow .3s ease,background-image .3s ease}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{background-image:var(--gradient);background-position:center;background-repeat:no-repeat}[type=checkbox]:checked:hover,[type=checkbox]:checked:active:hover,[type=checkbox]:checked:focus:hover,[type=radio]:checked:hover,[type=radio]:checked:active:hover,[type=radio]:checked:focus:hover{background-color:rgba(0,0,0,0)}[type=checkbox]:checked::after,[type=checkbox]:checked:active::after,[type=checkbox]:checked:focus::after,[type=radio]:checked::after,[type=radio]:checked:active::after,[type=radio]:checked:focus::after{content:var(--icon-checkbox);position:absolute;inset:0;color:#fff;text-align:center;background-color:rgba(0,0,0,0)}[x-typewriter] span{color:rgba(0,0,0,0);background:none}[x-typewriter] span.visited{color:currentColor;background:revert}[x-typewriter] span.next{box-shadow:1.2rem 0 0 -0.5rem var(--text-secondary) inset}@media screen and (max-width: 992px){#logo{padding:.5rem 1rem}#language{display:none}#mobile-menu-button{display:block;font-size:1.5rem}#mobile-language{display:flex;place-items:center;line-height:1}#mobile-language svg.icon{width:1.5rem;height:1.5rem}#mobile-language [role=link]{font-size:1.5rem}.navbar.scrolled .nav-center a{background-color:rgba(0,0,0,0);backdrop-filter:none}.nav-center{position:absolute;left:0;top:0;flex-direction:column;width:100vw;height:100vh;padding-block:7.5rem;background-color:rgba(10,10,10,.5);backdrop-filter:blur(10px);transform:translateY(-150%);transition:transform .5s ease}.nav-center.active{transform:translateY(0)}.nav-center li{margin-block:1rem}.nav-center li:last-of-type{display:block}.nav-center a{font-size:1.5rem}.nav-right{z-index:10}.nav-right li:first-of-type{display:none}}@media screen and (min-width: 992px)and (max-width: 1136px){#logo img{margin:0}#logo span{display:none}.nav-center a{font-size:1rem;padding-inline:1rem}}@media screen and (min-width: 1024px){.delay-1{transition-delay:500ms;animation-delay:500ms}}@media screen and (min-width: 1024px){.delay-2{transition-delay:1000ms;animation-delay:1000ms}}@media screen and (min-width: 1024px){.delay-3{transition-delay:1500ms;animation-delay:1500ms}}@media screen and (min-width: 1024px){.delay-4{transition-delay:2000ms;animation-delay:2000ms}}@media screen and (min-width: 1024px){.delay-5{transition-delay:2500ms;animation-delay:2500ms}}#portfolio article{width:100%;text-align:initial;margin-bottom:2rem;border:2px solid var(--border-secondary)}#portfolio article::before{background:none;animation:none}#portfolio article:hover::before{background:none;animation:none}#portfolio .grid{margin-bottom:2rem;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}#portfolio .grid img{object-fit:contain;max-height:50vh;border-radius:var(--card-border-radius)}
