.interaction-design-module__sE--Ca__page{min-height:100vh}.interaction-design-module__sE--Ca__hero{border-bottom:1px solid var(--line);padding-block:clamp(5rem,9vw,8rem)}.interaction-design-module__sE--Ca__hero h1{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(4rem,7vw,7.5rem);font-weight:500;line-height:.92}.interaction-design-module__sE--Ca__hero p{max-width:48rem;color:var(--muted);margin:clamp(1.75rem,3vw,2.75rem) 0 0;font-size:clamp(1.15rem,1.65vw,1.45rem);line-height:1.55}.interaction-design-module__sE--Ca__collection{padding-block:clamp(4.5rem,9vw,8rem)}.interaction-design-module__sE--Ca__collectionIntro,.interaction-design-module__sE--Ca__homeHeader{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);align-items:start;gap:clamp(2rem,6vw,7rem);margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.interaction-design-module__sE--Ca__collectionIntro h2,.interaction-design-module__sE--Ca__homeHeader h2{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,4vw,4.25rem);font-weight:500;line-height:1}.interaction-design-module__sE--Ca__collectionIntro p,.interaction-design-module__sE--Ca__homeHeader p{max-width:35rem;color:var(--muted);margin:.45rem 0 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.6}.interaction-design-module__sE--Ca__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4rem,8vw,7rem) clamp(1.5rem,3vw,3rem);display:grid}.interaction-design-module__sE--Ca__gridCompact{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,4rem) clamp(1rem,2vw,2rem)}.interaction-design-module__sE--Ca__card{border-top:1px solid var(--line);align-content:start;min-width:0;padding-top:1rem;display:grid}.interaction-design-module__sE--Ca__cardHeader{justify-content:space-between;align-items:start;gap:1rem;display:flex}.interaction-design-module__sE--Ca__cardHeader h3{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3vw,3rem);font-weight:500;line-height:1}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__cardHeader h3{font-size:clamp(1.5rem,2.25vw,2.4rem)}.interaction-design-module__sE--Ca__cardHeader p,.interaction-design-module__sE--Ca__cardHeader>span{color:var(--muted);letter-spacing:.04em;margin:.45rem 0 0;font-size:.82rem;font-weight:650}.interaction-design-module__sE--Ca__cardHeader>span{font-variant-numeric:tabular-nums;margin-top:.15rem}.interaction-design-module__sE--Ca__media{margin-top:1.35rem}.interaction-design-module__sE--Ca__media .case-study-video-trigger{background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:1rem}.interaction-design-module__sE--Ca__media .case-study-video-trigger>video{aspect-ratio:16/10;object-fit:contain;width:100%;display:block}.interaction-design-module__sE--Ca__media .case-study-lightbox__media video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 10rem);display:block}.interaction-design-module__sE--Ca__summary{color:var(--muted);margin:1.25rem 0 0;font-size:1rem;line-height:1.55}.interaction-design-module__sE--Ca__details{gap:0;margin:1.5rem 0 0;display:grid}.interaction-design-module__sE--Ca__details>div{border-top:1px solid var(--line);grid-template-columns:minmax(8.5rem,.42fr) minmax(0,1fr);gap:1.25rem;padding-block:1rem;display:grid}.interaction-design-module__sE--Ca__details dt{color:var(--foreground);font-size:.82rem;font-weight:700}.interaction-design-module__sE--Ca__details dd{color:var(--muted);margin:0;line-height:1.55}.interaction-design-module__sE--Ca__caseStudyLink{color:var(--foreground);text-underline-offset:.25em;justify-self:start;align-items:center;gap:.45rem;margin-top:1.35rem;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.interaction-design-module__sE--Ca__caseStudyLink:hover{color:var(--accent)}.interaction-design-module__sE--Ca__homeSection{padding-block:clamp(5rem,10vw,9rem)}.interaction-design-module__sE--Ca__homeAction{justify-content:flex-end;margin-top:clamp(2rem,4vw,3.5rem);display:flex}@media (max-width:1050px){.interaction-design-module__sE--Ca__gridCompact{grid-template-columns:1fr}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__card{grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);column-gap:2rem}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__cardHeader,.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__media{grid-column:1}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__summary,.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__caseStudyLink{grid-column:2}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__summary{grid-row:1/span 2;align-self:center;margin-top:0}}@media (max-width:760px){.interaction-design-module__sE--Ca__hero{padding-block:4rem}.interaction-design-module__sE--Ca__hero h1{font-size:clamp(3.5rem,16vw,5.5rem)}.interaction-design-module__sE--Ca__collectionIntro,.interaction-design-module__sE--Ca__homeHeader,.interaction-design-module__sE--Ca__grid,.interaction-design-module__sE--Ca__gridCompact{grid-template-columns:1fr}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__card{grid-template-columns:1fr;display:grid}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__cardHeader,.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__media,.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__summary,.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__caseStudyLink{grid-area:auto/1}.interaction-design-module__sE--Ca__gridCompact .interaction-design-module__sE--Ca__summary{margin-top:1.25rem}.interaction-design-module__sE--Ca__details>div{grid-template-columns:1fr;gap:.45rem}.interaction-design-module__sE--Ca__homeAction{justify-content:flex-start}.interaction-design-module__sE--Ca__media .case-study-lightbox__media video{max-height:calc(100dvh - 10rem)}}
