.streaming-text__unit--pending .streaming-text__word{opacity:0;filter:blur(4px);transform:translateY(2px)}.streaming-text__unit--pending{opacity:0;pointer-events:none}.streaming-text__unit--visible .streaming-text__word{animation:.28s ease-out both streaming-text-word-in;display:inline-block}@keyframes streaming-text-word-in{0%{opacity:0;filter:blur(4px);transform:translateY(2px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.streaming-text__unit--pending .streaming-text__word{opacity:1;filter:none;transform:none}.streaming-text__unit--visible .streaming-text__word{animation:none}}
.project-card{--card-inset:32px;--meta-band:52px;--meta-padding-block:32px;width:100%;max-width:min(100%, var(--site-max));text-align:center;box-sizing:border-box;background:#f4f3f2;border-radius:32px;min-width:0;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{--content-ar:1.4;width:100%;max-width:min(100%, var(--site-max));max-height:100%;width:min(100cqw, calc(100cqh * var(--content-ar)));flex:none;justify-content:center;align-items:center;min-width:0;display:flex}.project-card__image{width:100%;height:auto;max-height:100%;aspect-ratio:var(--content-ar);object-fit:contain;object-position:center;border-radius:8px;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}.project-card__visual-inner>.browser-stencil{flex:none;align-self:center}@media (max-width:768px),(max-width:900px) and (orientation:landscape){.project-card{--card-inset-x:0;--visual-width:58%;--meta-padding-block:clamp(24px, 6vw, 32px);--meta-visual-gap:clamp(12px, 3vw, 16px);gap:var(--meta-visual-gap);aspect-ratio:auto;width:100%;height:auto;min-height:0;padding-bottom:var(--meta-padding-block);border-radius:clamp(24px,6vw,32px);grid-template-rows:auto auto;display:grid}.project-card--phone{--visual-width:58%}.project-card--browser,.project-card--image,.project-card--fill{--visual-width:calc(100% - 2 * var(--site-gutter))}.project-card__meta{opacity:1;pointer-events:none;padding-block:var(--meta-padding-block);padding-inline:var(--card-inset-x,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__title{width:100%;max-width:100%}.project-card__description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;width:100%;max-width:100%;margin-top:0;display:-webkit-box;overflow:hidden}.project-card__visual{width:min(var(--visual-width), 100%);z-index:1;flex:none;grid-row:2;justify-content:center;place-self:center;align-items:flex-start;min-width:0;height:fit-content;min-height:0;margin-inline:auto;transition:none;display:flex;position:relative;inset:auto;overflow:visible}.project-card--phone .project-card__visual{width:min(var(--visual-width), 280px)}.project-card__visual-inner{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;height:fit-content;min-height:0;display:flex;overflow:visible;container:card-visual/inline-size}.project-card__visual-inner>*{flex-shrink:0;align-self:stretch;width:100%;max-width:100%;max-height:none}.project-card__visual-inner .phone-stencil{width:100%;max-width:100%;max-height:none}.project-card--phone .phone-stencil--card{max-height:none}.project-card--browser .project-card__title{text-wrap:balance;max-width:min(24ch,100%)}.project-card--browser .project-card__visual-inner>.browser-stencil{width:100%;max-width:100%;height:auto;max-height:none}.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 top;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{aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:8px;width:100%;height:auto;min-height:0;position:relative;inset:auto}}@media (max-width:900px) and (orientation:landscape){.project-card{--meta-padding-block:clamp(12px, 4vh, 20px);--meta-visual-gap:clamp(8px, 2vh, 12px)}.project-card--phone .project-card__visual{width:min(var(--visual-width), 32dvh)}.project-card--browser .project-card__visual,.project-card--image .project-card__visual,.project-card--fill .project-card__visual{width:min(var(--visual-width), calc(54dvh * 1.55))}}@media (max-width:440px){.project-card{--meta-padding-block:clamp(20px, 5.5vw, 32px)}}@media (max-width:280px){.project-card{--meta-padding-block:20px;--meta-visual-gap:12px;border-radius:24px}.project-card--phone .project-card__visual{width:min(var(--visual-width), 220px)}}@media (min-width:769px) and (orientation:portrait),(min-width:901px){.project-card__visual-inner .phone-stencil{flex:none;width:auto;max-width:100%;max-height:100%}.project-card__visual-inner .browser-stencil,.project-card__visual-inner .project-card__image-wrap{flex:none;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 main#main-content{width:100%;max-width:var(--site-max);box-sizing:border-box;min-width:0;padding-inline:var(--site-gutter);margin-inline:auto}.work-page__bio{box-sizing:border-box;width:100%;padding:64px 0 32px}.work-page__bio-text{font-variation-settings:var(--font-var-headline);color:#000;width:100%;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:minmax(280px,min(564px,100dvh - 220px));gap:32px;width:100%;min-width:0;padding:12px 0 48px;display:grid}.work-page__grid>*{min-width:0}@media (min-width:769px) and (orientation:portrait),(min-width:901px){.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) and (orientation:portrait),(min-width:901px) and (max-width:1100px){.work-page__grid{gap:clamp(24px,3vw,32px)}}@media (max-width:768px),(max-width:900px) and (orientation:landscape){.work-page__bio{padding:32px 0 20px}.work-page__bio-text{max-width:100%;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 0 32px}}@media (max-width:440px){.work-page__grid{gap:32px;padding-bottom:24px}}@media (max-width:280px){.work-page__grid{gap:32px;padding:6px 0 20px}}