@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-vietnamese-400-normal.595666e7.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-400-normal.9be5ccdc.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-ext-400-normal.1be048fd.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-400-normal.62667cb7.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-400-normal.1c13b0d0.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-400-normal.d9c32c97.woff) format("woff");unicode-range:u+00??,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-vietnamese-500-normal.6cab624b.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-500-normal.31303ac3.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-latin-ext-500-normal.14731c2f.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-500-normal.6ed30f53.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-latin-500-normal.f89ef88f.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-500-normal.9199eea2.woff) format("woff");unicode-range:u+00??,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/space-grotesk-vietnamese-600-normal.a97e01e2.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-600-normal.6649b50a.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/space-grotesk-latin-ext-600-normal.e4d6d32d.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-600-normal.b320523d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/space-grotesk-latin-600-normal.7c4fb4cd.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-600-normal.248cabd1.woff) format("woff");unicode-range:u+00??,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-vietnamese-700-normal.978be8d6.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-700-normal.374a9217.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-ext-700-normal.e6d207e6.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-700-normal.2c179bdc.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-700-normal.ae25f2d6.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-700-normal.5784f2e8.woff) format("woff");unicode-range:u+00??,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.0c547cdc.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.13ebb48c.woff) format("woff");unicode-range:u+0460-052f,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-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.0d5e8fc2.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.a9efbcb6.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.9802a1bd.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.c8ba24e9.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.1f9e83da.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.e7ff19f1.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-400-normal.a75b9066.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-400-normal.847fc1df.woff) format("woff");unicode-range:u+00??,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}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:"Space Grotesk",sans-serif;--font-mono:"IBM Plex Mono",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@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}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f6f7f9;--ink:#18191d;--accent:#3458ee;--silver:#a6abb5;--muted:#666975;--line:#d7d9e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}::selection{color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}a,button,summary{touch-action:manipulation}:focus-visible{outline-offset:5px;outline:3px solid #3458ee}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}.shell{width:min(100% - 112px,1296px);margin-inline:auto}.eyebrow,.mono{font-family:var(--font-mono)}.eyebrow{letter-spacing:1.1px;align-items:center;gap:10px;font-weight:400;line-height:1.7;display:flex}.pre-line{white-space:pre-line}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);padding:14px 24px;position:fixed;top:8px;left:20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.status-dot{background:#3458ee;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.wordmark{letter-spacing:-2px;font-size:36px;font-weight:700;line-height:1}.wordmark span{color:#3458ee}.desktop-nav{gap:30px;display:flex}.desktop-nav a,.footer-bottom a,.text-link{text-underline-offset:5px}.desktop-nav a:hover,.footer-bottom a:hover,.text-link:hover{text-decoration:underline}.header-actions{align-items:center;gap:27px;display:flex}.locale-switch{gap:8px;padding:12px 3px;font-size:11px;display:flex}.locale-switch span{color:var(--muted)}.contact-link{border-left:1px solid var(--line);align-items:center;gap:27px;padding:12px 0 12px 24px;display:flex}.contact-link svg{width:16px}.menu-toggle{background:0 0;display:none}.mobile-nav{padding-bottom:20px}.mobile-nav[hidden]{display:none}.mobile-nav a{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;font-size:22px;display:flex}.mobile-nav a .mono{color:var(--muted);font-size:11px}.mobile-nav a svg{margin-left:auto}.hero{grid-template-columns:1.22fr 1fr;column-gap:60px;padding-top:67px;display:grid}.hero-eyebrow{letter-spacing:.75px;margin-bottom:21px;font-size:9px}.tiny-spark{color:#3458ee;font-size:25px;line-height:1}.hero h1{letter-spacing:-.072em;font-size:clamp(64px,7.05vw,102px);font-weight:500;line-height:1.015}.hero h1>span{width:max-content;max-width:100%;display:block}.hero h1 .headline-last{z-index:1;position:relative}.headline-last svg{z-index:-1;width:107%;height:23px;position:absolute;bottom:-12px;left:-2%;overflow:visible}.headline-last svg path{stroke:var(--silver);stroke-width:4px;fill:none;stroke-linecap:round}.hero-description{color:#60636f;max-width:392px;margin-top:34px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:27px;margin-top:25px;display:flex}.button{border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:28px;min-height:49px;padding:14px 20px;font-weight:500;transition:background .18s,transform .18s;display:inline-flex}.button svg{width:17px;height:17px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#30343e;transform:translateY(-2px)}.text-link{align-items:center;gap:16px;padding-block:14px;font-size:12px;display:inline-flex}.hero-play{align-self:center;padding-top:39px;position:relative}.hero-handnote{z-index:1;align-items:flex-start;font-family:Georgia,serif;font-size:16px;font-style:italic;display:flex;position:absolute;top:-2px;left:42px;transform:rotate(-6deg)}.hero-handnote svg{margin-top:7px;margin-left:9px}.machine-wrap{background:var(--ink);color:var(--paper);border:1px solid var(--ink);scroll-margin-top:28px;position:relative;box-shadow:8px 8px #dfe2e9}.machine-caption{letter-spacing:.7px;border-bottom:1px solid #3b404c;justify-content:space-between;gap:8px;padding:19px 20px;font-size:8px;display:flex}.machine-caption>span:first-child{align-items:center;gap:9px;display:flex}.machine-caption .status-dot{background:var(--accent);box-shadow:0 0 0 3px #3458ee15}.machine-caption>span:last-child{color:#aeb5c5}.machine-body{background:radial-gradient(#363c49 1px,#0000 0) 0 0/18px 18px;padding:21px 34px 18px;position:relative}.machine-side{writing-mode:vertical-rl;letter-spacing:2px;color:#a1a8ba;font-size:7px;position:absolute;top:46px;left:12px;transform:rotate(180deg)}.pixel-grid{aspect-ratio:1;grid-template-columns:repeat(12,1fr);gap:4px;width:min(100%,300px);margin-inline:auto;display:grid}.pixel{aspect-ratio:1;background:#242831;border:1px solid #363c49;border-radius:1px;padding:0;transition:background .1s,transform .1s}.pixel-1{background:var(--accent);border-color:var(--accent)}.pixel-2{background:var(--silver);border-color:var(--silver)}.pixel-3{background:var(--paper);border-color:var(--paper)}.pixel:hover{background:var(--silver);z-index:1;transform:scale(1.16)}.pixel:focus-visible{outline-offset:2px;z-index:2;outline:2px solid #fff}.machine-hint{text-align:center;color:#b8c0d1;margin-top:15px;font-size:8px}.machine-hint>span{color:var(--accent);margin-right:5px}.machine-controls{border-top:1px solid #3b404c;align-items:center;gap:12px;min-height:61px;padding:15px 20px;display:flex}.swatches{gap:7px;margin-right:auto;display:flex}.swatch{border:3px solid var(--ink);width:19px;height:19px;box-shadow:0 0 0 1px #7c8495}.swatch.selected{box-shadow:0 0 0 1px var(--accent)}.machine-controls button:focus-visible{outline-color:var(--silver)}.reset-button,.save-button,.shuffle-button{background:0 0;align-items:center;gap:7px;min-height:31px;padding:4px 0;font-size:9px;display:flex}.reset-button:hover,.save-button:hover,.shuffle-button:hover{color:var(--accent)}.reset-button{color:#b8c0d1}.reset-button,.save-button{border-left:1px solid #4c5465;padding-left:12px}.hero-bottom{letter-spacing:.6px;color:#636774;grid-column:1/-1;justify-content:space-between;margin-top:56px;padding-bottom:28px;font-size:8px}.hero-bottom,.hero-bottom>span{align-items:center;display:flex}.hero-bottom>span{gap:9px}.location-dot{border:1px solid;border-radius:100%;width:6px;height:6px}.hero-bottom .small-star{color:var(--ink);margin-left:7px;font-size:18px}.manifesto-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--accent)}.strip-inner{gap:12px;height:66px}.strip-inner,.strip-inner>span{justify-content:space-between;align-items:center;display:flex}.strip-inner>span{letter-spacing:-.6px;gap:30px;font-size:16px;font-weight:500}.strip-inner svg{width:19px;height:19px}.section-space{padding-block:90px}.section-heading{justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:39px;display:flex}.people-intro h2,.play-inner h2,.section-heading h2{letter-spacing:-2.8px;margin-top:18px;font-size:clamp(36px,4.1vw,57px);line-height:1.07}.section-intro{color:#60636f;max-width:310px;margin-bottom:4px;line-height:1.85}.project-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.project-visual{aspect-ratio:1.38;text-align:left;border:1px solid #d0d4de;width:100%;display:block;position:relative;overflow:hidden}.project-visual-0{background:#e3e5e9}.project-visual-1{background:#dfe5f1}.project-category{letter-spacing:.5px;z-index:2;font-size:8px;position:absolute;top:18px;left:20px}.demo-label{z-index:2;border:1px solid #18191d50;padding:4px 6px;font-size:7px;position:absolute;top:16px;right:18px}.project-open{background:var(--paper);border:1px solid var(--ink);z-index:3;border-radius:50%;place-items:center;width:35px;height:35px;transition:transform .2s;display:grid;position:absolute;bottom:16px;right:16px}.project-visual:hover .project-open{transform:rotate(45deg)}.project-info{justify-content:space-between;gap:12px;padding-top:20px;display:flex}.project-info h3{letter-spacing:-.8px;margin-bottom:7px;font-size:23px}.project-info h3 button{text-align:left;background:0 0;padding:0}.project-info h3 button:hover{text-underline-offset:4px;text-decoration:underline}.project-info p{color:#60636f;font-size:12px;line-height:1.7}.project-state{white-space:nowrap;align-self:flex-start;align-items:center;gap:7px;padding-top:7px;display:flex}.project-stack{border-top:1px solid var(--line);color:#686d7b;justify-content:space-between;margin-top:18px;padding-top:11px;font-size:8px;display:flex}.orbit-art{position:absolute;inset:0}.orbit-line{border:1px solid #7c879d50;border-radius:50%;width:270px;height:270px;position:absolute;top:20%;left:28%}.orbit-line-one{transform:scaleX(1.65)rotate(-40deg)}.orbit-line-two{transform:scaleX(1.65)rotate(40deg)}.orbit-spark{color:#7d879b;font-size:100px;position:absolute;top:80px;left:30px;transform:rotate(15deg)}.phone{background:#fbfbfc;border:4px solid #22252c;border-radius:29px;width:180px;height:346px;padding:14px 13px;transition:transform .4s;position:absolute;top:63px;left:calc(50% - 70px);transform:rotate(-10deg);box-shadow:8px 14px #7c879d40}.project-visual:hover .phone{transform:rotate(-6deg)translateY(-5px)}.phone-camera{background:#22252c;border-radius:0 0 10px 10px;width:54px;height:14px;position:absolute;top:-1px;left:59px}.phone-top{padding-bottom:20px;font-size:7px}.phone-label,.phone-top{justify-content:space-between;display:flex}.phone-label{font-size:10px;font-weight:600}.phone-label>span{color:#3458ee;font-size:18px}.phone p{color:#676b78;margin-top:19px;font-size:7px}.phone strong{letter-spacing:-1px;margin-top:8px;font-size:22px;font-weight:500;line-height:1.1;display:block}.orbit-flower{width:98px;height:98px;margin:15px auto 0;position:relative}.orbit-flower>span{transform-origin:50%;background:#3458ee;border-radius:50%;width:32px;height:56px;position:absolute;top:21px;left:33px}.orbit-flower>span:nth-child(2){transform:rotate(45deg)translateY(-19px)}.orbit-flower>span:nth-child(3){transform:rotate(90deg)translateY(-19px)}.orbit-flower>span:nth-child(4){transform:rotate(135deg)translateY(-19px)}.orbit-flower>span:nth-child(5){transform:rotate(180deg)translateY(-19px)}.orbit-flower>span:nth-child(6){transform:rotate(225deg)translateY(-19px)}.orbit-flower>span:nth-child(7){transform:rotate(270deg)translateY(-19px)}.orbit-flower>span:nth-child(8){transform:rotate(315deg)translateY(-19px)}.orbit-flower>span:first-child{transform:translateY(-19px)}.orbit-flower>i{background:#bac8ff;border-radius:100%;width:36px;height:36px;position:absolute;top:30px;left:30px}.phone-bottom{border-top:1px solid #d2d7e2;justify-content:space-between;margin-top:13px;padding-top:9px;font-size:8px;display:flex}.phone-home{background:var(--ink);border-radius:4px;width:50px;height:3px;position:absolute;bottom:7px;left:60px}.orbit-sticker{border:1px solid var(--ink);background:var(--accent);text-align:center;border-radius:50%;place-content:center;width:91px;height:91px;font-size:9px;line-height:1.7;display:grid;position:absolute;bottom:28px;left:24px;transform:rotate(-15deg)}.utility-art{position:absolute;inset:0}.utility-window{width:80%;color:var(--paper);border:1px solid var(--ink);background:#222630;transition:transform .4s;position:absolute;top:23%;left:10%;transform:rotate(3deg);box-shadow:10px 12px #b4bfd5}.project-visual:hover .utility-window{transform:rotate(0)translateY(-4px)}.utility-window-bar{color:#b8c0d1;border-bottom:1px solid #495165;justify-content:space-between;align-items:center;padding:10px 13px;font-size:7px;display:flex}.window-dots{color:#9fa9be;font-size:6px}.utility-window-content{padding:13px 21px}.utility-wordmark{letter-spacing:-2px;font-size:36px;font-weight:600;line-height:1}.utility-wordmark span{color:var(--accent)}.utility-window-content p{color:#bac3d6;margin-top:5px;font-size:7px}.utility-tabs{color:#bbc5d9;border-bottom:1px solid #495165;gap:15px;margin-top:18px;padding-bottom:9px;font-size:7px;display:flex}.utility-tabs span:first-child{color:var(--accent)}.code-preview{padding-block:12px;font-size:9px;line-height:2}.code-comment,.code-muted{color:#a1aec7}.code-muted{padding-right:10px}.code-value{color:var(--accent)}.code-key{color:#c0cdff}.utility-foot{color:#b8c9ef;border-top:1px solid #495165;justify-content:space-between;padding-top:8px;font-size:6px;display:flex}.utility-asterisk{color:#7184b3;width:89px;height:89px;position:absolute;top:42px;right:14px;transform:rotate(15deg)}.building-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:75px;padding-block:45px 70px;display:grid}.building-copy h2{letter-spacing:-1.5px;margin-top:18px;font-size:36px;line-height:1.13}.building-copy>p:last-child{color:#60636f;max-width:350px;margin-top:16px;font-size:12px;line-height:1.9}.build-board{background:#eef1f7;border:1px solid #cdd3e0;align-self:center}.build-board-top{border-bottom:1px solid #cdd3e0;justify-content:space-between;padding:15px 17px;font-size:10px;display:flex}.building-badge{align-items:center;gap:7px;font-size:8px;display:flex}.build-board ol{margin:0;padding:12px 17px;list-style:none}.build-board li{align-items:center;gap:10px;padding-block:10px;font-size:11px;display:flex}.build-board li>.mono{color:#686d7b;margin-left:auto;font-size:7px}.build-check{border:1px solid #99a6bf;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.build-check.done{background:var(--accent);border-color:#b0bde0}.build-board-bottom{color:#58647d;background:#e2e7f1;justify-content:space-between;padding:10px 17px;font-size:8px;display:flex}.build-board-bottom>span>span{color:var(--ink)}.terminal-cursor{color:#3458ee}.workshop-section{border-block:1px solid var(--line);background:#eff1f5}.notebook-grid{grid-template-columns:1fr 1fr;gap:45px;display:grid}.notebook{border-top:1px solid var(--ink)}.notebook-top{justify-content:space-between;align-items:center;padding-top:15px;display:flex}.notebook-top .mono{color:#60636f;font-size:8px}.notebook-top>span:last-child{font-size:27px}.notebook-top svg{width:26px;height:26px}.notebook h3{letter-spacing:-.8px;margin-top:14px;font-size:25px}.notebook>p{color:#60636f;margin-top:7px;font-size:12px;line-height:1.7}.notebook-empty{border-bottom:1px solid var(--line);color:#686d7b;align-items:center;gap:20px;min-height:114px;margin-top:25px;display:flex}.notebook-doodle{font-family:var(--font-mono);color:#7b86a0;text-align:center;white-space:nowrap;flex-shrink:0;width:64px;font-size:24px}.notebook-empty>span:last-child{max-width:250px;font-size:11px;line-height:1.8}.people-section{grid-template-columns:.9fr 1.1fr;column-gap:75px;display:grid}.people-intro .eyebrow{font-size:8px}.people-intro>p:last-child{color:#60636f;max-width:340px;margin-top:24px;font-size:13px;line-height:1.9}.makers-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.maker-art{aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.maker-1 .maker-art{background:#e4e7ef}.maker-number{font-size:8px;position:absolute;top:13px;left:14px}.maker-face{border:1px solid var(--ink);background:#b1b8c8;border-radius:45% 45% 5% 5%;justify-content:center;align-items:center;width:54%;height:64%;display:flex;position:relative;transform:rotate(-8deg)}.maker-1 .maker-face{background:#8c9ab8;border-radius:5% 40%;transform:rotate(8deg)}.maker-eyes{gap:8px;width:50%;display:flex}.maker-eyes span{background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:20px;height:27px;position:relative}.maker-eyes span:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:9px;position:absolute;bottom:5px;right:3px}.maker-1 .maker-eyes span:after{left:3px;right:auto}.maker-mouth{border:1px solid var(--ink);border-top:0;border-radius:0 0 50% 50%;width:18px;height:9px;position:absolute;bottom:23%;right:37%}.maker-spark{color:#556585;font-size:60px;line-height:1;position:absolute;bottom:3px;right:10px}.maker-1 .maker-spark{color:#4e6092;top:0;bottom:auto;right:9px}.maker-info{margin-top:17px}.maker-info h3{font-family:var(--font-mono);font-size:10px}.maker-info p{margin-top:5px;font-size:10px}.maker-info>span{color:#686d7b;margin-top:8px;font-size:9px;line-height:1.6;display:block}.name-note{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1.2fr 1.4fr;align-items:center;gap:25px;margin-top:56px;padding-top:33px;display:grid}.name-note>.mono{letter-spacing:.5px;font-size:8px}.name-note strong{letter-spacing:-1.4px;font-size:35px;font-weight:500;display:block}.name-note strong>span{color:#3458ee}.name-note div>.mono{color:#686d7b;margin-top:5px;font-size:8px;display:block}.name-note>p{color:#60636f;font-size:12px;line-height:1.85}.play-section{background:var(--accent);border-block:1px solid var(--ink)}.play-inner{grid-template-columns:1.2fr 1fr;gap:80px;display:grid;overflow:hidden}.play-inner>div:first-child{z-index:1}.play-inner h2{font-size:57px}.play-inner>div>p:not(.eyebrow){max-width:360px;margin-block:23px;font-size:13px;line-height:1.85}.play-inner .eyebrow,.play-note{font-size:8px}.play-note{margin-top:16px;display:block}.play-art{place-items:center;display:grid;position:relative}.play-art>svg{width:80px;height:80px;color:var(--silver);position:absolute;top:4px;right:30px;transform:rotate(15deg)}.play-art-text{letter-spacing:-9px;z-index:1;font-size:125px;line-height:.84;transform:rotate(-12deg)}.play-art-text i{margin-left:70px;font-family:Georgia,serif;font-size:155px;font-weight:400}.play-art-orbit{border:1px solid #647ab5;border-radius:100%;width:340px;height:180px;position:absolute;transform:rotate(-34deg)}.play-art-dot{background:var(--silver);border:1px solid var(--ink);border-radius:50%;width:36px;height:36px;position:absolute;bottom:13%;left:7%}footer{background:var(--ink);color:var(--paper);padding-top:74px}.footer-top{grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;display:grid}.footer-top .eyebrow{color:var(--accent);font-size:8px}.footer-top h2{letter-spacing:-2px;margin-top:20px;font-size:48px;line-height:1.08}.footer-contact>svg{color:var(--accent);width:28px;height:28px;margin-bottom:18px}.footer-contact>p{color:#b7bdcc;max-width:330px;font-size:12px;line-height:1.8}.footer-contact>.mono{color:#b7bdcc;margin-top:18px;font-size:8px;display:block}.footer-wordmark{margin-block:28px 13px;font-size:clamp(100px,20.3vw,294px);font-weight:600;line-height:1.12}.footer-wordmark>span{color:var(--accent)}.footer-wordmark>svg{width:70px;height:70px;color:var(--accent);position:absolute;top:34%;right:4px}.footer-bottom{border-top:1px solid #3b414d;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;display:flex}.footer-bottom p{color:#b7bdcc;font-size:9px}.footer-bottom p:first-child{font-size:7px}.footer-bottom a{white-space:nowrap;align-items:center;gap:16px;font-size:8px;display:flex}.concept-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);width:min(600px,100% - 40px);max-height:calc(100dvh - 48px);margin:auto;padding:0}.concept-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18191db3}.dialog-inner{padding:49px 40px 35px;position:relative}.dialog-close{background:0 0;width:36px;height:36px;font-size:32px;line-height:1;position:absolute;top:10px;right:15px}.dialog-inner>.eyebrow{color:#3458ee}.dialog-inner h2{letter-spacing:-2px;margin-top:15px;font-size:50px;line-height:1.1}.dialog-description{color:#60636f;margin-top:22px;font-size:15px;line-height:1.85}.dialog-stack{margin-block:25px;font-size:10px;line-height:1.8}.concept-disclaimer{border-top:1px solid var(--line);margin-bottom:25px;padding-top:16px;font-size:8px;line-height:1.7}@media (min-width:1600px){.hero{padding-top:90px}.hero-play{justify-self:end;width:100%;max-width:515px}}@media (max-width:1100px){.shell{width:calc(100% - 72px)}.desktop-nav{gap:19px;font-size:12px}.header-actions{gap:18px}.hero{column-gap:35px}.hero h1{font-size:7.1vw}.hero-actions{gap:18px}.hero-actions .button{gap:16px;padding-inline:15px}.machine-caption{padding-inline:14px;font-size:7px}.machine-controls{gap:9px;padding-inline:15px}.machine-body{padding-inline:26px}.machine-side{font-size:6px;left:8px}.strip-inner>span{gap:20px;font-size:13px}.project-grid{gap:22px}.phone{width:160px;height:316px;top:53px}.phone-camera{left:49px}.phone-home{left:50px}.phone p{margin-top:12px}.phone strong{font-size:20px}.orbit-flower{margin-top:3px;margin-bottom:-8px;transform:scale(.85)}.orbit-spark{font-size:80px;top:60px;left:17px}.orbit-sticker{width:72px;height:72px;font-size:8px;bottom:18px;left:16px}.utility-window{top:24%}.utility-window-content{padding:10px 15px}.utility-wordmark{font-size:28px}.utility-tabs{margin-top:10px}.code-preview{padding-block:8px;font-size:8px}.utility-asterisk{width:68px;height:68px;top:36px}.project-state{font-size:7px}.project-info p{max-width:230px}.building-section,.people-section{column-gap:40px}.people-section{grid-template-columns:.9fr 1.1fr}.play-inner{gap:35px}.play-art-text{font-size:100px}.play-art-text i{font-size:135px}.play-art-orbit{width:270px}.footer-top{gap:45px}.footer-wordmark>svg{width:55px;height:55px}}@media (max-width:800px){.shell{width:calc(100% - 48px)}.header-inner{height:80px}.wordmark{font-size:32px}.contact-link,.desktop-nav{display:none}.menu-toggle{border-left:1px solid var(--line);align-items:center;gap:12px;padding:12px 0 12px 18px;font-size:12px;display:flex}.menu-toggle span{font-size:21px;line-height:.5}.hero{grid-template-columns:1fr 1fr;gap:32px 26px;padding-top:45px}.hero h1{font-size:7.2vw}.hero-eyebrow{letter-spacing:.2px;gap:6px;font-size:7px}.tiny-spark{font-size:19px}.hero-description{margin-top:25px;font-size:12px}.hero-actions{flex-wrap:wrap;gap:3px 13px;margin-top:19px}.hero-actions .button{min-height:43px;font-size:11px}.text-link{font-size:11px}.hero-play{padding-top:33px}.hero-handnote{font-size:13px;top:0;left:4px}.hero-handnote svg{width:42px;height:32px;margin-top:0}.machine-caption{letter-spacing:.2px;padding:14px 10px;font-size:6px}.machine-caption>span:first-child{gap:5px}.machine-caption>span:last-child{font-size:6px}.machine-body{padding:16px 22px 13px}.pixel-grid{gap:3px}.machine-hint{margin-top:11px;font-size:6px}.machine-controls{gap:8px;min-height:50px;padding:9px 10px}.swatches{gap:5px}.swatch{border-width:2px;width:15px;height:15px}.reset-button,.shuffle-button{font-size:7px}.shuffle-button{gap:4px}.shuffle-button svg{width:12px}.reset-button,.save-button{padding-left:7px}.save-button svg{width:14px}.hero-bottom{margin-top:9px;padding-bottom:22px}.strip-inner{height:54px}.strip-inner>span{letter-spacing:-.4px;gap:18px;font-size:11px}.strip-inner svg{width:14px;height:14px}.section-space{padding-block:65px}.section-heading{gap:30px}.people-intro h2,.section-heading h2{letter-spacing:-2px;font-size:39px}.section-intro{max-width:245px;font-size:11px}.eyebrow{letter-spacing:.7px;font-size:8px}.project-visual{aspect-ratio:1.05}.project-category{font-size:6px;top:14px;left:13px}.demo-label{font-size:5px;top:12px;right:11px}.phone{width:148px;height:290px;padding-inline:10px;top:50px;left:calc(50% - 58px)}.phone-camera,.phone-home{left:43px}.phone-label{font-size:9px}.phone-top{padding-bottom:15px}.phone strong{font-size:18px}.phone p{font-size:6px}.phone-bottom{margin-top:0;font-size:7px}.orbit-flower{margin-top:-4px;margin-bottom:-12px;transform:scale(.75)}.orbit-spark{font-size:64px;top:61px}.orbit-sticker{width:60px;height:60px;font-size:6px;bottom:15px;left:12px}.orbit-line{left:10%}.utility-window{width:88%;top:26%;left:6%}.utility-window-content{padding:10px}.utility-window-bar{padding:8px 9px;font-size:6px}.utility-wordmark{font-size:28px}.utility-window-content p{font-size:6px}.utility-tabs{gap:10px;padding-bottom:6px;font-size:6px}.code-preview{font-size:7px}.code-muted{padding-right:5px}.utility-asterisk{width:52px;height:52px;top:39px}.project-info{flex-direction:column;gap:4px;padding-top:15px}.project-info h3{font-size:22px}.project-info p{max-width:none;font-size:11px}.project-state{padding-top:3px}.building-section{gap:28px;padding-block:35px 55px}.building-copy h2{font-size:29px}.building-copy>p:last-child{font-size:11px}.build-board-top{padding:12px;font-size:8px}.building-badge{font-size:6px}.build-board ol{padding-inline:12px}.build-board li{gap:7px;font-size:9px}.build-board li>.mono{font-size:6px}.build-board-bottom{padding-inline:12px;font-size:7px}.notebook-grid{gap:28px}.notebook h3{font-size:22px}.notebook>p{font-size:11px}.notebook-empty{gap:10px}.notebook-doodle{width:44px;font-size:20px}.notebook-empty>span:last-child{font-size:10px}.people-section{column-gap:35px}.people-intro>p:last-child{font-size:11px}.makers-grid{align-self:center;gap:12px}.maker-eyes{gap:5px}.maker-eyes span{width:13px;height:21px}.maker-eyes span:after{width:4px;height:7px;right:2px}.maker-mouth{width:13px;height:6px}.maker-spark{font-size:40px}.maker-info p,.maker-info>span{font-size:8px}.name-note{grid-template-columns:.9fr 1fr 1.3fr;gap:20px;margin-top:40px}.name-note>.mono{font-size:7px}.name-note strong{font-size:30px}.name-note>p{font-size:10px}.name-note div>.mono{font-size:7px}.play-inner{grid-template-columns:1.3fr 1fr;gap:20px;padding-block:55px}.play-inner h2{letter-spacing:-2px;font-size:43px}.play-inner .eyebrow{letter-spacing:.2px;font-size:7px}.play-inner>div>p:not(.eyebrow){font-size:11px}.play-art-text{letter-spacing:-6px;font-size:75px}.play-art-text i{margin-left:40px;font-size:100px}.play-art-orbit{width:220px;height:150px}.play-art>svg{width:60px;height:60px;top:30px;right:0}footer{padding-top:50px}.footer-top{gap:25px}.footer-top h2{letter-spacing:-1.5px;font-size:37px}.footer-contact>p{font-size:11px}.footer-contact>.mono{font-size:7px}.footer-wordmark{font-size:20vw}.footer-wordmark>svg{width:40px;height:40px}.footer-bottom{flex-wrap:wrap;gap:12px 24px}.footer-bottom p:first-child{flex-basis:calc(100% - 130px);order:0}.footer-bottom a{order:1;margin-left:auto}.footer-bottom p:nth-child(2){order:2;font-size:9px}}@media (max-width:600px){.shell{width:calc(100% - 40px)}.header-inner{height:75px}.wordmark{font-size:32px}.header-actions{gap:19px}.hero{padding-top:34px;display:block}.hero-eyebrow{letter-spacing:.65px;margin-bottom:22px;font-size:7px}.hero h1{letter-spacing:-.068em;font-size:clamp(51px,12.8vw,76px);line-height:1.02}html[lang=tr] .hero h1{font-size:clamp(44px,11.9vw,70px)}.headline-last svg{height:17px;bottom:-10px}.hero-description{max-width:340px;margin-top:29px;font-size:13px;line-height:1.8}.hero-actions{gap:20px;margin-top:22px}.hero-actions .button{min-height:47px;padding:13px 16px;font-size:11px}.text-link{gap:9px;font-size:11px}.hero-play{max-width:420px;margin:41px auto 0;padding-top:33px}.hero-handnote{font-size:15px;top:0;left:auto;right:26px}.hero-handnote svg{width:47px;height:35px}.machine-wrap{box-shadow:5px 5px #dfe2e9}.machine-caption{letter-spacing:.6px;padding:16px;font-size:7px}.machine-caption>span:last-child{font-size:7px}.machine-body{padding:19px 36px 14px}.pixel-grid{gap:4px;max-width:290px}.machine-side{font-size:7px;left:11px}.machine-hint{margin-top:15px;font-size:7px}.machine-controls{gap:12px;min-height:61px;padding:12px 16px}.swatches{gap:8px}.swatch{border-width:3px;width:21px;height:21px}.reset-button,.shuffle-button{min-height:35px;font-size:9px}.shuffle-button svg{width:15px}.save-button{min-height:35px}.reset-button,.save-button{padding-left:12px}.save-button svg{width:17px}.hero-bottom{letter-spacing:.2px;margin-top:29px;padding-bottom:21px;font-size:6px}.hero-bottom>span{gap:5px}.hero-bottom .small-star{margin-left:0;font-size:15px}.strip-inner{flex-wrap:wrap;gap:10px;width:100%;height:53px;padding-inline:20px}.strip-inner>span{letter-spacing:-.4px;gap:10px;font-size:9px}.strip-inner>span:last-child svg,.strip-inner>span:nth-child(2){display:none}.strip-inner svg{width:13px;height:13px}.section-space{padding-block:54px}.section-heading{margin-bottom:26px;display:block}.people-intro h2,.section-heading h2{letter-spacing:-2px;margin-top:15px;font-size:40px}.section-intro{max-width:340px;margin-top:21px;font-size:12px;line-height:1.8}.eyebrow{letter-spacing:.6px;font-size:8px}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{aspect-ratio:1.2}.project-category{font-size:7px;top:17px;left:16px}.demo-label{font-size:6px;top:14px;right:14px}.phone{width:166px;height:326px;padding-inline:13px;top:58px;left:calc(50% - 60px)}.phone-camera{left:52px}.phone-home{left:53px}.phone-label{font-size:10px}.phone p{margin-top:17px;font-size:7px}.phone strong{font-size:21px}.phone-bottom{margin-top:9px;font-size:8px}.orbit-flower{margin-top:5px;margin-bottom:0;transform:scale(.9)}.orbit-sticker{width:74px;height:74px;font-size:8px;bottom:21px;left:18px}.orbit-spark{font-size:82px;top:70px;left:24px}.project-info{flex-direction:row;gap:8px;padding-top:17px}.project-state{padding-top:7px;font-size:6px}.project-info h3{font-size:23px}.project-info p{max-width:245px;font-size:11px}.project-stack{margin-top:14px;font-size:7px}.utility-window{width:84%;top:25%;left:8%}.utility-window-bar{padding:10px;font-size:7px}.utility-window-content{padding:12px 15px}.utility-wordmark{font-size:32px}.utility-window-content p{font-size:7px}.utility-tabs{gap:15px;margin-top:13px;font-size:7px}.code-preview{padding-block:9px;font-size:8px}.utility-asterisk{width:66px;height:66px;top:41px;right:17px}.building-section{padding-block:31px 50px;display:block}.building-copy h2{font-size:34px}.building-copy>p:last-child{margin-top:18px;font-size:12px;line-height:1.8}.build-board{margin-top:27px}.build-board-top{padding:15px;font-size:10px}.building-badge{font-size:7px}.build-board ol{padding:12px 15px}.build-board li{gap:9px;padding-block:12px;font-size:10px}.build-board li>.mono{font-size:6px}.build-board-bottom{padding:12px 15px;font-size:8px}.notebook-grid{grid-template-columns:1fr;gap:31px}.notebook h3{margin-top:14px;font-size:26px}.notebook>p{font-size:12px}.notebook-empty{min-height:95px;margin-top:17px}.notebook-empty>span:last-child{font-size:11px}.notebook-doodle{width:55px}.people-section{display:block}.people-intro>p:last-child{max-width:340px;margin-top:20px;font-size:12px;line-height:1.85}.makers-grid{gap:16px;margin-top:30px}.maker-eyes{gap:7px}.maker-eyes span{width:16px;height:23px}.maker-spark{font-size:50px}.maker-info h3{font-size:10px}.maker-info p{font-size:9px}.maker-info>span{font-size:8px}.name-note{margin-top:34px;padding-top:25px;display:block}.name-note>.mono{font-size:8px}.name-note>div{align-items:baseline;gap:18px;margin-top:15px;display:flex}.name-note strong{font-size:36px}.name-note div>.mono{font-size:8px}.name-note>p{max-width:340px;margin-top:14px;font-size:12px;line-height:1.8}.play-inner{padding-block:47px;display:block}.play-inner .eyebrow{letter-spacing:.3px;font-size:6px}.play-inner h2{font-size:43px}.play-inner>div>p:not(.eyebrow){max-width:320px;margin-block:20px 23px;font-size:12px;line-height:1.8}.play-inner .button{gap:20px;font-size:11px}.play-note{font-size:7px}.play-art{max-width:300px;height:235px;margin:30px auto 0}.play-art-text{letter-spacing:-7px;font-size:100px;line-height:.8}.play-art-text i{font-size:125px}.play-art>svg{width:68px;height:68px;top:0;right:0}.play-art-orbit{width:310px;height:155px}.play-art-dot{width:30px;height:30px;bottom:10px;left:0}footer{padding-top:48px}.footer-top{display:block}.footer-top h2{letter-spacing:-1.7px;font-size:36px;line-height:1.1}.footer-contact{grid-template-columns:25px 1fr;column-gap:13px;margin-top:26px;display:grid}.footer-contact>svg{width:22px;height:22px;margin-top:3px}.footer-contact>p{max-width:290px;font-size:11px}.footer-contact>.mono{grid-column:2;margin-top:12px;font-size:7px}.footer-wordmark{letter-spacing:-.08em;margin-block:25px 18px;font-size:20vw}.footer-wordmark>svg{width:29px;height:29px;top:28%}.footer-bottom{gap:15px;padding-block:20px}.footer-bottom p:first-child{flex-basis:70%;font-size:6px}.footer-bottom a{gap:9px;font-size:7px}.footer-bottom p:nth-child(2){font-size:8px}.dialog-inner{padding:48px 23px 26px}.dialog-inner h2{font-size:40px}.dialog-description{font-size:13px;line-height:1.85}.dialog-stack{font-size:8px}}@media (max-width:370px){.hero-eyebrow{letter-spacing:.3px;font-size:6px}.hero h1{font-size:12.5vw}.hero-actions{gap:12px}.hero-actions .button{gap:12px;padding-inline:12px;font-size:10px}.hero-actions .text-link{font-size:10px}.machine-controls{gap:8px;padding-inline:13px}.swatches{gap:6px}.swatch{width:18px;height:18px}.reset-button,.shuffle-button{font-size:8px}.project-info{flex-direction:column}.project-state{padding-top:0}.build-board li{font-size:9px}.people-intro h2,.section-heading h2{font-size:36px}.name-note>div{gap:13px}.name-note div>.mono{font-size:7px}.footer-top h2{font-size:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.brand-mark{letter-spacing:-.065em;align-items:baseline;display:inline-flex}::selection{background:var(--accent);color:#fff}.skip-link{color:#fff}.brand-mark-letter{display:inline-block}.brand-mark-letter-3{margin-inline:.01em;transform:translateY(-.035em)rotate(-13deg)}.brand-mark-letter-6{transform:rotate(5deg)}.brand-mark-dot{color:var(--accent);align-items:flex-end;width:.23em;height:.19em;margin-left:.025em;display:inline-flex}.brand-mark-dot i{background:currentColor;border-radius:1px;width:.12em;height:.12em;display:block}.wordmark .brand-mark-letter{color:var(--ink)}.wordmark .brand-mark-dot{color:var(--accent)}.site-header{background:var(--paper)}.header-inner{height:88px}.wordmark{font-size:35px}.desktop-nav{gap:32px}.contact-link,.desktop-nav{font-size:13px}.button{border-radius:3px;min-height:48px;font-size:12px}.button-dark{color:#fff}.button-dark:hover{background:var(--accent);border-color:var(--accent)}.text-link svg{width:16px}.eyebrow{letter-spacing:.6px;font-size:10px}.hero.hero-v2{padding-top:28px;display:block}.hero-topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-topline .eyebrow{letter-spacing:.6px;font-size:9px}.hero-index{color:#777c8b;letter-spacing:.5px;font-size:8px}.studio-indicator{background:var(--accent);border-radius:1px;flex-shrink:0;width:7px;height:7px;transform:rotate(-12deg)}.logo-specimen{margin-top:32px}.specimen-caption{letter-spacing:.4px;color:#777c8b;justify-content:space-between;font-size:8px;display:flex}.logo-stage{padding-block:8px 10px;position:relative}.tinker-wordmark{letter-spacing:-.085em;justify-content:center;align-items:baseline;padding:12px 20px 16px;font-size:clamp(90px,21.4vw,300px);font-weight:600;line-height:1;display:flex}.tinker-letter{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(var(--piece-x),var(--piece-y)) rotate(var(--piece-angle));background:0 0;border:0;flex-shrink:0;padding:0;line-height:1;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.tinker-letter:last-child{color:var(--accent);padding-right:.09em}.tinker-dot .letter-glyph{color:#0000;position:relative}.tinker-dot .letter-glyph:after{content:"";background:var(--accent);border-radius:1px;width:.12em;height:.12em;position:absolute;bottom:.14em;left:.06em}.tinker-letter:focus-visible{outline:none}.tinker-letter.is-dragging{cursor:grabbing;z-index:3;transition:none}.letter-glyph,.letter-selection{pointer-events:none}.letter-selection{opacity:0;border:1px solid #0000;transition:opacity .2s;position:absolute;inset:13% -6% 1% 1%}.letter-selection i{background:var(--paper);border:1px solid var(--accent);width:5px;height:5px;position:absolute}.letter-selection i:first-child{top:-3px;left:-3px}.letter-selection i:nth-child(2){top:-3px;right:-3px}.letter-selection i:nth-child(3){bottom:-3px;left:-3px}.letter-selection i:nth-child(4){bottom:-3px;right:-3px}.tinker-letter.is-selected .letter-selection,.tinker-letter:focus-visible .letter-selection,.tinker-letter:hover .letter-selection{opacity:1;border-color:var(--accent)}.tinker-letter:focus-visible .letter-selection{outline:2px solid var(--accent);outline-offset:4px}.tinker-dot .letter-selection{left:-20%;right:-45%}.specimen-baseline{color:#9197a5;font-family:var(--font-mono);letter-spacing:0;border-top:1px solid #cbd0dd;justify-content:space-around;margin-inline:30px;padding-top:9px;font-size:7px;display:flex}.specimen-baseline>span:last-child{flex-basis:1%}.specimen-bottom{justify-content:space-between;align-items:center;gap:20px;padding-top:0;display:flex}.specimen-hint{color:#656c7d;align-items:center;gap:12px;font-family:Georgia,serif;font-size:17px;font-style:italic;display:flex}.specimen-hint>span{color:var(--accent);font-family:var(--font-sans);font-style:normal}.specimen-actions{align-items:center;gap:25px;display:flex}.specimen-actions button{background:0 0;align-items:center;gap:15px;padding:11px 0;font-size:11px;display:flex}.specimen-actions button:hover{color:var(--accent)}.specimen-actions svg{width:13px;height:13px}.tinker-action{color:var(--accent)}.restore-action{color:#777c8b}.restore-action>span{font-size:18px}.hero-editorial{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:100px;margin-top:28px;padding-top:24px;display:grid}.hero.hero-v2 h1{letter-spacing:-.055em;font-size:clamp(36px,3.9vw,55px);font-weight:500;line-height:1.08}.hero-editorial-copy{max-width:430px;padding-top:2px}.hero-v2 .hero-description{color:#616673;max-width:none;margin:0;font-size:14px;line-height:1.8}.hero-v2 .hero-actions{flex-wrap:wrap;gap:26px;margin-top:21px}.hero-v2 .hero-bottom{letter-spacing:.3px;margin-top:37px;padding-bottom:25px;font-size:8px}.manifesto-strip{border-block:1px solid var(--line);background:#eef0f5}.strip-inner{height:49px}.strip-inner>span{font-family:var(--font-mono);letter-spacing:.8px;color:#616a7f;font-size:9px}.strip-inner svg{display:none}.strip-inner>span:before{content:"+";color:var(--accent);font-size:14px}.section-space{padding-block:78px}.people-intro h2,.section-heading h2{letter-spacing:-.055em;font-size:clamp(35px,3.6vw,50px)}.section-intro{max-width:325px;font-size:13px}.project-visual{border-color:#d7dce6;border-radius:2px}.project-visual-0{background:#e5e8ee}.project-visual-1{background:#dbe2f0}.demo-label,.project-category{font-size:8px}.orbit-line{border-color:#75829d40}.orbit-sticker{background:#f6f7f9}.project-info p{font-size:13px}.project-stack{font-size:9px}.project-state{font-size:8px}.utility-asterisk{color:var(--accent)}.code-value{color:#bacbff}.build-check.done{color:#2643aa;background:#dce5ff;border-color:#afbee8}.workshop-section{background:#eef0f5}.notebook-grid{gap:50px}.notebook{border-top-color:#a9b0c0}.notebook h3{font-size:28px}.notebook>p{font-size:13px}.notebook-empty>span:last-child{font-size:12px}.notebook-top .mono{font-size:9px}.notebook-top svg{color:#627493;width:22px;height:22px}.maker-art{background:#e0e4ed}.maker-1 .maker-art{background:#e4e8f2}.maker-face{background:#b9c0d0}.maker-1 .maker-face{background:#9caccd}.maker-info h3{font-size:11px}.maker-info p{font-size:12px}.maker-info>span{font-size:10px}.name-note>p{font-size:13px}.name-note strong>span{color:var(--accent)}.play-section{border-block:1px solid var(--line);background:#e9edf6}.play-inner{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:65px;overflow:visible}.play-inner h2{letter-spacing:-.055em;font-size:51px}.play-inner>div>p:not(.eyebrow){font-size:14px}.play-note{color:#686f7e;font-size:9px}.play-inner .machine-wrap{justify-self:end;width:100%;max-width:450px;box-shadow:7px 7px #cdd5e5}.machine-caption .status-dot{box-shadow:none;background:#a9bbff}.machine-hint>span{color:#a9bbff}.machine-controls button:hover{color:#c6d3ff}.swatch.selected{box-shadow:0 0 0 1px #bacbff}.pixel-1{background:#5d7aff;border-color:#5d7aff}.pixel:hover{background:#a6abb5}footer{background:#18191d}.footer-contact>svg,.footer-top .eyebrow{color:#c1ceff}.footer-wordmark{letter-spacing:-.085em;margin-block:27px 18px;font-size:clamp(100px,20vw,285px);line-height:1.25;position:relative}.footer-wordmark>.brand-mark{color:var(--paper)}.footer-wordmark .brand-mark-dot{color:#8099ff}.footer-corner{font-family:var(--font-sans);color:#8099ff;letter-spacing:0;font-size:.3em;font-weight:400;line-height:1;position:absolute;top:30%;right:0}.footer-bottom p:first-child{font-size:8px}.footer-bottom p{font-size:10px}.concept-dialog{border-color:#b4bdcf;border-radius:4px}.dialog-inner>.eyebrow{color:var(--accent)}.concept-disclaimer{font-size:9px}@media (max-width:1100px){.hero-editorial{gap:60px}.play-inner{gap:55px}.tinker-wordmark{font-size:21vw}.demo-label,.project-category{font-size:7px}}@media (max-width:800px){.header-inner{height:77px}.wordmark{font-size:33px}.hero.hero-v2{padding-top:30px}.hero-topline .eyebrow{letter-spacing:.3px;font-size:7px}.hero-index{font-size:6px}.logo-specimen{margin-top:45px}.specimen-caption{font-size:7px}.tinker-wordmark{padding-inline:12px;font-size:21.3vw}.specimen-baseline{margin-inline:20px;font-size:6px}.specimen-hint{font-size:15px}.specimen-actions{gap:18px}.specimen-actions button{gap:10px;font-size:10px}.hero-editorial{gap:40px;margin-top:28px;padding-top:28px}.hero.hero-v2 h1{font-size:37px}.hero-v2 .hero-description{font-size:12px}.hero-v2 .hero-actions{gap:20px}.hero-v2 .hero-actions .button{font-size:11px}.hero-v2 .hero-bottom{margin-top:30px;font-size:7px}.strip-inner>span{gap:10px;font-size:8px}.people-intro h2,.section-heading h2{font-size:38px}.section-intro{max-width:265px;font-size:12px}.project-info p{font-size:12px}.project-stack,.project-state{font-size:8px}.play-inner{gap:35px}.play-inner h2{font-size:38px}.play-inner>div>p:not(.eyebrow){font-size:12px}.play-inner .machine-wrap{max-width:100%}.footer-wordmark{font-size:19.7vw}}@media (max-width:600px){.header-inner{height:74px}.wordmark{font-size:32px}.hero.hero-v2{padding-top:24px}.hero-topline .eyebrow{letter-spacing:.2px;gap:7px;font-size:6px}.hero-index{display:none}.logo-specimen{margin-top:38px}.specimen-caption{letter-spacing:.1px;font-size:6px}.specimen-caption>span:last-child{font-size:5px}.logo-stage{padding-block:18px 20px}.tinker-wordmark{padding:15px 5px 14px;font-size:22.6vw}.tinker-letter{transition-duration:.2s}.letter-selection i{width:4px;height:4px}.specimen-baseline{margin-inline:6px;padding-top:7px;font-size:5px}.specimen-bottom{flex-wrap:wrap;gap:10px}.specimen-hint{gap:8px;font-size:13px}.specimen-actions{gap:17px}.specimen-actions button{gap:7px;min-height:44px;padding-block:10px;font-size:11px}.specimen-actions svg{width:12px}.restore-action>span{font-size:16px}.hero-editorial{grid-template-columns:1fr;gap:21px;margin-top:25px;padding-top:25px}.hero.hero-v2 h1,html[lang=tr] .hero.hero-v2 h1{letter-spacing:-.055em;font-size:clamp(34px,9.6vw,47px);line-height:1.08}.hero-v2 .hero-description{max-width:350px;font-size:13px;line-height:1.8}.hero-v2 .hero-actions{gap:23px;margin-top:21px}.hero-v2 .hero-actions .button{font-size:11px}.hero-v2 .hero-bottom{margin-top:30px;padding-bottom:23px;font-size:6px}.strip-inner{height:45px}.strip-inner>span{letter-spacing:.3px;gap:6px;font-size:7px}.strip-inner>span:last-child svg,.strip-inner>span:nth-child(2){display:none}.section-space{padding-block:51px}.people-intro h2,.section-heading h2{font-size:37px}.section-intro{max-width:340px;font-size:12px}.project-category{font-size:7px}.demo-label{font-size:6px}.project-info{flex-direction:column;gap:8px}.project-info p{max-width:100%;font-size:12px}.project-state{padding-top:0;font-size:8px}.project-stack{font-size:8px}.notebook-grid{gap:30px}.notebook h3{font-size:25px}.notebook-empty>span:last-child,.notebook>p{font-size:12px}.maker-info h3,.maker-info p{font-size:10px}.maker-info>span{font-size:9px}.name-note>p{font-size:12px}.play-inner{grid-template-columns:1fr;gap:34px;padding-block:47px;display:grid}.play-inner h2{font-size:40px}.play-inner>div>p:not(.eyebrow){font-size:13px}.play-inner .machine-wrap{justify-self:center;max-width:420px;margin-right:4px}.play-inner .machine-caption{font-size:7px}.play-note{font-size:8px}.footer-wordmark{margin-block:30px 23px;font-size:19.7vw}.footer-corner{font-size:.37em;top:27%}.footer-bottom p:first-child{font-size:6px}.footer-bottom p{font-size:8px}}@media (max-width:370px){.specimen-hint{font-size:12px}.specimen-actions{gap:12px}.specimen-actions button{font-size:10px}.hero-v2 .hero-actions{gap:15px}.hero-v2 .hero-actions .button,.hero-v2 .hero-actions .text-link{font-size:10px}}@media (prefers-reduced-motion:reduce){.letter-selection,.tinker-letter{transition:none}}:root{--paper:#fffaf3;--ink:#25213a;--accent:#4857ed;--line:#e3ddd7}body{background:var(--paper)}.wordmark .brand-mark-letter-3{color:#df2f70}.studio-indicator{background:#df2f70}.logo-specimen{margin-top:24px}.tinker-wordmark{font-size:clamp(90px,20vw,280px)}.tinker-letter:first-child{color:#4857ed}.tinker-letter:nth-child(4){color:#df2f70}.tinker-letter:nth-child(7){color:#7854b8}.tinker-dot .letter-glyph:after{background:#efb933}.specimen-caption{color:#756e7d}.specimen-baseline{border-top-color:#ded5dc}.specimen-hint{color:#756083}.hero-editorial{margin-top:14px}.hero-v2 .hero-bottom{margin-top:28px}.hero-index{color:#827789}.manifesto-strip{background:#e8ddf8;border-color:#d8cce9}.strip-inner>span{color:#57426f}.strip-inner>span:before{color:#bc2c68}.project-visual-0{background:#f5d77e;border-color:#e6c46b}.project-visual-1{background:#d8c8f0;border-color:#c9b6e7}.orbit-line{border-color:#a9783240}.orbit-spark{color:#aa6e37}.orbit-flower>span{background:#df2f70}.orbit-flower>i{background:#f3cd54}.orbit-sticker{background:#fffaf3}.utility-asterisk{color:#df2f70}.workshop-section{background:#fbf1e3;border-color:#e8dcca}.notebook{border-top-color:#c8b5a1}.notebook-top svg{color:#b43d75}.notebook-doodle{color:#a26c45}.build-board{background:#f0ecfa}.build-board,.build-board-top{border-color:#d8cfe9}.build-board-bottom{background:#e4dbf3}.build-check.done{color:#5c4823;background:#f4d678;border-color:#dabc62}.maker-art{background:#f3d57f}.maker-1 .maker-art{background:#d9c6f0}.maker-face{background:#dba15d}.maker-1 .maker-face{background:#ac8bcd}.maker-spark{color:#8b5b2f}.maker-1 .maker-spark{color:#765093}.play-section{background:#e1edff;border-color:#c9d9f1}.play-inner .machine-wrap{box-shadow:7px 7px #bdcde6}footer{background:#25213a}.footer-contact>svg,.footer-top .eyebrow{color:#f4d577}.footer-wordmark .brand-mark-letter-3{color:#f58db7}.footer-wordmark .brand-mark-dot{color:#f4d577}.footer-corner{color:#c5b2eb}.social-channels-falling{grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;min-height:104px;margin-top:11px;padding-block:14px;display:grid;position:relative}.social-shelf-copy>.mono{color:#8a7287;letter-spacing:.6px;font-size:7px;display:block}.social-shelf-copy>p{letter-spacing:-.2px;margin-top:7px;font-size:14px}.social-shelf-note{color:#8a7d87;margin-top:4px;font-size:10px;display:block}.social-tokens{z-index:5;justify-content:center;align-items:center;gap:19px;display:flex;position:relative}.social-drop{transform:rotate(var(--drop-angle));position:relative}.social-channels-falling .social-drop{animation:social-fall 1.05s var(--drop-delay) both}.social-token{border:1px solid #25213a12;border-radius:17px;justify-content:center;align-items:center;width:62px;height:62px;transition:box-shadow .2s,scale .2s;display:flex;box-shadow:0 5px #25213a10,0 9px 18px #25213a0b}.social-token:hover{scale:1.09;box-shadow:0 6px #25213a12,0 12px 22px #25213a12}.social-token:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.social-token svg{width:31px;height:31px}.social-token-youtube{color:#fff;--social-cutout:#f3294d;background:#f3294d}.social-token-x{color:#fff;background:#25213a}.social-token-linkedin{color:#fff;background:#176fe5}.social-token-github{color:#382449;background:#cbb2ef}.social-channels-falling .social-token-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.social-replay{color:#796d81;background:0 0;justify-self:end;align-items:center;gap:12px;min-height:44px;padding:10px 0 10px 12px;font-size:11px;display:flex}.social-replay>span{color:#b3346d;font-size:19px}.social-replay:hover{color:#b3346d}.social-channels-footer{border-top:1px solid #ffffff24;margin-top:35px;padding-top:23px}.social-channels-footer .social-tokens{flex-wrap:wrap;justify-content:flex-start;gap:13px}.social-channels-footer .social-drop{transform:none}.social-channels-footer .social-token{width:auto;height:45px;box-shadow:none;border-radius:7px;gap:9px;padding-inline:13px}.social-channels-footer .social-token svg{width:20px;height:20px}.social-channels-footer .social-token-name{font-size:11px}.social-dialog-icon{border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:21px;display:inline-flex}.social-dialog-icon svg{width:30px;height:30px}.social-dialog .dialog-description{margin-bottom:25px}@keyframes social-fall{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.04,.85,.6);transform:translateY(calc(-100vh - 120px))rotate(-35deg)}5%{opacity:1}64%{opacity:1;transform:translate3d(0,9px,0) rotate(calc(var(--drop-angle) + 7deg));animation-timing-function:ease-out}79%{transform:translate3d(0,-19px,0) rotate(calc(var(--drop-angle) - 5deg));animation-timing-function:ease-in}91%{transform:translate3d(0,4px,0) rotate(calc(var(--drop-angle) + 2deg));animation-timing-function:ease-out}to{opacity:1;transform:translateZ(0) rotate(var(--drop-angle))}}@media (max-width:1100px){.tinker-wordmark{font-size:20vw}.social-channels-falling{gap:20px}.social-tokens{gap:15px}.social-token{border-radius:15px;width:56px;height:56px}.social-shelf-copy>p{font-size:12px}}@media (max-width:800px){.tinker-wordmark{font-size:21.3vw}.social-channels-falling{grid-template-columns:1fr auto;gap:12px 22px;padding-block:11px}.social-tokens{gap:14px}.social-shelf-copy>p{font-size:13px}.social-token{border-radius:14px;width:50px;height:50px}.social-token svg{width:27px;height:27px}.social-replay{grid-column:2;min-height:32px;padding-block:3px;font-size:10px}}@media (max-width:600px){.logo-specimen{margin-top:28px}.tinker-wordmark{font-size:22.6vw}.social-channels-falling{grid-template-columns:1fr auto;row-gap:18px;margin-top:16px;padding-block:12px 9px}.social-shelf-copy{grid-column:1}.social-shelf-copy>.mono{font-size:6px}.social-shelf-copy>p{margin-top:5px;font-size:12px}.social-shelf-note{font-size:9px}.social-channels-falling .social-tokens{grid-area:2/1/auto/-1;gap:21px;padding-bottom:8px}.social-token{border-radius:15px;width:53px;height:53px}.social-token svg{width:28px;height:28px}.social-replay{grid-area:1/2;gap:8px;min-height:44px;font-size:10px}.hero-editorial{margin-top:15px}.social-channels-footer{margin-top:28px;padding-top:21px}.social-channels-footer .social-tokens{gap:9px}.social-channels-footer .social-token{gap:7px;height:43px;padding-inline:11px}.social-channels-footer .social-token-name{font-size:10px}}@media (prefers-reduced-motion:reduce){.social-channels-falling .social-drop{opacity:1;animation:none}.social-token{transition:none}}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.editorial-track{border:1px solid #25213a16;border-radius:3px;flex-direction:column;min-width:0;padding:27px 28px 24px;display:flex}.editorial-track-tutorial{background:#f8e6b9}.editorial-track-review{background:#eadcf5}.editorial-track-article{background:#f4dde7}.editorial-track-build-log{background:#dfe9f7}.editorial-track-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.editorial-track-top>.mono{letter-spacing:.5px;color:#665970;font-size:8px;line-height:1.6}.editorial-track-symbol{color:#765299;flex-shrink:0;font-size:31px;line-height:1}.editorial-track-tutorial .editorial-track-symbol{color:#8a5a26}.editorial-track-article .editorial-track-symbol{color:#a74070}.editorial-track-build-log .editorial-track-symbol{font-family:var(--font-mono);white-space:nowrap;color:#526a91;font-size:19px}.editorial-track h3{letter-spacing:-1.15px;max-width:430px;margin-top:26px;font-size:30px;line-height:1.15}.editorial-track-description{color:#625969;max-width:430px;margin-top:15px;font-size:13px;line-height:1.85}.editorial-track-bottom{margin-top:auto;padding-top:32px}.editorial-track-bottom>.mono{letter-spacing:.2px;color:#625969;border-bottom:1px solid #25213a26;padding-bottom:16px;font-size:8px;line-height:1.7;display:block}.editorial-track-bottom>p{color:#70667b;padding-top:15px;font-size:11px;line-height:1.7}@media (max-width:800px){.editorial-grid{gap:18px}.editorial-track{padding:23px 22px 20px}.editorial-track h3{letter-spacing:-.9px;font-size:26px}.editorial-track-description{font-size:12px}.editorial-track-bottom{padding-top:26px}}@media (max-width:600px){.editorial-grid{grid-template-columns:minmax(0,1fr);gap:16px}.editorial-track{padding:24px}.editorial-track h3{margin-top:22px;font-size:28px}.editorial-track-description{font-size:13px}.editorial-track-bottom>p{font-size:11px}}.writing-tone-tutorial{--writing-tint:#f8e6b9;--writing-color:#84571e}.writing-tone-article{--writing-tint:#f4dde7;--writing-color:#9d3765}.writing-tone-review{--writing-tint:#eadcf5;--writing-color:#715297}.writing-index{padding-block:70px 100px}.writing-index-hero{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:50px;padding-bottom:60px}.writing-index-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:1.02;letter-spacing:-.065em;max-width:850px;margin-top:28px}.writing-index-intro{max-width:560px;font-size:16px;line-height:1.85;color:#655d6d;margin-top:26px}.writing-index-doodle{position:relative;border:1px solid #25213a;background:#f8e6b9;height:220px;transform:rotate(6deg);display:flex;align-items:center;justify-content:center;box-shadow:8px 8px 0 #eadcf5}.writing-index-doodle>span{font-size:150px;font-weight:600;line-height:1;transform:rotate(-16deg);color:#4857ed}.writing-index-doodle>i{position:absolute;font-size:85px;color:#df2f70;right:-10px;bottom:6px;font-style:normal}.writing-index-doodle small{position:absolute;font-size:8px;left:12px;top:15px}.writing-filters{display:flex;gap:12px;padding-block:22px;border-block:1px solid #25213a25;margin-bottom:36px;flex-wrap:wrap}.writing-filters a{display:flex;align-items:center;gap:15px;padding:12px 16px;min-height:46px;border:1px solid #25213a30;font-size:13px}.writing-filters a[aria-current]{background:var(--ink);color:var(--paper)}.writing-filters a:hover{border-color:var(--ink)}.writing-filters a span{font-size:9px;opacity:.65}.writing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.writing-card{min-width:0;border-bottom:1px solid #25213a30;display:flex;flex-direction:column}.writing-card-art{background:var(--writing-tint);height:224px;position:relative;overflow:hidden;padding:20px;border:1px solid #25213a15}.writing-card-art>.mono{font-size:9px;color:var(--writing-color)}.writing-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.writing-art-tutorial>i{position:absolute;width:125px;height:62px;background:#25213a;transform:rotate(-12deg) translate(7px,8px)}.writing-art-tutorial>i+i{background:#4857ed;border:1px solid #25213a;transform:rotate(-12deg)}.writing-art-tutorial>span{position:relative;font-size:53px;color:#fffaf3;transform:rotate(-12deg)}.writing-art-article>span{font-size:130px;font-weight:600;letter-spacing:-12px;transform:rotate(-8deg)}.writing-art-article>i{width:120px;height:4px;background:#df2f70;position:absolute;bottom:38px;transform:rotate(-7deg)}.writing-art-review>span{font-size:165px;color:#7854b8;transform:rotate(10deg)}.writing-art-review>i{position:absolute;font-size:72px;color:#fffaf3;font-style:normal}.writing-art-mark{position:absolute;bottom:18px;right:20px;color:var(--writing-color);font-size:20px}.writing-card-copy{padding:23px 0 12px;flex:1;display:flex;flex-direction:column}.writing-card-label{display:flex;gap:15px;justify-content:space-between;font-size:8px;text-transform:uppercase;line-height:1.5;color:#716579}.writing-card h3{font-size:29px;line-height:1.12;letter-spacing:-1px;margin-top:16px}.writing-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.writing-card-copy>p{margin-block:16px 24px;font-size:13px;line-height:1.85;color:#6a6070}.writing-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.writing-card-bottom>.mono{font-size:8px;color:#716579}.writing-card-bottom>a{width:44px;height:44px;display:grid;place-items:center;font-size:25px;transition:transform .15s}.writing-card-bottom>a:hover{transform:translate(3px,-3px)}.writing-index-note{font-size:10px;line-height:1.8;margin-top:38px;color:#716579}.home-writing-link{margin-top:35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #25213a35;padding-block:18px;font-size:16px}.home-writing-link>span{font-size:30px}.build-log-note{margin-top:24px;font-size:12px;color:#716579}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50;pointer-events:none}.reading-progress>span{display:block;background:#df2f70;height:100%}.reading-page{padding-bottom:90px}.reading-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding-block:28px 40px;font-size:10px;color:#716579}.reading-breadcrumb a{padding-block:8px}.reading-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.reading-breadcrumb>span:last-child{margin-left:auto;font-size:24px;color:var(--writing-color)}.reading-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:65px;align-items:stretch}.reading-kicker{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--writing-color);text-transform:uppercase}.reading-kicker>span:first-child{background:var(--writing-tint);padding:8px 11px}.reading-hero h1{font-size:clamp(48px,5.7vw,82px);line-height:1.03;letter-spacing:-.065em;margin-top:25px;text-wrap:balance;max-width:850px}.reading-deck{font-size:17px;line-height:1.85;color:#675d70;max-width:680px;margin-top:25px}.reading-byline{display:flex;gap:13px;align-items:center;padding-top:30px;margin-top:30px;border-top:1px solid #25213a25}.author-stamp{width:42px;height:42px;background:#25213a;color:#fffaf3;display:grid;place-items:center;font-weight:600;font-size:22px;transform:rotate(-6deg);flex-shrink:0}.reading-byline>div{display:flex;flex-direction:column;gap:5px}.reading-byline strong{font-size:12px;font-weight:500}.reading-byline>div>span{font-size:10px;color:#716579}.reading-comment-link{font-size:11px;margin-left:auto;padding-block:12px}.reading-cover{min-width:0;background:var(--writing-tint);border:1px solid #25213a1a;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.reading-cover>.mono{font-size:8px;color:var(--writing-color)}.reading-cover>div{position:relative;display:grid;place-items:center;padding-block:35px}.cover-button{width:170px;height:100px;background:#4857ed;border:1px solid #25213a;box-shadow:9px 9px 0 #25213a;display:grid;place-items:center;font-size:80px;color:white;transform:rotate(-12deg)}.reading-cover i{position:absolute;font-family:Georgia,serif;font-size:28px;font-weight:400;color:var(--writing-color);transform:rotate(-12deg);right:-6px;bottom:0}.cover-word{font-size:170px;line-height:1;letter-spacing:-14px;font-weight:600;transform:rotate(-8deg)}.cover-pixels{font-size:210px;line-height:1;color:#7854b8;transform:rotate(15deg)}.reading-cover .cover-footer{font-size:8px;padding-top:20px;border-top:1px solid #25213a30}.sample-notice{display:flex;align-items:center;gap:22px;border-block:1px solid #25213a25;padding-block:17px;margin-block:42px 60px;color:#776d7e}.sample-notice>span{white-space:nowrap;font-size:9px;color:#5c5166}.sample-notice>p{font-size:11px;line-height:1.7}.reading-layout{display:grid;grid-template-columns:230px minmax(0,720px);gap:85px;justify-content:center;align-items:start}.reading-sidebar{position:sticky;top:35px;padding-top:8px}.desktop-toc>p{font-size:9px;letter-spacing:.6px;color:#716579}.desktop-toc ol{list-style:none;margin:20px 0 0;padding:0}.desktop-toc li{border-bottom:1px solid #25213a18}.desktop-toc li a{display:flex;gap:14px;align-items:baseline;padding-block:16px;font-size:12px;line-height:1.5}.desktop-toc li a>span{font-size:9px;color:var(--writing-color)}.desktop-toc a:hover{color:#4857ed}.toc-comments{display:block;margin-top:24px;font-size:11px;padding-block:12px}.share-writing{margin-top:35px}.share-writing button{background:none;border-bottom:1px solid #25213a35;display:flex;width:100%;justify-content:space-between;padding-block:13px;font-size:11px;text-align:left}.share-writing>span{font-size:10px;line-height:1.7;color:#716579;display:block;margin-top:9px}.reading-column{min-width:0}.mobile-toc{display:none}.tutorial-facts{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:23px 25px;border:1px solid #25213a25;margin-bottom:35px;background:#f8e6b936}.tutorial-facts .mono{font-size:9px;color:#84704d;display:block;text-transform:uppercase;margin-bottom:12px}.tutorial-facts strong{font-size:17px;font-weight:500}.tutorial-facts p{font-size:12px;line-height:1.8}.review-verdict{background:var(--writing-tint);border:1px solid #25213a20;padding:28px;margin-bottom:38px;position:relative}.review-verdict>.mono{font-size:9px;line-height:1.8;text-transform:uppercase}.review-verdict>p{font-size:24px;line-height:1.4;letter-spacing:-.65px;margin-top:16px}.review-verdict small{display:block;margin-top:22px;font-size:10px;color:#6c587a}.reading-prose{font-size:17px;line-height:1.95;color:#494151;overflow-wrap:anywhere}.reading-prose>p{margin-block:0 25px}.reading-prose>h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;color:#25213a;margin-block:58px 24px;scroll-margin-top:35px;text-wrap:balance}.reading-prose>h2:first-child{margin-top:0}.reading-prose h3{font-size:23px;line-height:1.4;margin-block:30px 18px}.reading-prose strong{font-weight:600;color:#25213a}.reading-prose ol,.reading-prose ul{padding-left:25px;margin-block:20px 28px}.reading-prose li{padding-left:8px;margin-block:12px}.reading-prose li::marker{color:var(--writing-color)}.reading-prose a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#7854b870;color:#4857ed}.reading-prose :not(pre)>code{background:#eee5ee;padding:3px 6px;font-family:var(--font-mono);font-size:.78em;color:#673e77;border:1px solid #25213a0e}.reading-prose blockquote{margin:35px 0;padding:28px 30px;background:var(--writing-tint);border-left:3px solid var(--writing-color);color:#25213a;font-size:24px;line-height:1.5;letter-spacing:-.4px}.reading-prose blockquote p{margin:0}.reading-prose img,.reading-prose video{max-width:100%;height:auto}.reading-prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:13px}.reading-prose td,.reading-prose th{padding:12px;border:1px solid #25213a30}.code-example{margin-block:30px;border:1px solid #393247;background:#25213a;color:#eae4f2;position:relative;min-width:0}.code-example-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff22;padding:9px 20px}.code-example-bar>span{font-size:8px;color:#a89abb}.code-example-bar button{background:transparent;color:#eae4f2;min-height:34px;font-size:10px;display:flex;align-items:center;gap:12px}.code-example pre{overflow-x:auto;margin:0;padding:24px;font-size:12px;line-height:1.9;font-family:var(--font-mono);tab-size:2}.code-example code{display:block;min-width:min-content}.code-status{display:block;min-height:20px;font-size:9px;color:#d7c0ee;padding-inline:24px}.hljs-keyword,.hljs-selector-class,.hljs-selector-pseudo{color:#e9a0ca}.hljs-attr,.hljs-attribute{color:#bba5f0}.hljs-literal,.hljs-number,.hljs-string{color:#efd18a}.hljs-comment{color:#aaa0bc}.hljs-name,.hljs-tag{color:#a8baff}.button-experiment{padding:30px 24px;margin:35px 0;min-height:235px;background:radial-gradient(#25213a22 1px,transparent 0) 0 0/16px 16px,#f3eddf;border:1px solid #25213a20;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:30px}.button-experiment>.mono{font-size:8px;color:#7e6a82}.playful-demo-button{display:inline-flex;align-items:center;gap:1.5rem;min-height:52px;padding:14px 24px;border:1px solid #25213a;background:#efb933;color:#25213a;font:inherit;box-shadow:5px 5px 0 #25213a;transition:transform .16s,box-shadow .16s}.playful-demo-button:active{transform:translate(4px,4px);box-shadow:1px 1px 0 #25213a}.button-experiment figcaption{font-size:11px;color:#77657f;text-align:center}.inline-experiment-link{display:inline-flex;padding-block:12px}.review-balance{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.review-balance section{border:1px solid #25213a25;background:#f8e6b945;padding:24px}.review-balance section+section{background:#eadcf550}.review-balance h2{display:flex;gap:10px;align-items:center;font-size:18px;line-height:1.4;letter-spacing:-.5px}.review-balance h2 span{color:#84571e;font-size:26px}.review-balance ul{padding-left:17px;font-size:12px;line-height:1.8;margin-bottom:0}.review-balance li{margin-block:15px}.reading-end{text-align:center;border-block:1px solid #25213a25;margin-top:55px;padding-block:32px}.reading-end-mark{color:var(--writing-color);font-size:32px}.reading-end>p{font-size:19px;letter-spacing:-.4px;margin-top:12px}.reading-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.reading-tags>span{font-size:9px;padding:7px 10px;background:var(--writing-tint)}.comments-section{padding-top:65px;scroll-margin-top:30px}.comments-heading h2{font-size:40px;line-height:1.1;letter-spacing:-1.7px;margin-top:18px}.comments-heading>p:last-child{font-size:14px;line-height:1.85;margin-top:18px;max-width:550px;color:#716579}.comment-form{background:#f4eddf;border:1px solid #25213a20;padding:28px;margin-top:28px;position:relative}.comment-form label{display:block;font-size:12px;margin-bottom:10px}.comment-form input,.comment-form textarea{font:inherit;background:#fffaf3;color:#25213a;padding:13px 15px;border:1px solid #25213a40;width:100%;border-radius:0;font-size:16px}.comment-form textarea{resize:vertical;line-height:1.8;min-height:140px;max-height:500px}.comment-form textarea::placeholder{color:#99899f}.comment-name{margin-bottom:22px;max-width:340px}.comment-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.comment-form-bottom>span{font-size:9px;color:#7c6a7f}.comment-form button:disabled{opacity:.55}.comment-privacy{margin-top:20px;font-size:10px;line-height:1.8;color:#7c6a7f}.comment-message{font-size:12px;line-height:1.8;color:#4d576b}.comment-message:not(:empty){padding-top:18px}.comment-message.is-error{color:#9b2c4c}.comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-list{margin-top:35px}.comment-list-heading{padding-bottom:18px;border-bottom:1px solid #25213a25;font-size:10px;color:#716579}.comment-empty{text-align:center;padding-block:40px;color:#716579}.comment-empty>span{display:block;font-size:36px;color:#b59bc9}.comment-empty h3{font-size:21px;margin-block:9px;color:#494151}.comment-empty p{font-size:12px;line-height:1.8}.reader-comment{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;border-bottom:1px solid #25213a20;padding-block:25px}.comment-avatar{display:grid;place-items:center;align-self:start;background:#eadcf5;min-height:36px;font-size:16px}.reader-comment-meta{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;overflow-wrap:anywhere}.reader-comment-meta strong{font-weight:500}.reader-comment-meta time{font-size:9px;color:#7c6a7f;flex-shrink:0}.reader-comment p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.pending-comment{display:block;font-size:8px;line-height:1.8;color:#8c5c25;margin-top:10px}.comments-more{width:100%;min-height:48px;background:#eadcf550;margin-top:20px;border:1px solid #25213a30;font-size:12px}.related-writing{margin-top:90px;padding-top:35px;border-top:1px solid #25213a25}.related-writing>.eyebrow{margin-bottom:25px}.related-writing .writing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-left:auto}.related-writing .writing-card-art{height:190px}footer.writing-footer{padding:30px 0;background:#25213a;color:#fffaf3}.writing-footer>.shell{display:flex;align-items:center;gap:35px;justify-content:space-between}.writing-footer .wordmark{font-size:33px}.writing-footer p{font-size:12px;color:#b8a9c2}.writing-footer a:last-child{font-size:11px;padding-block:12px}@media (max-width:1100px){.reading-hero{gap:35px}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.reading-hero h1{font-size:60px}.reading-comment-link{display:none}.reading-cover{padding:20px}.cover-button{width:130px;height:80px;font-size:60px}.writing-card h3{font-size:26px}.writing-card-grid{gap:20px}}@media (max-width:800px){.writing-index-hero{grid-template-columns:1fr 150px;gap:30px}.writing-index-doodle{height:170px}.writing-index-doodle>span{font-size:110px}.writing-index-doodle>i{font-size:60px}.writing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-hero{grid-template-columns:minmax(0,1fr);gap:30px}.reading-cover{min-height:230px}.reading-cover>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0}.cover-word{font-size:140px}.cover-pixels{font-size:165px}.reading-cover i{right:-65px;bottom:-15px}.reading-layout{display:block;max-width:720px;margin-inline:auto}.reading-sidebar{display:none}.mobile-toc{display:block;margin-bottom:28px;border-block:1px solid #25213a25}.mobile-toc summary{min-height:52px;padding-block:18px;font-family:var(--font-mono);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.mobile-toc summary span{font-size:20px}.mobile-toc[open] summary span{transform:rotate(45deg)}.mobile-toc ol{margin:0;padding:0 0 18px 22px;font-size:13px;line-height:1.7}.mobile-toc a{display:block;padding-block:10px}.sample-notice{margin-bottom:30px}.reading-byline{max-width:none}.reading-comment-link{display:block}}@media (max-width:600px){.writing-index{padding-block:40px 60px}.writing-index-hero{grid-template-columns:1fr;padding-bottom:32px;gap:0}.writing-index-hero h1{font-size:52px}.writing-index-intro{font-size:14px;margin-top:22px}.writing-index-doodle{display:none}.writing-filters{gap:8px;padding-block:18px;margin-bottom:28px}.writing-filters a{font-size:11px;padding-inline:12px;gap:10px}.related-writing .writing-card-grid,.writing-card-grid{grid-template-columns:minmax(0,1fr);gap:35px}.writing-card-art{height:210px}.writing-card h3{font-size:30px}.writing-card-label{font-size:8px}.writing-card-copy{padding-top:20px}.reading-breadcrumb{padding-block:20px 25px;font-size:9px;gap:12px}.reading-kicker{font-size:9px;gap:15px}.reading-hero h1{font-size:clamp(39px,11.6vw,64px);letter-spacing:-.055em;margin-top:22px}.reading-deck{font-size:15px;line-height:1.85;margin-top:22px}.reading-byline{padding-top:22px;margin-top:25px;gap:12px}.reading-comment-link{display:none}.reading-byline strong{font-size:11px}.reading-byline>div>span{font-size:9px}.reading-cover{min-height:210px}.cover-word{font-size:120px}.reading-cover i{font-size:24px;right:-60px}.sample-notice{display:block;margin-block:28px 23px;padding-block:14px}.sample-notice>span{display:block;margin-bottom:7px}.sample-notice>p{font-size:10px}.tutorial-facts{grid-template-columns:1fr;gap:22px;padding:22px}.tutorial-facts .mono{margin-bottom:9px}.reading-prose{font-size:16px;line-height:1.95}.reading-prose>h2{font-size:28px;letter-spacing:-.8px;margin-top:44px}.reading-prose blockquote{padding:22px;font-size:21px;margin-block:28px}.code-example pre{padding:20px 17px;font-size:11px}.code-example-bar{padding-inline:17px}.button-experiment{padding-inline:15px}.playful-demo-button{font-size:15px}.review-verdict{padding:24px}.review-verdict>p{font-size:23px}.review-balance{grid-template-columns:1fr;gap:14px}.comments-section{padding-top:45px}.comments-heading h2{font-size:35px;letter-spacing:-1.3px}.comments-heading>p:last-child{font-size:13px}.comment-form{padding:20px}.comment-form-bottom{gap:10px}.comment-form-bottom .button{font-size:11px;padding-inline:14px;gap:12px}.reader-comment{grid-template-columns:30px minmax(0,1fr);gap:12px}.comment-avatar{min-height:30px}.reader-comment p{font-size:13px}.related-writing{margin-top:55px}.reading-page{padding-bottom:55px}.writing-footer>.shell{flex-direction:column;align-items:flex-start;gap:20px}}@media (prefers-reduced-motion:reduce){.playful-demo-button,.writing-card-bottom>a{transition:none}}