/* Source: /assets/copper/mobile-refresh.css?v=mobile2 */
/* Mobile: one stable photo stage, overlaid copy, floating tabs and two actions. */
html[data-design=copper] #home .cp-hero-copy{display:contents}
@media(max-width:900px){
 html[data-design=copper] #home .main-banner{--cp-mobile-stage:clamp(350px,94vw,450px);display:block;min-height:0!important;height:auto!important;overflow:visible;background:#111315!important;padding:0!important;margin:0!important}
 html[data-design=copper] #home .main-banner .lab-hero-media{position:absolute;inset:0 0 auto;height:var(--cp-mobile-stage);width:100%;overflow:hidden;z-index:0;contain:paint}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:65% center;opacity:0;transform:none!important;transition:opacity .9s ease}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo[data-slide="0"]{object-position:72% center}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo.is-active{opacity:1}
 html[data-design=copper] #home .main-banner:after{inset:0 0 auto;height:var(--cp-mobile-stage);z-index:1;background:linear-gradient(180deg,#080d1020 0%,#080d1025 23%,#080d10a8 52%,#080d10f2 100%),linear-gradient(90deg,#080d1038,transparent 70%)}
 html[data-design=copper] #home .main-banner>.widgetContent{position:relative;z-index:2;padding:0!important;min-height:0;background:none!important}
 html[data-design=copper] #home .main-banner>.widgetContent>.innerContainer{display:block;width:100%;max-width:none;padding:0!important;margin:0}
 html[data-design=copper] #home .main-banner .cp-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:var(--cp-mobile-stage);min-height:0;padding:24px 6% 48px;gap:12px;box-sizing:border-box}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-hero-kicker{display:none}
 html[data-design=copper] #home .main-banner[data-slide-theme=office] .cp-hero-copy{justify-content:flex-start}
 html[data-design=copper] #home .main-banner[data-slide-theme=office]:after{background:linear-gradient(180deg,#080d10e0 0%,#080d10a8 38%,#080d1025 70%,#080d1060 100%)}
 html[data-design=copper] #home .main-banner[data-slide-theme=office] .cp-hero-copy>.cp-headline{max-width:calc(100% - 36px);font-size:clamp(28px,7.7vw,37px)}
 html[data-design=copper] #home .main-banner[data-slide-theme=vehicle] .cp-hero-copy{align-items:flex-end;text-align:right}
 html[data-design=copper] #home .main-banner[data-slide-theme=vehicle] .cp-hero-copy>.cp-headline{font-size:clamp(27px,7.6vw,36px)}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline{font-size:clamp(29px,8.4vw,39px);line-height:1.12;letter-spacing:-.04em;max-width:100%;height:auto;min-height:0;margin:0!important;color:#fff;text-shadow:0 2px 20px #0005}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline em{font-size:1em;line-height:inherit;color:#ffc185}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.lab-hero-description{font-size:12px;line-height:1.6;max-width:550px;height:auto;min-height:0;margin:0!important;color:#f1efeb;text-shadow:0 1px 8px #0008}
 html[data-design=copper] #home .main-banner .cp-hero-caption,html[data-design=copper] #home .main-banner .lab-hero-topics,html[data-design=copper] #home>.iconMenuWidget{display:none}
 html[data-design=copper] #home .main-banner .cp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:0;padding:39px 4% 22px;box-sizing:border-box;align-items:stretch}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary{width:100%;min-width:0!important;max-width:none;min-height:54px;height:auto!important;display:flex;justify-content:space-between;gap:6px;padding:9px 9px 9px 12px!important;font-size:11px!important;line-height:1.3!important;white-space:normal;border-radius:10px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn>span:first-child{min-width:0}
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon{width:29px;height:29px;min-width:29px;flex-shrink:0;border-radius:7px}
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon svg{width:16px;height:16px}
 html[data-design=copper] #home .main-banner .cp-carousel-controls{position:absolute;top:calc(var(--cp-mobile-stage) - 22px);bottom:auto;left:4%;right:4%;width:auto;max-width:none;height:44px;display:block;padding:0;z-index:6;background:#191e22ed;border:1px solid #ffffff1a;border-radius:9px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 html[data-design=copper] #home .main-banner .cp-slide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;height:100%}
 html[data-design=copper] #home .main-banner .cp-slide-tab{min-width:0;min-height:44px;height:100%;padding:6px 4px;justify-content:center;gap:0;text-align:center;white-space:normal;font-size:10.5px;font-weight:500;line-height:1.3;color:#d3d5d5;border-radius:8px;transition:background .2s,color .2s}
 html[data-design=copper] #home .main-banner .cp-slide-tab+.cp-slide-tab{border-left:1px solid #ffffff0b}
 html[data-design=copper] #home .main-banner .cp-slide-number{display:none}
 html[data-design=copper] #home .main-banner .cp-slide-tab i{left:18%;right:18%;bottom:5px;background:transparent}
 html[data-design=copper] #home .main-banner .cp-slide-tab[aria-current=true]{background:#ffffff08;color:#ebc5a0}
 html[data-design=copper] #home .main-banner .cp-slide-tab[aria-current=true] i{background:#d5a57999;height:1px}
 html[data-design=copper] #home .main-banner .cp-slide-arrows{position:absolute;top:calc(36px - var(--cp-mobile-stage));right:0;left:auto;gap:0}
 html[data-design=copper] #home .main-banner .cp-slide-arrows>.cp-carousel-button:nth-child(-n+2){display:none}
 html[data-design=copper] #home .main-banner .cp-carousel-button{width:44px;height:44px;padding:12px;background:#111a20c9;color:#fff;border-color:#ffffff42}
 /* Keep the neighbouring static photo out of the hero's animated paint layer. */
 html[data-design=copper] #home .aboutWidget .imageBlock{contain:paint}
 html[data-design=copper] #home .aboutWidget .imageBlock img{opacity:1;visibility:visible;transition:none;animation:none;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
}
@media(min-width:601px) and (max-width:900px){
 html[data-design=copper] #home .main-banner .cp-hero-copy{padding-inline:6%;gap:16px}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline{font-size:43px;max-width:560px}
 html[data-design=copper] #home .main-banner .cp-actions{padding-inline:6%;gap:16px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn{font-size:14px!important}
 html[data-design=copper] #home .main-banner .cp-slide-tab{font-size:12px}
}
@media(max-width:350px){
 html[data-design=copper] #home .main-banner .cp-hero-copy{gap:10px;padding-inline:5%;padding-bottom:48px}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.lab-hero-description{font-size:11.5px}
 html[data-design=copper] #home .main-banner .cp-slide-tab{font-size:10px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary{font-size:10px!important;padding-left:9px!important}
}

