@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&display=swap";::selection{color:#0a0a0a;background:#fff19a}::selection{color:#0a0a0a;background:#fff19a}@font-face{font-family:UglyDave;src:url(/assets/UglyDave-VySYb3dr.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UglyDaveAlt;src:url(/assets/UglyDave-Alternates-7STxUett.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-Variable-D6ftewdU.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--base-100:#f5f1e6;--base-200:#e0dfd7;--base-300:#5f5f5f;--base-350:#3f3f3f;--base-400:#0c0908}*{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden}body{background:var(--base-100);color:var(--base-400);overscroll-behavior:none;font-family:DM Sans,sans-serif;overflow:hidden}.preloader{z-index:100000000;background:var(--base-100);will-change:opacity;justify-content:flex-start;align-items:flex-end;padding:clamp(1.25rem,4vw,2.75rem);display:flex;position:fixed;inset:0}.loader{aspect-ratio:1481/604;opacity:0;width:min(42vw,14rem);transition:opacity 1.1s,transform 1.1s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(6px)}.loader.is-in{opacity:1;transform:translateY(0)}.loader__base,.loader__fill,.loader__dot{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.loader__fill{--p:0;-webkit-clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);transition:clip-path .3s cubic-bezier(.2,.85,.3,1)}.loader__dot{opacity:0;animation:1.5s step-end infinite loaderDot}.loader__dot--1{animation-delay:0s}.loader__dot--2{animation-delay:.22s}.loader__dot--3{animation-delay:.44s}@keyframes loaderDot{0%{opacity:0}10%{opacity:1}80%{opacity:1}90%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.loader{opacity:1;transition:none;transform:none}.loader__dot{opacity:1;animation:none}.loader__fill{transition:none}}@media (width<=600px){.preloader{justify-content:center;align-items:flex-start;padding:0}.loader{width:55vw;margin-top:calc(80vh - 18vw)}}.nav{z-index:10000;pointer-events:none;justify-content:space-between;align-items:center;padding:0 1.75rem;display:flex;position:fixed;top:1.5rem;left:0;right:0}.nav a,.nav button,.nav-meta{pointer-events:auto}.nav-left,.nav-right{align-items:center;gap:.5rem;display:flex}.nav-logo{line-height:0;text-decoration:none;display:inline-block}.nav-logo img{width:auto;height:2.2rem;display:block}.nav-pill{letter-spacing:0;color:var(--base-400);cursor:pointer;isolation:isolate;will-change:transform;background-color:#ece3cb;border:none;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem 1.2rem .45rem .7rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .25s;display:inline-flex;position:relative}.nav-pill:hover,.nav-pill.is-open{background-color:#d4c7a6}.nav-toggle{height:2.3rem;color:var(--base-400);cursor:pointer;z-index:2;background-color:#ece3cb;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .85rem;transition:background-color .25s,transform .25s cubic-bezier(.22,1,.36,1);display:none;position:relative}.nav-toggle:hover,body.nav-menu-open .nav-toggle{background-color:#d4c7a6}.nav-toggle__icon{line-height:0;display:grid}.nav-toggle__word{filter:brightness(.28)contrast(2.05);grid-area:1/1;place-self:center;width:auto;transition:opacity .22s}.nav-toggle__word--menu{height:1.05rem;translate:0 .1em}.nav-toggle__word--close{filter:brightness(.45)contrast(1.9);opacity:0;height:1.6rem}body.nav-menu-open .nav-toggle__word--menu,body.gallery-open .nav-toggle__word--menu,body.about-open .nav-toggle__word--menu{opacity:0}body.nav-menu-open .nav-toggle__word--close,body.gallery-open .nav-toggle__word--close,body.about-open .nav-toggle__word--close{opacity:1}@media (prefers-reduced-motion:reduce){.nav-toggle__word,.nav-toggle{transition:none}}@media (width<=1000px){.nav-toggle{display:inline-flex}.nav-left{width:min(78vw,320px);height:100svh;padding:5.25rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom,0px));background:var(--base-100);visibility:hidden;pointer-events:none;z-index:1;border-left:1.5px solid #e3d9bf;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.7rem;transition:transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-18px 0 44px -26px #0c090880}body.nav-menu-open .nav-left{visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.22,1,.36,1),visibility;transform:translate(0)}.nav-left .nav-pill{justify-content:flex-start;gap:.75rem;width:100%;padding:.72rem 1.1rem;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.nav-left{transition:visibility}}}.nav-pill--back{display:none}body.work-open .nav-pill--back,body.process-open .nav-pill--back,body.about-open .nav-pill--back{animation:.36s cubic-bezier(.22,1,.36,1) .16s both backPillIn;display:inline-flex}.nav-pill__back-arrow{flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:visible}.nav-pill__back-arrow .back-arrow-svg{width:1.5rem;height:1.25rem;color:var(--base-400);transform-box:fill-box;transform-origin:50%;overflow:visible;transform:rotate(13deg)}@keyframes backPillIn{0%{opacity:0;transform:translate(-4px)scale(.98)}to{opacity:1;transform:none}}.nav-pill--back.is-leaving{pointer-events:none;transition:none;animation:none;display:inline-flex}@media (prefers-reduced-motion:reduce){body.work-open .nav-pill--back,body.process-open .nav-pill--back,body.about-open .nav-pill--back{animation:none}}.nav-pill__icon{background-color:#0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;overflow:visible}.nav-pill__icon img{object-fit:contain;max-width:85%;max-height:85%}.nav-pill:nth-of-type(2) .nav-pill__icon img{max-width:100%;max-height:78%}.eyes-inner{transform:translate(-2%,-2%)}.nav-pill__icon--work{position:relative}.nav-pill__icon--work .work-icon{object-fit:contain;pointer-events:none;transform-origin:50% 92%;width:auto;max-width:none;height:1.35rem;max-height:none;position:absolute;top:50%;left:52.5%;transform:translate(-50%,-50%)}.nav-pill[data-work-open]{overflow:hidden}.nav-pill__label--work{white-space:nowrap;display:inline-flex}.nav-pill__label--work .work-letter{will-change:transform, opacity;transform-origin:50% 100%;display:inline-block}.nav-pill__icon--process{position:relative}.nav-pill__icon--process .process-icon{opacity:.95;object-fit:contain;pointer-events:none;width:auto;max-width:72%;height:auto;max-height:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-pill__icon--eyes{position:relative}.nav-pill__icon--eyes .eyes-outer,.nav-pill__icon--eyes .eyes-inner-wrap{pointer-events:none;width:92%;height:74%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-pill__icon--eyes .eyes-outer{object-fit:contain;max-width:none;max-height:none}.nav-pill__icon--eyes .eyes-inner{object-fit:contain;will-change:transform;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.nav-pill__icon--eyes .eyes-inner{transform:none!important}}.nav-pill--dark .nav-pill__icon img{filter:invert();max-width:60%;max-height:60%}.nav-pill--dark{background-color:var(--base-400);color:var(--base-100);background-image:none}.nav-pill--dark:before{background-color:var(--base-350)}.nav-pill--dark:hover{background-color:var(--base-400)}.nav-pill--dark .nav-pill__icon{color:var(--base-100);background-color:#0000;background-image:none}.nav-meta{color:var(--base-300);letter-spacing:.01em;padding-right:.5rem;font-family:DM Sans,sans-serif;font-size:.75rem}.scroll-hint{z-index:20;pointer-events:none;will-change:transform;opacity:.7;filter:drop-shadow(1px 2px 3px #0000000f);width:clamp(5.5rem,11vmin,7rem);position:fixed;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.scroll-hint--work{z-index:60;position:absolute;bottom:clamp(4rem,10vh,8rem);left:clamp(1rem,3vw,2.5rem);right:auto}.scroll-hint svg{width:100%;height:auto;display:block;overflow:visible}.scroll-hint .bubble-stroke{fill:var(--base-100);stroke:var(--base-350);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.scroll-hint .frame-b{visibility:hidden}.scroll-hint .frame-a{animation:.92s step-end infinite boil-a}.scroll-hint .frame-b{animation:.92s step-end infinite boil-b}@keyframes boil-a{50%{visibility:hidden}}@keyframes boil-b{50%{visibility:visible}}.scroll-hint .bubble-text{fill:var(--base-350);font-family:UglyDave,cursive;font-size:34px}@media (prefers-reduced-motion:reduce){.scroll-hint .frame-a,.scroll-hint .frame-b,.scroll-hint .bubble-text{animation:none}}.scroll-wrap{height:100svh}.noise-overlay{pointer-events:none;z-index:9999999;mix-blend-mode:color-burn;opacity:.1;background:url(/assets/noise-BZ9MqW6P.png) 0 0/275px 275px;position:fixed;inset:0}@media (-webkit-device-pixel-ratio>=2),(resolution>=2x){.noise-overlay{background-size:137px 137px}}@media (-webkit-device-pixel-ratio>=3),(resolution>=3x){.noise-overlay{background-size:92px 92px}}.burst-layer{pointer-events:none;z-index:998;position:fixed;inset:0}.burst-layer img{mix-blend-mode:multiply;will-change:transform, opacity;-webkit-user-select:none;user-select:none;pointer-events:none;width:90px;height:90px;position:absolute;transform:translate(-50%,-50%)scale(0)}img{object-fit:contain;width:100%;height:100%}.desk{z-index:1;width:100%;max-width:1400px;height:100svh;margin:0 auto;position:sticky;top:0}.header{text-align:center;pointer-events:none;z-index:-1;flex-direction:column;gap:.75rem;width:clamp(280px,50vmin,420px);display:flex;position:absolute}.header h1{letter-spacing:-.02rem;font-family:Instrument Serif,sans-serif;font-size:clamp(2.5rem,5vmin,4rem);font-weight:600;line-height:1}.ink-word{vertical-align:middle;height:2.7em;display:inline-block;position:relative}.ink-word--create{filter:brightness(.5)contrast(1.9);height:3.25em;margin:0 0;translate:0 -.85em}.ink-word--design{filter:brightness(.35)contrast(1.9);height:3.25em;margin:0 .15em;translate:0 -.15em}.ink-word--build{height:2.8em;translate:0 -.65em}.ink-word__f{width:auto;height:100%;display:block}.ink-word__f--b{position:absolute;inset:0}.ink-word__f--a{animation:.7s step-end infinite ink-boil-a}.ink-word__f--b{animation:.7s step-end infinite ink-boil-b}@keyframes ink-boil-a{0%,49.999%{opacity:1}50%,to{opacity:0}}@keyframes ink-boil-b{0%,49.999%{opacity:0}50%,to{opacity:1}}.header p{color:var(--base-350);white-space:nowrap;font-size:clamp(.9rem,1.7vmin,1.1rem);line-height:1.75}.item-bg{z-index:-1}.item{will-change:transform;filter:sepia(.06)saturate(1.05);position:absolute}.item-shadow{z-index:-1;pointer-events:none;will-change:opacity;filter:drop-shadow(2px 3px 4px #00000026)drop-shadow(0 1px 2px #0000001a);transition:opacity .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}body.work-engaged .item-shadow{opacity:0;transition:opacity .28s}#laptop,#farbe{position:absolute}.laptop-screen{background:var(--base-100);opacity:0;pointer-events:none;border-radius:6px;width:84%;height:52%;position:absolute;top:3%;left:8%}.portfolio-content{background:var(--base-100);z-index:2;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.portfolio-inner{text-align:center}.portfolio-inner h2{margin-bottom:1rem;font-family:Instrument Serif,sans-serif;font-size:3rem}.portfolio-inner p{color:var(--base-300);font-size:1.1rem}@media (width<=1000px){.desk{max-width:min(1400px,60svh)}.header{width:min(86vw,320px)}.header p{white-space:normal;line-height:1.6}.header p .ink-word{margin-bottom:-1.6em}.ink-word--create{translate:0 -1.7em}.ink-word--design{translate:0 -1em}.ink-word--build{translate:0 -1.5em}}.page-header{justify-content:center;align-items:center;height:100svh;display:flex}.page-header h1{font-family:Instrument Serif,sans-serif;font-size:4rem;font-weight:600}:is(html:has(.process-page),body:has(.process-page)){height:auto;min-height:100%;overflow:hidden auto}.process-page{min-height:100vh;color:var(--base-400);justify-content:center;align-items:center;padding:clamp(9rem,18vh,13rem) clamp(1.5rem,5vw,5rem) clamp(4rem,10vh,7rem);display:flex;position:relative}.process-overlay{z-index:50;color:var(--base-400);opacity:0;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;padding:clamp(9rem,18vh,13rem) clamp(1.5rem,5vw,5rem) clamp(4rem,10vh,7rem);transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s;display:flex;position:fixed;inset:0}.process-overlay:not(.is-open) *{pointer-events:none!important}.process-overlay.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility linear}.process-shell{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin:0 auto;display:flex;position:relative}.process-tabs{color:var(--base-400);align-items:baseline;gap:.55rem;margin:0 0 clamp(1.1rem,2.6vh,1.6rem);padding-left:.2rem;font-family:UglyDave,serif;display:inline-flex;position:relative}.process-tabs__cross{pointer-events:none;opacity:0;width:5em;height:.4em;transform:translate3d(var(--cx,0px), var(--cy,0px), 0) rotate(var(--cr,0deg));z-index:1;background-image:url(/assets/neueline-C6Rql0Qi.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .25s;position:absolute;top:.1em;left:0}.process-tabs.is-ready .process-tabs__cross{opacity:.9}.process-tabs__cross[data-tab=included]{width:11em;left:0}body.process-open,body.work-open{overscroll-behavior:none;overflow:hidden}html:has(body.process-open){overscroll-behavior:none;overflow:hidden}html:has(body.work-open){overscroll-behavior:none;overflow:hidden}body.work-open{touch-action:none}html:has(body.work-open){touch-action:none}.work-overlay{z-index:50;color:#e3e3db;opacity:0;pointer-events:none;visibility:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;background-color:#0000;font-family:DM Sans,Outfit,sans-serif;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s;position:fixed;inset:0;overflow:hidden auto}.work-overlay::-webkit-scrollbar{display:none}.work-overlay.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .85s cubic-bezier(.33,1,.68,1),visibility linear}.work-overlay section{background-color:#0000;width:100vw;height:100svh;padding:2em;position:relative;overflow:hidden}.work-overlay h1{letter-spacing:-.02em;text-indent:5em;color:#e3e3db;-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Outfit,sans-serif;font-size:5vw;font-weight:500;line-height:1}.work-stage{--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);justify-content:center;align-items:center;display:flex}.work-stage .row{--frame-w:min(calc(62vh * 16 / 10), 88vw);flex-direction:column;align-items:center;width:100%;display:flex;transform:translateY(3vh)}.work-stage .media{width:var(--frame-w);aspect-ratio:16/10;position:relative}.wobble-slider{inset:calc(-100% * var(--overscan,.18));pointer-events:none;position:absolute;overflow:visible}.wobble-slider canvas{display:block;width:100%!important;height:100%!important}.caption-svg{inset:calc(-100% * var(--overscan,.18));pointer-events:none;display:block;position:absolute;overflow:visible}.tp-title{letter-spacing:-.01em;fill:var(--base-400);font-family:UglyDave,serif;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:400}.tp-meta{letter-spacing:0;fill:var(--base-350);font-family:Outfit,sans-serif;font-size:clamp(.88rem,.95vw,.95rem);font-weight:400}.caption-svg a.tp-live-link{pointer-events:auto;cursor:pointer;outline:none}.tp-live-link .tp-meta{fill:var(--base-400);transition:fill .22s}.caption-svg a.tp-live-link:hover .tp-meta,.caption-svg a.tp-live-link:focus-visible .tp-meta{fill:#f3a100}.work-stage .scrollbar{z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:1.5rem;right:1.7rem}.work-stage .scrollbar:active{cursor:grabbing}.sb-dots{pointer-events:none;align-items:center;gap:11px;display:flex}.sb-dot{appearance:none;pointer-events:auto;cursor:pointer;width:14px;height:14px;transition:scale .42s var(--ease-spring);background:0 0;border:none;flex:none;margin:0;padding:0;position:relative}.sb-dot:first-child{transform:rotate(0)}.sb-dot:nth-child(2){transform:rotate(8deg)}.sb-dot:nth-child(3){transform:rotate(-6deg)}.sb-dot:nth-child(4){transform:rotate(12deg)}.sb-dot:nth-child(5){transform:rotate(-10deg)}.sb-dot img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sb-dot__circle{opacity:.3;transition:opacity .26s var(--ease)}.sb-dot:hover .sb-dot__circle{opacity:.6}.sb-dot:focus-visible{outline:2px solid var(--base-400);outline-offset:3px}.sb-dot:active{scale:.86}.sb-dot__cross{opacity:0;transform:scale(.4) rotate(calc(var(--cross-rot,0deg) - 14deg));transition:opacity .18s var(--ease), transform .42s var(--ease-spring)}.sb-dot.is-active .sb-dot__circle{opacity:1}.sb-dot.is-active .sb-dot__cross{opacity:1;transform:scale(1.05) rotate(var(--cross-rot,0deg))}.cursor-tip{z-index:70;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.work-stage .tip{opacity:0;white-space:nowrap;display:block}.media.is-on .tip{opacity:1}.media.is-on,.media.is-on *{cursor:none}.tip--bubble{transform-origin:50%;width:8.5rem;transition:opacity .2s linear, transform .4s var(--ease-spring);transform:translate(-50%,-50%)translateY(6px)scale(.94)}.media.is-on .tip--bubble{transform:translate(-50%,-50%)translateY(0)scale(1)}.tip--bubble svg{width:100%;height:auto;display:block;overflow:visible}.tip--bubble .tip-bubble-stroke{fill:var(--base-100);stroke:var(--base-400);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.tip--bubble .tip-frame-b{visibility:hidden}.media.is-on .tip-frame-a{animation:.46s step-end infinite tip-boil-a}.media.is-on .tip-frame-b{animation:.46s step-end infinite tip-boil-b}@keyframes tip-boil-a{50%{visibility:hidden}}@keyframes tip-boil-b{50%{visibility:visible}}.tip--bubble .tip-bubble-text{fill:var(--base-400);font-family:UglyDave,cursive;font-size:22px}.project-gallery{--ease:cubic-bezier(.22, 1, .36, 1);z-index:60;color:var(--base-400);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s var(--ease), visibility 0s linear .55s;background:0 0;font-family:Outfit,DM Sans,sans-serif;position:fixed;inset:0}.project-gallery.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s var(--ease), visibility 0s linear 0s}.pg-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;align-items:center;gap:clamp(2rem,5vh,4rem);padding:calc(4.1rem + clamp(2rem,5vh,4rem)) clamp(1.25rem,4vw,3rem) clamp(4rem,12vh,8rem);display:flex;position:absolute;inset:0;overflow:hidden auto}.pg-scroll::-webkit-scrollbar{display:none}.pg-item{aspect-ratio:16/10;flex:none;width:min(124.8vh,92vw);max-width:1180px;margin:0;position:relative}.pg-clip{background:var(--base-200);object-fit:cover;width:100%;height:100%;display:block}@media (width<=1000px){.work-overlay h1{text-indent:2em;font-size:7vw}}@media (width<=760px){.work-stage .row{--frame-w:min(86vw, 44svh)}.work-stage .media{aspect-ratio:10/16}.work-stage .scrollbar{bottom:1.1rem;right:1.1rem}.sb-dots{gap:9px}.scroll-hint--work{bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.pg-scroll{gap:clamp(1.1rem,3.5vh,2rem);padding:calc(4.1rem + clamp(1.1rem,3.5vh,2rem)) clamp(.6rem,2.5vw,1rem) clamp(2rem,7vh,4rem)}.pg-item{width:95vw}}.nav{transition:opacity .4s}.process-tab{font:inherit;letter-spacing:-.01em;color:var(--base-350);cursor:pointer;opacity:.55;background:0 0;border:0;align-items:center;gap:.4rem;margin:0;padding:.2rem .1rem .35rem;font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.1;transition:opacity .25s,color .25s;display:inline-flex;position:relative}.process-tab:hover,.process-tab:focus-visible{opacity:1;outline:none}.process-tab.is-active{opacity:1;color:var(--base-400)}.process-tab__label{z-index:2;position:relative}.process-tabs__sep{color:var(--base-300);opacity:.7;-webkit-user-select:none;user-select:none;font-family:UglyDave,serif;font-size:clamp(1.15rem,1.9vw,1.5rem)}.process-panels{display:grid;position:relative}.process-panels>.process-panel{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .2s;position:relative}.process-panels>.process-panel.is-active{visibility:visible;opacity:1;pointer-events:auto}@keyframes processStepIn{0%{opacity:0;transform:translateY(18px) rotate(var(--enter-rot,0deg))}to{opacity:var(--enter-op,.28);transform:translateY(0)rotate(0)}}.process-panel.is-entering .process-step{animation:.85s cubic-bezier(.22,1,.36,1) backwards processStepIn;animation-delay:calc(.18s + var(--i,0) * 90ms)}.process-panel.is-hover-lock .process-step{pointer-events:none}.process-panel.is-entering .process-step.is-active{--enter-op:1}@keyframes processFlipOut{0%{opacity:var(--leave-from-op,.28);transform:translate(0)rotate(0)}to{opacity:0;transform:translateX(var(--flip-x,-60px)) rotate(var(--flip-rot,-1.4deg))}}@keyframes processFlipIn{0%{opacity:0;transform:translateX(var(--flip-x,60px)) rotate(var(--flip-rot,1.4deg))}to{opacity:var(--enter-op,.28);transform:translate(0)rotate(0)}}.process-panel.is-flip-out{visibility:visible;opacity:1;pointer-events:none;z-index:1}.process-panel.is-flip-in{z-index:2}.process-panel.is-flip-out .process-step{animation:.42s cubic-bezier(.5,0,.75,.2) forwards processFlipOut;animation-delay:calc(var(--i,0) * 40ms)}.process-panel.is-flip-in .process-step{animation:.7s cubic-bezier(.22,1,.36,1) backwards processFlipIn;animation-delay:calc(.37s + var(--i,0) * 70ms)}.process-panel.is-flip-out .process-step.is-active{--leave-from-op:1}.process-panel.is-flip-in .process-step.is-active{--enter-op:1}.process-panel.is-dir-fwd{--flip-x:60px;--flip-rot:1.4deg}.process-panel.is-flip-out.is-dir-fwd,.process-panel.is-dir-back{--flip-x:-60px;--flip-rot:-1.4deg}.process-panel.is-flip-out.is-dir-back{--flip-x:60px;--flip-rot:1.4deg}.process-panel.is-flip-out .process-circle{opacity:0!important}.process-panel.is-entering .process-circle,.process-panel.is-flip-in .process-circle{transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity;opacity:0!important}.process-panel.is-hover-lock .process-circle{opacity:0!important}.process-panel.is-entering .process-step:nth-child(5n+1){--enter-rot:-1.4deg}.process-panel.is-entering .process-step:nth-child(5n+2){--enter-rot:1.1deg}.process-panel.is-entering .process-step:nth-child(5n+3){--enter-rot:-.7deg}.process-panel.is-entering .process-step:nth-child(5n+4){--enter-rot:1.6deg}.process-panel.is-entering .process-step:nth-child(5n+5){--enter-rot:-1.2deg}.process-list{width:fit-content;max-width:100%;margin:0;position:relative}.process-step__body--list{flex-direction:column;gap:.25rem;padding:0;list-style:none;display:flex}.process-step__body--list li{padding-left:1.05rem;position:relative}.process-step__body--list li:before{content:"";opacity:.9;width:.7em;height:.7em;transform:rotate(var(--star-rot,0deg));background-image:url("/assets/Mittel%20(Star%20(11))-FWrxQdJZ.png");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:.32em;left:0}.process-step__body--list li:nth-child(5n+1):before{--star-rot:-18deg}.process-step__body--list li:nth-child(5n+2):before{--star-rot:24deg}.process-step__body--list li:nth-child(5n+3):before{--star-rot:-42deg}.process-step__body--list li:nth-child(5n+4):before{--star-rot:11deg}.process-step__body--list li:nth-child(5n+5):before{--star-rot:67deg}.process-list__steps{margin:0;padding:0;list-style:none;position:relative}.process-step{opacity:1;align-items:baseline;gap:.85rem;padding:clamp(.9rem,2vh,1.4rem) 0;transition:opacity .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.process-step__num{letter-spacing:0;color:var(--base-400);flex:none;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-family:UglyDave,serif;font-size:1rem;font-weight:400;display:inline-flex;position:relative;transform:translateY(-.2em)}.process-circle{opacity:0;pointer-events:none;width:2.8rem;height:2.8rem;transform:translate3d(var(--cx,0px), var(--cy,0px), 0) rotate(var(--cr,0deg));z-index:2;background-image:url("/assets/Mittel%20(Circle%20(30))-DVJfKkUK.png");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;top:0;left:0}.process-list.is-active .process-circle{opacity:1}.process-step__title{letter-spacing:-.01em;color:var(--base-400);white-space:nowrap;flex:none;margin:0;font-family:UglyDave,serif;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:400;line-height:1.1}.process-step__body{color:var(--base-350);flex:auto;min-width:0;max-width:24rem;margin:0 0 0 1.25rem;font-family:Outfit,sans-serif;font-size:clamp(.88rem,.95vw,.95rem);font-weight:400;line-height:1.5}.process-step{opacity:.28;cursor:default}.process-step.is-active{opacity:1}@media (width<=760px),(hover:none){.process-overlay{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;align-items:flex-start;overflow-y:auto}.process-page{padding:6rem 1.25rem 4rem}.process-circle{display:none}.process-tabs__cross{width:3.8em}.process-tabs__cross[data-tab=included]{width:8.4em}.process-step{opacity:1;--enter-op:1;cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-rows:auto 0fr;grid-template-columns:2rem 1fr;align-items:baseline;gap:.3rem .75rem;padding:.85rem 0;transition:grid-template-rows .42s cubic-bezier(.4,0,.2,1);display:grid}.process-step.is-active{grid-template-rows:auto 1fr;transition:grid-template-rows .66s cubic-bezier(.16,1,.3,1)}.process-step__num{grid-row:1;justify-content:flex-start;align-self:baseline;align-items:baseline;width:2rem;height:auto;font-size:1rem;transform:none}.process-step__title{white-space:normal;opacity:.62;grid-column:2;padding-right:1.6rem;font-size:clamp(1.1rem,4.5vw,1.4rem);transition:opacity .35s cubic-bezier(.22,1,.36,1);position:relative}.process-step.is-active .process-step__title{opacity:1}.process-step__title:after{content:"+";color:var(--base-300);font-family:UglyDave,serif;font-size:.85em;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;top:.04em;right:.1rem;transform:rotate(0)}.process-step.is-active .process-step__title:after{content:"–";color:var(--base-400);transform:rotate(180deg)}.process-step__body{opacity:0;grid-column:2;max-width:none;min-height:0;margin-left:0;font-size:.92rem;transition:opacity .22s,transform .32s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(14px)}.process-step.is-active .process-step__body{opacity:1;padding-top:.15rem;transition:opacity .5s .12s,transform .72s cubic-bezier(.16,1,.3,1) .1s;transform:translateY(0)}.process-step__body--list,.process-step.is-active .process-step__body--list{opacity:1;transition:none;transform:none}.process-step__body--list li{opacity:0;transition:opacity .2s,transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(11px)}.process-step.is-active .process-step__body--list li{opacity:1;transition:opacity .45s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.process-step.is-active .process-step__body--list li:first-child{transition-delay:.15s}.process-step.is-active .process-step__body--list li:nth-child(2){transition-delay:.23s}.process-step.is-active .process-step__body--list li:nth-child(3){transition-delay:.31s}@media (prefers-reduced-motion:reduce){.process-step,.process-step.is-active,.process-step__body,.process-step.is-active .process-step__body,.process-step__body--list li,.process-step.is-active .process-step__body--list li{transition-duration:.01ms;transition-delay:0s}}}@media (height<=640px){.process-overlay{padding:clamp(5.5rem,13vh,7rem) clamp(1.5rem,5vw,5rem) clamp(1.5rem,5vh,3rem)}.process-tabs{margin-bottom:clamp(1rem,3vh,1.75rem)}.process-step{padding:clamp(.45rem,1.3vh,.9rem) 0}.process-step__body{max-width:30rem}}body.about-open{touch-action:none;overscroll-behavior:none;overflow:hidden}.about-modal{--about-width:30rem;--about-padding:2rem 2.25rem 1.5rem;--about-radius:2px;--about-tilt:0deg;--about-row-gap:.5rem;--about-row-cols:8rem 1fr;--about-col-gap:2.25rem;--about-paper:var(--base-100);--about-ink:var(--base-400);--about-ink-muted:var(--base-300);--about-backdrop:#0c090824;--about-highlighter:#d7a03c73;--about-highlighter-hover:#d7a03c4d;--about-rule-tint:#5f5f5f0a;--about-rule-opacity:.75;--about-glow-top:#fff5d21a;--about-glow-bottom:#dccda01a;--about-grain-size:322px;--about-grain-opacity:.06;--about-shadow:0 1px 0 #fff9 inset, 0 22px 40px -18px #0c090873, 0 60px 80px -40px #3c28141a;--about-font-body:"DM Sans", sans-serif;--about-font-label:"DM Sans", sans-serif;--about-font-display:"UglyDave", cursive;--about-title-size:3.4rem;--about-label-size:.98rem;--about-value-size:1.05rem;--about-value-leading:1.5;--about-value-tracking:.005rem;--about-label-tracking:-.005em;--about-label-style:italic;--about-value-font-weight:400;--about-label-font-weight:600;--about-fade-duration:.28s;--about-card-duration:.42s;--about-card-ease:cubic-bezier(.2, .9, .25, 1.1);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--about-fade-duration) ease, visibility 0s linear var(--about-fade-duration);justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex;position:fixed;inset:0}.about-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--about-fade-duration) ease, visibility 0s linear 0s}.about-modal.is-warming{visibility:visible;opacity:0;pointer-events:none;transition:none}.about-modal__backdrop{background:var(--about-backdrop);position:absolute;inset:0}.about-modal__card.phone-card{box-shadow:none;width:auto;max-height:none;transition:transform var(--about-card-duration) var(--about-card-ease);color:var(--about-ink);background:0 0;border-radius:0;padding:0;font-family:DM Sans,sans-serif;position:relative;overflow:visible;transform:translateY(18px)scale(.96)}.about-modal.is-open .about-modal__card.phone-card{transform:translateY(0)scale(1)}.about-modal.is-morphing{opacity:1;visibility:visible;pointer-events:auto;transition:none}.about-modal.is-morphing .about-modal__card.phone-card{transition:none;transform:none}.item.is-flying{pointer-events:none}.phone-frame{aspect-ratio:540/1000;width:min(100vw - 2.5rem,54dvh - 1.89rem,405px);height:auto;position:relative}.phone-frame__crack{pointer-events:none;z-index:3;filter:sepia(.06)saturate(1.05);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.phone-frame__crack--l5{mix-blend-mode:normal;opacity:1;z-index:8;background-image:url(/assets/5index-normal-0-DFKjZksp.png);transition:opacity .22s cubic-bezier(.4,0,.6,1)}.about-modal.is-open .phone-frame__crack--l5{animation:.7s cubic-bezier(.33,1,.68,1) 80ms forwards phoneScreenOn}@keyframes phoneScreenOn{0%{opacity:1}to{opacity:0}}.about-modal.is-open .notes-app,.about-modal.is-open .contact-app{animation:.7s cubic-bezier(.33,1,.68,1) forwards phoneBacklight}@keyframes phoneBacklight{0%{filter:brightness(.55)saturate(.85)}to{filter:brightness()saturate()}}.about-modal.is-morphing .phone-frame__crack--l5{opacity:1}.about-modal.is-morphing .notes-app,.about-modal.is-morphing .contact-app{filter:brightness(.55)saturate(.85)}.phone-frame__crack--l4{mix-blend-mode:hard-light;opacity:.7;z-index:4;background-image:url(/assets/4index-lichtpunkt-60-C8TjZwKc.png)}.phone-frame__crack--l3{mix-blend-mode:lighten;opacity:1;z-index:5;background-image:url(/assets/3index-lichtpunkt-50-BO4BdqhD.png)}.phone-frame__crack--l2{mix-blend-mode:normal;opacity:1;z-index:6;background-image:url(/assets/2index-normal-100-DopqNKc7.png)}.phone-frame__crack--l1{mix-blend-mode:normal;opacity:1;z-index:7;background-image:url(/assets/1index-normal-100-v3-qh2fX7rZ.png)}.notes-app{color:#0a0a0a;z-index:2;background:#f6f6f6;border-radius:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;position:absolute;inset:17.75% 6.9% 17.5% 6%;overflow:hidden;container-type:inline-size}.notes-app__statusbar{z-index:4;color:#0a0a0a;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);background:#f6f6f6d9;justify-content:space-between;align-items:center;padding:2.2% 7% .6%;font-size:clamp(11px,1.7cqw,15px);font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.notes-app__time{font-variant-numeric:tabular-nums;font-size:1em}.notes-app__sys{align-items:center;gap:5px;display:inline-flex}.nico{fill:#0a0a0a;width:17px;height:11px}.nico--wifi{width:15px}.nico-batt{background:0 0;border:1px solid #0a0a0a73;border-radius:3px;justify-content:center;align-items:center;width:29px;height:12.5px;padding:0 2px;display:inline-flex;position:relative}.nico-batt:after{content:"";background:#0a0a0a73;border-radius:0 1px 1px 0;width:1.5px;position:absolute;top:3.5px;bottom:3.5px;right:-2.5px}.nico-batt__fill{background:#f3a100;border-radius:1.5px;width:18%;position:absolute;top:1.5px;bottom:1.5px;left:1.5px}.nico-batt__num{color:#0a0a0a;z-index:1;font-size:8.5px;font-weight:700;line-height:1;position:relative}.notes-app__actions{z-index:3;color:#0a0a0a;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#f6f6f6eb 0%,#f6f6f6c7 70%,#f6f6f600 100%);align-items:center;gap:clamp(4px,.8cqw,8px);padding:3% 5% 2.2%;display:flex;position:absolute;top:clamp(18px,3.6cqw,30px);left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.notes-app__actions .pill--single{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;width:clamp(34px,5cqw,46px);height:clamp(34px,5cqw,46px);display:inline-flex;box-shadow:0 1px 2px #0000000f}.notes-app__actions button{cursor:pointer}.notes-app__spacer{flex:1}.notes-app__date{text-align:center;color:#9a9a9a;letter-spacing:-.005em;margin:0 0 4%;padding:0 5%;font-size:clamp(10px,1.6cqw,13px)}.notes-app__body{letter-spacing:-.005em;color:#0a0a0a;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:clamp(70px,13cqw,110px) 7%;font-size:clamp(14px,2.2cqw,19px);line-height:1.32;position:absolute;inset:0;overflow-y:auto}.notes-app__body::-webkit-scrollbar{display:none}.notes-app__body p{margin:1.4em 0 0}.notes-app__body p:first-child{margin-top:0}.notes-app__date+p{margin-top:1.4em}.notes-app__image{margin:0;padding:0;font-size:0;line-height:0}.notes-app__image img,.notes-app__image video{object-fit:cover;vertical-align:top;width:100%;height:auto;display:block}.notes-app__body .nk{color:#0a0a0a;font-weight:700}.notes-app__body .nv{color:#0a0a0a;font-weight:400}.notes-app__body a{color:#e6b04e;text-underline-offset:2px;padding:0;-webkit-text-decoration:underline #e6b04e;text-decoration:underline #e6b04e}.notes-app__toolbar{z-index:3;color:#0a0a0a;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#f6f6f600 0%,#f6f6f6c7 40%,#f6f6f6eb 100%);justify-content:space-between;align-items:center;gap:clamp(6px,1cqw,10px);padding:4% 5% 2%;display:flex;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 40% 100%);mask-image:linear-gradient(#0000 0%,#000 40% 100%)}.notes-app__toolbar-group{background:#0000000a;border-radius:999px;align-items:center;height:clamp(34px,5cqw,46px);padding:0 clamp(4px,.6cqw,6px);display:inline-flex}.notes-app__toolbar-group button{color:#0a0a0a;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:clamp(28px,4.4cqw,40px);height:100%;display:inline-flex}.notes-app__compose{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;width:clamp(34px,5cqw,46px);height:clamp(34px,5cqw,46px);display:inline-flex;box-shadow:0 1px 2px #0000000f}.about-modal__eyebrow{z-index:1;font-family:var(--about-font-label);font-style:var(--about-label-style);letter-spacing:.08em;color:var(--about-ink-muted);text-transform:lowercase;margin-bottom:.15rem;font-size:.82rem;position:relative}.about-modal__title{z-index:1;font-family:var(--about-font-display);font-size:var(--about-title-size);letter-spacing:-.02em;color:var(--about-ink);margin-bottom:1.25rem;line-height:.95;position:relative}.about-modal__list{z-index:1;flex-direction:column;margin-bottom:1rem;display:flex;position:relative}.about-modal__row{grid-template-columns:var(--about-row-cols);column-gap:var(--about-col-gap);padding:var(--about-row-gap) 0;border-top:1px solid var(--about-rule-tint);align-items:baseline;display:grid}.about-modal__row:first-child{border-top:0}.about-modal__row dt{font-family:var(--about-font-label);font-style:var(--about-label-style);font-weight:var(--about-label-font-weight);font-size:var(--about-label-size);color:var(--base-300);letter-spacing:var(--about-label-tracking);text-transform:lowercase;text-align:right;align-self:baseline}.about-modal__row dt:after{content:""}.about-modal__row dd{font-family:var(--about-font-body);font-size:var(--about-value-size);font-weight:var(--about-value-font-weight);line-height:var(--about-value-leading);color:var(--base-400);letter-spacing:var(--about-value-tracking)}.about-modal__row a{color:var(--about-ink);background-image:linear-gradient(transparent 62%, var(--about-highlighter) 62%, var(--about-highlighter) 92%, transparent 92%);background-size:100% 100%;padding:0 2px;text-decoration:none;transition:background-color .2s}.about-modal__row a:hover{background-color:var(--about-highlighter-hover)}.about-modal__updated{z-index:1;font-family:var(--about-font-label);font-style:var(--about-label-style);letter-spacing:.04em;color:var(--about-ink-muted);text-align:right;opacity:.9;font-size:.78rem;position:relative}@media (width<=600px){.about-modal{padding:1rem}.about-modal__card{padding:1.75rem 1.4rem 1.4rem}.about-modal__title{font-size:2.6rem}.about-modal__row{grid-template-columns:1fr;gap:.1rem;padding:.6rem 0}.about-modal__row dt:after{content:""}.about-modal__tape--left{left:8%}.about-modal__tape--right{right:8%}}[data-about-modal][data-view=about] .contact-app,[data-about-modal][data-view=contact] .notes-app{display:none}.contact-app{z-index:2;color:#000;background:#fff;border-radius:0;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;display:flex;position:absolute;inset:17.75% 6.9% 17.5% 6%;overflow:hidden;container-type:inline-size}.contact-app__statusbar{z-index:4;color:#000;letter-spacing:-.01em;background:#fff;justify-content:space-between;align-items:center;padding:2.2% 7% .6%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(11px,1.7cqw,15px);font-weight:600;display:flex;position:relative}.contact-app__time{font-variant-numeric:tabular-nums;font-size:1em}.contact-app__sys{align-items:center;gap:5px;display:inline-flex}.contact-app__viewport{z-index:1;-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:0;position:relative;overflow-y:auto}.contact-app__viewport::-webkit-scrollbar{display:none}.contact-screen{box-sizing:border-box;flex-direction:column;min-height:100%;display:flex}.contact-screen--form{background:#fff}.mail-nav{background:#fff;border-bottom:.5px solid #3c3c434a;grid-template-columns:1fr auto 1fr;align-items:center;padding:clamp(6px,1.4cqw,11px) clamp(10px,2.6cqw,18px);display:grid;position:relative}.mail-nav__title{text-align:center;color:#000;letter-spacing:-.01em;font-size:clamp(13px,2.9cqw,18px);font-weight:600}.mail-nav__btn{appearance:none;font:inherit;color:#007aff;cursor:pointer;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-size:clamp(13px,2.8cqw,17px)}.mail-nav__cancel{justify-self:start;font-weight:400}.mail-nav__send{color:#b8b8be;cursor:not-allowed;justify-self:end;font-weight:600}.mail-nav__send.is-enabled{color:#007aff;cursor:pointer}.mail-nav__send.is-enabled:active{opacity:.55}.mail-nav__send.is-sending{color:#007aff;opacity:.5;cursor:progress}.mail-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.mail-turnstile{justify-content:center;display:flex}.mail-turnstile:not(:empty){margin:12px 16px 4px}.mail-nav__btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #c84a1f73}.mail-error{color:#ff3b30;letter-spacing:-.005em;background:#fff5f5;border-bottom:.5px solid #ff3b3040;padding:clamp(5px,1.2cqw,9px) clamp(10px,2.6cqw,18px);font-size:clamp(9px,1.9cqw,13px)}.mail-error:empty{display:none}.mail-form{flex-direction:column;flex:1;min-height:0;display:flex}.mail-row{box-sizing:border-box;background:#fff;border-bottom:.5px solid #3c3c432e;align-items:center;gap:clamp(6px,1.4cqw,10px);min-height:clamp(28px,6cqw,44px);padding:clamp(6px,1.5cqw,11px) clamp(10px,2.6cqw,18px);display:flex;position:relative}.mail-row__label{color:#6b6b71;letter-spacing:-.01em;flex:none;min-width:clamp(54px,12cqw,80px);font-size:clamp(13px,2.8cqw,17px);font-weight:500}.mail-row__value{color:#000;letter-spacing:-.01em;flex:auto;font-size:clamp(13px,2.8cqw,17px);font-weight:500}.mail-row__input{appearance:none;width:100%;min-width:0;font:inherit;color:#000;letter-spacing:-.01em;caret-color:#c84a1f;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;flex:auto;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(13px,2.8cqw,17px);font-weight:500}.mail-row__input::placeholder{color:#8e8e93;opacity:1;font-style:normal}.mail-row__input:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #c84a1f59}.mail-row--select{padding-right:clamp(20px,4.6cqw,30px)}.mail-row__select{appearance:none;cursor:pointer;background:0 0;padding-right:clamp(14px,3cqw,20px)}.mail-row__select:invalid{color:#8e8e93}.mail-row__chevron{color:#c7c7cc;pointer-events:none;font-size:clamp(13px,2.8cqw,19px);font-weight:400;line-height:1;position:absolute;top:50%;right:clamp(10px,2.6cqw,18px);transform:translateY(-52%)}.mail-picker{flex-direction:column;display:flex}.mail-picker__trigger{appearance:none;text-align:left;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;box-sizing:border-box;background:#fff;border:none;border-bottom:.5px solid #3c3c432e;align-items:center;gap:clamp(6px,1.4cqw,10px);width:100%;min-height:clamp(28px,6cqw,44px);padding:clamp(6px,1.5cqw,11px) clamp(20px,4.6cqw,30px) clamp(6px,1.5cqw,11px) clamp(10px,2.6cqw,18px);display:flex;position:relative}.mail-picker__trigger:hover{background:#f7f7fa}.mail-picker__trigger:active{background:#ececf1}.mail-picker__trigger:focus-visible{outline-offset:-2px;outline:2px solid #c84a1f59}.mail-picker__value{color:#000;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:clamp(13px,2.8cqw,17px);overflow:hidden}.mail-picker__value[data-empty="1"]:before{content:attr(data-placeholder);color:#8e8e93}.mail-picker__chevron{transform-origin:50%;transition:transform .22s}.mail-picker.is-open .mail-picker__chevron{transform:translateY(-52%)rotate(90deg)}.mail-picker__panel{background:#f2f2f7;border-bottom:.5px solid #3c3c432e;animation:.18s both mail-picker-slide;overflow:hidden}@keyframes mail-picker-slide{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.mail-picker__option{appearance:none;text-align:left;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#000;letter-spacing:-.01em;background:0 0;border:none;border-bottom:.5px solid #3c3c4324;justify-content:space-between;align-items:center;gap:clamp(6px,1.4cqw,10px);width:100%;min-height:clamp(28px,6cqw,44px);padding:clamp(6px,1.5cqw,11px) clamp(10px,2.6cqw,18px);font-size:clamp(13px,2.8cqw,17px);display:flex}.mail-picker__option:last-child{border-bottom:none}.mail-picker__option:hover{background:#007aff14}.mail-picker__option:hover .mail-picker__option-label{color:#007aff}.mail-picker__option:active{background:#007aff29}.mail-picker__option-label{flex:auto}.mail-picker__check{color:#007aff;opacity:0;font-size:clamp(13px,2.8cqw,18px);font-weight:600;line-height:1;transition:opacity .15s,transform .15s;transform:scale(.8)}.mail-picker__option.is-selected .mail-picker__check{opacity:1;transform:scale(1)}.mail-picker__option.is-selected .mail-picker__option-label{color:#007aff}.mail-picker__option:focus-visible{outline-offset:-2px;outline:2px solid #c84a1f59}.mail-body{appearance:none;resize:none;box-sizing:border-box;color:#000;letter-spacing:-.005em;caret-color:#c84a1f;background:#fff;border:none;outline:none;flex:auto;width:100%;min-height:clamp(80px,18cqw,160px);padding:clamp(8px,1.8cqw,14px) clamp(10px,2.6cqw,18px) clamp(12px,2.6cqw,18px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(14px,3cqw,18px);font-weight:500;line-height:1.45}.mail-body::placeholder{color:#8e8e93;opacity:1}.mail-body:focus-visible{outline-offset:-2px;outline:2px solid #c84a1f59}.contact-screen--sent{text-align:center;background:#fff;justify-content:center;align-items:center;gap:clamp(8px,1.8cqw,14px);padding:8% 8% 12%}.contact-sent__check{background:#34c759;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,11cqw,72px);height:clamp(44px,11cqw,72px);margin-bottom:clamp(4px,1cqw,10px);animation:.42s cubic-bezier(.34,1.56,.64,1) both contact-check-in;display:inline-flex;box-shadow:0 6px 18px -8px #34c7598c}.contact-sent__check svg{width:55%;height:55%}@keyframes contact-check-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.contact-sent__title{letter-spacing:-.02em;color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:clamp(18px,4.8cqw,28px);font-weight:700}.contact-sent__note{color:#8e8e93;letter-spacing:-.005em;margin:0;padding:0 6%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(10px,2.1cqw,14px);line-height:1.4}.contact-sent__note em{color:#000;font-style:normal}.work-page{background:var(--base-100);min-height:100svh}