main{gap:120px}@media(prefers-reduced-motion:no-preference){.card--lead{animation:rise-in .5s ease-out backwards;animation-delay:.2s}}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:-64px;margin-bottom:-20px}.hero__stack{display:flex;flex-direction:column;gap:24px;width:100%}.hero__body p{margin-bottom:12px;font-size:16px;line-height:1.5;letter-spacing:-.16px}.hero__body p:last-child{margin-bottom:0}.hero__body a{color:var(--hfs-011);font-weight:500;text-decoration:none;background-image:linear-gradient(var(--hfs-011),var(--hfs-011)),linear-gradient(var(--underline-rest),var(--underline-rest));background-size:0% 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .32s cubic-bezier(.4,0,.2,1)}.hero__body a:hover{background-size:100% 1px,100% 1px}@media(prefers-reduced-motion:reduce){.hero__body a{transition:none}}.stack-coda{padding:8px 0 48px;text-align:center}.stack-coda p{font-size:15px;line-height:1.5;letter-spacing:-.15px;color:var(--hfs-007)}.stack-coda a{color:var(--hfs-009);font-weight:500;background-image:linear-gradient(var(--hfs-011),var(--hfs-011)),linear-gradient(var(--underline-rest),var(--underline-rest));background-size:0% 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .32s cubic-bezier(.4,0,.2,1),color .22s ease}.stack-coda a:hover{color:var(--hfs-011);background-size:100% 1px,100% 1px}@media(prefers-reduced-motion:reduce){.stack-coda a{transition:none}}.grid{width:min(960px,calc(100% - 48px));display:grid;grid-template-columns:1fr;gap:80px}.card{display:flex;flex-direction:column}.card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:var(--hfs-media)}.card__media img,.card__media video{width:100%;height:100%;object-fit:contain;object-position:center}.card__rotator{position:absolute;inset:0}.card__rotator img,.card__rotator video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out}.card__rotator img.is-active,.card__rotator video.is-active{opacity:1}.card__rotator:not(.is-live) :is(img,video):first-child{opacity:1}.card__dots{position:absolute;left:0;right:0;bottom:10px;z-index:1;display:flex;justify-content:center;align-items:center;gap:6px;pointer-events:none}.card__dots i{width:5px;height:5px;border-radius:999px;background:#ffffff73;box-shadow:0 0 0 .5px #00000040,0 1px 3px #00000059;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease}.card__dots i.is-active{width:20px;background:#ffffffe6}@media(prefers-reduced-motion:reduce){.card__rotator img,.card__rotator video{transition:none}.card__dots i{transition:none}}.card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card__placeholder span{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--hfs-006);border:1px dashed var(--hfs-005);border-radius:6px;padding:8px 12px}.card__text{display:flex;flex-direction:column;gap:8px;max-width:620px;width:100%;margin:0 auto;padding:24px 0 32px}.card__tags{font-family:var(--font-mono);font-size:10px;line-height:1.2;letter-spacing:.4px;text-transform:uppercase;color:var(--hfs-006)}.card__blurb{display:flex;flex-direction:column;gap:12px;padding-top:8px}.card__blurb p{font-size:16px;line-height:1.5;letter-spacing:-.16px;color:var(--hfs-008)}.card__case{padding-top:8px}.card__case a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;letter-spacing:-.13px;color:var(--hfs-011)}.card__case a span{background-image:linear-gradient(var(--hfs-011),var(--hfs-011)),linear-gradient(var(--underline-rest),var(--underline-rest));background-size:0% 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .32s cubic-bezier(.4,0,.2,1)}.card__case a:hover span{background-size:100% 1px,100% 1px}.card__case-arrow{flex:none;transition:transform .22s cubic-bezier(.4,0,.2,1)}.card__case a:hover .card__case-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.card__case a span,.card__case-arrow{transition:none}.card__case a:hover .card__case-arrow{transform:none}}@media(max-width:480px){main{gap:88px}.hero{margin-top:-24px}}