:root{--color-landing-bg:#f2e9d8;--color-about-bg:#2a2f35;--color-nav-bg:#363d44;--color-nav-panel:#444c55;--color-text-on-dark:#f2e9d8;--color-text-on-light:#2a2f35;--color-accent:#e5532c;--color-accent-hover:#d64626;--color-accent-on-light:#b73e1d;--color-accent-on-dark:#e87a4d;--color-terracotta:#e87a4d;--color-card-bg:#e4d9c2;--color-border:#d6cbb3;--color-dropdown-hover:#e9dfca;--color-white:#fff;--color-muted:#666;--font-body:var(--font-roboto-mono),monospace;--font-display:var(--font-hubot-sans),sans-serif;--text-xs:clamp(10px,1.2vw,12px);--text-sm:clamp(11px,1.5vw,14px);--text-base:clamp(15px,1.8vw,18px);--text-lg:clamp(14px,2vw,20px);--text-xl:clamp(18px,2.5vw,24px);--text-2xl:clamp(24px,3vw,32px);--text-3xl:clamp(2rem,5vw,3.5rem);--spacing-xs:clamp(4px,1vh,8px);--spacing-sm:clamp(8px,1.5vh,16px);--spacing-md:clamp(12px,2vh,24px);--spacing-lg:clamp(20px,3vh,40px);--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;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out-soft:cubic-bezier(.6,0,.4,1);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-quart:cubic-bezier(.22,1,.36,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.8s var(--ease-out-expo);--transition-text-fill:.7s var(--ease-in-out-soft)}*{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-body)}a{color:var(--color-accent-on-light)}button,.animated-button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:0}[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}.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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.nav-item-opening{animation:fadeInSlide .9s var(--ease-out-expo)backwards}.nav-item-closing{animation:fadeOutSlide .6s var(--ease-out-expo)forwards}.hamburger-fading{animation:.3s forwards hamburgerFadeOut}.fullscreen-nav{background-color:var(--color-nav-bg);z-index:2000;animation:slideInRight .8s var(--ease-out-expo);pointer-events:auto;will-change:transform,opacity;contain:strict;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;transform:translateZ(0)}.fullscreen-nav--closing{animation:slideOutRight .8s var(--ease-out-expo);pointer-events:none}.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-body);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-body);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:10.5vw;font-weight:700;font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;margin:0;padding:.5vh 3vw .5vh 1vw;line-height:.85;text-decoration:none;transition:transform .2s}.fullscreen-nav .nav-item__content{align-items:baseline;gap:1.5vw;display:flex}.fullscreen-nav .nav-item__arrow{width:.8cap;height:.8cap;transition:stroke .3s var(--ease-in-out-soft);z-index:2;flex-shrink:0;transition-delay:.7s;position:relative;transform:translateY(-.2cap)}@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:14.5vw}.fullscreen-nav .nav-item__content{gap:2vw}}.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;padding-right:0;position:absolute;inset:0 auto 0 0}.nav-item>span{z-index:0;position:relative}.nav-item svg{transition:stroke .3s var(--ease-in-out-soft);z-index:2;transition-delay:.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-body);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:focus-visible{outline-offset:0}.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{cursor:pointer;font-size:40px;line-height:1;font-family:var(--font-body);z-index:3001;opacity:1;pointer-events:auto;background-color:#0000;border:none;padding:8px;transition:opacity .25s,color .3s;position:fixed;top:32px;right:5vw}.hamburger-button--faded{opacity:0;pointer-events:none;transition:opacity .5s}.hamburger-button--hidden{opacity:0;pointer-events:none}.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-body);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;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";background:radial-gradient(380px circle at var(--glow-x,50%)var(--glow-y,30%),#ffffff14,transparent 70%);opacity:var(--glow-opacity,0);pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.about-section:after{content:"";-webkit-mask-image:radial-gradient(200px circle at var(--glow-x,50%)var(--glow-y,50%),black 0%,transparent 100%);-webkit-mask-image:radial-gradient(200px circle at var(--glow-x,50%)var(--glow-y,50%),black 0%,transparent 100%);mask-image:radial-gradient(200px circle at var(--glow-x,50%)var(--glow-y,50%),black 0%,transparent 100%);opacity:var(--glow-opacity,0);pointer-events:none;background-image:radial-gradient(#fbf9f438 1px,#0000 1.5px);background-size:26px 26px;transition:opacity .6s;position:absolute;inset:0}@media (max-width:640px){.about-section{height:auto;min-height:100dvh;padding:var(--spacing-section-padding-mobile);padding-top:12vh;overflow:visible}.about-section:before,.about-section:after{display:none}}.about-header{color:var(--color-text-on-dark);font-family:var(--font-body);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{z-index:1;flex-direction:column;flex:1;align-items:center;gap:36px;width:100%;min-height:0;padding-top:96px;padding-bottom:8rem;display:flex;position:relative}.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-body);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-body);margin:-.5vh 0 0;line-height:1.5}.about-content__cards{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;align-items:start;gap:0;width:100%;max-width:1080px;min-height:0;padding:0;display:grid}.about-content__cta{cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:680px;margin:0 auto;display:flex;position:absolute;bottom:2vh;left:0;right:0}.about-content__cta-arrow{color:var(--color-text-on-dark);animation:2s infinite bounce;display:flex}.about-content__cta-text{color:var(--color-text-on-dark);font-size:17px;font-family:var(--font-body);text-align:center;margin:0}.about-content__cta-subtext{color:var(--color-accent-on-dark);font-size:16px;font-family:var(--font-body);text-align:center;margin:0}@media (max-width:640px){.about-content{gap:28px;padding-top:0;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;flex:none;gap:0;padding:0 8px;display:flex}.about-content__cta{margin-top:0;position:static}.about-content__cta-text{font-size:15px}.about-content__cta-subtext{font-size:14px}}.expertise-card{text-align:left;z-index:1;flex-direction:column;align-items:flex-start;gap:48px;min-width:0;padding:4px 36px;display:flex;position:relative}.expertise-card+.expertise-card{border-left:1px solid color-mix(in srgb,var(--color-text-on-dark)16%,transparent)}.expertise-card__index{font-family:var(--font-body);letter-spacing:-.04em;color:var(--color-text-on-dark);opacity:.14;transition:opacity .3s var(--ease-out-expo),color .3s ease;padding-bottom:.15em;font-size:clamp(56px,7vw,96px);font-weight:500;line-height:.85}.expertise-card__content{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.expertise-card__icon{justify-content:center;align-items:center;display:flex}.expertise-card__icon img{filter:invert()}.expertise-card__title{font-size:var(--text-xl);color:var(--color-text-on-dark);font-weight:700;font-family:var(--font-display);margin:0;line-height:1.3;transition:color .3s}.expertise-card__description{color:color-mix(in srgb,var(--color-text-on-dark)72%,transparent);font-size:clamp(14px,1.6vw,17px);font-family:var(--font-display);margin:0;line-height:1.5}@media (hover:hover){.expertise-card:hover .expertise-card__index{color:var(--color-accent-on-dark);opacity:.45}.expertise-card:hover .expertise-card__title{color:var(--color-accent-on-dark)}.expertise-card:hover .expertise-card__icon img{animation:iconBounce .6s var(--ease-out-expo)}}@media (max-width:640px){.expertise-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 28px;padding:24px 0;display:grid}.expertise-card+.expertise-card{border-left:none;border-top:1px solid color-mix(in srgb,var(--color-text-on-dark)16%,transparent)}.expertise-card__index{opacity:.22;grid-row:1;padding-top:2px;padding-bottom:0;font-size:clamp(40px,12vw,52px)}.expertise-card__content{grid-column:2;gap:8px}}.about-content__headline{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);transition-delay:.1s;transform:translateY(40px)}.about-content__headline--visible{opacity:1;transform:translateY(0)}.about-content__intro{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);transition-delay:.3s;transform:translateY(40px)}.about-content__intro--visible{opacity:1;transform:translateY(0)}.expertise-card{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);transform:translateY(28px)}.about-content__cards--visible .expertise-card{opacity:1;transform:translateY(0)}.about-content__cards--visible .expertise-card:first-child{transition-delay:.5s}.about-content__cards--visible .expertise-card:nth-child(2){transition-delay:.65s}.about-content__cards--visible .expertise-card:nth-child(3){transition-delay:.8s}.about-content__cta{opacity:0;transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);transition-delay:1.1s;transform:translateY(40px)}.about-content__cta--visible{opacity:1;transition:opacity .8s var(--ease-out-expo);transition-delay:1.1s;transform:translateY(0)}.about-content__word{opacity:0;transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo);transition-delay:var(--word-delay,0s);display:inline-block;transform:translateY(20px)}.about-content__headline--visible .about-content__word{opacity:1;transform:translateY(0)}.about-content__word-inner{transition:transform .3s var(--ease-out-expo),color .3s ease;display:inline-block}@media (hover:hover){.about-content__headline--visible .about-content__word:hover .about-content__word-inner{transform:translateY(-4px)}}.about-content__word--accent{color:var(--color-accent)}.about-content__cta:hover{transform:scale(1.02)}.about-content__cta-arrow{transition:transform .3s var(--ease-out-expo)}.about-content__cta:hover .about-content__cta-arrow{transform:translateY(-8px)}.about-content__cta-subtext{background-image:linear-gradient(var(--color-accent),var(--color-accent));transition:background-size .8s var(--ease-out-expo);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px}.about-content__cta:hover .about-content__cta-subtext{background-size:100% 1px}.about-content__headline,.about-content__intro,.about-content__cta,.expertise-card{will-change:opacity,transform}.about-content__headline--visible,.about-content__intro--visible,.about-content__cta--visible,.about-content__cards--visible .expertise-card{will-change:auto}
.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{width:100%;max-width:800px;height:100%;transition:all 1.5s var(--ease-out-expo);flex-direction:column;justify-content:space-between;align-items:center;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 var(--ease-out-expo);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.contact-section__circle-wrapper{transition:opacity .3s}.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--expanded .spinning-circular-text{--diameter:280px}.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{transition:transform .8s var(--ease-out-expo);justify-content:center;align-items:center;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 ease .8s,transform .6s var(--ease-out-expo).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}@media (max-width:640px){.contact-section__divider{display:none}.contact-section__form-wrapper{opacity:0;width:100%;transition:opacity .4s ease .3s,transform .4s var(--ease-out-expo).3s;padding:0 24px;position:relative;top:auto;left:auto;transform:scale(.95)}.contact-section__form-wrapper--open{opacity:1;transform:scale(1)}.contact-section__form-wrapper--closing{opacity:0;transition:opacity .3s ease,transform .3s var(--ease-out-expo);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-body);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-on-light)}}.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-body);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-body);order:1;margin:0}.contact-popup__close-button{color:var(--color-about-bg);cursor:pointer;font-size:32px;font-family:var(--font-body);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-body);margin-bottom:4px;font-weight:500;display:block}.contact-popup__input,.contact-popup__textarea{width:100%;font-size:18px;font-family:var(--font-body);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__input:focus-visible,.contact-popup__textarea:focus-visible,.contact-popup__submit-button:focus-visible{outline-offset:0}.contact-popup__textarea{resize:vertical}.contact-popup__status{font-size:16px;font-family:var(--font-body);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-body);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{--diameter:320px;width:var(--diameter);height:var(--diameter);cursor:pointer;transition:width .8s var(--ease-out-expo),height .8s var(--ease-out-expo),transform .6s var(--ease-out-expo);border-radius:50%;animation:20s linear infinite contactSpin;position:relative}.spinning-circular-text__char{transform-origin:0 0;font-size:32px;font-family:var(--font-body);color:var(--color-text-on-light);pointer-events:none;transition:transform .8s var(--ease-out-expo),font-size .8s var(--ease-out-expo),font-weight .8s var(--ease-out-expo);font-weight:500;position:absolute;top:50%;left:50%}.spinning-circular-text__center{color:var(--color-text-on-light);font-size:48px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,font-size .8s var(--ease-out-expo);font-weight:700;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{--diameter:240px}.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:focus-visible{outline-offset:0}.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-display);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-body);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-display__canvas-container{cursor:help}.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}.landing-section__semantic-content,.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.tooltip{z-index:4000;background-color:var(--color-about-bg);max-width:260px;color:var(--color-text-on-dark);font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;text-align:center;white-space:pre-line;pointer-events:none;box-shadow:3px 3px 0 var(--color-accent);opacity:0;transition:opacity .14s ease,transform .14s var(--ease-out-expo);padding:8px 12px;font-size:11px;font-weight:500;line-height:1.35;position:fixed}.tooltip[data-placement=top]{transform-origin:bottom;transform:scale(.96)translateY(4px)}.tooltip[data-placement=bottom]{transform-origin:top;transform:scale(.96)translateY(-4px)}.tooltip[data-placement=left]{transform-origin:100%;transform:scale(.96)translate(4px)}.tooltip[data-placement=right]{transform-origin:0;transform:scale(.96)translate(-4px)}.tooltip[data-ready=true]{opacity:1;transform:scale(1)translate(0)}.tooltip[data-instant=true]{transition-duration:0s}