/* ============================================================
   Creative Agency X — Contact + Get a Quote Core Pages
   Theme-driven width / fonts / typography only.
   ============================================================ */

.cax-cq{
    --cq-red:#F30101;
    --cq-line:rgba(0,0,0,.24);
    --cq-line-dark:rgba(255,255,255,.27);
    background:#fff;
    color:#000;
    overflow:hidden;
}

.cax-cq,
.cax-cq *,
.cax-cq *::before,
.cax-cq *::after{box-sizing:border-box}

.cax-cq-shell{
    width:min(var(--site-width,1600px),calc(100% - (var(--site-gutter,24px) * 2)));
    margin-inline:auto;
}

.cax-cq h1,.cax-cq h2,.cax-cq h3,.cax-cq strong,.cax-cq button{
    font-family:var(--font-impact,Arial,Helvetica,sans-serif);
    font-weight:700;
}

.cax-cq h1{
    margin:12px 0 0;
    font-size:var(--type-h2);
    line-height:.94;
    letter-spacing:-.035em;
    text-transform:uppercase;
}

.cax-cq h2{
    margin:12px 0 0;
    font-size:var(--type-h3);
    line-height:.98;
    letter-spacing:-.025em;
    text-transform:uppercase;
}

.cax-cq h3{
    margin:0;
    font-size:var(--type-h5);
    line-height:1.04;
    text-transform:uppercase;
}

.cax-cq p,.cax-cq li,.cax-cq input,.cax-cq textarea,.cax-cq select,.cax-cq label,.cax-cq dd{
    font-family:var(--font-ui,"Epic Pro",Arial,Helvetica,sans-serif);
    font-size:var(--type-p);
    line-height:1.48;
}

