.featured-work{background:#f5f4ef;color:#282b27;padding:80px 32px;scroll-margin-top:90px}.featured-inner{max-width:1312px;margin:auto}.featured-work header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.featured-work .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#5e6458;margin-bottom:14px}.featured-work header h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;font-weight:400;letter-spacing:-1.5px}.featured-work header>p{max-width:400px;font-size:16px;line-height:1.6;color:#5a6055}.featured-work .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.featured-work .section-head h3{font-size:27px;font-weight:400;letter-spacing:-.6px}.featured-work .section-head p{font-size:13px;color:#62695c;line-height:1.5}.featured-work .featured-grid,#projects #projectsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.featured-work article{display:flex;flex-direction:column;min-width:0;padding:26px 30px;background:#fffefa;border:1px solid #d9ddd0;border-radius:4px}.featured-work .top{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#62695c}.featured-work .status{color:#51613d;text-align:right}.featured-work article h4{font-size:29px;font-weight:400;letter-spacing:-.8px;line-height:1.17;margin:18px 0 22px}.featured-work .technical{padding:17px 0;border-top:1px solid #d9ddd0;border-bottom:1px solid #d9ddd0}.featured-work .tool{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px}.featured-work .tool img{width:23px;height:23px;object-fit:contain}.featured-work .model>.tool{font-size:17px}.featured-work .model>.tool img{width:27px;height:27px}.featured-work .role{font-size:12px;color:#646b5d;margin-top:7px}.featured-work .stack{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0 8px}.featured-work .note{font-size:11px;line-height:1.6;color:#666e5d}.featured-work .infra{margin-top:14px;padding-top:12px;border-top:1px solid #d9ddd0}.featured-work .label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#666e5d}.featured-work .infra .label{display:block;margin-bottom:8px}.featured-work .infra .stack{margin:0;gap:12px}.featured-work .infra .tool{font-size:12px}.featured-work .infra .tool img{width:20px;height:20px}.featured-work .cap{font-size:11px;color:#566944;margin-top:18px}.featured-work .desc{font-size:15px;line-height:1.6;color:#4c5247;margin:10px 0 20px}.featured-work .proof{font-size:13px;line-height:1.6;color:#435335;background:#edf0e5;padding:12px 15px;margin:0 0 20px}.featured-work .proof strong{font-weight:500}.featured-work .dev{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d9ddd0;padding-top:12px;margin-top:auto}.featured-work .devtools{display:flex;gap:18px;flex-wrap:wrap}.featured-work .action{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-size:13px;padding:14px 0 0;margin-top:8px;min-height:44px;background:none;border:0;color:#282b27;cursor:pointer}.featured-work .action:hover{text-decoration:underline;text-underline-offset:4px}.featured-work article:not(:has(.dev)) .action{margin-top:auto}.featured-work .client-section{margin-top:46px;padding:35px 30px 30px;background:#e5e8dd;border:1px solid #cfd6c3;border-radius:5px}.featured-work .client-section article{background:#fcfcf7}.featured-work .client-section .section-head p{text-align:right}.portfolio-evaluation{padding:20px;background:#edf0e5;margin-bottom:24px}.portfolio-evaluation h3{font-size:20px;margin-bottom:12px}.portfolio-evaluation p,.portfolio-attribution{font-size:15px;line-height:1.7}.portfolio-attribution{margin-bottom:24px}.portfolio-attribution a{text-decoration:underline}
@media(max-width:700px){.featured-work{padding:48px 18px}.featured-work header,.featured-work .section-head{display:block}.featured-work header>p{margin-top:18px}.featured-work .featured-grid,#projects #projectsGrid{grid-template-columns:1fr}.featured-work .section-head p{margin-top:10px}.featured-work article{padding:24px 20px}.featured-work article h4{font-size:25px}.featured-work .client-section{padding:24px 12px}.featured-work .client-section .section-head p{text-align:left}.featured-work .dev{display:block}.featured-work .devtools{margin-top:10px}.featured-work .top{line-height:1.4}.featured-work .tool{font-size:12px}}