.HZM8TW_section{padding-top:16px}.HZM8TW_heading{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 22%, transparent);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:32px;padding-bottom:20px;display:flex}.HZM8TW_heading h2{letter-spacing:-.025em;font-size:clamp(1.8rem,3.5vw,2.5rem);line-height:1.1}.HZM8TW_count,.HZM8TW_number,.HZM8TW_meta{font-family:var(--font-plex-mono), monospace;letter-spacing:.05em;font-size:10px;line-height:1.5}.HZM8TW_count{color:color-mix(in srgb, var(--color-ink) 65%, transparent);flex-shrink:0}.HZM8TW_grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:60px 36px;display:grid}.HZM8TW_card:nth-child(2n){transform:translateY(72px)}.HZM8TW_projectLink{border-radius:14px;display:block}.HZM8TW_stage{isolation:isolate;aspect-ratio:1.38;border:1px solid color-mix(in srgb, var(--project-ink) 9%, transparent);background:color-mix(in srgb, var(--project-ink) 6%, #f0f0eb);border-radius:14px;position:relative;overflow:hidden}.HZM8TW_number{z-index:3;color:color-mix(in srgb, var(--color-ink) 55%, transparent);position:absolute;top:19px;left:22px}.HZM8TW_image{position:absolute;inset:0}.HZM8TW_browser{z-index:1;border-radius:6px;width:81%;position:absolute;top:18%;left:6.5%;box-shadow:0 18px 35px -15px #24232147,0 2px 5px #2423210f}.HZM8TW_phone{z-index:2;filter:drop-shadow(0 12px 12px #2423212e);width:27%;position:absolute;bottom:7%;right:5.5%}.HZM8TW_phoneOnly .HZM8TW_phone{width:32%;top:10%;bottom:auto;right:34%}.HZM8TW_browserOnly .HZM8TW_browser{width:84%;top:50%;left:8%;transform:translateY(-50%)}.HZM8TW_caption{padding:18px 2px 0}.HZM8TW_meta{color:color-mix(in srgb, var(--color-ink) 62%, transparent);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.HZM8TW_title{justify-content:space-between;align-items:center;gap:16px;margin-top:9px;display:flex}.HZM8TW_title h3{letter-spacing:-.025em;font-size:clamp(1.65rem,2.5vw,2.1rem);line-height:1.15}.HZM8TW_arrow{flex-shrink:0;width:19px;height:19px}.HZM8TW_caption p{max-width:36ch;color:color-mix(in srgb, var(--color-ink) 75%, transparent);text-wrap:pretty;margin-top:7px;font-size:17px;line-height:1.4}.HZM8TW_more{place-self:center;padding:60px 24px}.HZM8TW_more a{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 35%, transparent);align-items:center;gap:26px;padding:12px 0;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;display:inline-flex}.HZM8TW_more svg{width:24px;height:24px}.HZM8TW_more a:hover span,.HZM8TW_projectLink:hover h3{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.HZM8TW_browser,.HZM8TW_phone,.HZM8TW_arrow{transition:translate .35s cubic-bezier(.2,.65,.3,1)}.HZM8TW_projectLink:hover .HZM8TW_browser{translate:0 -4px}.HZM8TW_projectLink:hover .HZM8TW_phone{translate:0 -7px}.HZM8TW_projectLink:hover .HZM8TW_arrow{translate:2px -2px}}@media (max-width:767px){.HZM8TW_heading{margin-bottom:24px;padding-bottom:18px}.HZM8TW_grid{grid-template-columns:minmax(0,1fr);gap:36px}.HZM8TW_card:nth-child(2n){transform:none}.HZM8TW_stage{aspect-ratio:1.3;border-radius:12px}.HZM8TW_number{top:15px;left:17px}.HZM8TW_caption{padding-top:15px}.HZM8TW_caption p{font-size:16px}.HZM8TW_more{justify-self:start;padding:0 2px}}