/* Source: /assets/copper/whatsapp.css?v=phone2 */
/* WhatsApp identity and a shared square-and-receiver interaction. */
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action),
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call {
 --wa-from:#087c46;--wa-to:#075e54;--wa-light:#0b8752;
 background:linear-gradient(115deg,var(--wa-from),var(--wa-to),var(--wa-light),var(--wa-from))!important;
 background-size:240% 180%!important;
 color:#fff!important;border:1px solid #35d57b!important;
 box-shadow:0 6px 22px #075e5429!important;
 isolation:isolate;overflow:hidden;
 transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
 text-decoration:none;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action):is(:hover,:focus-visible),
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:is(:hover,:focus-visible) {
 background:linear-gradient(115deg,#087443,#075e54,#0b8752,#087443)!important;
 background-size:240% 180%!important;color:#fff!important;border-color:#78eea8!important;
 box-shadow:0 8px 26px #087c4640!important;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action):focus-visible,
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:focus-visible {
 outline:3px solid #79ecaa;outline-offset:4px;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action) .cp-glyph {
 color:#fff!important;flex:0 0 auto;width:21px;height:21px;
}
html[data-design=copper] .cp-whatsapp-logo {fill:currentColor;stroke:none}
html[data-design=copper] :is(.tq-whatsapp,.tc-wa,.cp-whatsapp-action) {
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
/* The old reference theme hid this on home; keep the real contact action visible. */
html[data-design=copper]:has(#home):not(.thumbnail-mode) .whatsapp-contact {
 display:inline-flex;align-items:center;gap:10px;
}
html[data-design=copper] .whatsapp-contact {
 border-radius:999px;min-height:48px;padding:11px 19px;font-weight:650;
 animation:cp-wa-colour-flow 6s ease-in-out 3;
}
html[data-design=copper] .tq-whatsapp {
 animation:cp-wa-colour-flow 7s ease-in-out 2;
}
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call .cp-btn-icon {
 background:#ffffffed;color:#075e54;
 transform:rotate(0);transform-origin:50% 50%;
 transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
html[data-design=copper] #home .main-banner .cp-team-call .cp-phone-lift {
 color:#075e54;width:20px;height:20px;transform:none;
}
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:is(:hover,:focus-visible,:active) .cp-btn-icon {
 transform:rotate(45deg);
}
@keyframes cp-wa-colour-flow {
 0%,100%{background-position:0% 50%}50%{background-position:100% 50%}
}
@media(max-width:600px){
 html[data-design=copper] .whatsapp-contact {
  right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:10px 15px;font-size:12px;min-height:46px;
 }
 html[data-design=copper] .whatsapp-contact .cp-glyph {width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
 html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action),
 html[data-design=copper] #home .main-banner .cp-team-call .cp-btn-icon {
  animation:none!important;transition:none!important;
 }
 html[data-design=copper] #home .main-banner .cp-team-call .cp-btn-icon {transform:none!important}
}

/* Source: /assets/copper/usability.css?v=readable1 */
/* Readable supporting copy and controls that occupy their own document space. */
html[data-design=copper] .cp-footer-utilities {
 display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;
 width:100%;padding:18px 5% calc(18px + env(safe-area-inset-bottom,0px));
 background:#0c0e10;border-top:1px solid #ffffff17;
}
html[data-design=copper] .whatsapp-contact {
 position:static!important;inset:auto!important;z-index:auto;margin:0;
 width:max-content;max-width:100%;min-height:48px;font-size:14px;line-height:1.4;
}
html[data-design=copper] .cp-footer-utilities>.whatsapp-contact{order:1}
html[data-design=copper] .cp-footer-utilities>.tp-privacy-open{order:2}
html[data-design=copper] .cp-footer-utilities>.tp-privacy-banner{order:0;flex-basis:100%}
html[data-design=copper] .lab-ref-footer{padding:38px 0 20px}
html[data-design=copper] .lab-footer-top {
 display:grid;grid-template-columns:minmax(160px,210px) minmax(0,1fr) minmax(210px,280px);
 gap:30px;align-items:start;
}
html[data-design=copper] .lab-footer-brand{width:100%;max-width:210px;margin:5px 0 0}
html[data-design=copper] .lab-footer-nav {
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
 gap:0 18px;font-size:14px;line-height:1.6;color:#e0e3df;
}
html[data-design=copper] .lab-footer-nav a,
html[data-design=copper] .lab-footer-bottom a,
html[data-design=copper] .lab-footer-contact .data a {
 display:inline-flex;align-items:center;min-height:44px;min-width:44px;max-width:100%;padding:8px 0;
}
html[data-design=copper] .lab-footer-contact {
 display:flex;flex-direction:column;gap:0;margin:0;min-width:0;
 grid-column:auto;grid-row:auto;
}
html[data-design=copper] .lab-footer-contact>.item {
 display:flex;gap:12px;align-items:center;grid-column:auto;grid-row:auto;min-height:44px;
}
html[data-design=copper] .lab-footer-contact :is(.data,.text) {
 min-width:0;font-size:14px;line-height:1.55;color:#d5dddc;
}
html[data-design=copper] .lab-footer-contact .data a{overflow-wrap:anywhere}
html[data-design=copper] .lab-footer-contact .lab-icon{width:18px;height:18px;color:#e5b17f}
html[data-design=copper] .lab-footer-bottom {
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;
 font-size:14px;line-height:1.7;color:#bbc6c8;margin-top:24px;padding-top:18px;
}
html[data-design=copper] .lab-footer-bottom>div{display:flex;flex-wrap:wrap;gap:0 22px;margin:0}
html[data-design=copper] .lab-footer-disclosure,
html[data-design=copper] .lab-footer-disclosure:not([open])>summary {
 position:static;inset:auto;transform:none;height:auto;max-width:none;
 font-size:14px;line-height:1.75;color:#bbc6c8;text-align:left;
}
html[data-design=copper] .lab-footer-disclosure>summary{min-height:44px;padding:10px 0}
/* Match copy contrast to the actual paper and graphite surfaces. */
html[data-design=copper] :is(.cp-page-lead,.cp-rich-text,.cp-faq-answer p,.cp-breadcrumb,
 .cp-archive-card p,.cp-rich-text figcaption){color:#4d5c5c}
html[data-design=copper] .cp-page-shell :is(.cp-eyebrow,.cp-faq-number){color:#795431}
html[data-design=copper] .cp-contact-band .cp-eyebrow{color:#efbb89}
html[data-design=copper] #home :is(.lab-section-description,.advancedPostsWidget2 .desc){color:#4d5959}
html[data-design=copper] #home .advancedPostsWidget2 .list .desc{color:#bbc7c6}
html[data-design=copper] #home :is(.aboutWidget .description,.lab-callout-description){color:#c4ccca}
html[data-design=copper] #home .lab-about-points p{font-size:13px;color:#bbc8c6}
html[data-design=copper] :is(.tq-steps p,.tq-form-heading>p,.tq-note,.tq-privacy,.tq-contact>span){color:#b7c7ce;font-size:13px;line-height:1.75}
html[data-design=copper] .tq-fields label>span{color:#b7c7ce}
html[data-design=copper] .tq-form :is(input,textarea)::placeholder{color:#9db0bd}
html[data-design=copper] :is(.tc-form-heading p,.tc-visit-note,.tc-delivery,.tc-privacy,.tc-optional){color:#52645a;font-size:13px;line-height:1.75}
html[data-design=copper] .tc-fields :is(input,textarea)::placeholder{color:#63756b}
html[data-design=copper] .tc-label{color:#56674f}
html[data-design=copper] [data-tq-intro],html[data-design=copper] [data-contact-intro]{font-size:14px;line-height:1.75}
html[data-design=copper] .cp-service-region {
 display:flex;flex-direction:column;align-items:inherit;gap:2px;max-width:100%;
 margin:0 0 16px;color:#f8f3ec;font-size:14px;line-height:1.5;letter-spacing:0;
}
html[data-design=copper] .cp-service-region>span:first-child{font-weight:700}
html[data-design=copper] .cp-service-region>span:last-child{font-size:12px;color:#dae4e0}
html[data-design=copper] .cp-page-region{font-size:14px;line-height:1.65;color:#4d5c5c;margin:0 0 20px}
@media(max-width:1050px){
 html[data-design=copper] .lab-footer-top{grid-template-columns:minmax(160px,1fr) minmax(210px,1fr);gap:20px 28px}
 html[data-design=copper] .lab-footer-nav{grid-column:1/-1;grid-row:2}
 html[data-design=copper] .lab-footer-contact{grid-column:2;grid-row:1}
}
@media(max-width:600px){
 html[data-design=copper] #home .main-banner .cp-service-region{flex-shrink:0;font-size:12px;line-height:1.4;margin:0;gap:2px}
 html[data-design=copper] #home .main-banner .cp-service-region>span{font-size:12px}
 html[data-design=copper] .site-header .header-main{gap:12px}
 html[data-design=copper] .site-header .header-main :is(.brand,.brand img.brand-dark){width:clamp(156px,52vw,188px)!important;flex-shrink:0}
 html[data-design=copper] .site-header .mobile-menu-button {
  min-height:44px;min-width:80px;flex-shrink:0;padding:10px 12px;font-size:13px;white-space:nowrap;
 }
 html[data-design=copper] .site-header .primary-list>li>a {
  min-width:0;font-size:16px!important;line-height:1.5;gap:10px;padding:14px 18px!important;white-space:nowrap;
 }
 html[data-design=copper] .site-header .submenu-toggle{width:44px;min-width:44px;min-height:48px}
 html[data-design=copper] .site-header .submenu a{font-size:14px;min-height:44px;padding:12px 14px}
 html[data-design=copper] #home .main-banner .cp-actions{padding-inline:10px;gap:6px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,
 html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary {
  font-size:clamp(12px,3.6vw,14px)!important;white-space:nowrap;line-height:1.4!important;
  padding:10px 6px!important;gap:4px;min-height:50px;
 }
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon{width:22px;height:26px;min-width:22px;flex-basis:22px;border-radius:5px}
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon svg{width:15px;height:15px}
 html[data-design=copper] .lab-footer-top{display:grid;grid-template-columns:1fr;gap:16px}
 html[data-design=copper] .lab-footer-nav{grid-column:1;grid-row:auto;gap:0 20px;margin:0}
 html[data-design=copper] .lab-footer-contact{grid-column:1;grid-row:auto}
 html[data-design=copper] .lab-footer-bottom{display:flex;align-items:flex-start;gap:10px;margin-top:24px}
 html[data-design=copper] .lab-footer-bottom>div{gap:0 20px}
 html[data-design=copper] .cp-footer-utilities{justify-content:flex-start;padding-inline:5%}
 html[data-design=copper] .cp-footer-utilities .tp-privacy-open{font-size:12px}
}
@media(max-width:350px){
 html[data-design=copper] #home .main-banner .cp-actions{padding-inline:6px;gap:5px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,
 html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary{padding:10px 4px!important;gap:2px}
}