#projects{padding-block:32px}
#projects .section-head{margin-bottom:24px;gap:24px}
#projects .section-head .eyebrow{margin-bottom:10px;font-size:10px}
#projects .section-head h2{font-size:36px;line-height:1.12;letter-spacing:-1.3px}
#projects .section-head>p{max-width:320px;font-size:11px}
#projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#projects .project{border-radius:18px;overflow:hidden}
#projects .project-card-link{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:280px;height:100%;color:inherit;text-decoration:none;border-radius:inherit}
#projects .project:focus-within{outline:3px solid #72adff;outline-offset:3px}
#projects .project-brand-panel{height:auto;min-width:0;margin:0;padding:22px 18px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid #e6eef8;border-radius:0;background:#fff;overflow:hidden;transition:background-color .2s}
#projects .project-card-link:hover .project-brand-panel{background:#f7faff}
#projects .project-brand-panel img{width:100%;height:auto;max-width:210px;max-height:110px;object-fit:contain}
#projects .project-brand-panel .futura-current-brand{width:264px;max-width:none;flex-shrink:0;transform:scale(.72)}
#projects .project-body{padding:25px 24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-width:0}
#projects .project-body>.pill{font-size:7px;padding:5px 7px;white-space:nowrap}
#projects .project-body>h3{font-size:23px;line-height:1.25;margin:0;letter-spacing:-.6px}
#projects .project-body>p{min-height:0;margin:0;font-size:13px;line-height:1.65}
#projects .project-body>.chips{margin:1px 0 0;gap:5px}
#projects .chips span{font-size:8px;padding:4px 6px}
@media(max-width:1050px){#projects .project-grid{grid-template-columns:minmax(0,1fr)}#projects .project-card-link{grid-template-columns:32% minmax(0,1fr);min-height:240px}#projects .project-brand-panel .futura-current-brand{transform:scale(.85)}}
@media(max-width:600px){#projects{padding-block:36px}#projects .section-head h2{font-size:32px}#projects .section-head>p{margin-top:12px}#projects .project-card-link{grid-template-columns:minmax(0,1fr);min-height:0}#projects .project-brand-panel{height:110px;margin:0 16px;padding:15px 12px;border-right:0;border-bottom:1px solid #e6eef8}#projects .project-brand-panel img{max-width:230px;max-height:76px}#projects .project-brand-panel .futura-current-brand{transform:none;width:auto;max-width:100%}#projects .project-body{padding:22px;gap:12px}#projects .project-body>h3{font-size:22px}}