/* Layout review: a stable headline with the six services on every input type. */
.brand-hero-message{position:absolute;left:0;right:0;top:38%;text-align:center;pointer-events:none;z-index:2}
.brand-hero-message h1{margin:0;font-size:clamp(42px,5.3vw,80px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.brand-hero-services{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;list-style:none;padding:0;max-width:1000px;margin:120px auto 0;font-size:13px;line-height:1.6}
.brand-hero-services li{white-space:nowrap}
.c-enable-sound-wrapper{display:none!important}
.c-navbar{background:#171a1c;color:#f6f3ed}
.c-navbar:not([nav-theme="dark"]){background:#f6f3ed;color:#171a1c}
.c-navbar :is([open-menu],[audio-toggle],.c-nav_cta .c-button){color:inherit!important;border-color:currentColor}
.c-navbar [open-menu]:is(:hover,:focus-visible){background:#f6f3ed;color:#171a1c!important}
.c-navbar:not([nav-theme="dark"]) [open-menu]:is(:hover,:focus-visible){background:#171a1c;color:#f6f3ed!important}
body.overflow .c-navbar{background:#171a1c;color:#f6f3ed}
body.overflow .c-navbar .brand-light{display:block}
body.overflow .c-navbar .brand-dark{display:none}
.c-get-in-touch{background:#f06436!important;color:#171a1c!important}
.c-get-in-touch .c-footer-cta-block{background:transparent!important}
.c-get-in-touch :is(.c-heading-1,.c-text-1,.c-overhead){color:inherit!important}
.c-footer-cta-block{border-radius:8px}
.c-footer_pages--cd3 :is(.c-button,.c-button_line){color:#171a1c}
/* Interior pages already contain this block in the scrolling footer wrapper. */
.body--otra .main-wrapper>nav>section.cc-footer{display:none}
.c-footer_pages--cd3 .c-button:is(:hover,:focus-visible,.w--current){color:#171a1c!important}
.c-footer_pages--cd3 .c-button :is(.c-overhead,.c-button_linksvg-wrap,.c-button_embed-left-svg,.c-button_line-left-nav,.c-nav_link-line){color:inherit!important}
.c-stats-col .c-heading-1{font-size:clamp(34px,3.5vw,58px);white-space:normal;line-height:1.08}
.c-stats-cols.cc-home{gap:clamp(24px,4vw,64px)}
.c-stats-col{min-width:0}
.cc-home-stats .c-text-1{font-size:18px;line-height:1.55}
.brand-services-intro p{max-width:42ch}
.brand-services-intro .c-text-wrapper{width:100%;max-width:100%}
.contact-page .detail-heading h1{margin-bottom:24px}
.brand-process{padding-top:64px;padding-bottom:48px}
.brand-process .c-title02--gd1--cd12{margin-bottom:0}
@media(min-width:992px){
 .detail-hero:has(+.brand-process) .detail-heading h1{max-width:none;font-size:clamp(56px,6vw,96px);line-height:1.06;text-wrap:balance}
}
@media(max-width:991px){
 .c-project-item,.c-project-item .cc-work-white{color:#171a1c!important}
 .c-project-item :is(.c-heading-6,.c-projects_details>.c-text-1,.portfolio_categories .c-overhead,.portfolio-tablet-btn .c-text-1){color:#171a1c!important}
 .contact-page .brief-result{font-size:16px;line-height:1.55}
 .contact-page .brief-result p{font-size:16px;line-height:1.55}
 .contact-page .brief-result :is(a,button){font-size:16px;line-height:1.4;min-height:44px;padding:12px 16px}
 .brand-hero-message{top:39%}
 .brand-hero-message h1{font-size:clamp(34px,6vw,58px)}
 .brand-hero-services{max-width:540px;margin-top:100px;font-size:12px;gap:6px 20px}
 .brand-services-intro .c-grid_item--cd3,.brand-services-intro p{width:100%;max-width:100%;margin-left:0}
 .brand-services-intro .c-grid--gd1--ct12{display:flex;flex-direction:column;gap:24px}
 .brand-services-intro{padding-top:32px;padding-bottom:40px}
 .brand-services-intro p{font-size:18px;line-height:1.55}
 .brand-process{padding-top:48px;padding-bottom:24px}
 .brand-process .c-home-testimonials_wrapper{display:flex;flex-direction:column;gap:12px;margin-top:24px}
 .brand-process .c-home-testimonial_content{row-gap:20px}
 .brand-process [testimonials-dots]{position:static;display:flex;gap:8px;order:2;margin:0}
 .brand-process [testimonials-dots] .slick-dots{position:static;display:flex;flex-direction:row;gap:8px;width:auto;height:24px;margin:0;padding:0}
 .brand-process [testimonials-dots] .slick-dots li{display:block;width:36px;height:24px;margin:0}
 .brand-process [testimonials-dots] .slick-dots{height:44px}
 .brand-process [testimonials-dots] .slick-dots li{width:44px;height:44px!important;background:transparent!important}
 .brand-process [testimonials-dots] .slick-dots li button{display:block;width:44px;height:44px!important;padding:0;border:0;border-bottom:2px solid #747a7d;background:none;font-size:0;border-radius:0}
 .brand-process [testimonials-dots] .slick-dots li.slick-active button{border-bottom-color:#f06436}
 .brand-process [testimonials-dots] .slick-dots li button:before{display:none}
 .brand-process [testimonials-dots] button{width:36px;height:18px;padding:8px 0}
 .brand-process [testimonials-dots] button:before{width:100%;height:2px;top:8px;left:0}
 .brand-process .c-home-testimonials{width:100%;max-width:100%;min-width:0}
 .brand-process .c-testimonial_wrapper{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:start}
 .brand-process .c-home-testimonial_image-wrapper.cc-home{width:100%;max-width:100%;min-height:160px;height:160px}
 .brand-process .process-tile{min-height:160px;height:160px;padding:12px}
 .brand-process .process-tile>span{font-size:44px}
 .brand-process .process-tile>strong{font-size:15px}
 .brand-process .c-home-testimonial_content{width:100%;min-width:0;max-width:100%;padding:0}
 .brand-process .c-home-testimonial_content p{font-size:17px;line-height:1.55}
 .brand-process .c-home-testimonial_info .c-text-1{font-size:13px;line-height:1.5}
 .c-stats-col .c-heading-1{font-size:42px}
 .cc-home-stats .c-text-1{font-size:17px}
 /* Touch screens read the complete contact card in normal document flow. */
 .c-underlay-spacer{display:none}
 .c-footer-underlay{position:relative;bottom:auto;height:auto;min-height:0;z-index:21;padding:24px 0}
 .c-footer-underlay .c-grid-12-col.cc-footer-cta{transform:none!important}
}
@media(max-width:479px){
 /* Keep the existing sound animation inside the header's available width. */
 .c-navbar:has(#sound-btn) .c-nav_wrap{gap:8px}
 .c-navbar:has(#sound-btn) .c-nav_brand-wrap{width:clamp(80px,calc(100vw - 250px),126px)}
 .c-navbar:has(#sound-btn) .c-menu_btn.cc-nav,.c-navbar:has(#sound-btn) .c-nav_cta [nav-btn]{padding-left:8px;padding-right:8px}
 .c-navbar:has(#sound-btn) .c-nav_cta{gap:4px;flex-shrink:0}
 .c-navbar #sound-btn{position:relative;inset:auto;flex:0 0 44px;width:44px;max-width:44px;height:44px;padding:0;flex-direction:column;gap:2px;align-items:center;justify-content:center}
 .c-navbar #sound-btn [sound-text]{display:block;opacity:1;font-size:11px;line-height:1.2;color:inherit}
 .c-navbar #sound-btn .c-sound-lottie_embed{width:24px}
 .brand-hero-message{top:34%}
 .brand-hero-message h1{font-size:clamp(30px,8.8vw,40px)}
 .brand-hero-services{max-width:calc(100% - 24px);margin-top:210px;gap:6px 12px;font-size:12px}
 .contact-page .detail-heading h1{margin-bottom:18px}
 .brand-services-intro .c-title-wrapper{margin-bottom:0}
 .c-stats-cols.cc-home{gap:40px}
 .c-stats-col .c-heading-1{font-size:38px}
}
@media(max-width:359px){
 /* Reserve a separate text band below the symbol at the narrowest width. */
 .c-hero-wrap{min-height:790px}
 .brand-hero-message{top:27%}
 .brand-hero-services{max-width:calc(100% - 24px);margin-top:270px;font-size:12px;gap:6px 10px}
}
@media(max-height:600px){
 .c-hero-wrap{height:620px;min-height:620px}
 .c-hero-canvas-embed{height:700px}
 .brand-hero-message{top:32%}
}
@media(max-width:359px) and (max-height:600px){
 .c-hero-wrap{height:790px;min-height:790px}
 .brand-hero-message{top:27%}
}