.hero-h{-webkit-user-select:none;user-select:none}.hero{min-height:100svh;padding:calc(var(--header-h) + clamp(12px, 4vh, 48px)) var(--gutter) 25px;background:var(--paper);flex-direction:column;display:flex;position:relative;overflow:clip}.hero-main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero-h{font-family:var(--f-display);font-weight:900;font-size:var(--fs-hero);letter-spacing:-.035em;text-transform:uppercase;text-align:center;flex-direction:column;align-items:center;line-height:.9;display:flex}.line{white-space:nowrap;display:block}.line-in{padding-bottom:.04em;display:inline-block}.hero-water{--water-dot:.2em;--water-dot-gap:.06em}.tagline{margin-top:36px}.hero-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin-top:50px;display:grid}.hero-parts{justify-self:start}.hero-scroll{background:var(--line);width:1px;height:40px;position:relative;overflow:hidden}.hero-scroll i{background:var(--ink);height:40%;animation:scroll 2.4s var(--ease) infinite;position:absolute;inset:0 0 auto}.hero.is-idle .hero-scroll i{animation-play-state:paused}@keyframes scroll{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}.intro-h{margin-top:var(--chap-gap);max-width:15em}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:6vw;display:grid}.intro-body{grid-column:2}.lead{max-width:34em;font-size:var(--fs-lead);letter-spacing:-.02em;margin-top:clamp(28px,3vw,48px);line-height:1.38}.intro-cols{font-size:var(--fs-copy);color:#444;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(48px,6vw,96px);line-height:1.65;display:grid}.intro-cta{margin-top:clamp(32px,3.4vw,52px)}.refs{margin:0 var(--gutter);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline;gap:16px 6vw;padding:40px 0;display:grid}.refs>.label-th2{color:var(--muted)}.refs-wrap{overflow:clip}.refs-list{--gap:1.6em;margin-left:calc(var(--gap) * -1);font-size:var(--fs-refs);letter-spacing:-.02em;flex-wrap:wrap;row-gap:.35em;line-height:1.5;display:flex}.refs-list li{padding-left:var(--gap);white-space:nowrap;position:relative}.refs-list li:before{content:"";left:calc(var(--gap) / 2 - 2.5px);background:#c4c4c4;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%}.work{padding-top:var(--sec-space)}.work-head{padding:0 var(--gutter)}.work-row{margin-top:var(--chap-gap);justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.work-h{font-size:var(--fs-work)}.stack{padding:clamp(48px, 6vw, 96px) var(--gutter) var(--sec-space)}.stack-frame{gap:clamp(64px,9vw,140px);display:grid}.card{background:var(--paper);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(24px,3vw,48px);display:grid;position:relative}.card-media{aspect-ratio:16/10;background:var(--c,#0d1117);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.card-media .browser-win{transition:transform 1.2s var(--ease-out)}.card:hover .card-media .browser-win img{transform:none}.card:hover .browser-win{transform:translateY(-8px)}.card:hover .card-media img{transform:scale(1.03)}.card-cover{color:var(--ink-cover,#fff);position:absolute;bottom:clamp(14px,1.8vw,24px);left:clamp(16px,2vw,28px)}.card-cap{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.card-k{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-self:stretch;gap:16px;margin-bottom:10px;padding-bottom:14px;display:flex}.card-t{font-family:var(--f-display);letter-spacing:-.03em;font-size:clamp(26px,2.6vw,42px);font-weight:700;line-height:1.05}.card-kind{font-size:15px;font-weight:500}.card-sum{max-width:36ch;color:var(--muted);font-size:15px;line-height:1.65}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card:has(.card-link:focus-visible){outline:2px solid var(--blue);outline-offset:6px}.card-link:focus-visible{outline:0}.stack.is-stacked{height:100svh;padding:calc(var(--header-h) * .8) var(--gutter) clamp(24px, 4vh, 48px)}.stack.is-stacked .stack-frame{height:100%;display:block;position:relative;overflow:clip}.stack.is-stacked .card{pointer-events:none;background:0 0;align-items:stretch;position:absolute;inset:0}.stack.is-stacked .card-media{aspect-ratio:auto;will-change:transform;pointer-events:auto;height:100%}.stack.is-stacked .card-cap{pointer-events:auto;align-self:end}.stack.is-stacked .card:has(.card-link:focus-visible){outline:0}.stack.is-stacked .card:has(.card-link:focus-visible):after{content:"";z-index:2;box-shadow:inset 0 0 0 2px var(--blue);pointer-events:none;position:absolute;inset:0}.diff{background:var(--night);color:var(--paper)}.diff-inner{padding:var(--sec-space) var(--gutter)}.diff.is-pinned .diff-inner{flex-direction:column;justify-content:center;min-height:100svh;padding-block:max(clamp(56px,9vh,104px),clamp(60px,5vw,72px) + 20px) clamp(32px,6vh,64px);display:flex}.diff.is-pinned .diff-h{margin-top:clamp(20px,3.5vh,35px)}.diff.is-pinned .diff-points{margin-top:clamp(36px,7vh,88px)}.diff .chap>span:first-child,.diff .chap-r{color:var(--muted-dark)}.diff-h{margin-top:var(--chap-gap);max-width:15em}.diff-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin-top:clamp(48px,6vw,88px);display:grid}.point-rule{background:var(--line-dark);height:1px;display:block;position:relative;overflow:hidden}@property --flow{syntax:"<percentage>";inherits:true;initial-value:0%}.diff-points{animation:rule-flow calc(var(--flow-duration) * 3) linear infinite}@keyframes rule-flow{to{--flow:120%}}.point-rule i{--base:0%;background:linear-gradient(90deg, var(--stops-loop));background-size:600% 100%;background-position:calc(var(--base) - var(--flow)) 0;position:absolute;inset:0}.point:nth-child(2) .point-rule i{--base:20%}.point:nth-child(3) .point-rule i{--base:40%}@media (prefers-reduced-motion:reduce){.diff-points{animation:none}}.point-body{padding-top:25px}.point-n{color:var(--muted-dark);margin-bottom:18px;display:block}.point h3{font-family:var(--f-display);font-weight:700;font-size:var(--fs-h3);letter-spacing:-.03em;line-height:1.15}.point p{max-width:350px;color:var(--muted-dark);margin-top:20px;font-size:15px;line-height:1.7}@media (width>=901px) and (height<=720px){html .diff.is-pinned .diff-points{margin-top:32px}html .point p{margin-top:14px;font-size:14px}}.cap{background:var(--ink);color:var(--paper)}.cap .chap>span:first-child{color:var(--muted-dark)}.cap-grid{gap:var(--s-5) clamp(40px, 6vw, 120px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.cap-side{top:calc(var(--header-h) + 24px);position:sticky}.cap-h{margin-top:var(--chap-gap)}.cap-intro{max-width:30em;color:var(--muted-dark);margin-top:clamp(24px,2.6vw,40px);font-size:17px;line-height:1.65}.cap-side .link{margin-top:18px}.f-intro{margin-top:var(--chap-gap);justify-content:space-between;align-items:flex-end;gap:28px 50px;display:flex}.f-h{font-size:var(--fs-founders)}.f-lead{letter-spacing:-.025em;flex-shrink:0;font-size:clamp(17px,1.8vw,26px);line-height:1.4}.f-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:48px clamp(16px,2vw,32px);margin-top:clamp(64px,8vw,128px);display:grid}.f-note{grid-column:1/5}.f-note p{max-width:30em;margin-bottom:14px;font-size:17px;line-height:1.65}.portraits{grid-column:6/13;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);display:grid}.portrait-img{aspect-ratio:4/5;background:#f2f2f2;overflow:hidden}.portrait-img img{object-fit:cover;width:100%;height:100%}.portrait figcaption{gap:4px;margin-top:16px;display:grid}.portrait strong{font-size:17px;font-weight:500}.portrait span{color:var(--muted);font-size:14px;line-height:1.5}.portrait-link{color:inherit;display:block}.portrait-link strong{transition:background-size .6s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/12% 1px no-repeat;justify-self:start;padding-bottom:.08em}.portrait-link:hover strong,.portrait-link:focus-visible strong{background-size:100% 1px}@media (width<=900px){.intro-grid,.refs,.cap-grid{grid-template-columns:1fr}.cap-side{position:static}.intro-grid{gap:28px}.intro-body{grid-column:1}.card{grid-template-columns:1fr}.work-row{flex-direction:column;align-items:flex-start}.diff-points{grid-template-columns:1fr;gap:40px}.f-intro{flex-direction:column;align-items:flex-start}.f-note,.portraits{grid-column:1/-1}.f-note{order:2}}@media (width<=700px){.intro-cols{grid-template-columns:1fr;gap:22px}}@media (width<=600px){.hero-h{font-size:14.6vw}html[lang=en] .hero-h{font-size:11.3vw}.line{white-space:normal}.tagline{margin-top:34px}.hero-bottom{grid-template-columns:1fr;margin-top:40px}.hero-scroll{display:none}.hero-parts{max-width:200px;line-height:1.6}.f-h{font-size:12vw}.work-h{font-size:13.5vw}.call-h{font-size:14.6vw}}