/* UPCREATE 1.1 — red accents and editable graphic-design page. */
.upcreate-graphic{--u-accent:#d32035;--u-line:#dfd8d6;--u-red:#d32035;--u-red-light:#ff9da7}
.upcreate-graphic ::selection{background:var(--u-red);color:#fff}
.upcreate-graphic .u-nav li>a:hover,.upcreate-graphic .u-page-title em{color:var(--u-red)}
.upcreate-graphic .u-nav-cta{color:var(--u-red);border-color:var(--u-red)}
.upcreate-graphic .u-nav-cta:hover{background:var(--u-red);color:white}
.upcreate-graphic .u-button .elementor-button{background:var(--u-red);border-color:var(--u-red);color:white}
.upcreate-graphic .u-button .elementor-button:hover{background:#ac1527;border-color:#ac1527;color:white}
.upcreate-graphic .u-link .elementor-button,.upcreate-graphic .u-link .elementor-button:hover{background:transparent;border-color:transparent;color:inherit}
.upcreate-graphic .u-link .elementor-button:hover{border-bottom-color:currentColor}
.upcreate-graphic .u-dark .u-button:not(.u-link) .elementor-button{background:var(--u-red);border-color:var(--u-red);color:white}
.upcreate-graphic .u-dark .u-eyebrow,.upcreate-graphic .u-dark .u-h2 em,.upcreate-graphic .u-footer a:hover{color:var(--u-red-light)}
.upcreate-graphic .u-cta .u-h2 em{background:var(--u-red);color:white}
.u-design-hero-grid.e-con,.u-design-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px}
.u-design-title .elementor-heading-title{font-size:clamp(42px,5.4vw,74px);line-height:1.03;letter-spacing:-3.6px}
.u-design-hero>.u-eyebrow{color:#d32035}
.u-design-hero-copy .u-lead{font-size:18px;max-width:560px}
.u-design-hero-copy .u-actions{gap:19px}
.u-design-board{overflow:hidden;border:1px solid #ddd5d1;border-radius:6px}
.u-design-board img{aspect-ratio:1.36;object-fit:cover}
.u-experience.e-con,.u-experience{display:flex;flex-direction:row;align-items:center;gap:27px;padding:25px 30px!important;border-radius:6px;background:#d32035;color:white;margin-top:19px}
.u-experience>.u-experience-number{width:auto;flex:none}
.u-experience-number .elementor-heading-title{font-family:Arial,Helvetica,sans-serif;font-size:94px;line-height:.92;font-weight:800;letter-spacing:-6px;color:white}
.u-experience-text{flex:1}
.u-experience-label{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.5;color:white}
.u-experience-copy{font-size:13px;line-height:1.6;color:#ffe4e8;margin-top:6px!important}
.u-design-scope{padding-top:45px}
.u-design-services.e-con,.u-design-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px}
.u-design-card{border:1px solid #dfd8d6;border-radius:6px;padding:34px!important;background:#f8f8f3}
.u-design-card>.u-eyebrow{color:#d32035;margin-bottom:24px!important;font-size:9px}
.u-design-card>.u-copy{margin-top:17px;max-width:480px}
.u-service-list{font-size:14px;line-height:1.75;color:#62655d}
.u-service-list ul{margin:22px 0 0;padding:0;list-style:none}
.u-service-list li{position:relative;padding-left:19px;margin-top:9px}
.u-service-list li::before{content:'+';position:absolute;left:0;top:0;font-weight:700;color:#d32035}
.u-design-card .u-button{margin-top:15px!important}
.u-design-process .u-copy{max-width:440px}
.u-design-contact{font-size:14px;line-height:1.8;margin-top:20px!important;color:#62655d}
.u-design-contact a:hover{color:#d32035;text-decoration:underline}
/* Four navigation items fit in a menu drawer on tablet-sized screens. */
@media(max-width:1040px){
 .u-menu-toggle{display:block;font-size:12px}
 .u-nav{position:absolute;top:100%;left:0;right:0;display:block;padding:20px 25px;background:var(--u-bg);border-bottom:1px solid var(--u-line);visibility:hidden;opacity:0;pointer-events:none}
 .u-header.is-open .u-nav{visibility:visible;opacity:1;pointer-events:auto}
 .u-nav ul{display:flex;flex-direction:column;gap:0}
 .u-nav li>a{display:block;padding:13px 0}
 .u-nav-cta{display:inline-block;margin-top:17px}
 .u-design-hero-grid{gap:30px;grid-template-columns:1.1fr 1fr}
 .u-design-title .elementor-heading-title{font-size:5.2vw;letter-spacing:-2.6px}
 .u-design-hero-copy .u-lead{font-size:16px}
 .u-design-card{padding:27px!important}
 .u-experience{padding:22px!important;gap:20px}
 .u-experience-number .elementor-heading-title{font-size:80px}
 .u-experience-label{font-size:9px;letter-spacing:1.2px}
 .u-experience-copy{font-size:12px}
}
@media(max-width:767px){
 .u-design-hero-grid{grid-template-columns:1fr!important;gap:35px}
 .u-design-title .elementor-heading-title{font-size:clamp(35px,8.2vw,59px);letter-spacing:-1.8px}
 .u-design-hero-copy .u-actions{gap:10px}
 .u-design-hero-copy .u-lead{font-size:16px}
 .u-design-services{grid-template-columns:1fr!important;gap:20px;margin-top:30px}
 .u-design-scope{padding-top:15px}
 .u-design-card{padding:25px!important}
 .u-service-list{font-size:13px}
 .u-experience{padding:22px!important;gap:22px}
 .u-experience-number .elementor-heading-title{font-size:80px}
 .u-experience-label{font-size:10px;letter-spacing:1.3px}
 .u-experience-copy{font-size:12px}
}
@media(max-width:380px){
 .u-experience{padding:18px!important;gap:17px}
 .u-experience-number .elementor-heading-title{font-size:68px;letter-spacing:-4px}
 .u-experience-label{font-size:9px;letter-spacing:.8px}
 .u-experience-copy{font-size:11px}
}