.work-card{color:var(--ink);display:grid;grid-template-columns:1fr 1.45fr 210px;gap:20px;margin:18px 0;min-height:260px;overflow:hidden;padding:30px 34px;position:relative;text-decoration:none}.work-card>div:first-child{display:flex;flex-direction:column;justify-content:space-between}.work-card .project-label{font:500 .65rem var(--mono);letter-spacing:.04em;margin:0;text-transform:uppercase}.work-card h2{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.09em;line-height:.85;margin:0}.work-card h2+p{font:500 .7rem var(--mono);margin:13px 0;text-transform:uppercase}.work-card>span{align-self:end;border-bottom:1px solid var(--ink);font:500 .65rem var(--mono);justify-self:end;padding-bottom:6px;text-transform:uppercase}.work-card img{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:210px}.blue-card>div:nth-child(2){padding-right:180px}.coral-card{background:var(--coral)}.blue-card{background:var(--blue)}.yellow-card{background:var(--yellow)}.work-card:hover h2{transform:translateX(9px)}.page-hero{min-height:580px;padding:70px 0;position:relative}.page-hero .back{font:500 .65rem var(--mono);margin:64px 0 0;text-transform:uppercase}.back a{color:var(--ink);text-decoration:none}.page-hero h1{margin:44px 0 30px}.page-subtitle{font-size:1.18rem;line-height:1.55;max-width:540px}.coral-hero{background:linear-gradient(115deg,var(--paper) 0 58%,#ffd0c6 58%)}.blue-hero{background:linear-gradient(115deg,var(--paper) 0 58%,#d0e5ff 58%)}.yellow-hero{background:linear-gradient(115deg,var(--paper) 0 58%,#ffe398 58%)}.about-hero{background:linear-gradient(115deg,var(--paper) 0 58%,#d9f198 58%)}.case{padding:92px 0 120px}.case-cover{aspect-ratio:2/1;display:block;margin-bottom:88px;object-fit:cover;width:100%}.case-intro{display:grid;gap:10%;grid-template-columns:1fr 1fr;margin-bottom:85px}.case-intro h2{font-size:clamp(2.7rem,5vw,5.5rem);letter-spacing:-.09em;line-height:.92;margin:28px 0}.case-intro>p:last-child{font-size:1.08rem;line-height:1.7;max-width:490px;padding-top:24px}.case-grid{display:grid;gap:11%;grid-template-columns:1fr 1fr;margin:65px 0}.case-grid aside{border-top:1px solid #bcc0b8;padding-top:15px}.case-grid dl{font-size:.9rem;line-height:1.4;margin:34px 0}.case-grid dt{color:#6a736b;font:500 .65rem var(--mono);margin-top:17px;text-transform:uppercase}.case-grid dd{margin:4px 0}.case-grid>div h3{font-size:1.7rem;letter-spacing:-.07em;margin:0 0 11px}.case-grid>div p{font-size:.93rem;line-height:1.7;margin-bottom:25px}.iteration{border-top:1px solid #bcc0b8;margin-top:80px;padding-top:23px}.iteration .feature-grid{border:0;margin-top:20px}.result-box{background:var(--ink);color:var(--paper);margin:74px 0 35px;padding:35px}.result-box .eyebrow span{background:var(--mint)}.result-box h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.08em;line-height:.98;margin:38px 0 18px;max-width:820px}.result-box>p:last-child{font-size:.9rem;line-height:1.7;max-width:700px}.team-credit{font:500 .65rem var(--mono);text-transform:uppercase}.code-explainer{margin-top:65px}.text-link{border-bottom:1px solid var(--ink);color:var(--ink);display:inline-block;font:500 .72rem var(--mono);margin-top:12px;padding-bottom:6px;text-decoration:none;text-transform:uppercase}@media(max-width:720px){.work-card{display:block;min-height:255px;padding:24px 20px}.work-card>div:first-child{flex-direction:row}.work-card>div:nth-child(2){margin-top:52px}.work-card>span{bottom:24px;left:20px;position:absolute}.work-card img{height:122px;width:125px}.blue-card>div:nth-child(2){padding-right:85px}.page-hero{min-height:490px;padding-top:56px}.page-hero .back{margin-top:48px}.page-hero h1{margin:44px 0 24px}.case{padding:70px 0}.case-cover{margin-bottom:62px}.case-intro{display:block;margin-bottom:56px}.case-intro>p:last-child{padding-top:0}.case-grid{display:block;margin:45px 0}.case-grid>div{margin-top:37px}.result-box{margin-top:55px;padding:27px}.coral-hero,.blue-hero,.yellow-hero,.about-hero{background:var(--paper)}}