@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary:#f9cd05;--secondary:#0161a7;--accent:#e8368b;--neutral:#0c6f30;--card-gap:clamp(1.5rem, 4vw, 4rem);--card-padding:clamp(1rem, 3vw, 3rem);--card-radius:0;--body-font:"Space Grotesk", sans-serif;--display-font:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--card-background:#0161a7;--card-accent:#a60061;--card-light:#fff;--card-dark:#111;--card-shadow:.5rem;--card-body-font:var(--body-font,"Space Grotesk", sans-serif);--card-display-font:var(--display-font,Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif)}.project-card--blue{--project-background:#335c6d;--project-accent:#e09f3e;--project-text:#fff;--project-ink:#111}.project-card--pink{--project-accent:#040011;--project-background:#105244;--project-text:#fff;--project-ink:#111}.project-card{gap:var(--card-gap);min-width:0;padding:var(--card-padding);background:var(--project-background);color:var(--project-text);border-radius:var(--card-radius);font-family:var(--card-body-font);grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:start;display:grid}.project-card__title{min-width:0;color:var(--project-text);font-family:var(--card-display-font);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:.5rem .5rem 0 var(--project-accent);grid-column:1/-1;margin:0;font-size:clamp(3rem,10vw,8rem);font-weight:400;line-height:.8}.project-card__demo{aspect-ratio:1;background:var(--project-text);border:.2rem solid var(--project-text);width:min(100%,32rem);min-width:0;min-height:0;box-shadow:var(--card-shadow) var(--card-shadow) 0 var(--project-accent);overflow:hidden}.project-card__demo>*{object-fit:cover;border:0;width:100%;min-width:0;height:100%;min-height:0;display:block}.project-card__content{flex-direction:column;align-self:center;gap:1rem;min-width:0;display:flex}.project-card__copy{background:var(--project-text);color:var(--project-ink);box-shadow:.25rem .25rem 0 var(--project-accent);padding:clamp(1rem,2vw,1.5rem)}.project-card__question{margin:0 0 1.25rem;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;line-height:1.1}.project-card__description{max-width:42ch;margin:0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.35}.project-card__actions{gap:.75rem;min-width:0;display:grid}.project-card__link{background:var(--project-text);min-width:0;color:var(--project-ink);box-shadow:.25rem .25rem 0 var(--project-accent);padding:.85rem 1rem .85rem 2.75rem;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.1;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:block;position:relative}.project-card__link:before{content:"⮞";font-size:1.2em;line-height:1;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.project-card__link:hover{box-shadow:.5rem .5rem 0 var(--project-accent);background:var(--project-text);transform:translate(-.25rem,-.25rem)}.project-card__link:focus-visible{outline:.2rem solid var(--project-text);outline-offset:.25rem}@media (width<=700px){.project-card{grid-template-columns:1fr}.project-card__title{grid-column:auto;font-size:clamp(3rem,18vw,6rem)}.project-card__content{align-self:stretch}}@media (prefers-reduced-motion:reduce){.project-card__link{transition:none}}.dual-project-grid{--dual-card-gap:clamp(1rem, 3vw, 2.5rem);--dual-card-padding:clamp(1.5rem, 3vw, 2.5rem);--dual-card-shadow:#b00063;--dual-card-ink:#fff;--dual-demo-background:#fff;--dual-display-font:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--dual-body-font:"Space Grotesk", Arial, sans-serif;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;display:grid}.dual-project-card{min-width:0;min-height:100%;padding:var(--dual-card-padding);background:var(--dual-card-background);color:var(--dual-card-ink);font-family:var(--dual-body-font);flex-direction:column;grid-template-rows:auto minmax(7rem,auto) 1fr;gap:1.5rem;display:grid}.dual-project-card--sewing{--dual-card-background:#d8d8d8}.dual-project-card--heart{--dual-card-background:#1f39f5}.dual-project-card__title{color:var(--dual-card-ink);font-family:var(--dual-display-font);letter-spacing:.015em;text-transform:uppercase;text-shadow:.12em .08em 0 var(--dual-card-shadow);margin:0;font-size:clamp(4rem,8vw,8.5rem)}.dual-project-card__description{max-width:29ch;color:var(--dual-card-ink);font-family:var(--dual-display-font);letter-spacing:.025em;margin:clamp(1.5rem,3vw,2.5rem) 0;font-size:clamp(1.1rem,2vw,2rem);line-height:1.35}.dual-project-card__demo{aspect-ratio:1;background:var(--dual-demo-background);width:100%;margin-top:auto;overflow:hidden}.dual-project-card__demo>img,.dual-project-card__demo>video,.dual-project-card__demo>iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.dual-project-card__demo--placeholder{color:#111;font-family:var(--dual-body-font);place-items:center;font-size:1rem;display:grid}.dual-project-card__link{color:var(--dual-card-ink);font-family:var(--dual-body-font);align-items:center;gap:.75rem;margin-top:1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.dual-project-card__link:after{content:"→";transition:transform .16s}.dual-project-card__link:hover:after,.dual-project-card__link:focus-visible:after{transform:translate(.35rem)}.dual-project-card__link:focus-visible{outline:3px solid var(--dual-card-ink);outline-offset:.3rem}@media (width<=800px){.dual-project-grid{grid-template-columns:1fr}.dual-project-card__title{font-size:clamp(4rem,18vw,8rem)}}@media (prefers-reduced-motion:reduce){.dual-project-card__link:after{transition:none}}