.cax-cq-eyebrow{
    margin:0!important;
    color:#F30101;
    font-family:var(--font-impact,Arial,Helvetica,sans-serif)!important;
    font-size:var(--type-ui)!important;
    font-weight:700;
    line-height:1!important;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.cax-cq-dark{background:#000;color:#fff}
.cax-cq-red{background:#F30101;color:#fff}

.cax-cq-breadcrumb{
    min-height:38px;
    padding:10px 0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:1px solid #000;
    font-family:var(--font-impact,Arial,Helvetica,sans-serif);
    font-size:var(--type-ui);
    font-weight:700;
    text-transform:uppercase;
}

.cax-cq-breadcrumb a{color:#000;text-decoration:none}
.cax-cq-breadcrumb a:hover{color:#F30101}
.cax-cq-breadcrumb span[aria-current="page"]{color:#F30101}

.cax-cq-section-head{
    padding:clamp(40px,4.5vw,72px) 0 clamp(22px,2.5vw,38px);
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:clamp(34px,5vw,86px);
    align-items:end;
    border-bottom:1px solid #000;
}

.cax-cq-section-head>p{max-width:780px;margin:0}
.cax-cq-section-head--dark{border-color:var(--cq-line-dark)}
.cax-cq-section-head--dark h2,.cax-cq-section-head--dark>p{color:#fff}
.cax-cq-section-head--red{border-color:rgba(255,255,255,.62)}
.cax-cq-section-head--red .cax-cq-eyebrow,.cax-cq-section-head--red h2,.cax-cq-section-head--red>p{color:#fff}

.cax-cq-image{margin:0;min-width:0}
.cax-cq-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);border:1px solid #000}
.cax-cq-image figcaption{
    padding-top:8px;
    display:flex;
    justify-content:space-between;
    gap:14px;
    font-family:var(--font-ui,"Epic Pro",Arial,Helvetica,sans-serif);
    font-size:var(--type-ui);
    line-height:1.3;
}
.cax-cq-image figcaption a{color:inherit;text-decoration-color:#F30101}

.cax-cq-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cax-cq-action{
    min-height:48px;
    padding:12px 16px;
    display:inline-flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    font-family:var(--font-impact,Arial,Helvetica,sans-serif);
    font-size:var(--type-ui-lg);
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
}
.cax-cq-action--primary{background:#000;color:#fff}
.cax-cq-action--primary:hover{background:#F30101}
.cax-cq-action--text{padding-inline:0;color:#000;border-bottom:2px solid #F30101}
.cax-cq-action--black{background:#000;color:#fff}
.cax-cq-action--black:hover{background:#fff;color:#000}
.cax-cq-action--light-text{padding-inline:0;color:#fff;border-bottom:2px solid #fff}

.cax-cq-hero__grid{
    min-height:clamp(560px,72svh,760px);
    padding:clamp(38px,4.5vw,72px) 0;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);
    gap:clamp(40px,6vw,104px);
    align-items:stretch;
    border-bottom:1px solid #000;
}
.cax-cq-hero__copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.cax-cq-hero__intro{max-width:900px;margin:24px 0 0}
.cax-cq-hero__image{display:grid;grid-template-rows:1fr auto}
.cax-cq-hero__image img{min-height:390px}

.cax-cq-signal-grid{
    margin-top:auto;
    padding-top:24px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:1px solid #000;
}
.cax-cq-signal-grid>div{min-width:0;padding:0 14px;border-right:1px solid var(--cq-line)}
.cax-cq-signal-grid>div:first-child{padding-left:0}
.cax-cq-signal-grid>div:last-child{border-right:0}
.cax-cq-signal-grid span{display:block;color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui);font-weight:700;text-transform:uppercase}
.cax-cq-signal-grid strong{display:block;margin-top:6px;font-size:var(--type-ui-lg);line-height:1.05;text-transform:uppercase}

.cax-cq-paths,.cax-cq-scope-paths,.cax-cq-services,.cax-cq-how,.cax-cq-rules{padding-bottom:clamp(54px,5vw,92px)}
.cax-cq-path-grid,.cax-cq-five-grid,.cax-cq-six-grid,.cax-cq-eight-grid,.cax-cq-service-grid,.cax-cq-three-grid{
    display:grid;border-left:1px solid;border-top:1px solid;
}
.cax-cq-path-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--cq-line-dark)}
.cax-cq-five-grid{grid-template-columns:repeat(5,minmax(0,1fr));border-color:var(--cq-line-dark)}
.cax-cq-six-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-color:#000}
.cax-cq-six-grid--dark{border-color:var(--cq-line-dark)}
.cax-cq-eight-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:rgba(255,255,255,.62)}
.cax-cq-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-color:var(--cq-line-dark)}
.cax-cq-three-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-color:#000}

.cax-cq-path-grid article,.cax-cq-five-grid article,.cax-cq-six-grid article,.cax-cq-eight-grid article{
    min-width:0;padding:clamp(20px,2.2vw,34px);border-right:1px solid;border-bottom:1px solid;
}
.cax-cq-path-grid article,.cax-cq-five-grid article{border-color:var(--cq-line-dark)}
.cax-cq-six-grid article{border-color:#000}
.cax-cq-six-grid--dark article{border-color:var(--cq-line-dark)}
.cax-cq-eight-grid article{border-color:rgba(255,255,255,.62)}
.cax-cq-path-grid article>span,.cax-cq-five-grid article>span,.cax-cq-six-grid article>span,.cax-cq-eight-grid article>span{
    display:block;color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700;
}
.cax-cq-eight-grid article>span{color:#fff}
.cax-cq-path-grid h3,.cax-cq-five-grid h3,.cax-cq-six-grid--dark h3{margin-top:24px;color:#fff}
.cax-cq-eight-grid h3{margin-top:20px;color:#fff}
.cax-cq-six-grid h3{margin-top:20px}
.cax-cq-path-grid p,.cax-cq-five-grid p,.cax-cq-six-grid--dark p{margin:14px 0 0;color:rgba(255,255,255,.76)}
.cax-cq-eight-grid p{margin:12px 0 0;color:rgba(255,255,255,.88)}
.cax-cq-six-grid p{margin:12px 0 0}
.cax-cq-path-grid a,.cax-cq-five-grid a{
    margin-top:24px;display:inline-flex;gap:20px;color:#fff;border-bottom:2px solid #F30101;
    font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700;text-decoration:none;
}
.cax-cq-path-grid i,.cax-cq-five-grid i{color:#F30101;font-style:normal}

.cax-cq-form-section{padding-bottom:clamp(58px,6vw,110px)}
.cax-cq-form-layout{
    padding-top:clamp(28px,3vw,48px);
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:clamp(36px,5vw,78px);
    align-items:start;
}
.cax-cq-form{border-top:1px solid #000}
.cax-cq-form-block{padding:26px 0 6px;border-bottom:1px solid #000}
.cax-cq-form-block__head{margin-bottom:20px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px}
.cax-cq-form-block__head>span{color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700}
.cax-cq-form-block__head strong{font-size:var(--type-h6);text-transform:uppercase}
.cax-cq-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.cax-cq-field{min-width:0;padding:0 0 20px}
.cax-cq-field label{display:block;margin-bottom:8px;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui);font-weight:700;text-transform:uppercase}
.cax-cq-field label b,.cax-cq-form-block__head b{color:#F30101}
.cax-cq-field input,.cax-cq-field textarea,.cax-cq-field select{
    width:100%;min-height:48px;padding:11px 12px;border:1px solid #000;border-radius:0;background:#fff;color:#000;outline:0;
}
.cax-cq-field textarea{resize:vertical}
.cax-cq-field input:focus,.cax-cq-field textarea:focus,.cax-cq-field select:focus{border-color:#F30101;box-shadow:inset 4px 0 0 #F30101}
.cax-cq-field small,.cax-cq-field-error{display:block;margin-top:7px;color:#F30101;font-family:var(--font-ui,"Epic Pro",Arial,Helvetica,sans-serif);font-size:var(--type-ui);line-height:1.25}

.cax-cq-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid #000;border-top:1px solid #000}
.cax-cq-check-grid label{min-height:52px;padding:12px;display:flex;gap:10px;align-items:center;border-right:1px solid #000;border-bottom:1px solid #000;cursor:pointer}
.cax-cq-check-grid input{width:18px;height:18px;accent-color:#F30101;flex:0 0 auto}

.cax-cq-form-footer{padding:20px 0 0;display:flex;justify-content:space-between;gap:24px;align-items:center}
.cax-cq-form-footer p{max-width:680px;margin:0}
.cax-cq-form-footer button{
    min-height:50px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;
    border:0;border-radius:0;background:#000;color:#fff;font-size:var(--type-ui-lg);cursor:pointer;text-transform:uppercase;
}
.cax-cq-form-footer button:hover{background:#F30101}
.cax-cq-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.cax-cq-success,.cax-cq-error-summary{margin-bottom:22px;padding:18px;border:1px solid #000}
.cax-cq-success{background:#000;color:#fff}
.cax-cq-success strong{display:block;color:#fff;font-size:var(--type-h6)}
.cax-cq-success p{margin:8px 0 0;color:rgba(255,255,255,.82)}
.cax-cq-success span{display:block;margin-top:12px;color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700}
.cax-cq-error-summary{border-color:#F30101;color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700}

.cax-cq-team-panel{padding:clamp(24px,2.5vw,38px);position:sticky;top:24px;border:1px solid #000}
.cax-cq-team-panel>h3{margin-top:12px;font-size:var(--type-h5)}
.cax-cq-team-panel>p{margin:14px 0 0}
.cax-cq-team-panel figure{margin:24px 0 0;border-top:1px solid #000;padding-top:24px}
.cax-cq-team-panel figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(100%);border:1px solid #000}
.cax-cq-team-identity{padding:20px 0;border-bottom:1px solid #000}
.cax-cq-team-identity strong{display:block;font-size:var(--type-h6);text-transform:uppercase}
.cax-cq-team-identity span{display:block;margin-top:6px;color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui);font-weight:700;text-transform:uppercase}
.cax-cq-team-identity p{margin:12px 0 0}
.cax-cq-contact-list{margin:0}
.cax-cq-contact-list>div{padding:14px 0;border-bottom:1px solid var(--cq-line)}
.cax-cq-contact-list dt{color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui);font-weight:700}
.cax-cq-contact-list dd{margin:5px 0 0}
.cax-cq-contact-list a{color:#000;text-decoration-color:#F30101}
.cax-cq-team-empty{margin-top:22px!important;padding:16px 0;border-top:1px solid #000;border-bottom:1px solid #000}
.cax-cq-panel-link{margin-top:20px;display:inline-flex;justify-content:space-between;gap:24px;color:#000;border-bottom:2px solid #F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700;text-decoration:none}

.cax-cq-service-grid a{
    min-width:0;min-height:230px;padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;color:#fff;text-decoration:none;
    border-right:1px solid var(--cq-line-dark);border-bottom:1px solid var(--cq-line-dark);
}
.cax-cq-service-grid a:hover{background:#fff;color:#000}
.cax-cq-service-grid a>span{color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui);font-weight:700}
.cax-cq-service-grid strong{margin-top:20px;font-size:var(--type-h6);text-transform:uppercase}
.cax-cq-service-grid p{margin:12px 0 0;color:inherit;opacity:.78}
.cax-cq-service-grid i{margin-top:auto;padding-top:20px;color:#F30101;font-size:var(--type-h5);font-style:normal}

.cax-cq-distributed,.cax-cq-pricing-bridge,.cax-cq-faq{padding-bottom:clamp(54px,5vw,92px)}
.cax-cq-three-grid article,.cax-cq-three-grid>a{
    min-width:0;min-height:210px;padding:clamp(22px,2.4vw,36px);display:flex;flex-direction:column;color:#000;text-decoration:none;
    border-right:1px solid #000;border-bottom:1px solid #000;
}
.cax-cq-three-grid p{margin:14px 0 0}
.cax-cq-price-links a i{margin-top:auto;padding-top:24px;color:#F30101;font-size:var(--type-h5);font-style:normal}

.cax-cq-step-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--cq-line-dark)}
.cax-cq-step-list li{display:grid;grid-template-columns:72px minmax(260px,.72fr) minmax(0,1.28fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--cq-line-dark)}
.cax-cq-step-list li>span{color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-h5);font-weight:700}
.cax-cq-step-list strong{color:#fff;font-size:var(--type-h6);text-transform:uppercase}
.cax-cq-step-list p{margin:0;color:rgba(255,255,255,.76)}

.cax-cq-faq-list{border-top:1px solid #000}
.cax-cq-faq details{border-bottom:1px solid #000}
.cax-cq-faq summary{padding:20px 0;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;gap:16px;align-items:center;cursor:pointer;list-style:none}
.cax-cq-faq summary::-webkit-details-marker{display:none}
.cax-cq-faq summary>span{color:#F30101;font-family:var(--font-impact,Arial,Helvetica,sans-serif);font-size:var(--type-ui-lg);font-weight:700}
.cax-cq-faq summary strong{font-size:var(--type-h6);text-transform:uppercase}
.cax-cq-faq summary i{width:16px;height:16px;position:relative}
.cax-cq-faq summary i::before,.cax-cq-faq summary i::after{content:"";position:absolute;top:50%;left:50%;background:#000;transform:translate(-50%,-50%)}
.cax-cq-faq summary i::before{width:16px;height:2px}
.cax-cq-faq summary i::after{width:2px;height:16px}
.cax-cq-faq details[open] summary i::after{display:none}
.cax-cq-faq details>p{max-width:980px;margin:0 0 22px 74px}

.cax-cq-final__grid{padding:clamp(54px,6vw,100px) 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(40px,6vw,100px);align-items:end}
.cax-cq-final .cax-cq-eyebrow,.cax-cq-final h2{color:#fff}
.cax-cq-final__grid>div:last-child>p{margin:0;color:rgba(255,255,255,.9)}

@media(max-width:1180px){
    .cax-cq-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cax-cq-signal-grid>div{padding:12px;border-bottom:1px solid var(--cq-line)}
    .cax-cq-signal-grid>div:nth-child(2){border-right:0}
    .cax-cq-path-grid,.cax-cq-five-grid,.cax-cq-eight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
    .cax-cq h1{font-size:var(--type-h3)}
    .cax-cq h2{font-size:var(--type-h4)}
    .cax-cq h3{font-size:var(--type-h6)}
    .cax-cq-hero__grid,.cax-cq-section-head,.cax-cq-form-layout,.cax-cq-final__grid{grid-template-columns:1fr}
    .cax-cq-hero__grid{min-height:0}
    .cax-cq-hero__image img{min-height:0;aspect-ratio:16/10}
    .cax-cq-team-panel{position:static}
    .cax-cq-six-grid,.cax-cq-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cax-cq-step-list li{grid-template-columns:58px 1fr}
    .cax-cq-step-list p{grid-column:2}
}

@media(max-width:720px){
    .cax-cq-signal-grid,.cax-cq-path-grid,.cax-cq-five-grid,.cax-cq-six-grid,.cax-cq-eight-grid,.cax-cq-service-grid,.cax-cq-three-grid,.cax-cq-field-grid,.cax-cq-check-grid{grid-template-columns:1fr}
    .cax-cq-signal-grid>div{border-right:0}
    .cax-cq-form-footer,.cax-cq-actions{align-items:stretch;flex-direction:column}
    .cax-cq-form-footer button,.cax-cq-action{width:100%}
    .cax-cq-step-list li{grid-template-columns:1fr;gap:10px}
    .cax-cq-step-list p{grid-column:auto}
    .cax-cq-faq summary{grid-template-columns:42px minmax(0,1fr) 18px}
    .cax-cq-faq details>p{margin-left:0}
    .cax-cq-image figcaption{flex-direction:column;gap:6px}
}

@media(prefers-reduced-motion:reduce){
    .cax-cq *,.cax-cq *::before,.cax-cq *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
