
/* Release 2026-09-25 — scoped homepage and portfolio enhancement */
.cx-next .cx-next__case-note{color:#aeb8c4;font-size:12px}
.cx-next__lab-surface{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:38px;align-items:center}
.cx-next__lab-preview{border-radius:22px;background:#242a34;border:1px solid #ffffff21;padding:7px;box-shadow:0 40px 70px #07080b55}
.cx-next__lab-preview img{border-radius:14px;aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}
.cx-next__lab-meta{display:flex;justify-content:space-between;gap:8px;color:#b8c1cd;font-size:11px;padding:8px 9px}
.cx-next__mini-cards{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.cx-next__mini-cards span{border:1px solid #ffffff29;background:#ffffff0b;border-radius:100px;color:#dfe4eb;font-size:11px;padding:8px 12px;font-weight:730}
.cx-next .cx-next__lab-surface h2{font-size:clamp(2.4rem,4.3vw,4.5rem);letter-spacing:-.06em;line-height:1.06;margin:12px 0 15px;color:#fff}
.cx-next .cx-next__lab-surface p{color:#b9c1cd;max-width:590px}
.cx-next .cx-next__lab-surface .cx-btn{margin-top:24px}
.cx-featured-case{align-self:flex-start;display:inline-flex;margin-top:13px;font-size:12px;font-weight:790;color:#20242b;border:1px solid #d3d7d9;border-radius:100px;padding:9px 14px}
.cx-featured-case:hover{border-color:#e33546;color:#c72b3b}
.cve-featured__card--diamond .cx-featured-case{color:#e5c4a3;border-color:#ffffff30}
.cve-featured__card--diamond .cx-featured-case:hover{border-color:#e5c4a3}
.cx-next__casepanel{border:1px solid #e4e6e6;background:#fff;border-radius:20px;padding:26px}
.cx-next__casepanel h3{font-size:clamp(1.5rem,2.6vw,2.5rem);margin:12px 0;letter-spacing:-.05em}
.cx-next__casepanel p{color:#67727d;font-size:14px}
.cx-next__casepanel img{width:100%;height:250px;object-fit:cover;object-position:top;border-radius:14px}
.cx-next__casepanel a{display:inline-flex;margin-top:18px;font-weight:800;color:#cf2c3e;font-size:13px}
.cx-next__links{display:flex;flex-wrap:wrap;gap:12px}
.cx-next__links a{display:inline-flex;border-radius:100px;padding:11px 18px;font-weight:750;font-size:13px;color:#1a222c;border:1px solid #d2d8dc;background:#fff}
.cx-next__links a:first-child{color:#fff;background:#191f27;border-color:#191f27}
.cx-next__links a:hover{border-color:#ea3445}
.cx-next__dark .cx-next__links a{color:#fff;background:#ffffff18;border-color:#ffffff35}
.cx-next__dark .cx-next__links a:first-child{background:#ef3546;border-color:#ef3546}
.cx-next__head p{font-size:15px;line-height:1.65}
.cx-next__detail h3{margin:0;color:#fff}
@media(max-width:850px){.cx-next__lab-surface{grid-template-columns:1fr}.cx-next__lab-preview{max-width:650px}}
@media(max-width:700px){.cx-next__casepanel{padding:18px}.cx-next__casepanel img{height:210px}.cx-next__lab-surface{gap:20px}}

/* Dark featured project typography and disabled controls. */
.cve-featured__card--diamond .cve-featured__content h3,.cve-featured__card--diamond .cve-featured__heading-arrow{color:#f9f7f3!important}
.cx-page button:disabled{opacity:.48;cursor:not-allowed;transform:none}

/* Visual QA: preserve text contrast on dark process and CTA surfaces. */
.cx-next__dark .cx-next__head h2{color:#f7f8fb!important}
.cx-next__cta h2{color:#fff!important}

/* Narrow-phone: prevent the existing contact grid min-content width from escaping viewport. */
@media(max-width:480px){.contact-grid{grid-template-columns:minmax(0,1fr)!important}.contact-grid>.contact-info,.contact-grid>.contact-form{min-width:0;max-width:100%;width:100%}.contact-grid input,.contact-grid textarea,.contact-grid select{max-width:100%;min-width:0}}


/* Homepage Experience Lab: user-approved image-free editorial treatment.
   One focused CTA and concise workflow tags; no screenshot in this section. */
#cx-home-lab{padding-block:clamp(48px,6vw,86px)}
#cx-home-lab .cx-next__lab-surface{
 display:block!important;
 grid-template-columns:none!important;
 width:min(980px,calc(100% - 40px))!important;
 max-width:980px!important;
 margin-inline:auto!important;
 min-height:0!important;
}
#cx-home-lab .cx-next__lab-surface > div:first-child{
 width:100%;max-width:880px;min-width:0;margin:0 auto;
}
#cx-home-lab .cx-next__lab-surface h2{max-width:760px}
#cx-home-lab .cx-next__lab-surface p{max-width:690px}
#cx-home-lab .cx-next__mini-cards{gap:9px;margin:24px 0 20px}
#cx-home-lab .cx-next__lab-surface .cx-btn{min-height:49px;margin-top:17px}
@media(max-width:700px){
 #cx-home-lab{padding-block:50px}
 #cx-home-lab .cx-next__lab-surface{width:calc(100% - 32px)!important}
 #cx-home-lab .cx-next__mini-cards{margin:21px 0 14px}
 #cx-home-lab .cx-next__lab-surface h2{font-size:clamp(2.2rem,9vw,3rem);line-height:1.09}
}
