.project-card{--card-inset:32px;--meta-band:52px;--meta-padding-block:32px;text-align:center;box-sizing:border-box;background:#f4f3f2;border-radius:32px;width:100%;min-width:0;max-width:100%;height:564px;text-decoration:none;display:block;position:relative;overflow:hidden}.project-card:focus-visible{outline-offset:2px;outline:2px solid #000}.project-card__visual{inset:var(--card-inset);box-sizing:border-box;justify-content:center;align-items:center;transition:filter .35s;display:flex;position:absolute}.project-card__visual-inner{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;container:card-visual/size}.project-card__visual-inner>*{flex:none;align-self:center;max-width:100%;max-height:100%}@media (min-width:769px) and (hover:hover) and (pointer:fine){.project-card:hover .project-card__visual{filter:blur(10px)}.project-card:hover .project-card__meta{opacity:1;pointer-events:auto}}.project-card__image--fill{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block;position:absolute;inset:0}.project-card__image-wrap{flex:none;justify-content:center;align-items:center;width:min(80cqw,80%);max-height:100cqh;display:flex}.project-card__image{object-fit:contain;object-position:center;border-radius:8px;width:100%;height:auto;max-height:100cqh;display:block;box-shadow:0 0 0 1px #00000014,0 12px 40px #00000024,0 4px 12px #00000012}.project-card__meta{padding:var(--meta-padding-block) var(--card-inset);text-align:center;opacity:0;z-index:2;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card__title{font-variation-settings:var(--font-var-heading);color:#000;overflow-wrap:anywhere;max-width:100%;font-size:clamp(14px,4.2vw,18px);font-weight:400;line-height:1.3;display:block}.project-card__description{color:#666;overflow-wrap:anywhere;max-width:28ch;margin-top:6px;font-size:clamp(11px,3.1vw,13px);line-height:1.4;display:block}.pc-browser{width:min(82cqw, calc((100cqh - 30px) * var(--content-ar,1.499)));background:#fff;border-radius:8px;flex-direction:column;flex:none;max-width:100%;max-height:100cqh;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 12px 40px #00000024,0 4px 12px #00000012}.pc-browser__chrome{background:#e8e8e8;border-bottom:1px solid #d0d0d0;flex-shrink:0;align-items:center;gap:6px;height:30px;min-height:30px;padding:0 10px;display:flex}.pc-browser__dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.pc-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block}.pc-dot--red{background:#ff5f57;box-shadow:inset 0 0 0 .5px #0000001f}.pc-dot--yellow{background:#febc2e;box-shadow:inset 0 0 0 .5px #0000001f}.pc-dot--green{background:#28c840;box-shadow:inset 0 0 0 .5px #0000001f}.pc-browser__url-bar{background:#fff;border:1px solid #0000001a;border-radius:4px;flex:1;align-items:center;max-width:220px;height:18px;margin:0 auto;padding:0 7px;display:flex}.pc-browser__url-text{color:#444;white-space:nowrap;text-overflow:ellipsis;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:9.5px;overflow:hidden}.pc-browser__spacer{flex:0 0 48px}.pc-browser__screen{width:100%;aspect-ratio:var(--content-ar,1280 / 854);background:#fff;flex:none;position:relative;overflow:hidden}.pc-browser__video{object-fit:contain;object-position:center;background:#fff;width:100%;height:100%;display:block}@media (max-width:768px){.project-card{--card-inset:clamp(16px, 4vw, 24px);--card-aspect:10 / 13;--visual-width:70%;--meta-padding-block:clamp(24px, 6vw, 32px);--meta-visual-gap:clamp(12px, 3vw, 16px);gap:var(--meta-visual-gap);width:100%;height:auto;aspect-ratio:var(--card-aspect);border-radius:clamp(24px,6vw,32px);grid-template-rows:auto 1fr;min-height:0;display:grid}.project-card__meta{opacity:1;pointer-events:none;padding-block:var(--meta-padding-block);padding-inline:var(--card-inset);text-align:center;z-index:2;background:inherit;grid-row:1;justify-content:flex-start;align-items:center;gap:6px;transition:none;position:relative;inset:auto}.project-card__description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;max-width:100%;margin-top:0;display:-webkit-box;overflow:hidden}.project-card__visual{width:min(var(--visual-width), 100%);z-index:1;grid-row:2;justify-content:center;align-self:stretch;align-items:flex-start;min-height:0;margin-inline:auto;transition:none;display:flex;position:relative;inset:auto;overflow:visible}.project-card__visual-inner{justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:0;overflow:visible}.project-card__visual-inner>*{flex-shrink:0;width:100%;max-width:100%;max-height:none}.project-card__visual-inner .phone-stencil{align-self:flex-start;width:100%;max-width:100%;max-height:none}.project-card--phone .phone-stencil--card{max-height:none}.project-card--browser{--visual-width:64%;aspect-ratio:auto;min-height:0;padding-bottom:var(--meta-padding-block);grid-template-rows:auto auto}.project-card--browser .project-card__meta{justify-content:center}.project-card--browser .project-card__title{text-wrap:balance;max-width:min(24ch,100%)}.project-card--browser .project-card__description{max-width:100%}.project-card--browser .project-card__visual{flex-direction:column;flex:none;justify-content:flex-start;align-self:center;align-items:center;height:fit-content;min-height:0}.project-card--browser .project-card__visual-inner{flex:none;justify-content:center;align-items:center;width:100%;height:fit-content;min-height:0;container:card-visual/inline-size}.project-card--browser .project-card__visual-inner>.pc-browser{flex-shrink:0;align-self:center;width:100%;max-width:100%;height:auto;max-height:none}.project-card--browser .pc-browser__video{object-fit:contain;object-position:center}.project-card--image{aspect-ratio:auto;min-height:0;padding-bottom:var(--meta-padding-block);grid-template-rows:auto auto}.project-card--image .project-card__visual{flex:none;align-self:center;align-items:center;height:fit-content}.project-card--image .project-card__visual-inner{flex:none;justify-content:center;align-items:center;height:fit-content;container-type:inline-size}.project-card--image .project-card__image-wrap{width:100%;height:auto;max-height:none}.project-card--image .project-card__image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:none}.project-card__visual-inner .phone-stencil__media{object-fit:cover;object-position:top center}.project-card__image-wrap{width:100%;max-height:none}.project-card__image{object-position:top center;width:100%;max-height:none}.project-card__image--fill{object-fit:cover;object-position:center top;border-radius:8px 8px 0 0;width:100%;height:100%;min-height:100%;position:relative;inset:auto}}@media (max-width:440px){.project-card{--card-inset:clamp(12px, 4.5vw, 20px);--meta-padding-block:clamp(20px, 5.5vw, 32px);--visual-width:72%}.project-card--browser{--visual-width:66%}.pc-browser__chrome{height:clamp(24px,7vw,30px);min-height:clamp(24px,7vw,30px);padding:0 clamp(6px,2vw,10px)}.pc-browser__url-bar{max-width:min(220px,55cqw);height:clamp(14px,4vw,18px)}.pc-browser__url-text{font-size:clamp(8px,2.4vw,9.5px)}.pc-browser__spacer{flex:0 0 clamp(28px,12vw,48px)}}@media (max-width:280px){.project-card{--card-inset:10px;--meta-padding-block:20px;--meta-visual-gap:12px;--visual-width:74%;border-radius:24px}.project-card--browser{--visual-width:68%}}@media (min-width:769px){.project-card__visual-inner .phone-stencil{flex:none;width:auto;max-width:100%;max-height:100%}}
.work-page{background:#fff;width:100%;max-width:100%;min-height:100dvh;overflow-x:clip}.work-page__content{width:100%;min-width:0;display:block}.work-page__bio{padding:64px 24px 32px}.work-page__bio-text{font-variation-settings:var(--font-var-headline);color:#000;max-width:min(904px, var(--work-page-bio-width,100%));text-wrap:pretty;font-size:28px;font-weight:400;line-height:calc(1em + 6px)}.work-page__bio-link{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.work-page__bio-link:hover{opacity:.72}.work-page__bio-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #000}.work-page__bio-link .streaming-text__word{-webkit-text-decoration:inherit;text-decoration:inherit}.work-page__bio-link-text{display:inline}.streaming-text__unit--pending{opacity:0;pointer-events:none}.streaming-text__unit--visible .work-page__bio-link-text .streaming-text__word{animation:.28s ease-out both streaming-text-word-in;display:inline}@media (prefers-reduced-motion:reduce){.streaming-text__unit--pending{opacity:1;pointer-events:auto}.streaming-text__unit--visible .work-page__bio-link-text .streaming-text__word{animation:none}}.work-page__card-reveal{width:100%;min-width:0;min-height:0;display:block}.work-page__card-reveal-inner{width:100%;display:block}.work-page__grid{box-sizing:border-box;grid-template-columns:1fr 1fr;grid-auto-rows:564px;gap:32px;width:100%;min-width:0;padding:12px 24px 48px;display:grid}.work-page__grid>*{min-width:0}@media (min-width:769px){.work-page__card-reveal,.work-page__card-reveal-inner,.work-page__card-reveal .project-card{height:100%}}@media (min-width:769px) and (max-width:1100px){.work-page__grid{gap:clamp(24px,3vw,32px);padding-inline:clamp(16px,2.5vw,24px)}}@media (max-width:768px){.work-page__bio{padding:32px 16px 20px}.work-page__bio-text{font-size:20px;line-height:calc(1em + 6px)}.work-page__card-reveal,.work-page__card-reveal .project-card{width:100%;height:auto}.work-page__grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:32px;padding:8px 16px 32px}}@media (max-width:440px){.work-page__grid{gap:32px;padding:8px 12px 24px}}@media (max-width:280px){.work-page__grid{gap:32px;padding:6px 8px 20px}}