/* Actual client screenshots, displayed without browser chrome. */
.projects-grid.has-featured{gap:38px 26px}
.has-featured .project.featured-project{display:block;grid-column:auto;min-width:0}
.has-featured .project.featured-project:first-child{grid-column:1/-1}
.has-featured .project.featured-project .project-art{display:block;min-height:0;padding:30px;border-radius:25px;overflow:hidden;transform:none;perspective:1200px}
.has-featured .project.featured-project .project-art:before{display:none}
.has-featured .project.featured-project:first-child .project-art{padding:38px 9%;background:linear-gradient(125deg,#dce8ff,#e2e1ff)}
.has-featured .project.featured-project:nth-child(2) .project-art{background:linear-gradient(130deg,#d6eee0,#e8f5db)}
.has-featured .project.featured-project:nth-child(3) .project-art{background:linear-gradient(130deg,#e6e1fb,#f4e7db)}
.project-browser{border-radius:12px;overflow:hidden;background:white;box-shadow:0 15px 35px #10274425;transform:rotate(-1.2deg);transition:transform .4s,box-shadow .4s;border:1px solid #ffffffb3}
.featured-project:nth-child(2) .project-browser{transform:rotate(1.2deg)}
.featured-project:hover .project-browser,.featured-project:focus-visible .project-browser{transform:rotate(0) translateY(-5px);box-shadow:0 23px 45px #10274435}
.project-browser-bar{height:30px;background:#f9fafc;border-bottom:1px solid #e6e9f0;display:flex;align-items:center;gap:13px;padding:0 13px}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;background:#c3c9d4;border-radius:50%}
.browser-address{font:10px 'DM Sans',sans-serif;color:#657186;letter-spacing:.25px}
.project-shot{position:relative;aspect-ratio:2.07;overflow:hidden;background:#fff}
.project-shot img{display:block;width:100%;max-width:none;height:auto;position:absolute;left:0;top:-17.9%;pointer-events:none}
.has-featured .featured-project .project-info{display:grid;grid-template-columns:1fr auto;align-items:start;gap:7px 20px;padding:20px 3px 0}
.has-featured .featured-project .project-info h3{font-size:25px;letter-spacing:-.8px;grid-column:1}
.featured-category{font-size:11px;font-weight:600;color:#52627b;text-transform:uppercase;letter-spacing:1.1px;grid-column:1}
.has-featured .featured-project .project-info p{grid-column:1;max-width:650px;margin:0}
.featured-visit{grid-column:2;grid-row:1/4;align-self:center;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#164bfa;color:white;font-size:22px;transition:transform .25s}
.featured-project:hover .featured-visit{transform:translate(2px,-2px)}
.has-featured .project:last-child:not(.featured-project){grid-column:auto;display:block}
.has-featured .project:last-child:not(.featured-project) .project-info{padding:17px 3px 0}
@media(max-width:800px){.has-featured .project.featured-project .project-art{padding:19px}.has-featured .project.featured-project:first-child .project-art{padding:28px 5%}.has-featured .featured-project .project-info h3{font-size:21px}.browser-address{font-size:9px}}
@media(max-width:540px){.projects-grid.has-featured{gap:31px}.has-featured .project.featured-project:first-child{grid-column:auto}.has-featured .project.featured-project .project-art,.has-featured .project.featured-project:first-child .project-art{padding:22px 15px;border-radius:18px}.project-browser-bar{height:23px;padding:0 8px;gap:8px}.browser-address{font-size:8px}.project-browser{border-radius:8px}.featured-category{font-size:10px}.featured-visit{height:37px;width:37px}.has-featured .featured-project .project-info{gap:6px 10px}}
@media(prefers-reduced-motion:reduce){.project-browser,.featured-project:hover .project-browser,.featured-project:focus-visible .project-browser{transform:none;transition:none}}