@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-cyrillic-ext-400-normal.3968932e.woff2)format("woff2"),url(../media/roboto-mono-cyrillic-ext-400-normal.5a51dd37.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-cyrillic-400-normal.09d7a9c7.woff2)format("woff2"),url(../media/roboto-mono-cyrillic-400-normal.e40f3cfc.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-greek-400-normal.d6f9b54f.woff2)format("woff2"),url(../media/roboto-mono-greek-400-normal.fcc3e865.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-vietnamese-400-normal.bd1582e1.woff2)format("woff2"),url(../media/roboto-mono-vietnamese-400-normal.0b6ec122.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-latin-ext-400-normal.9e6a3b8e.woff2)format("woff2"),url(../media/roboto-mono-latin-ext-400-normal.2b46f3f6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/roboto-mono-latin-400-normal.1c1c2f99.woff2)format("woff2"),url(../media/roboto-mono-latin-400-normal.435a42f6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-cyrillic-ext-500-normal.7657229a.woff2)format("woff2"),url(../media/roboto-mono-cyrillic-ext-500-normal.8b7f703b.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-cyrillic-500-normal.4c838685.woff2)format("woff2"),url(../media/roboto-mono-cyrillic-500-normal.912aa160.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-greek-500-normal.88b38331.woff2)format("woff2"),url(../media/roboto-mono-greek-500-normal.40f4543e.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-vietnamese-500-normal.513ce75a.woff2)format("woff2"),url(../media/roboto-mono-vietnamese-500-normal.37c96a4c.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-latin-ext-500-normal.9cf091b4.woff2)format("woff2"),url(../media/roboto-mono-latin-ext-500-normal.6fa78bac.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/roboto-mono-latin-500-normal.13f28322.woff2)format("woff2"),url(../media/roboto-mono-latin-500-normal.31d3f579.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Hubot Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/hubot-sans-vietnamese-400-normal.77e35878.woff2)format("woff2"),url(../media/hubot-sans-vietnamese-400-normal.bf83c1e9.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hubot Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/hubot-sans-latin-ext-400-normal.da85509d.woff2)format("woff2"),url(../media/hubot-sans-latin-ext-400-normal.ecaa5448.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hubot Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/hubot-sans-latin-400-normal.7f6e8c5c.woff2)format("woff2"),url(../media/hubot-sans-latin-400-normal.92e37e6f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--color-landing-bg:#fbf9f4;--color-about-bg:#2a2f35;--color-nav-bg:#363d44;--color-nav-panel:#444c55;--color-text-on-dark:#fbf9f4;--color-text-on-light:#2a2f35;--color-accent:#e5532c;--color-accent-hover:#d64626;--color-terracotta:#e87a4d;--color-card-bg:#f0ede5;--color-border:#e5e0d5;--color-dropdown-hover:#ebe6dd;--color-white:#fff;--font-primary:"Roboto Mono",monospace;--font-secondary:"Hubot Sans",sans-serif;--spacing-section-padding-desktop:4vh 5vw;--spacing-section-padding-mobile:3vh 4vw;--spacing-header-top-desktop:6%;--spacing-header-top-mobile:5%;--spacing-header-side-desktop:5vw;--spacing-header-side-mobile:4vw;--breakpoint-small:640px;--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.8s cubic-bezier(.16,1,.3,1);--transition-text-fill:.7s cubic-bezier(.6,0,.4,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-landing-bg);color:var(--color-text-on-light);font-family:var(--font-primary)}a{color:var(--color-accent)}button,.animated-button{-webkit-tap-highlight-color:transparent}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;flex-direction:column;height:100dvh;display:flex;overflow-y:scroll}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes iconBounce{0%,to{transform:scale(1)translateY(0)}40%{transform:scale(1.1)translateY(-4px)}60%{transform:scale(1.05)translateY(-2px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes hamburgerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contactSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes contactSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes contactSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes contactFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contactFadeOut{0%{opacity:1}to{opacity:0}}
.marquee-container{background-color:var(--color-about-bg);color:var(--color-text-on-dark);font-size:14px;font-weight:400;font-family:var(--font-secondary);z-index:1000;padding:12px 0;transition:background-color .3s,color .3s;position:fixed;top:0;left:0;right:0;overflow:hidden}.marquee-container--light{background-color:var(--color-landing-bg);color:var(--color-text-on-light)}.marquee-content{white-space:nowrap;gap:120px;width:max-content;animation:30s linear infinite marquee;display:flex}@media (hover:hover){.marquee-container:hover .marquee-content{animation-play-state:paused}}.marquee-item{flex-shrink:0}
.nav-item-opening{animation:.9s cubic-bezier(.16,1,.3,1) backwards fadeInSlide}.nav-item-closing{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeOutSlide}.hamburger-fading{animation:.3s forwards hamburgerFadeOut}.fullscreen-nav{background-color:var(--color-nav-bg);z-index:2000;pointer-events:auto;will-change:transform,opacity;contain:strict;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;inset:0;transform:translateZ(0)}.fullscreen-nav--closing{pointer-events:none;animation:.8s cubic-bezier(.16,1,.3,1) slideOutRight}.fullscreen-nav__items{text-align:left;flex-direction:column;gap:0;display:flex}.fullscreen-nav__header{border:1px solid var(--color-border);background-color:var(--color-nav-panel);justify-content:space-between;align-items:center;width:100%;display:flex}.fullscreen-nav__menu-label{border-right:1px solid var(--color-border);color:var(--color-text-on-dark);font-family:var(--font-primary);padding:.5vh 1vw;font-size:48px;font-weight:500}.fullscreen-nav__spacer{width:1.5vw}.fullscreen-nav__close-wrapper{border-left:1px solid var(--color-border);justify-content:center;align-self:stretch;align-items:center;padding:0 1vw;display:flex}.fullscreen-nav__close-button{color:var(--color-text-on-dark);cursor:pointer;font-size:64px;line-height:.85;font-family:var(--font-primary);background-color:#0000;border:none;padding:0;font-weight:500;transition:color .2s}@media (hover:hover){.fullscreen-nav__close-button:hover{color:var(--color-accent)}}.fullscreen-nav .nav-item{background-color:var(--color-nav-panel);border:1px solid var(--color-border);color:var(--color-text-on-dark);font-size:11vw;font-weight:700;font-family:var(--font-primary);cursor:pointer;text-align:left;width:100%;margin:0;padding:.5vh 1vw;line-height:.85;text-decoration:none;transition:transform .2s}.fullscreen-nav .nav-item__content{align-items:flex-start;gap:1.5vw;display:flex}.fullscreen-nav .nav-item__arrow{z-index:2;width:.75em;height:.75em;transition:stroke .3s cubic-bezier(.6,0,.4,1) .7s;position:relative}@media (max-width:640px){.fullscreen-nav__menu-label{font-size:32px}.fullscreen-nav__spacer{width:1vw}.fullscreen-nav__close-button{font-size:48px}.fullscreen-nav .nav-item{font-size:15vw}.fullscreen-nav .nav-item__content{gap:2vw}.fullscreen-nav .nav-item__arrow{width:.9em;height:.9em}}.nav-item{position:relative}.nav-item:before{content:attr(data-text);color:var(--color-accent);background-color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;padding:inherit;margin:inherit;clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path var(--transition-text-fill);z-index:1;width:fit-content;position:absolute;inset:0 auto 0 0}.nav-item>span{z-index:0;position:relative}.nav-item svg{z-index:2;transition:stroke .3s cubic-bezier(.6,0,.4,1) .7s;position:relative}@media (hover:hover){.nav-item:hover{transform:translate(20px)}.nav-item:hover:before{clip-path:inset(0)}.nav-item:hover svg{stroke:var(--color-accent)}}.animated-button{color:var(--color-text-on-light);font-size:20px;font-weight:400;font-family:var(--font-primary);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast);background-color:#0000;border:none;border-radius:0;padding:12px 24px;position:relative;overflow:hidden}.animated-button--menu{background-color:var(--color-card-bg);color:var(--color-text-on-light);border-radius:24px;padding:8px 16px;font-size:14px;box-shadow:4px 4px 12px #0000004d}.animated-button--dropdown{background-color:var(--color-card-bg);color:var(--color-text-on-light);border-radius:0;padding:12px 20px;font-size:20px}.animated-button-underline{background-color:var(--color-accent);width:0%;height:2px;transition:width var(--transition-medium);position:absolute;bottom:4px;left:0}.animated-button-underline--reverse{left:auto;right:0}.animated-button--dropdown .animated-button-underline{bottom:8px}@media (hover:hover){.animated-button:hover .animated-button-underline{width:100%}.dropdown-item:hover{background-color:var(--color-dropdown-hover)}}.hamburger-button{transition:opacity .5s,color .3s;cursor:pointer!important;font-size:40px!important;line-height:1!important;font-family:var(--font-primary)!important;z-index:3001!important;opacity:1!important;pointer-events:auto!important;background-color:#0000!important;border:none!important;padding:8px!important;position:fixed!important;top:32px!important;right:5vw!important}.hamburger-button--faded,.hamburger-button--hidden{opacity:0!important;pointer-events:none!important}.hamburger-button__icon{transition:color .3s;display:inline-block}@media (max-width:640px){.hamburger-button{font-size:32px!important;top:28px!important;right:4vw!important}}.mobile-dropdown{z-index:100;position:absolute;top:.5%;right:4vw}.mobile-dropdown__menu{background-color:var(--color-card-bg);border-radius:16px;min-width:150px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:4px 4px 12px #0000004d}.mobile-dropdown__item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-primary);color:var(--color-about-bg);background-color:#0000;border:none;padding:12px 20px;font-size:16px;transition:background-color .2s}.mobile-dropdown__item--bordered{border-top:1px solid var(--color-border)}@media (hover:hover){.mobile-dropdown__item:hover{background-color:#f0c4b4}}
.about-section{background-color:var(--color-about-bg);height:100dvh;min-height:100dvh;color:var(--color-text-on-dark);padding:var(--spacing-section-padding-desktop);box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;align-items:center;padding-top:14vh;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.about-section{height:auto;min-height:100dvh;padding:var(--spacing-section-padding-mobile);padding-top:12vh;overflow:visible}}.about-header{color:var(--color-text-on-dark);font-family:var(--font-primary);z-index:10;justify-content:flex-start;align-items:center;padding:2vh 3vw;display:flex;position:absolute;top:32px;left:5vw}.about-header__button{color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;font-size:32px;font-weight:500;position:relative}.about-header__underline{background-color:var(--color-text-on-dark);width:100%;height:1px;position:absolute;bottom:-4px;left:0}@media (max-width:640px){.about-header{padding:1.5vh 3vw;top:28px;left:4vw}.about-header__button{font-size:24px}}.about-content{flex-direction:column;align-items:center;gap:36px;width:100%;padding-bottom:2vh;display:flex}.about-content__headline{max-width:680px;color:var(--color-text-on-dark);font-size:clamp(28px,3.5vw,42px);font-weight:700;font-family:var(--font-primary);text-align:center;margin:0;line-height:1.3}.about-content__intro{text-align:center;max-width:750px}.about-content__intro-text{color:var(--color-text-on-dark);font-size:clamp(13px,1.5vw,16px);font-family:var(--font-primary);margin:-.5vh 0 0;line-height:1.5}.about-content__cards{flex-flow:wrap;justify-content:center;align-items:stretch;gap:32px;width:100%;max-width:1200px;margin-top:16px;margin-bottom:16px;padding:0;display:flex}.about-content__cta{cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:680px;margin-top:-8px;display:flex}.about-content__cta-arrow{color:var(--color-text-on-dark);font-size:24px;animation:2s infinite bounce}.about-content__cta-text{color:var(--color-text-on-dark);font-size:17px;font-family:var(--font-primary);text-align:center;margin:0}.about-content__cta-subtext{color:var(--color-accent);font-size:16px;font-family:var(--font-primary);text-align:center;margin:0}@media (max-width:640px){.about-content{gap:28px;padding-bottom:3vh}.about-content__headline{margin-top:2vh;font-size:clamp(22px,4.5vw,32px)}.about-content__intro-text{margin-top:-2vh}.about-content__cards{flex-direction:column;gap:24px;padding:0 48px}.about-content__cta{margin-top:0}.about-content__cta-text{font-size:15px}.about-content__cta-subtext{font-size:14px}}.expertise-card{background-color:var(--color-landing-bg);text-align:center;z-index:1;opacity:1;border-radius:12px;flex-direction:column;flex:280px;align-items:center;gap:16px;min-width:0;padding:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(1)}.expertise-card__content{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.expertise-card--hovered{opacity:.95;transform:scale(1.03)}.expertise-card__icon{color:var(--color-accent);justify-content:center;align-items:center;display:flex}.expertise-card__title{color:var(--color-text-on-light);font-size:clamp(18px,2.5vw,24px);font-weight:700;font-family:var(--font-secondary);min-height:2.6em;margin:0;line-height:1.3}.expertise-card__description{color:var(--color-text-on-light);font-size:clamp(14px,1.8vw,18px);font-family:var(--font-secondary);margin:0;line-height:1.5}@media (max-width:640px){.expertise-card{flex:none;min-width:100%;height:auto;padding:20px 32px}.expertise-card__content{gap:12px}.expertise-card--hovered{transform:none!important}}@media (min-width:641px) and (max-width:1050px){.expertise-card{flex:calc(50% - 16px);min-width:calc(50% - 16px)}}.about-content__headline{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) .1s,transform .8s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(40px)}.about-content__headline--visible{opacity:1;transform:translateY(0)}.about-content__intro{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) .3s,transform .8s cubic-bezier(.16,1,.3,1) .3s;transform:translateY(40px)}.about-content__intro--visible{opacity:1;transform:translateY(0)}.about-content__cards{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) .5s,transform .8s cubic-bezier(.16,1,.3,1) .5s;transform:scale(.9)}.about-content__cards--visible{opacity:1;transform:scale(1)}.about-content__cards .expertise-card:first-child{transition-delay:.6s}.about-content__cards .expertise-card:nth-child(2){transition-delay:.75s}.about-content__cards .expertise-card:nth-child(3){transition-delay:.9s}.about-content__cta{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) 1.1s,transform .8s cubic-bezier(.16,1,.3,1) 1.1s;transform:translateY(40px)}.about-content__cta--visible{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1) 1.1s;transform:translateY(0)}.about-content__word{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(20px)}.about-content__headline--visible .about-content__word{opacity:1;transform:translateY(0)}.about-content__word--accent{color:var(--color-accent)}.about-content__cta:hover{transform:scale(1.02)}.about-content__cta-arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}.about-content__cta:hover .about-content__cta-arrow{transform:translateY(-8px)}.expertise-card__icon svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.expertise-card:hover .expertise-card__icon svg{transform:scale(1.1)}.about-content__headline,.about-content__intro,.about-content__cards,.about-content__cta,.expertise-card{will-change:opacity,transform}.about-content__headline--visible,.about-content__intro--visible,.about-content__cards--visible,.about-content__cta--visible{will-change:auto}@media (prefers-reduced-motion:reduce){.about-content__headline,.about-content__intro,.about-content__cards,.about-content__cta,.about-content__word{opacity:1!important;transition:none!important;transform:none!important}.about-content__cta-arrow{animation:none!important}}
.contact-section{background-color:var(--color-landing-bg);min-height:100dvh;color:var(--color-text-on-light);padding:var(--spacing-section-padding-desktop);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;align-items:center;padding-top:15vh;display:flex;position:relative}.contact-section__container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:800px;height:100%;transition:all 1.5s cubic-bezier(.16,1,.3,1);display:flex}.contact-section__container:has(.contact-section__form-wrapper--open){max-width:1200px}.contact-section__content{flex-direction:row;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;display:flex;position:relative}.contact-section__circle-wrapper{transition:left .8s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-section__circle-wrapper--small{transition:opacity .3s;top:50%;left:50%}.contact-section__circle-wrapper--small.contact-section__circle-wrapper--expanded{opacity:0;pointer-events:none}@media (min-width:641px){.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded{left:15%!important}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .contact-section__circle{transform:scale(.85)}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .spinning-circular-text__char{font-size:24px;font-weight:700}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .spinning-circular-text__center{font-size:36px;font-weight:700}}.contact-section__circle{justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex}@media (min-width:641px) and (max-width:900px){.contact-section__circle{transform:scale(.85)}}.contact-section__divider{background:var(--color-border);opacity:0;pointer-events:none;width:2px;height:90%;transition:opacity .3s .8s;position:absolute;top:50%;left:33%;transform:translate(-50%,-50%)}.contact-section__divider--visible{opacity:1;transition:opacity .3s .8s}.contact-section__divider--fading{opacity:0;transition:opacity 50ms}.contact-section__form-wrapper{opacity:0;width:calc(57% - 60px);transition:opacity .3s .8s,transform .6s cubic-bezier(.16,1,.3,1) .8s;position:absolute;top:50%;left:33%;transform:translateY(-50%)}.contact-section__form-wrapper--open{opacity:1;transform:translate(60px,-50%)}.contact-section__form-wrapper--closing{transition:opacity .3s,transform .3s}.contact-section__form-wrapper--small{opacity:0;width:100%;padding:0 24px;transition:opacity .4s .3s,transform .4s cubic-bezier(.16,1,.3,1) .3s;position:relative;top:auto;left:auto;transform:scale(.95)}.contact-section__form-wrapper--small.contact-section__form-wrapper--open{opacity:1;transform:scale(1)}.contact-section__form-wrapper--small.contact-section__form-wrapper--closing{opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);transform:scale(.95)}.contact-section__footer{flex-direction:column;align-items:center;gap:32px;width:100%;margin-top:80px;display:flex}.contact-section__email{text-align:center;font-size:24px;font-family:var(--font-primary);color:var(--color-text-on-light)}.contact-section__email-link{color:var(--color-text-on-light);text-decoration:none;transition:color .2s}@media (hover:hover){.contact-section__email-link:hover{color:var(--color-accent)}}.contact-section__social-links{align-items:center;gap:24px;display:flex}@media (max-width:640px){.contact-section{padding:var(--spacing-section-padding-mobile);padding-top:12vh}.contact-section__content{flex-direction:column;gap:8px}.contact-section__footer{gap:24px;margin-top:0}.contact-section__email{font-size:20px}}.contact-header{color:var(--color-text-on-light);font-family:var(--font-primary);z-index:10;justify-content:flex-start;align-items:center;padding:2vh 3vw;display:flex;position:absolute;top:32px;left:5vw}.contact-header__button{color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;font-size:32px;font-weight:500;position:relative}.contact-header__underline{background-color:var(--color-text-on-light);width:100%;height:1px;position:absolute;bottom:-4px;left:0}@media (max-width:640px){.contact-header{padding:1.5vh 3vw;top:28px;left:4vw}.contact-header__button{font-size:24px}}.contact-popup{flex-direction:column;gap:20px;width:100%;height:100%;padding:0 0 0 48px;display:flex;overflow:visible}.contact-popup__header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;margin-bottom:8px;display:flex}.contact-popup__title{color:var(--color-about-bg);font-size:32px;font-weight:700;font-family:var(--font-primary);order:1;margin:0}.contact-popup__close-button{color:var(--color-about-bg);cursor:pointer;font-size:32px;font-family:var(--font-primary);background-color:#0000;border:none;order:2;padding:0;line-height:1}@media (hover:hover){.contact-popup__close-button:hover{color:var(--color-about-bg)}}.contact-popup__form{flex-direction:column;gap:16px;display:flex}.contact-popup__field{flex-direction:column;display:flex}.contact-popup__field:last-of-type{margin-bottom:8px}.contact-popup__label{color:var(--color-about-bg);font-size:18px;font-family:var(--font-primary);margin-bottom:4px;font-weight:500;display:block}.contact-popup__input,.contact-popup__textarea{width:100%;font-size:18px;font-family:var(--font-primary);background-color:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-about-bg);box-sizing:border-box;border-radius:0;padding:14px 18px}.contact-popup__textarea{resize:vertical}.contact-popup__status{font-size:16px;font-family:var(--font-primary);border-radius:0;padding:16px}.contact-popup__status--success,.contact-popup__status--error{background-color:var(--color-about-bg);color:var(--color-text-on-dark)}.contact-popup__submit-button{font-size:18px;font-weight:500;font-family:var(--font-primary);background-color:var(--color-about-bg);color:var(--color-text-on-dark);cursor:pointer;border:none;align-self:flex-start;padding:16px 32px;transition:background-color .2s}.contact-popup__submit-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.7}@media (hover:hover){.contact-popup__submit-button:hover:not(:disabled){background-color:#3a3f45}}@media (max-width:640px){.contact-popup{gap:12px;height:auto;padding:4px 0 0}.contact-popup__header{gap:12px;margin-bottom:0}.contact-popup__title{font-size:20px}.contact-popup__close-button{font-size:24px}.contact-popup__form{gap:12px}.contact-popup__label{font-size:14px}.contact-popup__input,.contact-popup__textarea{padding:10px 14px;font-size:14px}.contact-popup__status{padding:12px;font-size:14px}.contact-popup__submit-button{padding:12px 24px;font-size:14px}.contact-popup__field:last-of-type{margin-bottom:0}}.spinning-circular-text{width:var(--diameter,300px);height:var(--diameter,300px);cursor:pointer;border-radius:50%;transition:width .8s cubic-bezier(.16,1,.3,1),height .8s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);animation:20s linear infinite contactSpin;position:relative}.spinning-circular-text__char{transform-origin:0 0;font-size:32px;font-family:var(--font-primary);color:var(--color-text-on-light);pointer-events:none;font-weight:500;transition:transform .8s cubic-bezier(.16,1,.3,1),font-size .8s cubic-bezier(.16,1,.3,1),font-weight .8s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%}.spinning-circular-text__center{color:var(--color-text-on-light);font-size:48px;font-family:var(--font-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;transition:transform .2s,font-size .8s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.spinning-circular-text__center:hover{transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:640px){.spinning-circular-text__char{font-size:24px}.spinning-circular-text__center{font-size:38px}}.social-icon-link{background-color:var(--color-card-bg);width:48px;height:48px;color:var(--color-text-on-light);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,background-color .2s,color .2s;display:flex}.social-icon-link svg{width:22px;height:22px;transition:fill .2s}@media (hover:hover){.social-icon-link:hover{background-color:var(--color-about-bg);color:var(--color-card-bg);transform:scale(1.1)}}@media (max-width:640px){.social-icon-link{width:40px;height:40px}.social-icon-link svg{width:18px;height:18px}}
.landing-section{background-color:var(--color-landing-bg);height:100dvh;padding:var(--spacing-section-padding-desktop);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:640px){.landing-section{padding:var(--spacing-section-padding-mobile)}}.landing-section__headline{color:var(--color-text-on-light);font-size:clamp(22px,2.5vw,32px);font-weight:700;font-family:var(--font-secondary);text-align:left;margin:0;line-height:1.3;display:block}.landing-button--about{position:absolute;bottom:5vh;left:5vw}.landing-button--contact{position:absolute;bottom:5vh;right:5vw}.name-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;text-align:left;width:auto;max-width:90vw;height:auto;font-family:var(--font-primary);cursor:pointer;margin:0 auto;position:relative}.name-display-wrapper{will-change:transform;flex-direction:column;align-items:flex-start;gap:.75rem;width:min-content;display:flex}.name-3d-scene{transform-style:preserve-3d;text-align:left;display:inline-block;position:relative}.name-3d-layer{letter-spacing:-.06em;pointer-events:none;white-space:nowrap;font-size:clamp(65px,10vw,180px);font-weight:570;line-height:.95;position:relative}.name-3d-layer--front{color:var(--color-text-on-light);z-index:2;position:relative}.name-3d-layer--accent{color:#888;opacity:.3;z-index:1;position:absolute;top:0;left:0;transform:translate(4px)translateY(4px)}@media (max-width:640px){.name-3d-layer{font-size:clamp(48px,15vw,120px)}}.name-scene-placeholder{letter-spacing:-.06em;flex-direction:column;gap:.15em;font-size:clamp(65px,10vw,180px);font-weight:570;line-height:.95;display:flex}.name-scene-placeholder__bar{background:linear-gradient(90deg,#e5e0d5 0%,#f0ede5 50%,#e5e0d5 100%) 0 0/200% 100%;border-radius:4px;width:8ch;height:1em;animation:1.5s ease-in-out infinite shimmer;position:relative;overflow:hidden}.name-scene-placeholder__bar--short{width:4ch;animation-delay:.2s}@media (max-width:640px){.name-scene-placeholder{font-size:clamp(48px,15vw,120px)}}.name-display{letter-spacing:-.06em;color:var(--color-text-on-light);-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(65px,10vw,180px);font-weight:570;line-height:.95;transition:opacity .4s}.name-display--fading{opacity:0}.name-display--initials{font-size:clamp(48px,15vw,120px)}@media (max-width:640px){.name-display{font-size:clamp(48px,15vw,120px)}}@supports not (webgl){.name-container h1{opacity:1!important}}.scroll-container{flex-direction:column;height:100dvh;display:flex;overflow-y:scroll}