/* Creative Agency X — Services Hub */
.cax-services-page { background:#fff; }
.cax-services-shell{width:min(var(--site-width,1600px),calc(100% - (var(--site-gutter,24px)*2)));margin-inline:auto;}
.cax-services-eyebrow{display:inline-flex;gap:8px;color:#F30101;font-family:"Epic Pro",Arial,Helvetica,sans-serif;font-size:var(--type-ui);font-weight:700;line-height:1;text-transform:uppercase;}
.cax-services-hero,.cax-services-intent,.cax-services-system,.cax-services-perth,.cax-services-process,.cax-services-bridge,.cax-services-faq{background:#fff;color:#000;}
.cax-services-directory,.cax-services-final{background:#000;color:#fff;}
.cax-services-hero__grid{min-height:clamp(560px,76svh,720px);padding:clamp(30px,3vw,50px) 0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:clamp(40px,6vw,100px);align-items:stretch;border-top:1px solid #000;border-bottom:1px solid #000;}
.cax-services-hero__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.cax-services-hero__heading{margin:clamp(16px,1.7vw,26px) 0 0;letter-spacing:-.035em;text-transform:uppercase;}
.cax-services-hero__heading>span{display:block}.cax-services-hero__heading i{display:inline-block;width:.19em;aspect-ratio:1;margin-left:.09em;background:#F30101;vertical-align:.1em;}
.cax-services-hero__description{max-width:720px;margin:clamp(20px,2vw,30px) 0 0;}
.cax-services-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(20px,2vw,30px);}
.cax-services-action{min-height:48px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-ui-lg);font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none;}
.cax-services-action--primary{background:#000;color:#fff}.cax-services-directory .cax-services-action--primary,.cax-services-final .cax-services-action--primary{background:#F30101;color:#fff}.cax-services-action--text{padding-inline:0;color:currentColor;border-bottom:2px solid #F30101;}
.cax-services-action:focus-visible,.cax-services-intent__card:focus-visible,.cax-service-card:focus-visible{outline:2px solid #F30101;outline-offset:4px;}
.cax-services-hero__system{display:grid;grid-template-rows:repeat(4,1fr);border:1px solid #000;background:#000;color:#fff;}
.cax-services-hero__pillar{padding:clamp(16px,1.5vw,24px);display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-content:center;border-bottom:1px solid rgba(255,255,255,.25);}
.cax-services-hero__pillar:last-child{border-bottom:0}.cax-services-hero__pillar-number{grid-row:1/3;color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);font-weight:700;line-height:1}.cax-services-hero__pillar strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);line-height:1;text-transform:uppercase}.cax-services-hero__pillar small{margin-top:6px;color:rgba(255,255,255,.72);font-family:"Epic Pro",Arial,Helvetica,sans-serif;font-size:var(--type-ui-lg);}
.cax-services-section-head{padding:clamp(36px,4vw,60px) 0 clamp(22px,2.4vw,36px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(40px,5vw,80px);align-items:end;border-bottom:1px solid #000;}
.cax-services-section-head h2{margin:12px 0 0;max-width:900px;text-transform:uppercase}.cax-services-section-head>p{max-width:560px;margin:0}.cax-services-section-head--dark{border-color:rgba(255,255,255,.3)}
.cax-services-intent__grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #000;border-top:1px solid #000;margin-bottom:clamp(36px,4vw,60px);}
.cax-services-intent__card{position:relative;min-height:170px;padding:18px;display:grid;align-content:start;gap:8px;border-right:1px solid #000;border-bottom:1px solid #000;color:#000;text-decoration:none;}
.cax-services-intent__card:hover{background:#000;color:#fff}.cax-services-intent__number{color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);font-weight:700}.cax-services-intent__card strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h6);line-height:1.05;text-transform:uppercase}.cax-services-intent__card p{margin:3px 0 0;font-size:var(--type-ui-lg)!important;line-height:1.3!important}.cax-services-intent__arrow{position:absolute;right:16px;bottom:12px;color:#F30101;font-size:var(--type-h5)}
.cax-services-directory{padding-bottom:clamp(42px,5vw,78px)}.cax-services-directory .cax-services-shell>.cax-services-section-head h2,.cax-services-directory .cax-services-shell>.cax-services-section-head p{color:#fff}
.cax-services-group{scroll-margin-top:120px;padding-top:clamp(34px,4vw,60px)}.cax-services-group__header{display:grid;grid-template-columns:70px minmax(260px,.8fr) minmax(320px,1.2fr);gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.3)}.cax-services-group__header>span{color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);font-weight:700}.cax-services-group__header h3{margin:0;color:#fff;text-transform:uppercase}.cax-services-group__header p{margin:0;color:rgba(255,255,255,.78)}
.cax-services-card-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.3)}.cax-service-card{min-height:230px;padding:18px;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none}.cax-service-card:hover{background:#fff;color:#000}.cax-service-card__top{display:flex;justify-content:space-between;color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-ui-lg);font-weight:700}.cax-service-card h4{margin:0;color:inherit;font-size:var(--type-h6);text-transform:uppercase}.cax-service-card p{margin:0;color:inherit;font-size:var(--type-ui-lg)!important;line-height:1.35!important}.cax-service-card__outcome{padding-top:10px;border-top:1px solid currentColor;color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-ui);font-weight:700;line-height:1.15;text-transform:uppercase}
.cax-services-system__flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;margin-bottom:clamp(38px,4vw,64px);border-top:1px solid #000;border-bottom:1px solid #000}.cax-services-system__step{min-height:180px;padding:18px 10px;display:grid;align-content:center;gap:8px;text-align:center}.cax-services-system__step>span{color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);font-weight:700}.cax-services-system__step strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h6);text-transform:uppercase}.cax-services-system__step p{margin:0;font-size:var(--type-ui)!important;line-height:1.3!important}.cax-services-system__flow>i{display:grid;place-items:center;color:#F30101;font-size:var(--type-h5);font-style:normal}
.cax-services-perth__grid{padding:clamp(42px,5vw,80px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.85fr);gap:clamp(46px,6vw,90px);align-items:center;border-top:1px solid #000;border-bottom:1px solid #000}.cax-services-perth__copy h2{margin:14px 0 0;text-transform:uppercase}.cax-services-perth__copy>p{max-width:760px}.cax-services-perth__markets{margin-top:24px;border-top:1px solid #000}.cax-services-perth__markets>div{padding:12px 0;display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;gap:20px;border-bottom:1px solid rgba(0,0,0,.25)}.cax-services-perth__markets strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-ui);text-transform:uppercase}.cax-services-perth__markets span{font-family:"Epic Pro",Arial,Helvetica,sans-serif;font-size:var(--type-ui-lg)}.cax-services-perth__visual{margin:0}.cax-services-perth__visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(100%);border:1px solid #000}.cax-services-perth__visual figcaption{margin-top:8px;font-family:"Epic Pro",Arial,Helvetica,sans-serif;font-size:var(--type-ui);line-height:1.25}.cax-services-perth__visual figcaption a{color:#000;text-decoration-color:#F30101}
.cax-services-process__list{margin:0 0 clamp(38px,4vw,64px);padding:0;list-style:none;border-top:1px solid #000}.cax-services-process__list li{display:grid;grid-template-columns:70px minmax(260px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.35)}.cax-services-process__list li>span{color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h5);font-weight:700}.cax-services-process__list strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h6);text-transform:uppercase}.cax-services-process__list p{margin:0}
.cax-services-bridge{background:#F30101;color:#fff}.cax-services-bridge__grid{padding:clamp(34px,4vw,58px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:clamp(44px,6vw,90px);align-items:center}.cax-services-bridge h2{margin:12px 0 0;color:#fff;text-transform:uppercase}.cax-services-bridge .cax-services-eyebrow{color:#fff}.cax-services-bridge p{margin:0;color:#fff}.cax-services-bridge .cax-services-action--primary{background:#000;color:#fff}.cax-services-bridge .cax-services-action--text{color:#fff;border-color:#fff}
.cax-services-faq__grid{padding:clamp(42px,5vw,76px) 0;display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:clamp(50px,7vw,110px);align-items:start;border-top:1px solid #000}.cax-services-faq h2{margin:12px 0 0;text-transform:uppercase}.cax-services-faq__items{border-top:1px solid #000}.cax-services-faq details{border-bottom:1px solid #000}.cax-services-faq summary{min-height:58px;padding:10px 0;display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:10px;align-items:center;cursor:pointer;list-style:none}.cax-services-faq summary::-webkit-details-marker{display:none}.cax-services-faq summary span{color:#F30101;font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h6);font-weight:700}.cax-services-faq summary strong{font-family:Arial,Helvetica,sans-serif;font-size:var(--type-h6);text-transform:uppercase}.cax-services-faq summary i{position:relative;width:18px;height:18px}.cax-services-faq summary i:before,.cax-services-faq summary i:after{content:"";position:absolute;left:50%;top:50%;background:#F30101;transform:translate(-50%,-50%)}.cax-services-faq summary i:before{width:18px;height:2px}.cax-services-faq summary i:after{width:2px;height:18px}.cax-services-faq details[open] summary i:after{display:none}.cax-services-faq details>div{padding:0 0 18px 62px}.cax-services-faq details p{margin:0;max-width:850px}
.cax-services-final__grid{min-height:clamp(320px,45svh,470px);padding:clamp(44px,5vw,80px) 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(50px,7vw,110px);align-items:center}.cax-services-final h2{margin:12px 0 0;color:#fff;text-transform:uppercase}.cax-services-final p{margin:0;color:rgba(255,255,255,.82)}.cax-services-final .cax-services-eyebrow{color:#F30101}.cax-services-final .cax-services-action--text{color:#fff}
@media(max-width:1100px){.cax-services-hero__grid,.cax-services-perth__grid,.cax-services-bridge__grid,.cax-services-faq__grid,.cax-services-final__grid{grid-template-columns:1fr}.cax-services-hero__grid{min-height:0}.cax-services-hero__system{min-height:360px}.cax-services-section-head{grid-template-columns:1fr;gap:18px}.cax-services-intent__grid,.cax-services-card-grid{grid-template-columns:repeat(2,1fr)}.cax-services-group__header{grid-template-columns:60px 1fr}.cax-services-group__header p{grid-column:2}.cax-services-system__flow{grid-template-columns:1fr}.cax-services-system__flow>i{min-height:36px;transform:rotate(90deg)}.cax-services-perth__visual{max-width:760px}.cax-services-process__list li{grid-template-columns:60px 1fr}.cax-services-process__list p{grid-column:2}.cax-services-faq__grid{gap:28px}}
@media(max-width:700px){.cax-services-intent__grid,.cax-services-card-grid{grid-template-columns:1fr}.cax-services-hero__pillar{grid-template-columns:46px minmax(0,1fr)}.cax-services-group__header{grid-template-columns:48px 1fr}.cax-services-perth__markets>div{grid-template-columns:1fr;gap:5px}.cax-services-process__list li{grid-template-columns:44px 1fr}.cax-services-faq details>div{padding-left:0}.cax-services-faq summary{grid-template-columns:42px minmax(0,1fr) 24px}.cax-services-actions{align-items:stretch}.cax-services-action{width:100%}.cax-services-action--text{width:max-content}.cax-services-hero__system{min-height:320px}}
