@font-face{font-family:satoshi;src:url(../media/satoshi_400-s.p.2oultpqxb_gh9.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:satoshi;src:url(../media/satoshi_500-s.p.2gbh8zsgu5xby.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:satoshi;src:url(../media/satoshi_700-s.p.19z5sx2nusz2v.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:102.23%;descent-override:24.29%;line-gap-override:10.12%;size-adjust:98.8%}.satoshi_ee9c6eda-module__U0WFzG__className{font-family:satoshi,satoshi Fallback,Arial,sans-serif}.satoshi_ee9c6eda-module__U0WFzG__variable{--font-satoshi:"satoshi", "satoshi Fallback", Arial, sans-serif}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_11570654-module__14Etbq__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_11570654-module__14Etbq__variable{--font-plex:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-font-family:var(--font-satoshi);--default-mono-font-family:var(--font-plex)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font-satoshi), sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.min-h-full{min-height:100%}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.object-cover{object-fit:cover}.object-top{object-position:top}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-\[110\]:focus{z-index:110}.focus\:rounded-full:focus{border-radius:3.40282e38px}.focus\:bg-frost:focus{background-color:var(--frost)}.focus\:bg-paper:focus{background-color:var(--paper)}.focus\:p-4:focus{padding:calc(var(--spacing) * 4)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-sm:focus{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus\:text-ink:focus{color:var(--ink)}}:root{--paper:#fff;--ink:#1c1c1a;--accent:#b83e22;--surface:#f2f2ee;--line:#d4d4cf;--muted:#65655f;--void:var(--ink);--frost:var(--paper);--steel:var(--muted)}.container-site{width:min(100% - 96px,1440px);margin-inline:auto}.section-space{padding-block:110px}.eyebrow{color:var(--muted);font-size:13px}h2{letter-spacing:-.045em;font-size:clamp(32px,3.3vw,48px);font-weight:500;line-height:1.1}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:500;line-height:1.4;transition:background .2s,color .2s;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--accent);border-color:var(--accent)}.site-header{z-index:50;background:var(--paper);position:sticky;top:0}.nav-inner{border-bottom:1px solid var(--ink);align-items:center;gap:48px;height:85px;display:flex}.brand{letter-spacing:-.065em;white-space:nowrap;font-size:25px;font-weight:700;line-height:1;display:inline-flex}.brand>span{color:var(--accent)}.desktop-nav{align-items:center;gap:32px;margin-left:auto;display:flex}.desktop-nav a,.nav-contact{align-items:center;min-height:44px;font-size:13px;display:inline-flex}.desktop-nav a:hover,.nav-contact:hover{color:var(--accent)}.nav-contact{gap:15px}.menu-toggle{justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:none}.mobile-nav{border-bottom:1px solid var(--ink);padding:4px 24px 20px}.mobile-nav:not([hidden]){flex-direction:column;display:flex}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:13px;display:flex}.hero{padding-block:41px 76px}.hero-byline{color:var(--muted);margin-bottom:36px;font-size:12px}.hero-layout{--hero-size:clamp(112px, 16.6vw, 254px);grid-template-columns:1fr 360px;grid-template-rows:calc(var(--hero-size) * .92) auto;align-items:end;display:grid}.hero h1{font-size:var(--hero-size);letter-spacing:-.07em;word-spacing:.08em;grid-area:1/1/3/-1;align-self:start;margin-left:-.055em;font-weight:500;line-height:.88}.hero h1 span{display:block}.hero h1 span+span{margin-top:.035em}.hero-copy{grid-area:2/2;align-self:start;padding:12px 0 0;position:relative}.hero-answer{letter-spacing:-.04em;font-size:39px;font-weight:500;line-height:1.15}.hero-lead{max-width:355px;margin-top:18px;font-size:15px;line-height:1.65}.hero-link{border-bottom:1px solid var(--accent);align-items:center;gap:24px;width:fit-content;min-height:43px;margin-top:23px;font-size:13px;display:flex}.hero-link svg,.hero-link:hover{color:var(--accent)}.projects-section{padding-bottom:110px}.section-heading{border-top:1px solid var(--ink);align-items:baseline;gap:12px;padding-block:20px 38px;display:flex}.section-heading h2{letter-spacing:-.015em;font-size:16px;font-weight:500}.project-count{font-family:var(--font-plex), monospace;color:var(--accent);font-size:10px}.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:95px 60px;display:grid}.project-entry{grid-column:span 7;min-width:0}.project-entry:nth-child(3),.project-entry:nth-child(4){grid-column:span 5;margin-top:160px}.project-entry:nth-child(4){margin-top:0}.project-entry:nth-child(5){margin-top:140px}.project-meta{font-family:var(--font-plex), monospace;align-items:baseline;gap:22px;padding-bottom:11px;font-size:10px;display:flex}.project-meta>span:first-child{color:var(--muted)}.status-tag{font-family:var(--font-plex), monospace;align-items:center;gap:6px;font-size:10px;line-height:1.5;display:inline-flex}.status-tag i{display:none}.status-beta{color:#8c4516}.status-demo,.status-idee{color:var(--muted)}.status-live{color:#316044}.project-art{background:var(--surface);padding:38px;display:block;position:relative;overflow:hidden}.project-preview{background:#fff;width:100%;position:relative;overflow:hidden}.preview-image{aspect-ratio:1.43;position:relative}.project-art .project-preview{transition:transform .35s}.project-art:hover .project-preview{transform:scale(1.015)}.visual-campaign .project-art{padding:0}.is-campaign .preview-image{aspect-ratio:1.26}.is-campaign .preview-image img{object-position:center}.campaign-label{color:#fff;letter-spacing:-.06em;font-size:clamp(58px,8vw,125px);font-weight:700;line-height:1;position:absolute;top:44%;left:8%}.campaign-label small{font-family:var(--font-plex);letter-spacing:.04em;margin-top:15px;font-size:10px;font-weight:400;display:block}.project-copy{padding-top:24px}.project-copy h3{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.06}.project-copy h3 a:hover{color:var(--accent)}.project-tagline{max-width:410px;margin-top:14px;font-size:15px;line-height:1.5}.project-description{color:var(--muted);max-width:460px;margin-top:9px;font-size:13px;line-height:1.75}.project-links{flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:17px;display:flex}.project-links a{text-underline-offset:5px;min-height:38px;text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);align-items:center;gap:6px;font-size:12px;display:flex}.project-links a:last-child{color:var(--muted)}.project-links a:hover{color:var(--accent);text-decoration-color:currentColor}.project-links a svg{flex-shrink:0}.project-entry:first-child,.project-entry:last-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 60px;display:grid}.project-entry:first-child .project-meta,.project-entry:last-child .project-meta{grid-area:1/1;align-self:start;padding-top:6px}.project-entry:first-child .project-copy,.project-entry:last-child .project-copy{grid-area:1/1;align-self:end;padding-block:52px 6px}.project-entry:first-child .project-art,.project-entry:last-child .project-art{grid-area:1/2}.project-entry:first-child h3,.project-entry:last-child h3{font-size:clamp(38px,4.6vw,70px)}.project-entry:first-child .project-links,.project-entry:last-child .project-links{flex-direction:column;align-items:flex-start;gap:2px}.project-entry:last-child{border-top:1px solid var(--line);padding-top:40px}.method-section{padding-top:0}.method-section>.container-site{border-top:1px solid var(--ink);padding-top:55px}.method-intro{grid-template-columns:1fr 1fr;gap:70px;display:grid}.method-intro h2{max-width:460px}.method-body>p{max-width:510px;font-size:16px;line-height:1.8}.build-examples{margin-top:50px;margin-left:calc(50% + 35px)}.build-example{border-top:1px solid var(--line);padding-block:26px 30px;display:block}.example-project{font-size:11px;font-family:var(--font-plex);color:var(--muted);margin-bottom:11px}.build-example h3{letter-spacing:-.03em;font-size:23px;font-weight:500;line-height:1.3}.build-example div>p{color:var(--muted);margin-top:13px;font-size:14px;line-height:1.8}.build-example a{text-underline-offset:5px;align-items:center;gap:9px;min-height:44px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-flex}.build-example a:hover{color:var(--accent)}.channel-section{padding-block:0 100px}.channel-grid{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:70px;padding-top:48px;display:grid}.channel-body{max-width:510px;margin-bottom:25px;font-size:16px;line-height:1.8}.channel-video{border-top:1px solid var(--line);max-width:510px;margin-top:40px;padding-top:26px}.channel-video h3{letter-spacing:-.03em;font-size:23px;font-weight:500;line-height:1.3}.channel-video a{text-underline-offset:5px;align-items:center;gap:9px;min-height:44px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-flex}.channel-video a:hover{color:var(--accent)}.site-footer{background:var(--ink);color:var(--paper);padding-top:58px}.site-footer .eyebrow{color:#b3b3aa}.footer-contact{justify-content:space-between;align-items:end;gap:35px;padding-bottom:58px;display:flex}.footer-contact>div>a{letter-spacing:-.065em;align-items:center;gap:25px;width:fit-content;margin-top:12px;font-size:clamp(50px,8vw,115px);font-weight:500;line-height:1.2;display:flex}.footer-contact>div>a svg{stroke-width:1px;width:.65em;height:.65em}.footer-contact a:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:1px}.footer-email{border-bottom:1px solid #72726a;align-items:center;gap:12px;min-height:44px;margin-bottom:13px;font-size:14px;display:flex}.footer-bottom{border-top:1px solid #4d4d46;justify-content:space-between;align-items:center;gap:28px;padding-block:26px;display:flex}.footer-bottom .brand{font-size:20px}.footer-bottom .brand>span{color:#fff}.footer-bottom p,.footer-bottom nav{color:#b3b3aa;font-size:11px}.footer-bottom nav{gap:20px;display:flex}.footer-bottom nav a{padding-block:12px;display:block}.back-top{place-items:center;width:44px;height:44px;display:grid}.site-footer :focus-visible{outline-color:#fff}.detail-head{padding-top:39px}.breadcrumb{min-height:44px;color:var(--muted);align-items:center;gap:9px;font-size:12px;display:inline-flex}.detail-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:70px;margin-block:36px 38px;display:grid}.detail-heading h1{font-family:var(--font-satoshi);letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(44px,6.6vw,90px);font-weight:500;line-height:1}.detail-heading .status-tag{margin-bottom:20px}.detail-heading .detail-mood{font-family:var(--font-satoshi);color:var(--muted);margin-top:23px;font-size:clamp(20px,2vw,27px);font-style:normal;line-height:1.25}.detail-summary>p{color:var(--muted);font-size:15px;line-height:1.85}.detail-summary .button{overflow-wrap:anywhere;max-width:100%;margin-top:22px;font-size:12px}.detail-summary .button span{min-width:0}.detail-summary .button svg{flex-shrink:0}.detail-showcase{background:var(--surface);border:1px solid var(--line);border-radius:0;max-height:590px;padding:44px 11% 0;overflow:hidden}.detail-showcase .project-preview{box-shadow:none}.detail-showcase .is-campaign{max-height:540px}.detail-showcase .is-campaign .preview-image{aspect-ratio:2}.detail-story{grid-template-columns:220px minmax(0,1fr);gap:90px;padding-block:90px;display:grid}.detail-sidebar{align-self:start;position:sticky;top:130px}.detail-sidebar p{font-family:var(--font-plex);color:var(--muted);margin-bottom:14px;font-size:10px}.detail-sidebar nav{flex-direction:column;display:flex}.detail-sidebar a{border-bottom:1px solid var(--line);padding-block:12px;font-size:12px}.detail-sidebar a:hover{color:var(--accent)}.detail-content{max-width:780px}.detail-content h2{font-size:clamp(30px,3vw,42px)}.detail-content section+section{margin-top:65px}.detail-content section>p{color:var(--muted);margin-top:22px;font-size:16px;line-height:1.85}.detail-facts{margin-top:29px}.detail-fact{border-top:1px solid var(--line);padding-block:24px}.detail-fact dt{font-size:18px;font-weight:700}.detail-fact dd{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.85}.build-facts{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:5px 26px}.build-facts .detail-fact:first-child{border-top:0}.build-facts dt{font-family:var(--font-plex);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.project-note{border-left:3px solid var(--accent);margin-top:44px;padding-left:25px}.project-note h2{font-size:23px}.project-pagination{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.project-pagination a{justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.project-pagination a:first-child{border-right:1px solid var(--line)}.project-pagination a:hover{background:var(--surface)}.project-pagination small{font-family:var(--font-plex);color:var(--muted);margin-bottom:8px;font-size:9px;display:block}.project-pagination strong{font-family:var(--font-satoshi);letter-spacing:-.03em;font-size:23px;font-weight:500}.legal-main{width:min(100% - 48px,800px);margin-inline:auto;padding-block:50px 90px}.legal-main h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-family:var(--font-satoshi);letter-spacing:-.04em;margin-top:20px;font-size:clamp(44px,6vw,75px);font-weight:500}.legal-copy{color:var(--muted);margin-top:50px;font-size:15px}.legal-copy section+section{margin-top:32px}.legal-copy h2{color:var(--ink);margin-bottom:17px;font-size:22px;line-height:1.3}.legal-copy a{text-underline-offset:4px;color:var(--ink);overflow-wrap:anywhere;text-decoration:underline}@media (max-width:1100px){.container-site{width:calc(100% - 64px)}.hero-layout{--hero-size:16vw;grid-template-columns:1fr 290px}.hero h1{font-size:16vw}.hero-answer{font-size:32px}.hero-lead{font-size:14px}.hero-copy{padding-bottom:0}.projects-grid{gap:75px 36px}.project-entry:first-child,.project-entry:last-child{grid-template-columns:1fr 1.7fr;gap:0 36px}.project-art{padding:25px}.project-entry:nth-child(3){margin-top:110px}.project-entry:nth-child(5){margin-top:100px}.method-intro,.channel-grid{gap:40px}.build-examples{margin-left:calc(50% + 20px)}.detail-story{grid-template-columns:180px minmax(0,1fr);gap:45px}}@media (min-width:768px) and (max-width:950px){.hero-layout{display:block}.hero h1{font-size:19vw}.hero-copy{max-width:440px;margin-top:40px}}@media (max-width:767px){html{scroll-padding-top:90px}.container-site{width:calc(100% - 40px)}.nav-inner{height:72px}.brand{font-size:24px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex}.hero{padding-block:28px 50px}.hero-byline{margin-bottom:30px;font-size:11px}.hero-layout{display:block}.hero h1{letter-spacing:-.075em;font-size:clamp(70px,18.3vw,137px);line-height:.94}.hero-copy{max-width:440px;margin-top:35px}.hero-answer{font-size:31px}.hero-lead{max-width:390px;margin-top:13px;font-size:15px}.hero-link{margin-top:15px}.section-heading{padding-block:18px 25px}.projects-grid{display:block}.project-entry,.project-entry:nth-child(n),.project-entry:first-child,.project-entry:last-child{border:0;margin:0;padding:0;display:block}.project-entry+.project-entry{margin-top:54px}.project-entry:nth-child(3),.project-entry:nth-child(4){margin-inline:24px}.project-art{padding:20px}.project-entry .project-meta{padding-top:0;padding-bottom:10px}.project-entry:first-child .project-copy,.project-entry:last-child .project-copy,.project-copy{padding-block:19px 0}.project-entry h3,.project-entry:first-child h3,.project-entry:last-child h3{font-size:34px}.project-tagline{margin-top:12px;font-size:15px}.project-description{font-size:13px}.project-entry:first-child .project-links,.project-entry:last-child .project-links,.project-links{flex-direction:row;gap:4px 23px}.project-links{margin-top:13px}.campaign-label{font-size:73px}.projects-section{padding-bottom:60px}.section-space{padding-block:0 60px}.method-section>.container-site{padding-top:35px}.method-intro,.channel-grid{display:block}.method-body{margin-top:24px}.method-body>p,.channel-body{font-size:15px}.build-examples{margin:33px 0 0}.build-example{padding-block:23px}.build-example h3,.channel-video h3{font-size:22px}.channel-grid{padding-top:34px}.channel-copy{margin-top:24px}.site-footer{padding-top:35px}.footer-contact{padding-bottom:32px;display:block}.footer-contact>div>a{font-size:clamp(43px,11vw,75px)}.footer-email{width:fit-content;margin-top:22px;font-size:13px}.footer-bottom{flex-wrap:wrap;gap:8px 24px}.footer-bottom .brand{flex-basis:calc(100% - 80px)}.footer-bottom .back-top{order:1}.footer-bottom p{flex-basis:100%;order:2}.footer-bottom nav{order:3}.detail-heading{grid-template-columns:1fr;gap:28px;margin-top:25px}.detail-heading h1{font-size:clamp(41px,9.5vw,70px)}.detail-showcase{max-height:390px;padding:25px 6% 0}.detail-showcase .is-campaign .preview-image{aspect-ratio:1.45}.detail-story{padding-block:45px 60px;display:block}.detail-sidebar{margin-bottom:42px;position:static}.detail-sidebar nav{flex-flow:wrap;gap:20px}.detail-sidebar p{display:none}.detail-content section>p{font-size:15px}.project-pagination a{gap:12px;padding:23px 12px}.project-pagination strong{font-size:18px}.project-pagination svg{flex-shrink:0;width:18px}.legal-main{width:calc(100% - 40px)}}@media (max-width:370px){.container-site{width:calc(100% - 32px)}.hero h1{font-size:18vw}.hero-answer{font-size:28px}.project-entry:nth-child(3),.project-entry:nth-child(4){margin-inline:12px}.project-entry h3{font-size:30px}.project-art{padding:15px}.campaign-label{font-size:62px}.campaign-label small{font-size:8px}.project-links a{font-size:11px}.footer-contact>div>a{gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.desktop-nav a[aria-current],.mobile-nav a[aria-current]{text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px}.werkstatt-teaser{border-top:1px solid var(--ink);margin-top:30px;margin-left:calc(50% + 35px);padding-top:22px}.werkstatt-teaser h3{font-family:var(--font-plex), monospace;color:var(--muted);font-size:11px;font-weight:400}.werkstatt-teaser ul{margin-top:8px}.werkstatt-teaser li a{border-bottom:1px solid var(--line);letter-spacing:-.01em;padding-block:13px;font-size:16px;line-height:1.45;display:block}.werkstatt-teaser li a:hover,.werkstatt-teaser-all:hover{color:var(--accent)}.werkstatt-teaser-all{text-underline-offset:5px;align-items:center;gap:9px;min-height:44px;margin-top:10px;font-size:12px;text-decoration:underline;display:inline-flex}.project-werkstatt{margin-top:26px}.project-werkstatt li{border-top:1px solid var(--line)}.project-werkstatt li:last-child{border-bottom:1px solid var(--line)}.project-werkstatt a{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 20px;padding-block:20px;display:grid}.project-werkstatt small{font-family:var(--font-plex), monospace;color:var(--muted);grid-column:1;font-size:10px}.project-werkstatt strong{letter-spacing:-.025em;grid-column:1;font-size:20px;font-weight:500;line-height:1.3}.project-werkstatt svg{flex-shrink:0;grid-area:1/2/3}.project-werkstatt a:hover{color:var(--accent)}.werkstatt-main{padding-top:30px}.werkstatt-breadcrumbs ol{color:var(--muted);flex-wrap:wrap;align-items:center;column-gap:10px;font-size:12px;display:flex}.werkstatt-breadcrumbs li{align-items:center;gap:10px;min-width:0;display:flex}.werkstatt-breadcrumbs li+li:before{content:"/";color:var(--line)}.werkstatt-breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}.werkstatt-breadcrumbs a:hover{color:var(--accent)}.werkstatt-breadcrumbs [aria-current]{color:var(--ink);overflow-wrap:anywhere;padding-block:12px}.article-kicker{font-family:var(--font-plex), monospace;color:var(--muted);font-size:11px}.werkstatt-intro{grid-template-columns:1fr 1fr;align-items:end;gap:70px;padding-block:30px 80px;display:grid}.werkstatt-intro h1{letter-spacing:-.07em;margin-left:-.05em;font-size:clamp(64px,11vw,170px);font-weight:500;line-height:.9}.werkstatt-intro h1 span{color:var(--accent)}.werkstatt-intro p{max-width:510px;font-size:16px;line-height:1.8}.werkstatt-list{padding-bottom:110px}.werkstatt-list>li+li{border-top:1px solid var(--line)}.werkstatt-entry{grid-template-columns:220px minmax(0,780px);gap:12px 90px;padding-block:34px 38px;display:grid}.werkstatt-entry-meta{font-family:var(--font-plex), monospace;color:var(--muted);flex-direction:column;gap:4px;padding-top:8px;font-size:10px;display:flex}.werkstatt-entry-meta .article-kicker{color:var(--ink)}.werkstatt-entry h3{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.12}.werkstatt-entry h3 a:hover{color:var(--accent)}.werkstatt-entry-lede{max-width:640px;color:var(--muted);margin-top:14px;font-size:15px;line-height:1.75}.werkstatt-entry-links{flex-wrap:wrap;align-items:center;gap:4px 28px;margin-top:14px;font-size:12px;display:flex}.werkstatt-entry-links a{text-underline-offset:5px;min-height:38px;text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);align-items:center;gap:8px;display:inline-flex}.werkstatt-entry-links a:hover{color:var(--accent);text-decoration-color:currentColor}.article-projects{color:var(--muted)}.article-projects a{color:var(--ink);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.article-projects a:hover{color:var(--accent);text-decoration-color:currentColor}.article-header{max-width:980px;padding-block:36px 56px}.article-header h1{letter-spacing:-.05em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin-top:18px;font-size:clamp(40px,5.4vw,78px);font-weight:500;line-height:1.02}.article-lede{letter-spacing:-.01em;max-width:720px;color:var(--muted);margin-top:26px;font-size:clamp(18px,1.6vw,21px);line-height:1.55}.article-meta{color:var(--muted);flex-wrap:wrap;gap:6px 26px;margin-top:28px;font-size:12px;display:flex}.article-meta time{color:var(--ink)}.article-layout{border-top:1px solid var(--ink);grid-template-columns:220px minmax(0,1fr);gap:90px;padding-block:56px 90px;display:grid}.article-toc{align-self:start;position:sticky;top:130px}.article-toc>p{font-family:var(--font-plex), monospace;color:var(--muted);margin-bottom:8px;font-size:10px}.article-toc a{border-bottom:1px solid var(--line);padding-block:11px;font-size:12px;line-height:1.45;display:block}.article-toc a:hover{color:var(--accent)}.article-layout>.article-body:first-child{grid-column:1/-1}.article-body{min-width:0;max-width:720px;font-size:17px;line-height:1.8}.article-body section+section{margin-top:72px}.article-body h2{font-size:clamp(28px,2.6vw,38px)}.article-body section>*+*{margin-top:22px}.article-body section>h2+*{margin-top:26px}.article-body h3{letter-spacing:-.02em;font-size:21px;font-weight:700;line-height:1.35}.article-body section>*+h3{margin-top:44px}.article-body ul,.article-body ol{padding-left:1.3em}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li+li,.article-body li>ul,.article-body li>ol{margin-top:8px}.article-body li::marker{color:var(--muted)}.article-body strong{font-weight:700}.article-body a{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);overflow-wrap:anywhere}.article-body a:hover{color:var(--accent);text-decoration-color:currentColor}.article-body :not(pre)>code{font-family:var(--font-plex), monospace;background:var(--surface);overflow-wrap:anywhere;padding:.12em .32em;font-size:.84em}.article-callout{border-left:3px solid var(--ink);padding:18px 22px 20px;font-size:15px;line-height:1.75}.article-callout>*+*{margin-top:10px}.callout-kind{font-family:var(--font-plex), monospace;letter-spacing:.07em;text-transform:uppercase;font-size:10px}.callout-title{font-size:16px;font-weight:700}.callout-kind+.callout-title{margin-top:4px}.callout-beispiel{background:var(--surface)}.callout-grenze{border-left-color:var(--accent)}.callout-grenze .callout-kind{color:var(--accent)}.callout-hinweis{border-left-color:var(--line)}.callout-hinweis .callout-kind{color:var(--muted)}.article-code{min-width:0}.article-code figcaption{border:1px solid var(--line);font-family:var(--font-plex), monospace;color:var(--muted);overflow-wrap:anywhere;border-bottom:0;justify-content:space-between;gap:16px;padding:8px 16px;font-size:11px;display:flex}.code-language{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.article-code pre{background:var(--surface);border:1px solid var(--line);max-width:100%;font-family:var(--font-plex), monospace;white-space:pre;tab-size:2;padding:18px 16px;font-size:13px;line-height:1.65;overflow-x:auto}.article-code pre:focus-visible,.article-table:focus-visible{outline-offset:2px}.article-table{max-width:100%;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.article-table caption{caption-side:top;text-align:left;color:var(--muted);padding-bottom:10px;font-size:12px}.article-table th{text-align:left;vertical-align:bottom;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--font-plex), monospace;letter-spacing:.05em;text-transform:uppercase;padding:10px 18px 10px 0;font-size:10px;font-weight:500}.article-table td{vertical-align:top;border-bottom:1px solid var(--line);padding:12px 18px 12px 0}.article-table th,.article-table td{min-width:9rem}.article-body .article-downloads{padding-left:0;list-style:none}.article-downloads>li{border-top:1px solid var(--line);padding-block:18px}.article-downloads>li:last-child{border-bottom:1px solid var(--line)}.article-downloads a{align-items:flex-start;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.article-downloads a svg{flex-shrink:0;margin-top:5px}.article-downloads a>span{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.article-downloads strong{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-size:17px}.article-downloads a:hover strong{text-decoration-color:currentColor}.download-format{font-family:var(--font-plex), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.article-downloads p{color:var(--muted);margin-top:4px;padding-left:30px;font-size:14px;line-height:1.7}.article-sources{font-size:14px;line-height:1.65}.article-sources>li+li{margin-top:14px}.article-sources p{color:var(--muted);margin-top:2px;font-size:13px}.article-more{border-top:1px solid var(--ink);padding-block:20px 100px}.article-more h2{letter-spacing:-.015em;padding-bottom:26px;font-size:16px;font-weight:500}.article-more ul{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.article-more li{border-bottom:1px solid var(--line);min-width:0}.article-more li:nth-child(odd){border-right:1px solid var(--line)}.article-more ul a{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 20px;height:100%;padding:28px 30px 28px 0;display:grid}.article-more li:nth-child(2n) a{padding-left:30px}.article-more ul a:hover{color:var(--accent)}.article-more small{font-family:var(--font-plex), monospace;color:var(--muted);grid-column:1;font-size:10px}.article-more strong{letter-spacing:-.03em;overflow-wrap:anywhere;grid-column:1;font-size:21px;font-weight:500;line-height:1.25}.article-more ul svg{flex-shrink:0;grid-area:1/2/3}.article-back{min-height:44px;color:var(--muted);align-items:center;gap:9px;margin-top:22px;font-size:12px;display:inline-flex}.article-back:hover{color:var(--accent)}@media (max-width:1100px){.werkstatt-teaser{margin-left:calc(50% + 20px)}.werkstatt-intro{gap:40px}.werkstatt-entry,.article-layout{grid-template-columns:180px minmax(0,1fr);gap:12px 45px}}@media (max-width:767px){.werkstatt-teaser{margin:33px 0 0}.project-werkstatt strong{font-size:18px}.werkstatt-main{padding-top:18px}.werkstatt-intro{padding-block:22px 50px;display:block}.werkstatt-intro h1{font-size:clamp(56px,19vw,120px)}.werkstatt-intro p{margin-top:26px;font-size:15px}.werkstatt-list{padding-bottom:60px}.werkstatt-entry{padding-block:26px 28px;display:block}.werkstatt-entry-meta{flex-flow:wrap;gap:2px 14px;padding:0 0 12px}.werkstatt-entry h3{font-size:25px}.article-header{padding-block:22px 40px}.article-header h1{font-size:clamp(34px,9vw,56px)}.article-lede{font-size:17px}.article-layout{padding-block:34px 60px;display:block}.article-toc{margin-bottom:48px;position:static}.article-body{font-size:16px;line-height:1.75}.article-body section+section{margin-top:56px}.article-callout{padding:16px 16px 18px}.article-more{padding-bottom:60px}.article-more ul{grid-template-columns:1fr}.article-more li:nth-child(odd){border-right:0}.article-more ul a,.article-more li:nth-child(2n) a{padding:22px 0}.article-more strong{font-size:18px}}