/* Consistent project surfaces; preserve the lead project's editorial split. */
.project.card{display:flex;flex-direction:column;padding:10px;background:#fff;border:1px solid #dedde3;border-radius:24px;overflow:hidden;isolation:isolate;box-shadow:0 5px 20px #29233004;transition:border-color 200ms ease,box-shadow 240ms ease}
.project.card .project-visual{flex:none;border-radius:16px;aspect-ratio:4/3;height:auto;min-height:0;overflow:hidden}
.project.card .project-visual img{object-fit:contain}
.project.card .project-monogram{display:grid;place-items:center;width:100%;height:100%;min-height:inherit;font-size:clamp(42px,7vw,86px);font-weight:700;letter-spacing:-.08em;color:#ffffffdd;background:linear-gradient(135deg,#4d3a62,#2f6f93 54%,#46b8d5)}
.project.card .visual-tag{display:none}
.project.card .project-copy{display:flex;flex:1;flex-direction:column;padding:26px 22px 20px;min-width:0}
.project.card .project-copy .mini-label{font-size:10px;line-height:1.5;letter-spacing:1px;font-weight:500;color:#766981}
.project.card .project-copy h3{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 10px;font-size:clamp(25px,2.4vw,33px);letter-spacing:-.045em;line-height:1.15;color:#29252f}
.project.card .project-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;margin:0;border:1px solid #d9d3e0;background:#f8f6fa;border-radius:50%;font-size:21px;color:#6c507e;position:static;transition:background 200ms,color 200ms,transform 200ms}
.project.card .project-copy p{font-size:15px;line-height:1.65;color:#68616f;margin:0 0 24px;max-width:42ch}
.project.card .chips{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 0;margin-top:auto;border-top:1px solid #eeebf0}
.project.card .chip{font-size:11px;line-height:1.5;letter-spacing:0;background:#f3f1f6;border:1px solid #e6e1eb;color:#62516f;border-radius:7px;padding:6px 10px}
.project.card .chip:after{display:none}
.project.card .view-study{right:16px;bottom:16px;background:#ffffffee;border:1px solid #e4deeb;box-shadow:0 3px 12px #2923300a;font-size:11px;padding:10px 14px}
.project.card:hover,.project.card:focus-visible{background:#fff;border-color:#b9abc6;box-shadow:0 12px 30px #3f2c530c}
.project.card:hover .project-arrow,.project.card:focus-visible .project-arrow{background:#594268;border-color:#594268;color:#fff;transform:translate(2px,-2px)}
.project.card:focus-visible{outline:2px solid #795b8d;outline-offset:5px}
.work-grid>.project.card:first-child{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;padding:10px;border-radius:24px;background:#fff;border:1px solid #dedde3}
.work-grid>.project.card:first-child .project-visual{height:100%;min-height:350px;aspect-ratio:auto;border-radius:16px;order:2}
.work-grid>.project.card:first-child .project-copy{padding:28px 18px 26px 24px;order:1;height:100%}
.work-grid>.project.card:first-child .project-copy h3{font-size:clamp(29px,3vw,42px);display:flex;line-height:1.15;margin:18px 0 16px}
.work-grid>.project.card:first-child .project-arrow{position:static;display:inline-flex;margin:0;padding:0;flex-basis:42px}
.work-grid>.project.card:first-child .chips{padding:18px 0 0;margin-top:auto}
.work-grid>.project.card:first-child .project-copy p{max-width:34ch;margin-bottom:26px}
@media(max-width:900px){.project.card .project-copy{padding:22px 16px 18px}.work-grid>.project.card:first-child{gap:12px;grid-template-columns:1fr 1.1fr}.work-grid>.project.card:first-child .project-copy{padding:22px 14px}.work-grid>.project.card:first-child .project-visual{min-height:320px}}
@media(max-width:700px){.project.card,.work-grid>.project.card:first-child{display:flex;flex-direction:column;padding:8px;border-radius:20px;gap:0}.project.card .project-visual,.work-grid>.project.card:first-child .project-visual{order:0;border-radius:13px;height:auto;min-height:0;aspect-ratio:4/3}.project.card .project-copy,.work-grid>.project.card:first-child .project-copy{order:1;height:auto;padding:22px 15px 18px}.project.card .project-copy h3,.work-grid>.project.card:first-child .project-copy h3{font-size:27px;margin:12px 0}.project.card .project-copy p,.work-grid>.project.card:first-child .project-copy p{font-size:14px;margin:0 0 20px;max-width:none}.project.card .project-copy .mini-label{font-size:9px;letter-spacing:.65px}.project.card .project-arrow{width:38px;height:38px;flex-basis:38px}.project.card .view-study{display:none}.project.card .chip{font-size:10px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.project.card,.project.card .project-arrow{transition:none}.project.card:hover .project-arrow,.project.card:focus-visible .project-arrow{transform:none}}
