@font-face{font-family: "Plus Jakarta Sans";font-style: normal;font-weight: 200 800;font-display: swap;src: url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Plus Jakarta Sans";font-style: normal;font-weight: 200 800;font-display: swap;src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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: "Plus Jakarta Sans";font-style: italic;font-weight: 200 800;font-display: swap;src: url("../fonts/plus-jakarta-sans-italic-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Plus Jakarta Sans";font-style: italic;font-weight: 200 800;font-display: swap;src: url("../fonts/plus-jakarta-sans-italic-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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}:root{--bg: #e8e8e8;--ink: #000;--muted: rgba(0,0,0,0.57);--faint: rgba(0,0,0,0.25);--hairline: rgba(0,0,0,0.1);--accent: #ff3700;--accent-tint: #ffe8e0;--ok-tint: #e2f4e6;--orange: #ff5e00;--dark: #262626;--surface: #fff;--surface-raised: #fff;--surface-soft: rgba(255,255,255,0.5);--well: #f5f5f5;--solid: #000;--on-solid: #fff;--solid-hover: #3d3d3d;--ghost-hover: rgba(255,255,255,0.6);--tint: rgba(0,0,0,0.06);--edge: rgba(0,0,0,0.06);--halo: rgba(255,255,255,0.25);--logo: #1f1f1f;--bg-glow: #f8f8f8;--sheen: #fff;--sheen-half: rgba(255,255,255,0.5);--beam: 1;--noise: 0.05;--noise-filter: none;--logo-pill: var(--dark);--logo-pill-filter: none;--reel: var(--dark);--reel-link: 255,255,255;--reel-link-ink: #000;--chrome: #f4f4f5;--chrome-dot: #d2d2d6;--chrome-field: #e8e8ea;--font: "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-label: var(--font);--gutter: clamp(24px,8.33vw,120px);--max: 1200px;--ring: 0 0 0 8px var(--halo),12px 16px 16px rgba(0,0,0,0.1);--pill-shadow: 0.57px 0.57px 0.8px -0.71px rgba(0,0,0,0.5),1.45px 1.45px 2.04px -1.42px rgba(0,0,0,0.48),2.9px 2.9px 4.1px -2.13px rgba(0,0,0,0.46),5.49px 5.49px 7.77px -2.83px rgba(0,0,0,0.41),10.92px 10.92px 15.44px -3.54px rgba(0,0,0,0.32),24px 24px 33.94px -4.25px rgba(0,0,0,0.09);--btn-drop: 0.57px 0.57px 1.76px -0.42px rgba(0,0,0,0.18),1.45px 1.45px 4.5px -0.83px rgba(0,0,0,0.18),2.9px 2.9px 9.01px -1.25px rgba(0,0,0,0.18),5.49px 5.49px 17.09px -1.67px rgba(0,0,0,0.18),10.92px 10.92px 33.97px -2.08px rgba(0,0,0,0.18),24px 24px 74.67px -2.5px rgba(0,0,0,0.18);--btn-glow: inset 0 -16px 48px 0 #000;--btn-shadow: var(--btn-drop),var(--btn-glow);--ease: cubic-bezier(0.22,1,0.36,1)}@media screen{:root[data-theme="dark"]{color-scheme: dark;--bg: #121212;--ink: #f4f4f4;--muted: rgba(255,255,255,0.55);--faint: rgba(255,255,255,0.22);--hairline: rgba(255,255,255,0.1);--accent-tint: #3b1a0f;--ok-tint: #12301b;--surface: #1f1f1f;--surface-raised: #2a2a2a;--surface-soft: rgba(255,255,255,0.05);--well: #1a1a1a;--solid: #fff;--on-solid: #000;--solid-hover: #d6d6d6;--ghost-hover: rgba(255,255,255,0.08);--tint: rgba(255,255,255,0.1);--edge: rgba(255,255,255,0.08);--halo: rgba(255,255,255,0.05);--logo: #fff;--bg-glow: #1f1f1f;--sheen: #1d1d1d;--sheen-half: rgba(29,29,29,0.5);--beam: 0.05;--noise: 0.07;--noise-filter: invert(1);--logo-pill: #e8e8e8;--logo-pill-filter: invert(1);--reel: #e8e8e8;--reel-link: 0,0,0;--reel-link-ink: #fff;--chrome: #2a2a2c;--chrome-dot: #4a4a4e;--chrome-field: #1c1c1e;--ring: 0 0 0 8px var(--halo),12px 16px 16px rgba(0,0,0,0.3);--btn-shadow: var(--btn-drop)}:root[data-theme="dark"] .page-bg{height: 100vh;background: radial-gradient(100% 100% at 0% 0%,#3d3d3d 0%,var(--bg) 100%);-webkit-mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%);mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%)}:root[data-theme="dark"] .page-bg .beams{-webkit-mask-image: none;mask-image: none}:root[data-theme="dark"] .footer:not(.notfound) .dark-panel{--panel: #e8e8e8;--panel-ink: #000;--panel-muted: rgba(0,0,0,0.6);--panel-line: rgba(0,0,0,0.25);--panel-glow: #fff;--panel-beam: 1;--panel-noise: 0.05;--panel-noise-filter: none;--panel-wrap: #fff;--solid: #000;--on-solid: #fff;--solid-hover: #3d3d3d;--btn-shadow: var(--btn-drop),var(--btn-glow)}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}html.smooth{scroll-behavior: smooth}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 16px/1.7 var(--font);word-spacing: 0.06em;-webkit-font-smoothing: antialiased;overflow-x: clip}h1,h2,h3,h4,p,ul,figure,blockquote{margin: 0;padding: 0}ul{list-style: none}img{display: block;max-width: 100%}::selection{background: var(--accent);color: #fff}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0;padding: 0;cursor: pointer}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip-link{position: fixed;top: 12px;left: 12px;z-index: 1000;padding: 12px 18px;border-radius: 22px;background: var(--solid);color: var(--on-solid);font-size: 15px;font-weight: 600;transform: translateY(-200%)}.skip-link:focus-visible{transform: none}svg{display: block;width: 100%;height: 100%}.display{font: 600 clamp(44px,7.5vw,108px) / 1.15 var(--font);letter-spacing: -0.06em}.h2{font-size: clamp(28px,4vw,48px);font-weight: 600;line-height: 1.4;letter-spacing: -0.03em;text-align: center}.h3{font-size: clamp(18px,2vw,24px);font-weight: 600;line-height: 1.6;letter-spacing: -0.02em}.h4{font-size: 20px;font-weight: 600;line-height: 1.5;letter-spacing: -0.02em}blockquote.h3,blockquote.h4{font-weight: 400}.small{font-size: 12px;line-height: 18px}.muted{color: var(--muted)}h1 .muted,h2 .muted{color: inherit}.section{position: relative;z-index: 1;padding-inline: var(--gutter)}.container{position: relative;width: 100%;max-width: var(--max);margin-inline: auto}.section-head{display: flex;flex-direction: column;align-items: center;gap: 10px;margin-bottom: 24px}@media (max-width: 809px){.section-head{margin-bottom: 16px}}.tag{display: flex;align-items: center;justify-content: center;gap: 24px;padding-inline: 24px;font: 500 18px/1.2 var(--font-label);word-spacing: 0;color: var(--muted);white-space: nowrap}.tag::before,.tag::after{content: "";flex: 0 1 69px;min-width: 24px;height: 1px;opacity: 0.5;background: linear-gradient(90deg,rgba(84,84,84,0),var(--muted))}.tag::after{transform: scaleX(-1)}.tag--light{color: var(--panel-muted,rgba(255,255,255,0.5))}.tag--light::before,.tag--light::after{background: linear-gradient(90deg,rgba(84,84,84,0),var(--panel-ink,#fff))}.noise{position: fixed;inset: 0;z-index: 0;opacity: var(--noise);filter: var(--noise-filter);pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E")}.page-bg{position: absolute;inset: 0 0 auto 0;height: 1800px;z-index: 0;overflow: hidden;pointer-events: none;background: linear-gradient(225deg,var(--bg-glow) 0%,var(--bg) 70%);-webkit-mask-image: linear-gradient(#000 0%,#000 50%,transparent 100%);mask-image: linear-gradient(#000 0%,#000 50%,transparent 100%)}.beams span{position: absolute;top: -209px;left: calc(var(--x) - var(--w) / 2);width: var(--w);height: 1269px;background: linear-gradient(#fff 0%,#fff 84%,rgba(255,255,255,0) 100%);transform: skewX(45deg);opacity: var(--beam)}.beams span:nth-child(1){--x: 33.6%;--w: 591px;-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 20%,transparent 36.2%,#000 55.4%,rgba(0,0,0,0.13) 67.1%,#000 78.2%,transparent 97.3%);mask-image: linear-gradient(90deg,transparent 0%,#000 20%,transparent 36.2%,#000 55.4%,rgba(0,0,0,0.13) 67.1%,#000 78.2%,transparent 97.3%)}.beams span:nth-child(2){--x: -1.5%;--w: 582px;-webkit-mask-image: linear-gradient(90deg,transparent 11.4%,#000 25.6%,rgba(0,0,0,0.55) 41.7%,rgba(0,0,0,0.13) 67.1%,#000 78.2%,transparent 97.3%);mask-image: linear-gradient(90deg,transparent 11.4%,#000 25.6%,rgba(0,0,0,0.55) 41.7%,rgba(0,0,0,0.13) 67.1%,#000 78.2%,transparent 97.3%)}.beams span:nth-child(3){--x: 33.7%;--w: 441px;background: linear-gradient(#fff 0%,#fff 67%,rgba(255,255,255,0) 100%);-webkit-mask-image: linear-gradient(90deg,transparent 9.8%,#000 20%,rgba(0,0,0,0.55) 28.6%,rgba(0,0,0,0.42) 40.1%,#000 48.6%,rgba(0,0,0,0.27) 54.5%,rgba(0,0,0,0.13) 78.6%,#000 88.6%,transparent 97.3%);mask-image: linear-gradient(90deg,transparent 9.8%,#000 20%,rgba(0,0,0,0.55) 28.6%,rgba(0,0,0,0.42) 40.1%,#000 48.6%,rgba(0,0,0,0.27) 54.5%,rgba(0,0,0,0.13) 78.6%,#000 88.6%,transparent 97.3%)}.beams span:nth-child(4){--x: 50.1%;--w: 684px;-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 17.7%,rgba(0,0,0,0.55) 26.6%,#000 35.2%,transparent 47.7%,rgba(0,0,0,0.13) 69.2%,#000 79.1%,transparent 97.3%);mask-image: linear-gradient(90deg,transparent 0%,#000 17.7%,rgba(0,0,0,0.55) 26.6%,#000 35.2%,transparent 47.7%,rgba(0,0,0,0.13) 69.2%,#000 79.1%,transparent 97.3%)}.beams span:nth-child(5){--x: 49.1%;--w: 426px;-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 20%,rgba(0,0,0,0.55) 27.6%,#000 42.3%,transparent 48.6%,rgba(0,0,0,0.13) 67.1%,#000 75%,#000 82.4%,rgba(0,0,0,0.47) 88.7%,transparent 97.3%);mask-image: linear-gradient(90deg,transparent 0%,#000 20%,rgba(0,0,0,0.55) 27.6%,#000 42.3%,transparent 48.6%,rgba(0,0,0,0.13) 67.1%,#000 75%,#000 82.4%,rgba(0,0,0,0.47) 88.7%,transparent 97.3%)}@media (max-width: 809px){.beams span:nth-child(1){--x: 113.8%;--w: 438px}.beams span:nth-child(2){--x: 87.7%;--w: 432px}.beams span:nth-child(3){--x: 113.8%;--w: 327px}.beams span:nth-child(4){--x: 125.9%;--w: 507px}.beams span:nth-child(5){--x: 125.1%;--w: 316px}}@media (max-width: 809px){.page-bg{background: linear-gradient(225deg,var(--bg-glow) 0%,var(--bg) 18%)}.page-bg .beams span:nth-child(1){--x: 120%;--w: 263px}.page-bg .beams span:nth-child(2){--x: 95%;--w: 259px}.page-bg .beams span:nth-child(3){--x: 140%;--w: 196px}.page-bg .beams span:nth-child(4){--x: 160%;--w: 304px}.page-bg .beams span:nth-child(5){--x: 185%;--w: 190px}}.page-bg .beams{position: absolute;inset: 0 0 auto 0;height: 200vh;-webkit-mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%);mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%)}.sheen{position: absolute;inset: 0;z-index: 0;pointer-events: none;background: linear-gradient(45deg,var(--sheen) 0%,var(--sheen) 20.9%,var(--sheen-half) 28.9%,var(--bg) 36.9%,var(--bg) 46.7%,var(--sheen-half) 54.2%,var(--bg) 59.6%,var(--bg) 63.4%,var(--sheen-half) 67.3%,var(--sheen) 72.9%,var(--bg) 76.1%,var(--sheen) 80.8%,var(--bg) 84.7%,var(--bg) 100%);-webkit-mask-image: radial-gradient(50% 50%,#000 0%,transparent 100%);mask-image: radial-gradient(50% 50%,#000 0%,transparent 100%)}.js noscript{display: none !important}.js .work-plain,.js .project-plain{display: none}.js [data-project]:has(> .project-plain){min-height: 100vh}.project-plain{display: grid;gap: 16px;max-width: 760px}.project-plain img{width: 100%;height: auto;border-radius: 16px}.work-plain{display: grid;gap: 10px;color: var(--muted)}.work-plain a{color: var(--ink);text-decoration: underline}.nav{position: fixed;inset: 0 0 auto 0;z-index: 20;padding-inline: var(--gutter);pointer-events: none}.nav-inner{position: relative;display: flex;align-items: center;justify-content: space-between;max-width: var(--max);height: 80px;margin-inline: auto}.nav-inner > *{pointer-events: auto}.nav-inner{transition: transform 0.45s var(--ease),opacity 0.3s}.nav-hidden .nav-inner:not(:focus-within){transform: translateY(-110%);opacity: 0}.nav-hidden .nav-inner:not(:focus-within) > *{pointer-events: none}@media (prefers-reduced-motion: reduce){.nav-inner{transition: none}}.wordmark{display: flex;align-items: center;height: 44px;padding-inline: 24px;border-radius: 22px;background: var(--surface);font: 700 16px/1.7 var(--font);white-space: nowrap;flex: none}.back-arrow{flex: none;width: 16px;height: 16px;margin-right: 8px}@media (max-width: 809px){.wordmark:not(.wordmark--logo){padding-inline: 16px}}.wordmark--logo{justify-content: center;width: 44px;padding: 0;border-radius: 50%;color: var(--logo);position: relative}.wordmark--logo .logo{width: 22px;height: auto;overflow: visible;clip-path: circle(22px at 50% 50%)}.logo-glasses,.logo-hand{transform-origin: 44px 9.3px}.logo-hand{transform: translateX(24px)}.logo-eye,.logo-smile{transform-box: fill-box;transform-origin: center}.logo-smile{transition: transform 0.5s var(--ease)}.wordmark--logo.play .logo-glasses{animation: logo-glasses 2.8s var(--ease) both}.wordmark--logo.play .logo-hand{animation: logo-hand 2.8s var(--ease) both}.wordmark--logo.play .logo-eye--wink{animation: logo-wink 2.8s ease both}.wordmark--logo.play .logo-smile{animation: logo-grin 2.8s var(--ease) both}@keyframes logo-glasses{0%,20%{transform: none}40%,66%{transform: translateY(-4px) rotate(13deg)}86%,100%{transform: none}}@keyframes logo-hand{0%{transform: translateX(24px)}20%{transform: none}40%,66%{transform: translateY(-4px) rotate(13deg)}86%{transform: none}100%{transform: translateX(24px)}}@keyframes logo-wink{0%,46%{transform: none}52%{transform: scaleY(0.12)}58%,100%{transform: none}}@keyframes logo-grin{0%,44%{transform: none}52%{transform: scaleX(1.14) translateY(1px)}62%,100%{transform: none}}main,.footer{transition: filter 0.45s ease}.glasses-off main,.glasses-off .footer{filter: blur(3px)}.wordmark--sad .logo-smile{transform: scaleY(-1)}.wordmark--sad:hover .logo-smile{transform: none}.nav-right{display: flex;align-items: center;gap: 8px}.lang{display: flex;gap: 2px;height: 44px;padding: 4px;border-radius: 22px;background: var(--surface)}.lang button{min-width: 40px;padding-inline: 10px;border-radius: 18px;font-size: 13px;font-weight: 600;line-height: 1;color: var(--muted);transition: background 0.2s,color 0.2s}.lang button:hover{color: var(--ink)}.lang button[aria-pressed="true"]{background: var(--solid);color: var(--on-solid)}@media (max-width: 359px){.nav-right{gap: 5px}.lang button{min-width: 32px;padding-inline: 6px}}.theme-btn{position: relative;width: 44px;height: 44px;border-radius: 50%;background: var(--surface)}.no-js .theme-btn{display: none}.theme-btn .icon{position: absolute;inset: 12px;transition: opacity 0.3s,transform 0.5s var(--ease)}.theme-btn [data-icon="sun"],[data-theme="dark"] .theme-btn [data-icon="moon"]{opacity: 0;transform: rotate(-90deg) scale(0.5)}[data-theme="dark"] .theme-btn [data-icon="sun"]{opacity: 1;transform: none}.menu-btn{position: relative;z-index: 2;width: 44px;height: 44px;border-radius: 50%;background: var(--surface)}.menu-btn span{position: absolute;left: 14px;width: 16px;height: 2px;border-radius: 10px;background: var(--ink);transition: transform 0.35s var(--ease),top 0.35s var(--ease)}.menu-btn span:nth-child(1){top: 17px}.menu-btn span:nth-child(2){top: 25px}.menu-btn[aria-expanded="true"] span:nth-child(1){top: 21px;transform: rotate(45deg)}.menu-btn[aria-expanded="true"] span:nth-child(2){top: 21px;transform: rotate(-45deg)}.menu{position: absolute;top: 70px;right: 0;width: 320px;max-width: calc(100vw - 48px);padding: 50px;display: flex;flex-direction: column;gap: 12px;border-radius: 24px 8px 24px 24px;background: var(--surface-raised);transform-origin: top right;transition: opacity 0.3s var(--ease),transform 0.3s var(--ease),visibility 0.3s}.menu[data-open="false"]{opacity: 0;visibility: hidden;transform: scale(0.92) translateY(-8px);pointer-events: none}.menu a{transition: opacity 0.2s}.menu > a:hover{opacity: 0.5}.menu{width: max-content;min-width: 320px}.menu .menu-cta{display: inline-flex;align-self: flex-start;align-items: center;gap: 8px;margin-top: 12px;padding: 12px 20px 12px 24px;border-radius: 154px;background: var(--solid);color: var(--on-solid);font-size: 16px;font-weight: 500;line-height: 1.7;letter-spacing: normal;white-space: nowrap;box-shadow: var(--btn-shadow);transition: background 0.3s}.menu .menu-cta::after{content: "";width: 20px;height: 20px;background: currentColor;opacity: 0.5;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z'/%3E%3C/svg%3E") center / contain no-repeat;transition: transform 0.35s var(--ease),opacity 0.2s}.menu > .menu-cta:hover{opacity: 1;background: var(--solid-hover)}.menu .menu-cta:hover::after{opacity: 1;transform: translateX(3px)}@media (max-width: 479px){.menu{min-width: 0;padding: 40px 24px}.menu .menu-cta{align-self: stretch;justify-content: center;gap: 6px;padding-inline: 16px}}@media (max-width: 359px){.menu .menu-cta{font-size: 15px}.menu .menu-cta::after{display: none}}@media (max-width: 809px){.menu{left: 0;width: auto;min-width: 0;max-width: none;padding: 20px 24px 24px;gap: 0}.menu > a:not(.menu-cta){display: flex;align-items: center;min-height: 48px}.menu .menu-cta{align-self: stretch;justify-content: center;margin-top: 16px}}.socials{display: flex;gap: 16px}.menu .socials{padding-top: 24px}.social{display: grid;place-items: center;width: 44px;height: 44px;padding: 12px;border-radius: 50%;border: 1px solid var(--faint);transition: background 0.2s,color 0.2s}.social:hover{background: var(--solid);color: var(--on-solid)}.menu-prefs{display: none;align-items: center;gap: 8px;margin-left: auto}.menu-prefs .lang,.menu-prefs .theme-btn{background: transparent;box-shadow: inset 0 0 0 1px var(--faint)}@media (max-width: 1023px){.nav-right .lang,.nav-right .theme-btn{display: none}.menu-prefs{display: flex}}.btn-wrap{display: inline-flex;padding: 8px;border-radius: 33px;background: var(--surface)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px 12px 24px;border-radius: 154px;background: var(--solid);color: var(--on-solid);font-weight: 500;line-height: 1.7;white-space: nowrap;box-shadow: var(--btn-shadow);transition: background 0.3s}.btn:hover{background: var(--solid-hover)}.btn .icon{width: 20px;height: 20px;opacity: 0.5;transition: transform 0.35s var(--ease),opacity 0.2s}.btn:hover .icon{opacity: 1;transform: translateX(3px)}.btn--ghost{padding: 12px 24px;background: transparent;color: var(--ink);box-shadow: none}.btn--ghost:hover{background: var(--ghost-hover)}.btn--line{padding: 10px 18px 10px 22px;background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1px var(--faint)}.btn--line:hover{background: var(--surface)}.btn--light{background: #fff;color: #000;box-shadow: none}.btn--light:hover{background: #e6e6e6}.btn--outline{background: transparent;color: #fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35)}.btn--outline:hover{background: rgba(255,255,255,0.12)}.hero .container{display: flex;flex-direction: column;align-items: center;gap: 48px;padding: 180px 0 118px}.hero-content{display: flex;flex-direction: column;align-items: center;gap: 36px}.hero-title{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;column-gap: 12px;row-gap: 6px;max-width: 1160px;font-size: clamp(40px,6.6vw,96px);font-weight: 600;font-feature-settings: "dlig"}.hero-title .w{display: inline-flex;white-space: nowrap}.hero-title .thin{color: var(--muted)}.hero-title .br{flex-basis: 100%;height: 0}.char{display: inline-block}.js .char{opacity: 0;filter: blur(10px);transform: translateY(0.12em);animation: char-in 0.7s var(--ease) forwards;animation-delay: calc(var(--i) * 28ms + 150ms)}@keyframes char-in{to{opacity: 1;filter: blur(0);transform: none}}.pill{position: relative;flex: none;width: 1.37em;height: 1.046em;margin-inline: 0.09em 0.04em;border-radius: 0.333em;overflow: hidden;box-shadow: var(--pill-shadow)}.pill--slides{background: #000;transform: rotate(-2deg)}.pill--logos{background: var(--logo-pill);transform: rotate(2deg);display: flex;align-items: center}.slides{display: flex;flex-direction: column;height: 100%}.slides img{flex: none;width: 100%;height: 100%;object-fit: cover}.logo-track{display: flex;align-items: center;flex: none;color: #fff;animation: marquee-x 42s linear infinite}.logo-track img{flex: none;width: auto;height: calc(var(--h,0.3) * 1em);margin-right: 0.33em;opacity: 0.25;filter: var(--logo-pill-filter);transform: translateY(calc(var(--y,0) * 1em))}@keyframes marquee-x{to{transform: translateX(-50%)}}@keyframes marquee-y{to{transform: translateY(-50%)}}.hero-sub{max-width: 460px;text-align: center;color: var(--muted)}.num-plus{position: relative;top: -0.1225em}.hero-cta{display: flex;align-items: center;justify-content: center;gap: 16px}.reel-box{position: relative;height: 1080px;border-radius: 24px;background: var(--reel);box-shadow: 0 0 0 8px var(--halo);overflow: hidden}.reel-box::before{content: "";position: absolute;inset: 0 0 auto 0;height: 75%;z-index: 1;pointer-events: none;background: linear-gradient(var(--reel) 0%,transparent 100%)}.reel-cols{position: absolute;inset: -200px 0;display: flex;gap: 48px;padding-inline: 48px}.reel-col{flex: 1;min-width: 0;overflow: hidden}.reel-track{animation: marquee-y 60s linear infinite}.pill:hover .logo-track,.reel-box:hover .reel-track,.reel-box:focus-within .reel-track{animation-play-state: paused}.reel-col:nth-child(2) .reel-track{animation-direction: reverse;animation-duration: 75s}.reel-track img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 16px;margin-bottom: 48px}.reel-link{position: absolute;top: 50%;left: 50%;z-index: 2;width: 128px;height: 128px;margin: -64px 0 0 -64px;display: grid;place-items: center;border-radius: 50%;background: rgba(var(--reel-link),0.75);color: var(--reel-link-ink);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);transition: transform 0.4s var(--ease),background 0.3s}.reel-link:hover{transform: scale(1.06);background: rgba(var(--reel-link),0.9)}.reel-link .icon{width: 36px;height: 36px}.reel-tip{position: absolute;bottom: calc(100% - 8px);left: 50%;padding: 12px 24px;border-radius: 999px;background: #000;color: #fff;font-weight: 700;white-space: nowrap;translate: -50% 0;rotate: var(--tip-r,-18deg);transform-origin: bottom center;transition: opacity 0.4s,transform 0.5s var(--ease),rotate 0.2s linear;pointer-events: none}.js .reel-link:not(.in) .reel-tip{opacity: 0;transform: translateY(12px) scale(0.85)}.reel-tip::after{content: "";position: absolute;left: 50%;bottom: -6px;width: 22px;height: 22px;margin-left: -11px;background: #000;transform: rotate(45deg);z-index: -1}.intro{overflow: hidden}.intro .sheen{inset: 0 auto 0 50%;width: min(1366px,100vw);transform: translateX(-50%)}.intro .container{display: flex;flex-direction: column;align-items: center;justify-content: center;padding-block: 190px 130px}.intro .tag{position: relative;z-index: 1}.intro-text{position: relative;z-index: 1;max-width: 700px;margin-top: 48px;font-size: clamp(28px,3.4vw,44px);font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;text-align: center}.sw{transition: opacity 0.25s linear}.chips{position: absolute;inset: 190px 0 130px;z-index: 2;pointer-events: none}.chip{position: absolute;display: flex;align-items: center;gap: 8px;padding: 4px 12px 4px 4px;border-radius: 147px;background: var(--surface);box-shadow: var(--ring);white-space: nowrap;pointer-events: auto;cursor: default;transform: translateX(var(--fly,0px)) rotate(var(--r,0deg));animation: chip-float 6s ease-in-out infinite alternate;animation-delay: var(--d,0s)}.chip::after{content: "";flex: none;width: 20px;height: 20px;margin-left: 2px;border-radius: 50%;background: linear-gradient(var(--plus,var(--muted)),var(--plus,var(--muted))) center / 8px 2px no-repeat,linear-gradient(var(--plus,var(--muted)),var(--plus,var(--muted))) center / 2px 8px no-repeat,var(--plus-bg,var(--tint));transition: transform 0.35s var(--ease)}.chip:hover::after,.chip:focus-visible::after{--plus: var(--on-solid);--plus-bg: var(--solid);transform: rotate(45deg)}.chip:hover,.chip:focus-visible{z-index: 3;animation-play-state: paused}.chip-tip{position: absolute;top: calc(100% + 16px);left: 50%;z-index: 3;width: max-content;max-width: 310px;padding: 12px 18px;border-radius: 16px;background: var(--surface-raised);color: var(--ink);box-shadow: 0 0 0 1px var(--edge),0 14px 32px rgba(0,0,0,0.16);font-size: 15px;line-height: 1.5;white-space: normal;text-align: center;text-wrap: balance;translate: -50% 0;rotate: calc(var(--r,0deg) * -1);opacity: 0;visibility: hidden;transform: translateY(-6px) scale(0.96);transition: opacity 0.25s,transform 0.3s var(--ease),visibility 0.25s;pointer-events: none}.chip-tip::before{content: "";position: absolute;top: -5px;left: 50%;width: 12px;height: 12px;margin-left: -6px;background: var(--surface-raised);box-shadow: -1px -1px 0 var(--edge);transform: rotate(45deg)}.chip:hover .chip-tip,.chip:focus-visible .chip-tip{opacity: 1;visibility: visible;transform: none}.chip-caption{position: relative;z-index: 1;margin-top: 32px;font-size: 14px;line-height: 1.5;text-align: center;text-wrap: balance}.hint-tap{display: none}@media (max-width: 999px) and (hover: none){.hint-tap{display: inline}}.chip i{display: grid;place-items: center;width: 34px;height: 34px;padding: 7px;border-radius: 50%;background: var(--accent-tint);color: var(--accent)}@keyframes chip-float{from{translate: 0 -8px}to{translate: 0 8px}}.chips{--pull: clamp(0px,(1320px - 100vw) * 0.39,125px)}.chip:nth-child(1){top: calc(50% - 150px);right: calc(50% + 394px - var(--pull));--r: 3deg}.chip:nth-child(2){top: calc(50% - 66px);right: calc(50% + 418px - var(--pull));--r: -3deg;--d: -2s}.chip:nth-child(3){top: calc(50% + 18px);right: calc(50% + 392px - var(--pull));--r: 4deg;--d: -4s}.chip:nth-child(4){top: calc(50% + 102px);right: calc(50% + 414px - var(--pull));--r: -4deg;--d: -1s}.chip:nth-child(5){top: calc(50% - 142px);left: calc(50% + 400px - var(--pull));--r: -4deg;--d: -1.5s}.chip:nth-child(6){top: calc(50% - 58px);left: calc(50% + 418px - var(--pull));--r: 4deg;--d: -3.5s}.chip:nth-child(7){top: calc(50% + 26px);left: calc(50% + 396px - var(--pull));--r: -3deg;--d: -0.5s}.chip:nth-child(8){top: calc(50% + 110px);left: calc(50% + 416px - var(--pull));--r: 5deg;--d: -2.5s}@media (min-width: 1000px) and (max-width: 1319px){.intro-text{max-width: calc(62.5vw - 125px)}}@media (min-width: 1000px) and (max-width: 1439px){.chip:nth-child(-n+4) .chip-tip{left: 0;translate: 0 0}.chip:nth-child(n+5) .chip-tip{right: 0;left: auto;translate: 0 0}.chip:nth-child(-n+4) .chip-tip::before{left: 15px;margin-left: 0}.chip:nth-child(n+5) .chip-tip::before{right: 16px;left: auto;margin-left: 0}}.chip.chip--extra{right: 0;bottom: 58px;left: 0;width: max-content;margin-inline: auto;background: var(--tint);box-shadow: none;--r: -2deg;--d: -3s;opacity: var(--show,1);transform: translateY(var(--rise,0px)) rotate(var(--r))}.chip--extra i{background: var(--surface);color: var(--ink)}@media (min-width: 1000px){.chip-caption{margin-top: 122px}}@media (max-width: 999px){.chips{position: static;display: flex;flex-wrap: wrap;justify-content: center;gap: 28px 20px;max-width: 640px;margin-top: 64px}.chip{position: static;cursor: pointer}.chip.is-active{box-shadow: 0 0 0 2px var(--ink),12px 16px 16px rgba(0,0,0,0.1)}.chip.is-active::after{--plus: var(--on-solid);--plus-bg: var(--solid);transform: rotate(45deg)}.chip.chip--extra{margin-inline: 0}.chip.chip--extra.is-active{box-shadow: 0 0 0 2px var(--ink)}.chip-tip{display: none}.chip-caption{max-width: 520px;min-height: 46px;margin-top: 28px;font-size: 15px}}.process .container{display: flex;flex-direction: column;gap: 60px;padding-block: 120px}.cards{position: relative;display: flex;align-items: flex-start;gap: 24px}.card{flex: 1;min-height: 400px;margin-top: var(--mt,0);display: flex;flex-direction: column;justify-content: space-between;gap: 24px;padding: 28px;border-radius: 16px;background: var(--surface);box-shadow: var(--ring);transform: rotate(var(--r))}.card:nth-of-type(1){--r: -5deg;--mt: 62px}.card:nth-of-type(2){--r: 6deg}.card:nth-of-type(3){--r: -3deg;--mt: 64px}.card:nth-of-type(4){--r: 4deg;--mt: 16px}.card-num{font-size: 72px;line-height: 90px;letter-spacing: -0.06em}.card p{margin-top: 4px;color: var(--muted)}.card-num::after{content: attr(data-suit);margin-left: 10px;font-size: 0.45em;letter-spacing: 0;color: var(--accent);opacity: 0;transition: opacity 0.4s}.card-num[data-suit="♠"]::after,.card-num[data-suit="♣"]::after{color: var(--ink)}.cards.poker .card-num::after{opacity: 1}.thread{transition: opacity 0.3s}.cards.poker .thread{opacity: 0}.thread{position: absolute;inset: 0;z-index: 2;overflow: visible;pointer-events: none;color: var(--accent);fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}.thread path{stroke-dasharray: 1}.thread circle{transition: opacity 0.25s}.quotes{display: flex;align-items: flex-start;justify-content: center;gap: 96px;padding-top: 48px}.quotes-rule{align-self: stretch;width: 1px;background: var(--faint)}.quote{flex: 1;position: relative;display: flex;flex-direction: column;gap: 36px;padding-top: var(--pt,0)}.quote:first-child{--pt: 80px}.quote:last-child{--pt: 240px}.quote blockquote{margin: 0;padding-right: 48px}.quote-mark{position: absolute;top: var(--pt,0);right: 0;font-size: 44px;font-weight: 700;line-height: 1.4;opacity: 0.25}.quotes:has(> .quote:nth-child(5)){gap: 48px}.quotes:has(> .quote:nth-child(5)) blockquote{font-size: clamp(18px,1.4vw,20px);line-height: 1.5}.quote:nth-child(3):not(:last-child){--pt: 160px}@media (max-width: 1199px){.quotes:has(> .quote:nth-child(5)){flex-direction: column}.quotes:has(> .quote:nth-child(5)) > .quotes-rule{width: 100%;height: 1px}.quotes:has(> .quote:nth-child(5)) > .quote{--pt: 0px}.quotes:has(> .quote:nth-child(5)) blockquote{font-size: clamp(18px,2vw,24px);line-height: 1.6}}.author{display: flex;align-items: center;gap: 16px}.author img{width: 64px;height: 64px;border-radius: 50%;object-fit: cover}.author strong{display: block;font-weight: 500}.work .container{display: flex;flex-direction: column;gap: 48px;padding-block: 120px}.work-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 60px}.work-filter{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.work-filter button{padding: 8px 18px;border-radius: 143px;background: var(--surface-soft);color: var(--muted);font-size: 14px;font-weight: 500;line-height: 20px;white-space: nowrap;cursor: pointer;transition: background 0.3s,color 0.3s}.work-filter button:hover{background: var(--surface);color: var(--ink)}.work-filter button[aria-pressed="true"]{background: var(--solid);color: var(--on-solid);cursor: default}.project{display: flex;flex-direction: column;gap: 16px}.project[hidden],.project.is-beyond{display: none}@property --peek{syntax: "<number>";inherits: false;initial-value: 1}.work-list{position: relative}.project.is-peek{cursor: pointer}.project.is-peek .project-info{display: none}.project.is-peek .project-img,.project.was-peek .project-img{-webkit-mask-image: linear-gradient(#000,rgb(0 0 0 / var(--peek)) 85%);mask-image: linear-gradient(#000,rgb(0 0 0 / var(--peek)) 85%);transition: aspect-ratio 0.7s var(--ease),--peek 0.7s var(--ease)}.project.is-peek .project-img{--peek: 0;aspect-ratio: 16 / 5}.project.is-peek .project-img img{object-position: top;transform: none}.work-more{position: absolute;inset: auto 0 0;display: flex;justify-content: center;pointer-events: none}.work-more[hidden]{display: none}.work-more .btn-wrap{pointer-events: auto}.work-more .btn{cursor: pointer}.work-more .btn:hover .icon{transform: rotate(90deg)}.project.filter-in{animation: filter-in 0.6s var(--ease) var(--delay,0s) backwards}@keyframes filter-in{from{opacity: 0;transform: translateY(20px)}}.project-img{aspect-ratio: 16 / 9;border-radius: 16px;background: var(--well);overflow: hidden}.project-img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.8s var(--ease)}.project:hover .project-img img{transform: scale(1.04)}.project-info{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 10px;opacity: 0.5;transition: opacity 0.3s}.project:hover .project-info{opacity: 1}.project-info .h4{font-size: 18px;font-weight: 500}.tags{display: flex;flex-wrap: wrap;gap: 4px}.tags span{padding: 4px 12px;border-radius: 143px;background: var(--surface);font-size: 12px;line-height: 18px;white-space: nowrap}.about .container{display: flex;flex-direction: column;gap: 60px;padding-block: 120px 160px}.about-grid{display: flex;align-items: stretch;gap: 60px}.about-figure,.about-text{flex: 1;min-width: 0}.about-figure{display: flex;flex-direction: column;gap: 24px}.portrait{flex: 1 0 auto;aspect-ratio: 1 / 1;border-radius: 24px;box-shadow: var(--ring);overflow: hidden;transform: rotate(-2deg)}.portrait img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%}.about-caption{text-align: right}.about-caption strong{font-weight: 500}.about-caption div{display: flex;align-items: center;justify-content: space-between}.mini-socials{display: flex;gap: 8px}.mini-socials a{position: relative;width: 24px;height: 24px;opacity: 0.5;transition: opacity 0.2s}.mini-socials a:hover{opacity: 1}.mini-socials a::after{content: "";position: absolute;inset: -4px}.about-text{align-self: stretch;display: flex;flex-direction: column;justify-content: space-between;gap: 36px}.bio{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}.bio-text p + p{margin-top: 1em;color: var(--muted)}.bio-text .btn{margin-top: 28px}.about-page .container{display: flex;flex-direction: column;gap: 88px;padding-block: 180px 140px}.about-grid--long{align-items: flex-start;gap: 110px}.about-grid--long .bio-text p{font-size: 18px;line-height: 1.75;color: var(--ink)}.about-grid--long .bio-text p + p{margin-top: 1.6em}.about-figure .experience{margin-top: 56px;padding-left: 0;border-left: 0;border-top: 1px solid var(--hairline)}.smiley{flex: none;display: grid;place-items: center;width: 32px;height: 32px;margin: -8px;border-radius: 50%;color: var(--accent);transition: transform 0.3s var(--ease),background 0.2s}.smiley:hover{background: rgba(255,55,0,0.1);transform: scale(1.15) rotate(-8deg)}.smiley .icon{width: 18px;height: 18px}.smiley.pop .icon{animation: smiley-pop 0.45s var(--ease)}@keyframes smiley-pop{40%{transform: scale(1.6) rotate(12deg)}}.confetti{position: fixed;z-index: 50;width: 9px;height: 9px;border-radius: 2px;pointer-events: none}.bio > .icon{flex: none;width: 16px;height: 16px;color: var(--accent)}.experience{margin-left: 0;padding-left: 40px;border-left: 1px solid var(--faint)}.experience li{display: grid;grid-template-columns: 190px minmax(0,1fr) 104px;gap: 24px;padding-block: 16px;border-bottom: 1px solid var(--hairline);font-size: 12px;line-height: 18px}.experience li span:nth-child(2){color: var(--muted)}.experience li span:nth-child(3){text-align: right;white-space: nowrap}.experience li.exp-cv{display: block;padding: 0}.exp-cv a{display: grid;grid-template-columns: 190px minmax(0,1fr) auto;gap: 24px;padding-block: 16px;transition: color 0.2s}.exp-cv a span:nth-child(1){font-weight: 600}.exp-cv a span:nth-child(2){color: var(--muted)}.exp-cv a span:nth-child(3){display: inline-flex;align-items: center;gap: 6px;white-space: nowrap}.exp-cv .icon{width: 14px;height: 14px;transform: rotate(-45deg);transition: transform 0.3s var(--ease)}.exp-cv a:hover span:nth-child(2){color: var(--ink)}.exp-cv a:hover .icon{transform: rotate(-45deg) translateX(3px)}.exp-to{display: inline-block;width: 0.86em;height: 0.745em;margin-inline: 0.32em;overflow: hidden;text-indent: 2em;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.75 4h10.5M8 .75 11.25 4 8 7.25'/%3E%3C/svg%3E") center / 0.86em auto no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.75 4h10.5M8 .75 11.25 4 8 7.25'/%3E%3C/svg%3E") center / 0.86em auto no-repeat}.overlap .container{display: flex;flex-direction: column;gap: 60px;padding-block: 120px}.overlap-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr);align-items: center;gap: 60px}.overlap-text{display: flex;flex-direction: column;gap: 20px}.overlap-text .h4{font-weight: 500}.overlap-pick{display: flex;flex-direction: column;gap: 12px;margin-top: 20px;padding-top: 28px;border-top: 1px solid var(--hairline)}.overlap-clients{justify-content: flex-start}.overlap-clients button[aria-pressed="true"]{cursor: pointer}.overlap-note{min-height: 3.4em;font-size: 14px;color: var(--muted)}.overlap-note strong{font-weight: 600;color: var(--ink)}.overlap-fig{position: relative;aspect-ratio: 720 / 500}.overlap-fig svg{position: absolute;inset: 0;overflow: visible;pointer-events: none}.ov-circles circle{fill: rgba(255,55,0,0.07);stroke: rgba(255,55,0,0.4);vector-effect: non-scaling-stroke;transition: fill 0.5s,stroke 0.5s}.ov-lines path{fill: none;stroke: rgba(255,55,0,0.4);vector-effect: non-scaling-stroke;transition: opacity 0.5s}.ov-core{fill: var(--accent)}.ov-logo{fill: #fff}.overlap-fig.has-sel .ov-circles circle{fill: rgba(255,55,0,0.02);stroke: rgba(255,55,0,0.16)}.overlap-fig .ov-circles circle.on,.overlap-fig .ov-circles circle.hot{fill: rgba(255,55,0,0.16);stroke: var(--accent)}.overlap-fig.has-sel .ov-lines path:not(.on){opacity: 0.3}.ov-labels li{position: absolute;left: var(--x);top: var(--y);font-size: 17px;font-weight: 500;line-height: 1.2;letter-spacing: -0.02em;white-space: nowrap;cursor: default;transition: color 0.5s}.ov-labels .ov-r{transform: translateY(-50%)}.ov-labels .ov-l{transform: translate(-100%,-50%)}.overlap-fig.has-sel .ov-labels li:not(.on){color: var(--faint)}@media (min-width: 1200px){.overlap-grid{grid-template-columns: minmax(0,1fr) minmax(0,1.35fr);gap: 48px}.overlap-fig{justify-self: center;width: calc(180% - 320px);margin-block: -50px}}@media (max-width: 1199px){.overlap-grid{grid-template-columns: minmax(0,1fr)}.overlap-fig{width: 100%;max-width: 720px;margin-inline: auto}}@media (max-width: 809px){.overlap .container{gap: 40px}.overlap-grid{gap: 24px}.overlap-fig{aspect-ratio: auto;overflow-x: clip}.overlap-fig svg{position: static;width: 180%;height: auto;margin: -6% 0 -6% -40%}.ov-lines{display: none}.ov-labels{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px 16px}.ov-labels li,.ov-labels .ov-l,.ov-labels .ov-r{position: static;transform: none;font-size: 14px;line-height: 20px}}.offer .sheen{inset: -200px auto 0 50%;width: min(1200px,100vw);transform: translateX(-50%)}.offer .container{display: flex;flex-direction: column;gap: 60px;padding-block: 120px 160px}.section-lead{max-width: 640px;margin-top: 6px;font-size: 18px;text-align: center;text-wrap: balance}.gets{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 60px;padding: 28px 60px;border-radius: 24px;background: var(--surface-soft);box-shadow: var(--ring)}.gets li{display: flex;flex-direction: column;align-items: flex-start;gap: 20px;padding-block: 36px}.gets li:nth-child(n + 3){border-top: 1px solid var(--hairline)}.gets li > i{flex: none;display: grid;place-items: center;width: 52px;height: 52px;padding: 13px;border-radius: 50%;background: var(--accent-tint);color: var(--accent);transition: background 0.35s var(--ease),color 0.35s var(--ease),transform 0.35s var(--ease)}.gets li:hover > i{background: var(--accent);color: #fff;transform: rotate(-8deg) scale(1.06)}.gets p{max-width: 440px;margin-top: 6px}@media (max-width: 1199px){.gets{column-gap: 40px;padding: 16px 40px}}@media (max-width: 809px){.gets{grid-template-columns: minmax(0,1fr);padding: 8px 24px}.gets li{gap: 14px;padding-block: 28px}.gets li > i{width: 44px;height: 44px;padding: 11px}.gets li + li{border-top: 1px solid var(--hairline)}.section-lead{font-size: 16px}}.benefits{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 36px}.benefits li{display: flex;align-items: center;gap: 8px;color: var(--muted);white-space: nowrap}.benefits .icon{flex: none;width: 24px;height: 24px;color: var(--muted)}.benefits li::after{content: "";flex: 1;height: 1px;background: var(--hairline)}.faq .container{display: flex;flex-direction: column;gap: 60px;padding-block: 120px 160px}.faq-grid{display: flex;align-items: flex-start;gap: 80px}.faq-card{flex: none;scroll-margin-top: 104px;width: 490px;max-width: 100%;display: flex;flex-direction: column;gap: 40px;padding: 40px;border-radius: 16px;background: var(--surface-soft);box-shadow: var(--ring)}.faq-card-top{display: flex;align-items: center;gap: 24px}.faq-card-top .h3{line-height: 1.3}.faq-card-top img{flex: none;width: 80px;height: 80px;border-radius: 50%;object-fit: cover;box-shadow: var(--ring)}.faq-card-bottom{display: flex;flex-direction: column;gap: 24px;text-align: center;color: var(--muted)}.faq-card-bottom .btn-wrap,.faq-card-bottom .btn{width: 100%}.faq-card-bottom p a{color: var(--ink);text-decoration: underline;text-underline-offset: 2px}.contact-form{display: flex;flex-direction: column;gap: 16px;text-align: left}.field{display: flex;flex-direction: column;gap: 6px;font-size: 14px;font-weight: 500;color: var(--ink)}.field input,.field textarea{width: 100%;padding: 12px 16px;border: 0;border-radius: 12px;background: var(--surface);box-shadow: inset 0 0 0 1px var(--hairline);font: inherit;font-weight: 400;font-size: 16px;line-height: 1.5;color: var(--ink);transition: box-shadow 0.2s}.field textarea{min-height: 120px;resize: vertical}.field input:hover,.field textarea:hover{box-shadow: inset 0 0 0 1px var(--faint)}.field input:focus-visible,.field textarea:focus-visible{outline: 0;box-shadow: inset 0 0 0 2px var(--ink)}.contact-form.was-sent .field :invalid,.contact-form .field [aria-invalid="true"]{box-shadow: inset 0 0 0 2px var(--accent)}.field--trap{position: absolute;left: -9999px}.contact-form .btn-wrap{margin-top: 8px}.contact-form .btn{cursor: pointer}.contact-status{padding: 12px 16px;border-radius: 12px;background: var(--accent-tint);color: var(--ink);font-size: 14px}.contact-status.is-ok{background: var(--ok-tint)}.contact-form .small{text-align: center}.contact-form .small a{text-decoration: underline;text-underline-offset: 2px}@media print{.contact-form{display: none}}.faq-list{flex: 1;min-width: 0;border-top: 1px solid var(--faint)}.faq-item{border-bottom: 1px solid var(--faint)}.faq-q{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;width: 100%;padding-block: 36px;text-align: left}.faq-q .icon{flex: none;width: 22px;height: 22px;margin: 7px;color: var(--accent);opacity: 0.75;transition: transform 0.4s var(--ease)}.faq-q[aria-expanded="true"] .icon{transform: rotate(45deg)}.faq-a{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.45s var(--ease)}.faq-a > div{overflow: hidden}.faq-a p{padding: 0 48px 36px 0;color: var(--muted)}.faq-q[aria-expanded="true"] + .faq-a{grid-template-rows: 1fr}.footer{position: relative;z-index: 1;padding: 8px}.dark-panel{position: relative;min-height: calc(100vh - 16px);display: flex;flex-direction: column;padding: 80px calc(var(--gutter) - 8px);border-radius: 24px;--panel: #000;--panel-ink: #fff;--panel-muted: rgba(255,255,255,0.5);--panel-line: rgba(255,255,255,0.25);--panel-glow: #2e2e2e;--panel-beam: 0.05;--panel-noise: 0.12;--panel-noise-filter: invert(1);--panel-wrap: rgba(255,255,255,0.3);background: var(--panel);color: var(--panel-ink);overflow: clip}.dark-bg{position: absolute;inset: 0;overflow: hidden;background: radial-gradient(100% 100% at 0% 0%,var(--panel-glow) 0%,var(--panel) 100%);-webkit-mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%);mask-image: radial-gradient(125% 100% at 0% 0%,#000 0%,rgba(0,0,0,0.22) 88%,transparent 100%)}.dark-bg .beams span{opacity: var(--panel-beam)}.dark-panel .noise{position: absolute;opacity: var(--panel-noise);filter: var(--panel-noise-filter)}.cta{position: relative;flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 36px;padding: 60px 0;text-align: center}.cta .display span{display: block}.cta .display span + span{color: var(--panel-muted)}.cta .display em{color: var(--panel-muted)}.cta p{max-width: 620px}.cta .btn-wrap{border-radius: 90px;background: var(--panel-wrap)}.footer-bottom{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 36px;width: 100%;max-width: var(--max);margin-inline: auto}.copyright{padding: 8px 16px;border-block: 1px solid var(--panel-line)}.footer-bottom .socials{gap: 36px}.footer-bottom .social{border-color: var(--panel-line)}.footer-bottom .social:hover{background: var(--panel-ink);color: var(--panel)}.footer-legal{display: flex;gap: 24px;margin-right: auto;font-size: 14px;color: var(--panel-muted)}.footer-legal a{transition: color 0.2s}.footer-legal a:hover,.footer-legal a[aria-current="page"]{color: var(--panel-ink)}.legal-page .container{display: flex;flex-direction: column;gap: 88px;padding-block: 180px 140px}.legal-text{width: 100%;max-width: 760px;margin-inline: auto;line-height: 1.8;--delay: 0.12s}.legal-text h2{margin: 2.8em 0 0.6em;text-align: left}.legal-text > :first-child{margin-top: 0}.legal-text h3{margin: 1.8em 0 0.4em;font-size: 16px;font-weight: 600}.legal-text p + p,.legal-text p + ul,.legal-text ul + p{margin-top: 1em}.legal-text ul{padding-left: 1.2em;list-style: disc}.legal-text li + li{margin-top: 0.3em}.legal-text a{text-decoration: underline;text-decoration-color: var(--muted);text-underline-offset: 3px;transition: color 0.2s,text-decoration-color 0.2s}.legal-text a:hover{color: var(--accent);text-decoration-color: currentColor}.statistik-schalter{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px;margin-top: 1.2em;padding: 20px 24px;border-radius: 16px;background: var(--surface-soft);box-shadow: var(--ring)}.statistik-schalter p{flex: 1 1 240px;font-weight: 500}.no-js .statistik-schalter{display: none}.legal-text .todo{padding: 2px 6px;border-radius: 6px;background: var(--accent-tint);color: var(--accent);font-weight: 600}.legal-text .legal-note{margin-top: 3.2em;padding-top: 1.6em;border-top: 1px solid var(--hairline);color: var(--muted);font-size: 14px}@media (max-width: 809px){.legal-page .container{gap: 48px;padding-block: 140px 80px}.footer-legal{margin-right: 0}}@media print{.legal-page .container{gap: 6mm;padding-block: 0 10mm}.footer-legal{display: none}}.project-hero .container{display: flex;flex-direction: column;gap: 80px;padding: 220px 0 80px}.project-intro{display: flex;flex-direction: column;align-items: flex-start;gap: 36px;padding-left: 16.7%}.project-top{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;width: 100%}.project-top .h2{text-align: left;font-weight: 700}.project-top .tags{gap: 8px}.project-desc{max-width: 650px;--bw-step: 24ms}.project-desc p{font-size: clamp(18px,2vw,24px);font-weight: 500;line-height: 1.6;letter-spacing: -0.02em}.project-desc p + p{margin-top: 0.8em}.project-actions{display: flex;align-items: center;gap: 12px}.project-actions .btn--line{padding: 12px 24px}.shot{position: relative;border-radius: 24px;overflow: hidden;background: var(--well)}.shot-credit{position: absolute;right: 14px;bottom: 14px;padding: 4px 10px;border-radius: 999px;background: rgba(0,0,0,0.55);color: #fff;font-size: 12px;line-height: 1.4}.shot img,.shot video{display: block;width: 100%;height: auto}.scrollshot-frame{border-radius: 24px;overflow: hidden;background: var(--surface);box-shadow: 0 1px 2px rgba(0,0,0,0.06),0 18px 50px rgba(0,0,0,0.1)}.scrollshot.is-linked .scrollshot-frame{position: sticky}.scrollshot-bar{position: relative;display: flex;align-items: center;gap: 8px;height: 44px;padding: 0 18px;background: var(--chrome);border-bottom: 1px solid var(--edge)}.scrollshot-bar i{width: 11px;height: 11px;border-radius: 50%;background: var(--chrome-dot)}.scrollshot-bar span{flex: 1;max-width: 420px;margin: 0 auto;padding: 4px 12px;border-radius: 99px;background: var(--chrome-field);color: var(--muted);font-size: 12px;line-height: 1.3;text-align: center;transform: translateX(-24px)}.scrollshot-bar b{position: absolute;inset: auto 0 -1px 0;height: 2px;background: var(--accent);transform: scaleX(var(--p,0));transform-origin: left}.scrollshot-view{aspect-ratio: 16 / 10;max-height: calc(100vh - 220px);width: 100%;overflow: hidden auto}.scrollshot.is-linked .scrollshot-view{overflow: hidden}@media (max-width: 809px){.scrollshot-frame{border-radius: 16px}.scrollshot-bar{height: 34px;padding: 0 12px;gap: 6px}.scrollshot-bar i{width: 8px;height: 8px}.scrollshot-bar span{font-size: 10px;padding: 3px 10px;transform: none}.scrollshot-view{aspect-ratio: 4 / 5}}.scrollshot-view img{display: block;width: 100%;height: auto;will-change: transform}.stats{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 32px}.stats dt{font: 500 16px/1.2 var(--font-label);word-spacing: 0;color: var(--muted)}.stats dd{margin: 8px 0 0}.stats dl{margin: 0;min-width: 180px}.gallery{--gap-block: 80px;display: flex;flex-direction: column;gap: var(--gap-block)}.gallery > :is(.shot,.jgrid) + :is(.shot,.jgrid){margin-top: calc(var(--gap-img) - var(--gap-block))}.gallery figure{margin: 0}.project-text{max-width: 650px}.project-text-row{display: grid;grid-template-columns: 1fr 1fr;gap: 48px clamp(40px,7vw,100px);align-items: start}.project-text-row .project-text + .project-text{--delay: 0.12s}@media (max-width: 809px){.project-text-row{grid-template-columns: 1fr}}.project-text h2{margin-bottom: 12px;font-weight: 600;text-transform: capitalize}.project-text p{color: var(--muted)}.project-text p + p{margin-top: 1em}.timeline{--when: 170px;display: grid;margin: 0;padding: 0;line-height: 1.5;list-style: none}.timeline li{position: relative;display: grid;grid-template-columns: var(--when) minmax(0,1fr);column-gap: 44px;padding-bottom: 24px}.timeline li:last-child{padding-bottom: 0}.timeline li::before{content: "";position: absolute;top: calc(0.75em - 4.5px);left: calc(var(--when) + 22px);width: 9px;height: 9px;border-radius: 50%;background: var(--accent);transform: translateX(-50%)}.timeline li:not(:last-child)::after{content: "";position: absolute;top: calc(0.75em + 12px);bottom: 6px;left: calc(var(--when) + 22px);width: 1px;background: var(--faint)}.timeline-when{color: var(--muted);font-variant-numeric: tabular-nums}.timeline h3{font: inherit;font-weight: 600}.project-text .timeline{margin-top: 28px}.project-ablauf{max-width: 860px}@media (max-width: 809px){.timeline li{grid-template-columns: minmax(0,1fr);padding-left: 28px}.timeline li::before,.timeline li:not(:last-child)::after{left: 4px}}.jgrid{--row: 300px;display: flex;flex-wrap: wrap;gap: var(--gap-img)}:root{--gap-img: 24px}@media (min-width: 600px){.jgrid[style*="--cols"] figure{flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap-img)) / var(--cols))}}.jgrid figure{flex: var(--ar) 1 calc(var(--ar) * var(--row));min-width: 0;border-radius: 16px;overflow: hidden;background: var(--well)}.jgrid img,.jgrid video{display: block;width: 100%;height: 100%;object-fit: cover}.wk{position: relative;width: 100%;height: 100%;overflow: hidden;cursor: ew-resize;touch-action: pan-y;--t: -1}.wk-stage{position: absolute;inset: 0;transform: perspective(1500px) rotateY(calc(var(--t) * 3.5deg)) rotateZ(calc(var(--t) * -0.5deg)) scale(1.06);transform-origin: 42% 78%;will-change: transform}.wk-card{position: absolute}.wk-card img{position: absolute;inset: 0;opacity: 0}.wk-sheen{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(104deg,transparent 38%,rgba(255,255,255,0.5) 50%,transparent 62%) no-repeat;background-size: 340% 100%;background-position: calc(50% - var(--t) * 22%) 0;mix-blend-mode: soft-light;-webkit-mask-image: linear-gradient(to bottom,#000 56%,transparent 70%);mask-image: linear-gradient(to bottom,#000 56%,transparent 70%)}.wk-hint{position: absolute;left: 50%;bottom: 18px;transform: translateX(-50%);padding: 7px 14px;border-radius: 999px;background: rgba(255,255,255,0.92);color: #000;font-size: 13px;line-height: 1;white-space: nowrap;pointer-events: none;transition: opacity 0.4s}.wk.is-used .wk-hint{opacity: 0}.botplay{position: relative;aspect-ratio: 16 / 10;border-radius: 24px;overflow: hidden;background: radial-gradient(circle at 50% 128%,rgba(125,101,255,0.36) 0 26%,rgba(125,101,255,0.26) 26% 39%,rgba(125,101,255,0.17) 39% 52%,rgba(125,101,255,0.09) 52% 65%,transparent 65%),linear-gradient(165deg,#fff 0%,#f5f5ff 52%,#dfe0ff 100%);-webkit-user-select: none;user-select: none}.botplay-fig{position: absolute;left: 50%;top: 4%;height: 92%;aspect-ratio: 1126 / 1397;transform: translateX(-50%);cursor: pointer;animation: bot-float 5s ease-in-out infinite}.botplay-fig img{position: absolute;inset: 0;width: 100%;height: 100%;visibility: hidden;pointer-events: none}.botplay-fig img.is-on{visibility: visible}.botplay-fig.is-flip img:not([data-k="front"]){transform: scaleX(-1)}@keyframes bot-float{0%,100%{translate: 0 -1.2%}50%{translate: 0 1.6%}}.botplay-chips{position: absolute;left: 24px;right: 24px;bottom: 22px;display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.botplay-chips button{padding: 8px 14px;border: 0;border-radius: 999px;background: rgba(255,255,255,0.85);color: #301b7a;font: inherit;font-size: 13px;line-height: 1;cursor: pointer;transition: background 0.2s,color 0.2s,transform 0.2s}.botplay-chips button:hover{transform: translateY(-2px)}.botplay-chips button.is-on{background: #7d65ff;color: #fff}.botplay-hint{position: absolute;left: 24px;top: 22px;padding: 7px 14px;border-radius: 999px;background: rgba(255,255,255,0.92);color: #000;font-size: 13px;line-height: 1;white-space: nowrap;pointer-events: none;transition: opacity 0.4s}.botplay-hint span + span,.botplay.is-used .botplay-hint{display: none}@media (hover: none){.botplay-hint span:first-child{display: none}.botplay-hint span + span{display: inline}}@media (max-width: 809px){.botplay{aspect-ratio: 3 / 4;border-radius: 12px}.botplay-fig{top: 2%;height: auto;width: 92%}.botplay-chips{left: 12px;right: 12px;bottom: 12px;gap: 6px}.botplay-chips button{padding: 7px 11px;font-size: 12px}}.muster{display: flex;flex-direction: column;gap: 20px}.muster-stage{position: relative;aspect-ratio: 16 / 9;border-radius: 24px;overflow: hidden}.muster-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.muster-logo{position: absolute;left: 50%;top: 50%;width: 34%;transform: translate(-50%,-50%);opacity: 0;transition: opacity 0.3s}.muster-logo.is-on{opacity: 1}.muster-ui{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px 40px}.muster-set{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.muster-set span{margin-right: 4px;color: var(--muted);font-size: 14px;font-weight: 500;line-height: 20px}.muster-set button{padding: 8px 16px;border-radius: 143px;background: var(--surface-soft);color: var(--muted);font-size: 14px;font-weight: 500;line-height: 20px;white-space: nowrap;cursor: pointer;transition: background 0.3s,color 0.3s}.muster-set button:hover{background: var(--surface);color: var(--ink)}.muster-set button[aria-pressed="true"]{background: var(--solid);color: var(--on-solid)}@media (max-width: 809px){.muster-stage{border-radius: 12px}.muster-logo{width: 46%}.muster-ui{flex-direction: column;align-items: flex-start;gap: 10px}.muster-set{gap: 6px}.muster-set button{padding: 7px 12px;font-size: 13px}}.falz{position: relative;aspect-ratio: 3 / 2;border-radius: 24px;overflow: hidden;background: linear-gradient(165deg,#f5f5ff 0%,#e9eaff 60%,#dfe0ff 100%);--w: 21.5%;--s: 2.15;--dy: 0%}.falz[data-step="1"]{--s: 1.38;--dy: 50%}.falz[data-step="2"],.falz[data-step="3"]{--s: 1}.falz-stage{position: absolute;inset: 0;perspective: 2400px;cursor: pointer;outline-offset: -6px}.falz-sheet{position: absolute;left: 50%;top: 50%;width: var(--w);aspect-ratio: 1;transform-style: preserve-3d;transform: translate(-50%,-50%) rotateX(18deg) scale(var(--s)) translateY(var(--dy));transition: transform 1.1s var(--ease)}.falz-c,.falz-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform-style: preserve-3d}.falz-c{box-shadow: 0 6px 22px rgba(48,27,122,0.22)}.falz-f{transition: transform 1.15s cubic-bezier(0.6,0.04,0.25,1)}.falz img{position: absolute;inset: 0;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;box-shadow: 0 0 0 0.5px rgba(48,27,122,0.14)}.falz-r{left: 100%;transform-origin: 0 50%;transform: translateZ(0.4px) rotateY(-180deg)}.falz-l{left: -100%;transform-origin: 100% 50%;transform: translateZ(0.8px) rotateY(180deg)}.falz-b{top: 100%;transform-origin: 50% 0;transform: translateZ(1.2px) rotateX(180deg)}.falz-t{top: -100%;transform-origin: 50% 100%;transform: translateZ(1.6px) rotateX(-180deg)}.falz-r .falz-out,.falz-l .falz-out{transform: rotateY(180deg)}.falz-b .falz-out,.falz-t .falz-out{transform: rotateX(180deg)}.falz:not([data-step="0"]) .falz-t{transform: translateZ(1.6px) rotateX(0deg)}.falz[data-step="2"] .falz-b,.falz[data-step="3"] .falz-b{transform: translateZ(1.2px) rotateX(0deg)}.falz[data-step="3"] .falz-l{transform: translateZ(0.8px) rotateY(0deg)}.falz[data-step="3"] .falz-r{transform: translateZ(0.4px) rotateY(0deg);transition-delay: 0.18s}.falz[data-step="0"] .falz-l{transition-delay: 0.15s}.falz[data-step="0"] .falz-b{transition-delay: 0.45s}.falz[data-step="0"] .falz-t{transition-delay: 0.8s}.falz[data-step="0"] .falz-sheet{transition-delay: 0.7s}.falz-hint{position: absolute;left: 22px;bottom: 20px;display: flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 999px;background: rgba(255,255,255,0.92);color: #000;font-size: 13px;line-height: 1;white-space: nowrap;pointer-events: none}.falz-hint::before{content: attr(data-unfold);margin-right: 6px}.falz[data-step="3"] .falz-hint::before{content: attr(data-fold)}.falz-hint i{width: 6px;height: 6px;border-radius: 50%;background: rgba(125,101,255,0.3);transition: background 0.3s}.falz[data-step="0"] .falz-hint i:nth-child(1),.falz[data-step="1"] .falz-hint i:nth-child(2),.falz[data-step="2"] .falz-hint i:nth-child(3),.falz[data-step="3"] .falz-hint i:nth-child(4){background: #7d65ff}@media (max-width: 809px){.falz{aspect-ratio: 1;border-radius: 12px;--w: 30%;--s: 2.2}.falz[data-step="1"]{--s: 1.4}.falz-hint{left: 12px;bottom: 12px}}@media (min-width: 810px){.jgrid--row{flex-wrap: nowrap}}.jgrid--many::after{content: "";flex: 100 1 0}.more .container{display: flex;flex-direction: column;gap: 48px;padding: 60px 0 80px}.notfound{padding: 0}.notfound .dark-panel{min-height: 100vh;border-radius: 0}.notfound .cta{gap: 24px;padding: 24px 0 12px}.notfound .display{font-size: clamp(40px,5.6vw,76px)}.notfound-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.draw{position: relative;width: 190px;height: 272px;margin-block: 8px;perspective: 900px}.draw-deck,.draw-deck::before{position: absolute;inset: 0;border-radius: 14px;background: #1c1c1c;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14)}.draw-deck{transform: rotate(-7deg) translate(-10px,6px)}.draw-deck::before{content: "";transform: rotate(12deg) translate(14px,-2px)}.draw-card{position: absolute;inset: 0;display: block;transform-style: preserve-3d;transition: transform 0.8s var(--ease)}.draw-card:hover{transform: translateY(-8px) rotate(2deg)}.draw.flipped .draw-card{transform: rotateY(180deg)}.draw.flipped .draw-card:hover{transform: rotateY(180deg) translateY(-8px)}.draw-face{position: absolute;inset: 0;border-radius: 14px;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden}.draw-back{display: grid;place-items: center;background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 272'%3E%3Cdefs%3E%3Cg id='l' fill='%23282828'%3E%3Cpath d='M13.16,22.5c-3.47.01-6.87-1.39-9.32-3.86l3.38-3.38c3.13,3.26,8.75,3.26,11.88,0l3.38,3.38c-2.45,2.47-5.85,3.87-9.32,3.86Z'/%3E%3Cpath d='M25.3,4.19C24.64,2.62,23.69,1.21,22.48,0l-3.38,3.38c.99.98,1.73,2.22,2.12,3.55H5.1c.39-1.34,1.13-2.57,2.12-3.55L3.84,0C.76,3-.53,7.49.2,11.71h25.92c.37-2.48.23-5.22-.82-7.52Z'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23l' transform='translate(23.00 23.00) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 23.00) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 23.00) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 23.00) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 23.00) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 40.97) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 40.97) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 40.97) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 40.97) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 58.94) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 58.94) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 58.94) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 58.94) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 58.94) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 76.91) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 76.91) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 76.91) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 76.91) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 94.88) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 94.88) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 94.88) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 94.88) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 94.88) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 112.85) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 112.85) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 112.85) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 112.85) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 130.83) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 130.83) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 130.83) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 130.83) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 130.83) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 148.80) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 148.80) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 148.80) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 148.80) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 166.77) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 166.77) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 166.77) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 166.77) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 166.77) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 184.74) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 184.74) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 184.74) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 184.74) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 202.71) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 202.71) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 202.71) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 202.71) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 202.71) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(39.49 220.68) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(72.48 220.68) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(105.47 220.68) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(138.45 220.68) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(23.00 238.65) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(55.99 238.65) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(88.97 238.65) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(121.96 238.65) scale(0.46)'/%3E%3Cuse href='%23l' transform='translate(154.95 238.65) scale(0.46)'/%3E%3C/svg%3E") center / 100% 100% no-repeat;box-shadow: inset 0 0 0 8px #111,inset 0 0 0 9px rgba(255,255,255,0.16),0 20px 40px rgba(0,0,0,0.5)}.draw-front{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;padding: 12px;background: #fff;color: #000;text-align: left;transform: rotateY(180deg)}.draw-front img{flex: none;width: 100%;aspect-ratio: 16 / 11;margin-bottom: 10px;border-radius: 8px;object-fit: cover;background: #eee}.draw-note{min-height: 24px;font-size: 15px;line-height: 24px;color: rgba(255,255,255,0.7)}.draw-note a{color: #fff;text-decoration: underline;text-underline-offset: 3px}.draw-front strong{font-weight: 600;line-height: 1.3}.draw-front [data-draw-tags]{color: rgba(0,0,0,0.5)}.draw-go{margin-top: auto;font-weight: 600;color: var(--accent)}.project-empty{display: flex;flex-direction: column;align-items: flex-start;gap: 28px;padding-left: 16.7%}.project-empty .h3{max-width: 650px}.project-empty .tag{padding-left: 0}.project-empty .tag::before{display: none}.project-empty .h2{text-align: left}[data-year]{cursor: pointer}.copyright[data-note]::after{content: attr(data-note);color: var(--accent)}@property --wipe{syntax: "<number>";initial-value: 0;inherits: false}@keyframes wipe{from{--wipe: 0}to{--wipe: 1}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode: normal;backface-visibility: hidden}::view-transition-old(root){animation: none}::view-transition-new(root){animation: wipe 1s cubic-bezier(0.27,0,0.51,1) both;-webkit-mask-image: linear-gradient(45deg,#000 calc(-10% + 110% * var(--wipe)),transparent calc(110% * var(--wipe)));mask-image: linear-gradient(45deg,#000 calc(-10% + 110% * var(--wipe)),transparent calc(110% * var(--wipe)))}.theme-wipe::view-transition-new(root){animation-duration: 0.7s;-webkit-mask-image: linear-gradient(225deg,#000 calc(-10% + 110% * var(--wipe)),transparent calc(110% * var(--wipe)));mask-image: linear-gradient(225deg,#000 calc(-10% + 110% * var(--wipe)),transparent calc(110% * var(--wipe)))}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important}}[data-name]{cursor: pointer}.will-of-d{display: inline-block;width: 0;overflow: hidden;vertical-align: bottom;white-space: pre;color: var(--accent);opacity: 0;transition: width 0.9s cubic-bezier(0.65,0,0.35,1),opacity 0.6s ease}.d-on .will-of-d{opacity: 1;transition: width 0.7s cubic-bezier(0.22,1,0.36,1),opacity 0.7s ease 0.1s}.notfound-hint{margin-top: -8px;font-size: 15px;color: rgba(255,255,255,0.55)}.logo-hat{position: absolute;top: -13px;left: 50%;width: 42px;height: 24px;margin-left: -21px;rotate: -9deg;pointer-events: none;animation: hat-drop 0.7s ease-out both}@keyframes hat-drop{from{translate: 0 -44px;rotate: -40deg;opacity: 0}55%{translate: 0 3px;rotate: -3deg;opacity: 1}75%{translate: 0 -2px;rotate: -11deg}to{translate: 0 0;rotate: -9deg}}.cheat{position: fixed;inset: 0;z-index: 60;display: grid;place-items: center;padding: 24px;background: rgba(0,0,0,0.45);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);opacity: 0;transition: opacity 0.3s}.cheat.show{opacity: 1}.cheat-card{width: 100%;max-width: 480px;max-height: calc(100vh - 48px);overflow: auto;padding: 36px;border-radius: 24px;background: var(--surface-raised);box-shadow: var(--ring),0 30px 80px rgba(0,0,0,0.35);transform: translateY(16px) rotate(-1.5deg);transition: transform 0.45s var(--ease)}.cheat.show .cheat-card{transform: rotate(-1.5deg)}.cheat-card .tag{justify-content: flex-start;padding: 0}.cheat-card .tag::before{display: none}.cheat-card h2{margin: 4px 0 20px;font-size: 28px;font-weight: 600;letter-spacing: -0.03em;text-align: left}.cheat-card li{display: flex;gap: 12px;padding-block: 9px;border-top: 1px solid var(--hairline);font-size: 14px;line-height: 1.5}.cheat-card li::before{content: "✦";color: var(--accent)}.cheat-card p{margin-top: 16px;color: var(--muted)}.toast{position: fixed;left: 50%;bottom: 28px;z-index: 40;padding: 12px 22px;border-radius: 999px;background: #fff;color: #000;font-weight: 500;white-space: nowrap;box-shadow: 0 12px 32px rgba(0,0,0,0.35);translate: -50% 0;opacity: 0;transform: translateY(24px);transition: opacity 0.35s,transform 0.45s var(--ease)}.toast.show{opacity: 1;transform: none}.js [data-reveal]{opacity: 0;transform: translateY(32px);transition: opacity 0.9s var(--ease),transform 0.9s var(--ease);transition-delay: var(--delay,0s)}.js [data-reveal].in{opacity: 1;transform: none}.js .card[data-reveal]{transform: translateY(48px) rotate(0deg)}.js .card[data-reveal].in{transform: rotate(var(--r))}.js .portrait[data-reveal]{transform: translateY(32px) rotate(0deg)}.js .portrait[data-reveal].in{transform: rotate(-2deg)}.js [data-blur-words] .bw{display: inline-block;opacity: 0;filter: blur(8px);transition: opacity 0.6s ease,filter 0.6s ease;transition-delay: calc(var(--i) * var(--bw-step,35ms))}.js [data-blur-words].in .bw{opacity: 1;filter: blur(0)}@media (max-width: 1199px){.cards{flex-wrap: wrap;gap: 40px 24px}.card{flex: 1 1 calc(50% - 12px);min-height: 300px;margin-top: 0;padding: 24px}.thread{display: none}.card-num{font-size: 56px;line-height: 70px}.quotes{gap: 48px}.work-grid{gap: 40px}.about-grid,.faq-grid{flex-direction: column;align-items: stretch;gap: 60px}.faq-card{width: 100%}.benefits{grid-template-columns: repeat(2,minmax(0,1fr))}.project-intro,.project-empty{padding-left: 0}.portrait{flex: none;aspect-ratio: 4 / 3}}@media (max-width: 809px){.chips{gap: 16px 8px;margin-top: 48px}.chip{padding: 3px 8px 3px 3px;font-size: 14px;box-shadow: 0 0 0 5px var(--halo),8px 10px 12px rgba(0,0,0,0.08)}.chip i{width: 28px;height: 28px;padding: 6px}.intro .container{padding-block: 110px 72px}.btn{white-space: normal;text-align: center}.tag{gap: 12px;padding-inline: 0;font-size: 20px}.hero .container{gap: 24px;padding: 180px 0 80px}.hero-content{gap: 24px}.hero-title{column-gap: 6px;row-gap: 0}.hero-title .pill{display: none}.hero-title .w{color: var(--muted)}.hero-title .br ~ .w{color: var(--ink)}@media (max-width: 359px){.hero-title{font-size: 36px}}.hero-cta{flex-direction: column;gap: 16px}.reel-box{height: 844px}.reel-cols{padding-inline: 24px}.reel-col:nth-child(2){display: none}.reel-track img{margin-bottom: 24px}.process .container{gap: 24px;padding-block: 40px}.cards{flex-direction: column;gap: 55px;padding-top: 16px}.card{flex: none;width: 100%;min-height: 220px;margin-top: 0}.card:nth-of-type(1){--r: -3deg}.card:nth-of-type(2){--r: 4deg}.card:nth-of-type(3){--r: -2deg}.card:nth-of-type(4){--r: 3deg}.quotes{flex-direction: column;gap: 48px}.quotes-rule{width: 100%;height: 1px}.quote:first-child,.quote:last-child{--pt: 0px}.work .container,.about .container,.overlap .container,.offer .container,.faq .container{padding-block: 80px}.work-filter{gap: 6px}.work-filter button{padding: 7px 14px;font-size: 13px}.work-grid{grid-template-columns: 1fr;gap: 32px}.project.is-peek .project-img{aspect-ratio: 16 / 7.5}.about-grid{gap: 48px}.about-page .container{gap: 48px;padding-block: 130px 80px}.about-figure .experience{margin-top: 32px}.experience{padding-left: 24px}.experience li{grid-template-columns: minmax(0,1fr) auto;gap: 2px 16px;font-size: 14px;line-height: 20px}.experience li span:nth-child(1){font-weight: 500}.experience li span:nth-child(2){grid-area: 2 / 1}.experience li span:nth-child(3){grid-area: 1 / 2}.exp-cv a{grid-template-columns: minmax(0,1fr) auto;gap: 2px 16px}.exp-cv a span:nth-child(2){grid-area: 2 / 1 / 3 / 3}.exp-cv a span:nth-child(3){grid-area: 1 / 2}.benefits{grid-template-columns: 1fr;gap: 20px}.faq-grid{gap: 80px}.faq-card{gap: 32px;padding: 24px}.faq-q{padding-block: 24px}.faq-a p{padding: 0 0 24px}.dark-panel{padding: 40px 16px}.footer-bottom{flex-direction: column}.footer-bottom .socials{gap: 24px}.project-hero .container{gap: 48px;padding: 140px 0 60px}.project-top{flex-direction: column}.gallery{--gap-block: 48px}:root{--gap-img: 12px}.jgrid{--row: 30%}.jgrid figure{flex-grow: calc(var(--ar) * 10);flex-basis: max(calc(var(--ar) * var(--row)),23%)}.jgrid--many::after{content: none}.project-actions{flex-direction: column;align-items: stretch;align-self: stretch}.project-actions .btn{white-space: nowrap}.shot,.jgrid figure{border-radius: 12px}}@media (max-width: 599px){.jgrid{--row: 55%}.jgrid figure{flex-basis: max(calc(var(--ar) * var(--row)),34%)}.jgrid--tall{container-type: inline-size;justify-content: center}.jgrid--tall figure{flex: 0 0 calc(50% - var(--gap-img) / 2);aspect-ratio: var(--ar)}.jgrid--tall:not(.jgrid--clips) > figure:last-child:nth-child(odd){flex-basis: 100%;aspect-ratio: auto;height: calc((100cqw - var(--gap-img)) / 2 / var(--ar))}.jgrid--tall:not(.jgrid--clips) > figure:last-child:nth-child(odd) img{object-position: 50% var(--fy,50%)}.jgrid[style*="--cols"] figure{flex: 0 0 calc(50% - var(--gap-img) / 2)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}.js .char,.js [data-reveal],.js [data-blur-words] .bw{opacity: 1;filter: none}.js [data-reveal]:not(.card):not(.portrait){transform: none}.js .card[data-reveal]{transform: rotate(var(--r))}.js .portrait[data-reveal]{transform: rotate(-2deg)}}@media print{@page{margin: 16mm}body{background: #fff;word-spacing: normal}body::before{content: "Du druckst Websites aus? Sympathisch.";display: block;margin-bottom: 8mm;padding-bottom: 4mm;border-bottom: 1px solid #000;font: italic 400 16pt var(--font-label)}html[lang="en"] body::before{content: "Printing websites? I like you already."}.nav,.noise,.page-bg,.sheen,.reel,.pill,.hero-cta,.chips,.chip-caption,.work-filter,.work-more,.thread,.quotes,.overlap-fig,.faq,.toast,.dark-bg,.socials,.smiley,.cta .btn-wrap,.bio-text .btn,.more,.draw,.notfound-actions{display: none !important}.js [data-reveal],.js [data-blur-words] .bw,.js .char,.sw{opacity: 1 !important;filter: none !important;transform: none !important;animation: none !important}.section{padding-inline: 0}.hero .container,.intro .container,.process .container,.work .container,.about .container,.project-hero .container,.about-page .container{min-height: 0;gap: 6mm;padding-block: 0 10mm}.hero-title{justify-content: flex-start;font-size: 30pt}.hero-content{align-items: flex-start}.hero-sub,.intro-text{max-width: none;text-align: left}.intro-text{margin-top: 2mm;font-size: 16pt}.intro .container,.section-head{align-items: flex-start}.section-head{margin-bottom: 0}.tag{justify-content: flex-start;padding: 0}.tag::before{display: none}.h2{font-size: 20pt;text-align: left}.cards{gap: 4mm}.card,.card:nth-of-type(n){min-height: 0;margin-top: 0;padding: 4mm;border: 1px solid #bbb;box-shadow: none;transform: none !important}.card-num{font-size: 20pt;line-height: 1.2}.work-grid{grid-template-columns: repeat(3,1fr);gap: 5mm}.project.is-beyond{display: flex}.project.is-peek .project-info{display: flex}.project.is-peek .project-img{--peek: 1;aspect-ratio: 16 / 9}.project,.card,figure{break-inside: avoid}.project-info{opacity: 1}.about-grid{gap: 8mm}.portrait{flex: none;aspect-ratio: 1 / 1;box-shadow: none;transform: none !important}.footer{padding: 0}.dark-panel{min-height: 0;padding: 6mm 0 0;border-top: 1px solid #000;border-radius: 0;background: none;color: #000}.cta{align-items: flex-start;gap: 3mm;padding: 0 0 4mm;text-align: left}.cta .display{font-size: 22pt}.cta .display span,.cta .display span + span{display: inline;color: #000}.tag--light{color: #000}.copyright{padding: 0;border: 0}.footer-bottom::after{content: "hi@edgarheinz.com · linkedin.com/in/edgar-heinz"}}