/* Design portfolio: isolated additions, no changes to site settings. */
.design-feature{padding-top:80px;padding-bottom:80px}
.design-feature-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,80px);align-items:center}
.design-feature-copy h2{font-size:clamp(32px,3.5vw,58px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 26px}
.design-feature-copy>p:not(.eyebrow){max-width:580px;font-size:16px;line-height:1.8}
.design-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.design-feature-image{position:relative;display:block;aspect-ratio:1.17;overflow:hidden;border-radius:22px;background:#eae7e2;color:#fff}
.design-feature-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.design-feature-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(15,18,17,.72));pointer-events:none}
.design-feature-image>span{position:absolute;inset:auto 28px 28px;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px}
.design-feature-image strong{font-size:24px;font-weight:500}
.design-feature-image small{grid-column:1;color:#fff;font-size:13px}
.design-feature-image i{grid-column:2;grid-row:1/3;align-self:center;font-size:20px}
.design-feature-image:hover>img{transform:scale(1.025)}
.design-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:42px}
.design-paths>a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #e2e6e3;font-size:14px;line-height:1.5;color:#242c2b;text-decoration:none}
.design-paths>a:hover{color:#28785b}
.design-paths>a i{flex-shrink:0;font-size:12px}
.design-work-heading{margin-top:70px}
.design-project-grid{margin-top:26px}
.design-portfolio-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#f3f5f2;border:1px solid #e4e8e1;border-radius:18px;margin-top:32px}
.design-portfolio-note strong{font-size:21px;font-weight:500}
.design-portfolio-note p{font-size:14px;line-height:1.7;margin:8px 0 0;max-width:700px}
.design-portfolio-note>a{flex-shrink:0}
.design-gallery-heading{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:500;margin:38px 0 22px}
.design-gallery-heading>span{font-size:13px;color:#6b756e}
@media(max-width:1000px){.design-feature-intro{gap:30px}.design-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.design-portfolio-note{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.design-feature{padding-top:48px;padding-bottom:48px}.design-feature-intro{grid-template-columns:1fr}.design-feature-copy h2{font-size:38px}.design-feature-image{aspect-ratio:1.3}.design-work-heading{margin-top:46px}.design-feature-copy>p:not(.eyebrow){font-size:15px}.design-feature-actions .button{max-width:100%;white-space:normal}.design-portfolio-note{padding:24px}.design-portfolio-note>a{flex-shrink:1}}
@media(max-width:500px){.design-paths{grid-template-columns:1fr;gap:0}.design-feature-copy h2{font-size:33px}.design-feature-image>span{inset:auto 20px 20px}.design-gallery-heading{font-size:20px}.design-portfolio-note strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.design-feature-image>img{transition:none}.design-feature-image:hover>img{transform:none}}