@font-face{font-family:UglyDaveRegular;src:url(/who-line/assets/fonts/ugly-dave.woff2) format("woff2"),url(/who-line/assets/fonts/ugly-dave.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.who-line{color-scheme:light;--ink:#111111;--font-blue:#02afff;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in:cubic-bezier(0.11,0,0.5,0);--ease-in-out:cubic-bezier(0.77,0,0.175,1);font-family:Switzer,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.block{--hero-size:18px;--hero-fs:18;--copy-size:14px;gap:8px;box-sizing:border-box;max-width:920px;padding-top:0;font-family:Switzer,sans-serif;font-weight:400;font-size:var(--hero-size);line-height:calc(var(--hero-size) * 4 / 3);letter-spacing:0;color:var(--ink)}.block,.block__hero{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0}.block__hero{gap:0;max-width:100%}.rest{--rest-fade:780ms;--rest-stagger:160ms;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;min-width:0}.rest__item{opacity:0;filter:blur(2px);transition-property:opacity,filter;transition-duration:var(--rest-fade),calc(var(--rest-fade) * .92);transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1);transition-delay:0s}.rest[data-entered=true] .rest__item{opacity:1;filter:blur(0);transition-delay:calc(var(--i, 0) * var(--rest-stagger))}.rest:not([data-entered=true]){pointer-events:none}@media (prefers-reduced-motion:reduce){.rest{--rest-fade:0ms;--rest-stagger:0ms}.rest__item{filter:none!important;transition:none}.rest[data-entered=true] .rest__item{opacity:1}}.line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;width:100%;row-gap:.2em;column-gap:0}.line,.line--sub{min-width:0;margin:0;font:inherit;color:inherit}.line--sub{max-width:100%;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.intro-lines{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:Switzer,Switzer Variable,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.intro-lines,.intro-lines__line{width:100%;margin:0;color:#939393;font-size:var(--copy-size);font-weight:400;letter-spacing:-.025em;line-height:1.35}.intro-lines__line{display:block;max-width:100%;padding:0;overflow:visible;text-align:left;overflow-wrap:break-word;word-wrap:break-word}.intro-lines__link{position:relative;z-index:21;display:inline;color:#939393;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,background-color .18s ease}.intro-lines__link:focus-visible{outline:2px solid #111111;outline-offset:3px;border-radius:2px}.intro-lines__label{font-size:inherit;text-decoration:none;text-underline-offset:.12em;transition:-webkit-text-decoration-color .18s ease;transition:text-decoration-color .18s ease;transition:text-decoration-color .18s ease,-webkit-text-decoration-color .18s ease}.intro-lines__link[data-hovered=true]{color:var(--selection-fg);background-color:var(--selection-bg)}.intro-lines__previously{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}.intro-lines__badge-hint{position:absolute;left:0;top:calc(100% + 12pt);margin:0;font-family:UglyDaveRegular,Ugly Dave,cursive;font-size:10pt;font-weight:400;line-height:1.2;letter-spacing:0;color:#939393;white-space:nowrap;opacity:0;transition:opacity .22s cubic-bezier(.22,1,.36,1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro-lines__previously[data-badge-hint=true] .intro-lines__badge-hint{opacity:1}@media (prefers-reduced-motion:reduce){.intro-lines__badge-hint{transition:none}}.line__text{white-space:normal;overflow-wrap:break-word}.block,.block__hero,.line__text{max-width:100%;min-width:0}.line__trail{--char-fade:210ms;--char-stagger:98ms;display:inline-flex;flex-wrap:wrap;align-items:baseline;flex-shrink:0;max-width:100%;row-gap:.2em}.line__trail[hidden]{display:none}.line__and{display:inline-flex;font:inherit;color:inherit;white-space:nowrap}.line__trail .char{opacity:0;transition:opacity var(--char-fade) var(--ease-in-out);transition-delay:0s}.line__trail[data-entered=true] .char{opacity:1;transition-delay:calc(var(--i, 0) * var(--char-stagger))}.line__trail .lockup--build{margin-left:4pt;transform:translateY(25%)}@media (prefers-reduced-motion:reduce){.line__trail{--char-fade:160ms;--char-stagger:0ms}}.lockup{position:relative;display:inline-block;overflow:visible;vertical-align:baseline;cursor:pointer;flex-shrink:0}.lockup__frame{position:absolute;left:0;bottom:0;overflow:visible;pointer-events:none}.lockup__hit{position:absolute;z-index:5;inset:0;cursor:pointer}.lockup--design .lockup__hit{inset:auto;left:0;top:0;width:var(--word-w);height:100%}.lockup__veil{position:absolute;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,1));transition:opacity .24s cubic-bezier(.19,1,.22,1)}.lockup[data-hovered=true] .lockup__veil{opacity:1}.icon{position:absolute;display:grid;place-items:center;opacity:0;filter:blur(2px);transition-property:transform,opacity,filter;transition-duration:.26s,.2s,.2s;transition-timing-function:var(--ease-out),var(--ease-out),var(--ease-out)}.lockup[data-hovered=false] .icon{transition-duration:.18s,.15s,.15s;transition-timing-function:var(--ease-in),var(--ease-in),var(--ease-in)}.lockup[data-hovered=true] .icon{opacity:1;filter:blur(0)}.lockup--design{--fs:var(--hero-fs,18);--s:calc(var(--fs) / 16);--word-w:calc(55 * var(--s) * 1px);--word-h:calc(18 * var(--s) * 1px);--pen-end:70.2;width:calc(var(--pen-end) * var(--s) * 1px);height:var(--word-h);margin-left:2pt;margin-right:4pt;transform:translateY(70%)}.lockup--design .lockup__frame{width:calc(80 * var(--s) * 1px);height:calc(52 * var(--s) * 1px)}.lockup--design .lockup__veil{bottom:calc(8 * var(--s) * 1px);left:calc(3 * var(--s) * 1px);width:var(--word-w);height:calc(34 * var(--s) * 1px)}.lockup--design .icons{position:absolute;z-index:1;bottom:calc(25 * var(--s) * 1px);left:calc(3 * var(--s) * 1px);width:var(--word-w);height:calc(32 * var(--s) * 1px)}.lockup--design .icon{transform:translateY(55%) scale(.92) rotate(0deg);transform-origin:50% 100%}.lockup--design[data-hovered=true] .icon{transform:translateY(0) scale(1) rotate(var(--rot,0deg))}.lockup--design .icon--figma{left:calc(-6.09 * var(--s) * 1px);bottom:calc(6.09 * var(--s) * 1px);width:calc(22.045 * var(--s) * 1px);height:calc(22.045 * var(--s) * 1px);--rot:-12deg}.lockup--design .icon--color{left:calc(17.8 * var(--s) * 1px);bottom:calc(15.97 * var(--s) * 1px);width:calc(22.001 * var(--s) * 1px);height:calc(18.565 * var(--s) * 1px);--rot:0deg}.lockup--design .icon--font{left:calc(41.89 * var(--s) * 1px);bottom:calc(5.73 * var(--s) * 1px);width:calc(21.556 * var(--s) * 1px);height:calc(21.556 * var(--s) * 1px);--rot:13.2deg}.lockup--design .icon,.lockup--design[data-hovered=true] .icon--figma{transition-delay:0s}.lockup--design[data-hovered=true] .icon--color{transition-delay:30ms}.lockup--design[data-hovered=true] .icon--font{transition-delay:55ms}.lockup--design[data-hovered=false] .icon--color,.lockup--design[data-hovered=false] .icon--figma,.lockup--design[data-hovered=false] .icon--font{transition-delay:0s}.lockup--design .figma-logo{width:100%;height:100%;overflow:hidden;border:calc(1.333 * var(--s) * 1px) solid #fff;border-radius:calc(5.333 * var(--s) * 1px);box-shadow:0 calc(1.333 * var(--s) * 1px) calc(6.667 * var(--s) * 1px) rgba(0,0,0,.12);box-sizing:border-box}.lockup--design .figma-logo img,.lockup--design .icon--color img{display:block;width:100%;height:100%;object-fit:cover}.lockup--design .font-tool{display:block;width:100%;height:100%;overflow:visible}.lockup--design .stage{position:absolute;z-index:3;right:0;bottom:0;left:0;height:calc(30 * var(--s) * 1px);color:var(--ink)}.lockup--design .stage svg{display:block;width:100%;height:100%;overflow:visible}.lockup--build{--fs:var(--hero-fs,18);--s:calc(var(--fs) / 18);--icon-s:calc(var(--fs) / 16 * 1.05);--spread:1.1;--word-w:calc(40 * var(--s) * 1px);--word-h:calc(24 * var(--s) * 1px);width:var(--word-w);height:var(--word-h);margin-left:0;margin-right:0}.lockup--build .lockup__frame{width:calc(75.924 * var(--s) * 1px);height:calc(45.925 * var(--s) * 1px)}.lockup--build .lockup__veil{left:0;top:calc(14 * var(--s) * 1px);width:var(--word-w);height:calc(32 * var(--s) * 1px)}.lockup--build .icons{position:absolute;z-index:1;inset:0}.lockup--build .icon{transform:translateX(-55%) scale(.92);transform-origin:0 50%}.lockup--build[data-hovered=true] .icon{transform:translateX(0) scale(1)}.lockup--build .icon__face{display:grid;place-items:center;width:100%;height:100%;transform:rotate(var(--rot,0deg))}.lockup--build .icon--claude{left:calc(34 * var(--s) * 1px);top:calc(4.925 * var(--s) * 1px);width:calc(16 * var(--icon-s) * 1px);height:calc(16 * var(--icon-s) * 1px);transition-delay:0s}.lockup--build .icon--claude .icon__face{--rot:180deg;transform:rotate(var(--rot)) scaleY(-1)}.lockup--build .icon--claude img{display:block;width:100%;height:100%;object-fit:cover}.lockup--build .icon--cursor{left:calc((34 + (44 - 34) * var(--spread)) * var(--s) * 1px);top:calc((4.925 + (21.93 - 4.925) * var(--spread)) * var(--s) * 1px);width:calc(22.045 * var(--icon-s) * 1px);height:calc(22.045 * var(--icon-s) * 1px);transition-delay:40ms}.lockup--build .icon--cursor .icon__face{--rot:-15deg;width:calc(18 * var(--icon-s) * 1px);height:calc(18 * var(--icon-s) * 1px)}.lockup--build .cursor-logo{position:relative;width:100%;height:100%;overflow:hidden;border:calc(1.2 * var(--icon-s) * 1px) solid #fff;border-radius:calc(4.8 * var(--icon-s) * 1px);box-shadow:0 calc(1.2 * var(--icon-s) * 1px) calc(6 * var(--icon-s) * 1px) rgba(0,0,0,.12);box-sizing:border-box}.lockup--build .cursor-logo img{position:absolute;left:-143.03%;top:-70.95%;width:386.2%;height:241.37%;max-width:none;pointer-events:none}.lockup--build .icon--dev{left:calc((34 + (53.07 - 34) * var(--spread)) * var(--s) * 1px);top:calc((4.925 + (0 - 4.925) * var(--spread)) * var(--s) * 1px);width:calc(22.849 * var(--icon-s) * 1px);height:calc(22.849 * var(--icon-s) * 1px);transition-delay:70ms}.lockup--build .icon--dev .icon__face{--rot:13.25deg;width:calc(19 * var(--icon-s) * 1px);height:calc(19 * var(--icon-s) * 1px)}.lockup--build .icon--dev img{display:block;width:100%;height:100%;object-fit:contain;border-radius:calc(4 * var(--icon-s) * 1px)}.lockup--build[data-hovered=true] .icon--claude{transition-delay:0s}.lockup--build[data-hovered=true] .icon--cursor{transition-delay:40ms}.lockup--build[data-hovered=true] .icon--dev{transition-delay:70ms}.lockup--build[data-hovered=false] .icon--claude{transition-delay:50ms}.lockup--build[data-hovered=false] .icon--cursor{transition-delay:25ms}.lockup--build[data-hovered=false] .icon--dev{transition-delay:0s}.lockup--build .word{position:absolute;z-index:3;inset:0}.lockup--build .word__letter{position:absolute;top:calc(21.925 * var(--s) * 1px);margin:0;font-family:Switzer,sans-serif;font-weight:400;font-size:calc(18 * var(--s) * 1px);line-height:normal;color:var(--ink);white-space:nowrap}.lockup--build .word__b{left:0}.lockup--build .word__ild{left:calc(21 * var(--s) * 1px);display:flex}.lockup--build .word__u-bars{position:absolute;left:calc(9 * var(--s) * 1px);top:calc(25.245 * var(--s) * 1px);display:flex;flex-direction:column;gap:calc(1.4 * var(--s) * 1px);width:calc(13 * var(--s) * 1px);-webkit-mask-image:url(/who-line/assets/u-mask.svg);mask-image:url(/who-line/assets/u-mask.svg);-webkit-mask-size:calc(8.572 * var(--s) * 1px) calc(9.946 * var(--s) * 1px);mask-size:calc(8.572 * var(--s) * 1px) calc(9.946 * var(--s) * 1px);-webkit-mask-position:calc(2 * var(--s) * 1px) calc(5.182 * var(--s) * 1px);mask-position:calc(2 * var(--s) * 1px) calc(5.182 * var(--s) * 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lockup--build .word__u-bars>span{display:block;width:calc(18.2 * var(--s) * 1px);height:calc(1.4 * var(--s) * 1px);background:var(--ink)}@media (prefers-reduced-motion:reduce){.icon{transition-property:opacity;transition-duration:.16s;transition-delay:0s!important;filter:none!important}.icon,.lockup[data-hovered=true] .icon{transform:none!important}.lockup__veil{transition-duration:.16s}}@media (max-width:430px){.block{--hero-size:16px;--hero-fs:16;--copy-size:12px;gap:6px}.rest{gap:20px}.lockup--design{width:var(--word-w);margin-left:2px;margin-right:calc((var(--pen-end) - 55) * var(--s) * 1px + 8px)}.line__trail{row-gap:.35em}.line__trail .lockup--build{margin-left:4px}.intro-lines__line{overflow-wrap:anywhere}}