.split{gap:var(--space-lg);display:grid}@media (min-width:768px){.split{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.split>.split-title{grid-column:1/span 5}.split>.split-body{grid-column:7/-1}}.project-hero{margin-bottom:clamp(40px,6vw,80px)}.project-hero img,.project-hero video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-card);width:100%}.project-meta{gap:var(--space-lg) var(--gap);margin-top:var(--space-xxl);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.project-meta dt{margin-bottom:var(--space-xxs);color:var(--muted)}.project-meta a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.rich{font-size:var(--fs-body);color:var(--muted-strong);font-weight:400;line-height:1.6}.rich strong,.rich b{color:var(--ink);font-weight:500}.rich a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.flow>*+*{margin-top:1em}.flow>h3{font-size:var(--fs-h3);letter-spacing:-.01em;color:var(--ink);line-height:1.26}.flow>*+h3{margin-top:var(--space-xxl)}.flow>ul,.flow>ol{padding-left:1.25em}.flow li+li{margin-top:.375em}.flow>blockquote{padding-left:var(--space-lg);border-left:1px solid var(--hairline-strong);font-size:var(--fs-h3);letter-spacing:-.01em;color:var(--ink);line-height:1.4}.flow>hr{border:0;border-top:1px solid var(--hairline)}.flow>*+:is(.media,.grid,.panel,.features,.hub,.user-flow,.block),.flow>:is(.media,.grid,.panel,.features,.hub,.user-flow,.block)+*{margin-top:var(--space-xxxl)}.project-body{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.project-body{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr))}.project-body>*{grid-column:7/-1}.project-body>:is(.section,.block,.media,.grid,.panel,.features,.hub,.user-flow){grid-column:1/-1}}.project-body>.section{margin-top:var(--space-section);padding-top:var(--space-xxxl);border-top:1px solid var(--hairline);scroll-margin-top:var(--space-lg)}.section-title{font-size:var(--fs-h2);letter-spacing:-.03em;color:var(--ink);line-height:1.08}.is-numbered{counter-reset:section}.is-numbered .section{counter-increment:section}.is-numbered .section-num:before{content:counter(section, decimal-leading-zero);color:var(--accent);margin-right:.4em}.block-title{font-size:var(--fs-h3);letter-spacing:-.01em;color:var(--ink);line-height:1.26}.block.has-divider{padding-top:var(--space-xxxl);border-top:1px solid var(--hairline)}.media{max-width:var(--media-width,none)}.media img,.media video{border-radius:var(--radius-sm);background:var(--media-bg,var(--surface-card));width:100%;height:auto}.media.has-ratio img,.media.has-ratio video{aspect-ratio:var(--ratio);object-fit:cover}.media figcaption{margin-top:var(--space-sm);font-size:var(--fs-ui);color:var(--muted);font-weight:500;line-height:1.4}.search-toggle svg{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.st-b,.st-cursor{opacity:0}.st-query{white-space:pre;align-items:center;height:100%;font-size:60.5px;font-weight:400;line-height:1;display:flex}.st-char{font-size:0}.st-query>.st-caret{border-radius:3px;width:5px;height:66px;margin-left:3px}@media (prefers-reduced-motion:no-preference){.search-toggle{--st-loop:8s}.st-knob{animation:st-knob var(--st-loop) cubic-bezier(.65, 0, .35, 1) infinite}.st-a{animation:st-a var(--st-loop) ease-in-out infinite}.st-b{animation:st-b var(--st-loop) ease-in-out infinite}.st-cursor{opacity:1;animation:st-cursor var(--st-loop) cubic-bezier(.45, 0, .25, 1) infinite}.st-arrow{animation:st-arrow var(--st-loop) linear infinite}.st-hand{animation:st-hand var(--st-loop) linear infinite}.st-char{animation:st-type var(--st-loop) step-end infinite;animation-delay:calc(var(--i) * 70ms)}.st-caret{animation:1s step-end infinite st-blink}}@keyframes st-knob{0%,25%{transform:translate(0)}31.25%,72.5%{transform:translate(153.37px)}78.75%,to{transform:translate(0)}}@keyframes st-a{0%,25%{opacity:1}30%,72.5%{opacity:0}77.5%,to{opacity:1}}@keyframes st-b{0%,25%{opacity:0}30%,72.5%{opacity:1}77.5%,to{opacity:0}}@keyframes st-cursor{0%,7.5%{transform:translate(1640px,1080px)scale(1)}20%,23.75%{transform:translate(756px,507px)scale(1)}25%{transform:translate(756px,507px)scale(.85)}27.5%,35%{transform:translate(756px,507px)scale(1)}45%,60%{transform:translate(1010px,650px)scale(1)}70%,71.25%{transform:translate(603px,507px)scale(1)}72.5%{transform:translate(603px,507px)scale(.85)}75%,77.5%{transform:translate(603px,507px)scale(1)}90%,to{transform:translate(1640px,1080px)scale(1)}}@keyframes st-type{0%{font-size:0}33%,to{font-size:1em}}@keyframes st-blink{50%{opacity:0}}@keyframes st-arrow{0%,18.4%{opacity:1}18.5%,36.4%{opacity:0}36.5%,68.4%{opacity:1}68.5%,78.9%{opacity:0}79%,to{opacity:1}}@keyframes st-hand{0%,18.4%{opacity:0}18.5%,36.4%{opacity:1}36.5%,68.4%{opacity:0}68.5%,78.9%{opacity:1}79%,to{opacity:0}}.media-zoom{border-radius:var(--radius-sm);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.lightbox{--pad:clamp(16px, 4vw, 56px);background:color-mix(in srgb, var(--ink) 80%, transparent);width:100%;max-width:none;height:100%;max-height:none;color:var(--on-ink);border:0;margin:0;padding:0;position:fixed;inset:0}.lightbox::backdrop{background:0 0}.lightbox-close{top:var(--space-md);right:var(--space-md);z-index:1;width:40px;height:40px;color:var(--on-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed}.lightbox-close svg{fill:none;stroke:currentColor;stroke-width:1.5px}.lightbox-stage{width:100%;height:100%;padding:var(--pad);cursor:zoom-out;display:flex;overflow:auto}.media .lightbox .lightbox-img{width:min(100%, (100dvh - 2 * var(--pad)) * var(--lightbox-ratio));aspect-ratio:auto;object-fit:contain;cursor:zoom-out;flex-shrink:0;max-width:none;height:auto;margin:auto}.media .lightbox .lightbox-img.is-zoomable{cursor:zoom-in}.media .lightbox .lightbox-img.is-actual{cursor:zoom-out;width:auto}html:has(.lightbox[open]){overflow:hidden}html:has(.lightbox[open]) .cursor{visibility:hidden}@media (prefers-reduced-motion:no-preference){.lightbox[open]{animation:.2s ease-out lightbox-in}}@keyframes lightbox-in{0%{opacity:0}}.media-play{position:relative}.media-play-button{border-radius:var(--radius-sm);cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.media-play video:fullscreen{object-fit:contain;background:var(--ink);border-radius:0}.grid,.features{gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.features{row-gap:var(--space-xl)}@media (min-width:640px){.grid:not([data-cols="1"]),.features:not([data-cols="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid[data-cols],.features[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.feature{grid-column:span var(--span,1)}}.grid.is-compact{grid-template-columns:repeat(min(var(--cols), 3), minmax(0, 1fr));gap:var(--space-sm)}@media (min-width:640px){.grid.is-compact{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}.grid.is-tight{gap:var(--space-xxs)}.grid.is-compact .media figcaption{margin-top:var(--space-xxs)}.feature-title{font-size:var(--fs-ui);color:var(--ink);font-weight:500;line-height:1.4}.feature-body{margin-top:var(--space-xs);line-height:1.5}.feature-body>*+*{margin-top:.75em}.flow>.media+.features{margin-top:var(--space-xl)}.panel{place-items:center;gap:var(--space-md);border-radius:var(--radius-sm);background:var(--panel-bg,var(--surface-card));color:var(--panel-fg,var(--ink));text-align:center;padding:clamp(48px,9vw,128px) clamp(24px,6vw,96px);display:grid}.panel.is-left{text-align:left;place-items:start}.panel.is-big{font-size:var(--fs-display);letter-spacing:-.035em;font-weight:500;line-height:1.05}.hub{--hub-line:var(--hairline-strong);--hub-stem:var(--space-xl);--hub-indent:var(--space-lg)}.project-body>.hub{margin-top:var(--space-xxxl)}.hub-root,.hub-node{border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);font-size:var(--fs-body);color:var(--ink);font-weight:500;line-height:1.3}.hub-root{border:1px solid var(--ink);background:var(--canvas);width:fit-content}.hub-spokes{margin:0 0 0 var(--hub-indent);padding:0;list-style:none;display:grid}.hub .hub-spoke{padding:var(--space-sm) 0 0 var(--hub-indent);margin:0;position:relative}.hub-spoke:after{content:"";border-left:1px solid var(--hub-line);position:absolute;top:0;bottom:0;left:0}.hub-spoke:last-child:after{height:calc(var(--space-sm) + 1.6em);bottom:auto}.hub-spoke:before{content:"";top:calc(var(--space-sm) + 1.6em);width:var(--hub-indent);border-top:1px solid var(--hub-line);position:absolute;left:0}.hub-node{gap:var(--space-xxs);background:var(--surface-card);flex-direction:column;display:flex}.hub-tag{font-size:var(--fs-ui);color:var(--muted)}.hub-note{font-size:var(--fs-ui);color:var(--muted-strong);font-weight:400;line-height:1.5}.is-featured .hub-node{background:var(--ink);color:var(--on-ink)}.is-featured :is(.hub-tag,.hub-note){color:color-mix(in srgb, var(--on-ink) 70%, transparent)}.is-more .hub-node{border:1px dashed var(--hub-line);color:var(--muted);background:0 0}.hub figcaption{margin-top:var(--space-md);font-size:var(--fs-ui);color:var(--muted);font-weight:500;line-height:1.4}@media (min-width:768px){.hub-root{margin:0 auto var(--hub-stem);position:relative}.hub-root:after{content:"";height:calc(var(--hub-stem) + 1px);border-left:1px solid var(--hub-line);position:absolute;top:100%;left:50%}.hub-spokes{margin:0 calc(var(--gap) / -2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.hub .hub-spoke{padding:var(--hub-stem) calc(var(--gap) / 2) 0}.hub-spoke.is-featured{grid-column:span 2}.hub-spoke:before{width:auto;top:0;left:0;right:0}.hub-spoke:first-child:before{left:50%}.hub-spoke:last-child:before{right:50%}.hub-spoke:after,.hub-spoke:last-child:after{height:var(--hub-stem);top:0;bottom:auto;left:50%}.hub-node{height:100%}}.user-flow-scroll{border-radius:var(--radius-sm);overflow-x:auto}.user-flow svg{width:100%;min-width:880px}.uf-bg{fill:var(--surface-card)}.uf-rule{stroke:var(--hairline-strong);stroke-width:1px}.uf-lane,.uf-name{fill:var(--ink);font-size:14px;font-weight:500}.uf-note{fill:var(--muted);font-size:12px;font-weight:400}.uf-node{fill:var(--canvas);stroke:var(--hairline-strong);stroke-width:1px}.uf-node.is-focal{fill:color-mix(in srgb, var(--accent) 8%, var(--canvas));stroke:var(--accent)}.uf-line{fill:none;stroke:var(--muted);stroke-width:1.2px}.uf-line.is-focal{stroke:var(--accent);stroke-width:1.4px}.uf-head{fill:var(--muted)}.uf-head.is-focal{fill:var(--accent)}.user-flow figcaption{margin-top:var(--space-sm);font-size:var(--fs-ui);color:var(--muted);font-weight:500;line-height:1.4}.next-project{margin-top:var(--space-section);padding-top:var(--space-xxxl);border-top:1px solid var(--hairline)}.next-project .split-body{font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1.08}.next-project a:hover{color:var(--muted)}