@import url("/assets/vendor/phosphor/style.css");

/* Clear Cut Creative — Rebrand Phase 1 preview skin.
   Presentation only: copy, media, metadata, routes and behaviour are untouched. */

:root {
  --bg:#f3f0e8; --bg-raised:#ebe7dc; --bg-card:#fffdf8; --bg-card-hover:#fff;
  --bg-accent:#e9eef4; --bg-surface:#f7f5ef; --bg-blue-card:#e6edf7;
  --blue:#1464e5; --blue-bright:#1464e5; --blue-dim:#0d4fb8;
  --blue-glow:rgba(20,100,229,.07); --blue-glow-md:rgba(20,100,229,.1);
  --blue-border:rgba(20,100,229,.34); --yellow:#a97822; --yellow-soft:#c79a4a; --gold:#a97822;
  --white:#0c1d33; --text:#26394f; --text-muted:#5a6878; --text-dim:#728091;
  --border:#d7d5ce; --border-light:#c5c8cc;
  --shadow:0 12px 30px rgba(16,34,57,.07); --shadow-lg:0 20px 50px rgba(16,34,57,.1);
  --shadow-blue:0 12px 30px rgba(20,100,229,.14); --shadow-card:0 10px 26px rgba(16,34,57,.06);
  --radius:5px; --radius-sm:3px; --radius-lg:7px; --radius-xl:9px; --max-w:1280px;
  --cc-ivory:#f3f0e8; --cc-paper:#fffdf8; --cc-stone:#e7e2d7;
  --cc-navy:#0c1d33; --cc-cobalt:#1464e5; --cc-gold:#a97822; --cc-rule:#cfd1cf;
}

html{background:var(--cc-ivory)}
body,body.ccc-home{color:var(--text)!important;background:var(--cc-ivory)!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(12,29,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(12,29,51,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0,transparent 34rem)}
h1,h2,h3,h4,h5,h6,.ccc-home h1,.ccc-home h2,.ccc-home h3,.ccc-home h4{color:var(--cc-navy)!important;text-shadow:none!important}
h1,h2{letter-spacing:-.045em!important} h3,h4{letter-spacing:-.025em!important}
a{color:var(--cc-cobalt)} a:hover{color:var(--cc-navy)}
.container{max-width:var(--max-w);padding-inline:clamp(1.25rem,4vw,4rem)}
.section{position:relative;padding-block:clamp(5rem,9vw,8.5rem)}
.ccc-home #pricing,.ccc-home #work,.ccc-home .sec-major{padding-block:clamp(5.5rem,10vw,9.5rem)!important}

/* Light navigation rail with an anchored brand block. */
.site-header,.site-header.scrolled{height:82px;background:rgba(255,253,248,.97)!important;border-bottom:1px solid rgba(12,29,51,.18)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.header-inner{height:82px!important;max-width:1600px!important}
.header-logo{align-self:stretch;display:flex;align-items:center;margin-left:clamp(-1.25rem,-3vw,-2rem);padding:0 clamp(1rem,2.2vw,2rem);background:var(--cc-navy);border-right:4px solid var(--cc-cobalt)}
.header-logo picture{display:flex;align-items:center}
.header-logo img{height:46px!important;width:auto}
.nav-desktop a{color:#526173!important;font-weight:600!important;letter-spacing:.01em}
.nav-desktop a:hover,.nav-desktop a.active{color:var(--cc-navy)!important}
.nav-desktop a::after{height:2px!important;background:var(--cc-cobalt)!important}
.nav-desktop a.active::before{display:none!important}.nav-desktop a.active::after{transform:scaleX(1)!important}
.nav-cta.btn--primary{background:var(--cc-cobalt)!important;color:#fff!important}
.btn--whatsapp.wa-ghost{background:transparent!important;color:var(--cc-navy)!important;border-color:#aeb5bd!important;backdrop-filter:none!important}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{background:var(--cc-navy)!important}
.menu-toggle[aria-expanded="true"] span{background:transparent!important}
.mnav{top:82px!important;background:var(--cc-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mnav-eyebrow{color:var(--cc-gold)!important}.mnav-links a{color:var(--cc-navy)!important;border-color:rgba(12,29,51,.12)!important}
.mnav-links a::after,.mnav-links a.active{color:var(--cc-cobalt)!important}
.mnav-wa{color:var(--cc-navy)!important;border-color:rgba(12,29,51,.2)!important}.mnav-meta{color:var(--text-muted)!important}

/* Precise, square-shouldered CTA system. */
.btn{border-radius:3px!important;box-shadow:none!important;letter-spacing:.01em;transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,color 180ms ease!important}
.btn:hover{transform:translateY(-1px)!important}
.btn--primary,.btn--yellow{background:var(--cc-cobalt)!important;color:#fff!important;border:1px solid var(--cc-cobalt)!important}
.btn--primary:hover,.btn--yellow:hover{background:var(--blue-dim)!important;border-color:var(--blue-dim)!important;color:#fff!important}
.btn--yellow::before{display:none!important}
.btn--secondary,.btn--ghost{background:transparent!important;color:var(--cc-navy)!important;border:1px solid rgba(12,29,51,.42)!important}
.btn--secondary:hover,.btn--ghost:hover{background:var(--cc-navy)!important;color:#fff!important;border-color:var(--cc-navy)!important}

/* Architectural annotations replace glass chips. */
.section-label,.hero-kicker,.blog-kicker,.about-eyebrow,.sp-sector,.sp-feat-eyebrow{position:relative;display:inline-flex;align-items:center;gap:.62rem;color:var(--cc-cobalt)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;letter-spacing:.18em!important;font-weight:700!important}
.section-label::before,.hero-kicker::before,.blog-kicker::before,.about-eyebrow::before,.sp-sector::before,.sp-feat-eyebrow::before{display:none!important;content:none!important}
.section-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.1em;height:1.1em;color:var(--cc-gold)!important;font-size:1.08rem;line-height:1;letter-spacing:0!important;transform:translateY(-.02em)}
.sp-sector .section-icon,.blog-kicker .section-icon{font-size:1rem}
.about-cta .section-icon,.blog-cta .section-icon,.final-cta .section-icon{color:#d9b66e!important}
.section-sub,.lede,.hero-lede,.serif-intro,.about-hero__lede,.blog-hero p{color:var(--text-muted)!important}

/* Editorial hero: the original film remains, treated as a quiet technical layer. */
.hero,.hero-premium,.cc-video-hero,.about-hero,.page-header,.blog-hero{background:var(--cc-ivory)!important;animation:none!important}
.ccc-home .hero-premium{min-height:clamp(720px,88vh,920px);padding-top:calc(82px + 5rem)!important}
.ccc-home .hero-premium .hero-grid{width:100%;grid-template-columns:minmax(0,760px) minmax(280px,.7fr)!important;justify-content:space-between!important;align-items:center;gap:clamp(3rem,7vw,8rem)!important}
.ccc-home .hero-premium .hero-premium-copy{max-width:760px!important;margin:0!important;text-align:left!important}
.ccc-home .hero-premium h1{max-width:10.8ch;margin:1.35rem 0 1.5rem!important;font-size:clamp(3.6rem,6.5vw,6.75rem)!important;line-height:.96!important;color:var(--cc-navy)!important}
.ccc-home .hero-premium h1 .hl{color:var(--cc-cobalt)!important}
.ccc-home .hero-premium .hero-sub{max-width:610px!important;margin:0 0 2rem!important;color:#44566a!important;font-size:clamp(1.08rem,1.45vw,1.28rem)!important;line-height:1.65!important}
.ccc-home .hero-premium .btn-group,.ccc-home .hero-premium .hero-proof-row{justify-content:flex-start!important}
.hero-proof-pill{color:var(--cc-navy)!important;background:transparent!important;border:0!important;border-left:2px solid var(--cc-gold)!important;border-radius:0!important;padding:.25rem 0 .25rem .7rem!important}
.hero-whatsapp-soft,.hero-whatsapp-soft a{color:var(--text-muted)!important}
.hero-orb-2,.hero-vignette,.hero::after{display:none!important}
.hero::before{opacity:1!important;animation:none!important;background-image:linear-gradient(rgba(12,29,51,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(12,29,51,.05) 1px,transparent 1px)!important;background-size:72px 72px!important}
.cc-hero-video{background:var(--cc-ivory)!important}
.cc-hero-video video{opacity:.72!important;filter:grayscale(.62) contrast(1.06) brightness(1.02)!important;mix-blend-mode:multiply}
.cc-hero-video::after,.ccc-home .hero-premium.cc-video-hero .cc-hero-video::after{background:linear-gradient(90deg,rgba(243,240,232,.72) 0%,rgba(243,240,232,.48) 50%,rgba(243,240,232,.10) 78%,rgba(243,240,232,.14) 100%),linear-gradient(180deg,rgba(243,240,232,.04),rgba(243,240,232,.18))!important}
.cc-video-play{background:var(--cc-navy)!important;color:#fff!important;border-color:var(--cc-navy)!important;border-radius:3px!important;backdrop-filter:none!important}

/* Light surfaces and controlled dark anchors. */
.bg-raised,.blog-library,.related,.why-exist,.collaboration{background:var(--bg-raised)!important}
.bg-surface{background:var(--bg-surface)!important}
.trust-strip,.bridge,.contact-strip{background:var(--cc-paper)!important;border-color:var(--cc-rule)!important}
.editorial-pause{background:var(--cc-navy)!important}.editorial-pause p,.editorial-pause p *{color:#f8f6f0!important}.editorial-pause .ep-accent{color:#d9b66e!important}
.trust-grid{border-left:1px solid var(--cc-rule)}
.trust-item{min-height:110px;border-right:1px solid var(--cc-rule);border-radius:0!important;padding:1.35rem!important}
.trust-item:hover{background:#f5f8fc!important}.trust-icon{color:var(--cc-cobalt)!important;background:transparent!important;border:1px solid var(--cc-cobalt)!important;border-radius:2px!important}.trust-item p{color:var(--cc-navy)!important}

/* Report-like sheets replace glass cards. */
.pkg,.svc,.why-card,.proof-card,.proof-compact,.entry-card,.ease-card,.ed-panel,.step,.media-card,.contact-info,.calendly-wrap,.profile,.lens,.blog-feature>a,.blog-card__link,.kg-callout-card,.kg-bookmark-card,.kg-file-card,.kg-toggle-card,.cc-pricing-card{color:var(--text)!important;background:var(--cc-paper)!important;border:1px solid var(--cc-rule)!important;border-radius:5px!important;box-shadow:var(--shadow-card)!important;backdrop-filter:none!important}
.pkg:hover,.svc:hover,.why-card:hover,.proof-card:hover,.entry-card:hover,.blog-card__link:hover,.cc-pricing-card:hover{background:#fff!important;border-color:var(--cc-cobalt)!important;box-shadow:0 14px 34px rgba(12,29,51,.09)!important;transform:translateY(-2px)!important}
.pkg--feat,.cc-pricing-card.is-featured{background:#eef3f9!important;border-top:4px solid var(--cc-cobalt)!important}
.pkg-badge{color:var(--cc-navy)!important;background:#d8bd83!important;border-radius:2px!important;box-shadow:none!important}
.pkg-price,.cc-pricing-price strong{color:var(--cc-navy)!important}
.pkg-price-note,.pkg-descriptor,.pkg-list li,.svc p,.svc-list li,.why-card p,.proof-card p,.entry-card p,.ease-card p,.cc-pricing-intent,.cc-pricing-fit,.cc-pricing-group p,.cc-pricing-turnaround,.cc-pricing-note{color:var(--text-muted)!important}
.cc-pricing-eyebrow,.cc-pricing-card.is-featured .cc-pricing-eyebrow{color:var(--cc-cobalt)!important}.cc-pricing-group{border-color:var(--cc-rule)!important}
.cc-pricing-group h4{color:var(--cc-navy)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--cc-cobalt)!important;border-radius:0!important}
.why-icon,.ease-ic{color:var(--cc-cobalt)!important;background:transparent!important;border-color:var(--cc-cobalt)!important;border-radius:2px!important}
.proof-compact blockquote,.proof-compact cite strong,.proof-result,.svc-fit{color:var(--cc-navy)!important}
.checklist li{color:var(--cc-navy)!important;background:var(--cc-paper)!important;border-color:var(--cc-rule)!important;box-shadow:0 7px 18px rgba(12,29,51,.045)!important}
.checklist li:hover{background:#fff!important;border-color:var(--cc-cobalt)!important}
.checklist li::before{background-color:rgba(20,100,229,.1)!important}

/* Technical drawing language. */
.ge-node,.flow-num{color:var(--cc-cobalt)!important;background:var(--cc-paper)!important;border:1px solid var(--cc-cobalt)!important;border-radius:3px!important;box-shadow:none!important;animation:none!important}
.ge-node .ge-n{color:var(--cc-gold)!important}.ge-node .ge-t{color:var(--cc-navy)!important}.ge-node .ge-d,.ge-loop{color:var(--text-muted)!important}.ge-loop b{color:var(--cc-gold)!important}
.flow-steps::before{background:var(--cc-rule)!important}.flow-step p,.op-row p{color:var(--text-muted)!important}
.flow-chip,.audit-chip,.assure{color:var(--cc-navy)!important;background:transparent!important;border-color:var(--cc-rule)!important;border-radius:3px!important}
.op-row,.faq details,.decide-prompts,.expect__list,.expect__list li,.profile__focus{border-color:var(--cc-rule)!important}
.op-row h4,.faq summary,.decide-prompts b,.expect__list li,.profile__focus strong{color:var(--cc-navy)!important}
.op-row .opk,.faq summary .qx,.expect__list li::before{color:var(--cc-gold)!important}

/* Portfolio and people framing. */
.sp-shot,.profile__portrait,.article-hero img{border:1px solid var(--cc-rule)!important;border-radius:3px!important;box-shadow:0 16px 35px rgba(12,29,51,.09)!important}
.sp-card,.sp-feat{color:var(--text)!important}.sp-title,.sp-feat .sp-title,.sp-card h3{color:var(--cc-navy)!important}.sp-desc,.sp-intro,.sp-quote{color:var(--text-muted)!important}.sp-live{color:var(--cc-cobalt)!important}.sp-stars{color:var(--cc-gold)!important}

/* Websites page — convert its bespoke dark modules into the shared system. */
.website-hero-fact{color:var(--cc-navy)!important;background:rgba(255,253,248,.72)!important;border:1px solid var(--cc-rule)!important;border-radius:3px!important;backdrop-filter:none!important}
.web-proof-line{background:var(--cc-navy)!important;border-color:var(--cc-navy)!important}.web-proof-line .container{color:#b7c4d2!important}.web-proof-line strong{color:#fff!important}
.web-section-intro p,.commercial-statement p,.conversion-item p,.method-step p,.difference-lead p,.difference-principles p,.audience-card p,.included-group p,.project-body p,.project-note{color:var(--text-muted)!important}
.commercial-statement .commercial-emphasis,.difference-statement{color:var(--cc-navy)!important}
.outcome-card,.method-step,.audience-card,.included-group,.project-card,.enquiry-panel{color:var(--text)!important;background:var(--cc-paper)!important;border:1px solid var(--cc-rule)!important;border-radius:5px!important;box-shadow:var(--shadow-card)!important}
.outcome-card::before{inset:-1px 0 auto!important;background:var(--cc-cobalt)!important}.outcome-card .outcome-num,.method-num,.difference-principles article>span{color:var(--cc-gold)!important}
.outcome-card h3,.method-step h3,.audience-card h3,.included-group h3,.project-card h3,.difference-principles h3{color:var(--cc-navy)!important}
.conversion-list,.conversion-item,.difference-principles article,.portfolio-proof-item{border-color:var(--cc-rule)!important}.conversion-item .conversion-num,.method-purpose{color:var(--cc-cobalt)!important}
.difference-shell{background:var(--bg-accent)!important;border:1px solid var(--cc-rule)!important;border-radius:5px!important;box-shadow:none!important}.difference-principles article{background:transparent!important}
.project-filter-wrap,.portfolio-proof{background:var(--bg-raised)!important;border-color:var(--cc-rule)!important}.project-filter-label,.project-filter-status{color:var(--text-muted)!important}
.portfolio-proof-item strong{color:var(--cc-navy)!important;font-weight:700!important}
.portfolio-proof-item span{color:#526477!important}
.faq-premium,.faq-premium details{border-color:var(--cc-rule)!important}
.faq-premium summary{color:var(--cc-navy)!important;font-weight:700!important}
.faq-premium details p{color:#526477!important}
.faq-premium summary:hover,.faq-premium summary:focus-visible{color:var(--cc-cobalt)!important}
.audit-cta-banner h2{color:#fff!important}
.audit-cta-banner>p{color:#c1cad6!important}
.audit-cta-banner .cta-assure{color:#aebbc9!important}
.project-filters button{color:var(--cc-navy)!important;background:transparent!important;border-color:var(--cc-rule)!important;border-radius:3px!important}.project-filters button.active{color:#fff!important;background:var(--cc-cobalt)!important;border-color:var(--cc-cobalt)!important}
.project-focus,.project-preview{border-color:var(--cc-rule)!important}.project-focus{color:var(--cc-gold)!important}.project-preview{background:var(--cc-stone)!important}
.seo-addon{border-color:rgba(217,182,110,.5)!important}
.seo-addon h2{color:#f8f6f0!important}
.seo-addon p{color:#c1cad6!important}
.seo-addon .section-label{color:#78aaff!important}
.seo-addon .section-icon{color:#d9b66e!important}
.seo-addon-price{border-color:rgba(120,170,255,.2)!important;background:#09111d!important}
.seo-addon-price span{color:#b6c2d1!important}
.about-hero{min-height:720px;padding-top:calc(82px + 5rem)!important}.about-hero h1{color:var(--cc-navy)!important}.profile{padding:clamp(1rem,2vw,1.5rem)!important}.profile__portrait{background:var(--cc-stone)!important}.profile__portrait::after{box-shadow:inset 0 0 0 1px rgba(12,29,51,.08)!important}
.profile__role,.profile__link{color:var(--cc-cobalt)!important}.profile__copy p,.collaboration__heading p,.lens p,.expect__header p,.about-cta p{color:var(--text-muted)!important}.profile__focus li{color:var(--text)!important;border-color:var(--cc-rule)!important}.profile__focus li::before{background:var(--cc-gold)!important}
.collaboration__lenses{border-color:var(--cc-rule)!important;background:var(--cc-rule)!important;border-radius:5px!important;box-shadow:none!important}.collaboration__result{background:var(--cc-navy)!important;color:#fff!important}

/* Deliberate dark callout panels. */
.about-cta,.blog-cta,.final-cta{background:var(--cc-navy)!important;border:0!important;border-left:5px solid var(--cc-cobalt)!important;border-radius:3px!important;box-shadow:none!important}
.about-cta h2,.about-cta p,.blog-cta h2,.blog-cta p,.final-cta h2,.final-cta p{color:#f8f6f0!important}
.about-cta .btn--primary,.about-cta .btn--yellow,.blog-cta .btn--primary,.blog-cta .btn--yellow,.final-cta .btn--primary,.final-cta .btn--yellow{background:#fff!important;color:var(--cc-navy)!important;border-color:#fff!important}
.about-cta .btn--secondary,.blog-cta .btn--secondary,.final-cta .btn--secondary{background:transparent!important;color:#f8f6f0!important;border-color:rgba(248,246,240,.72)!important}
.about-cta .btn--secondary:hover,.blog-cta .btn--secondary:hover,.final-cta .btn--secondary:hover{background:#d9b66e!important;color:var(--cc-navy)!important;border-color:#d9b66e!important;transform:translateY(-2px)!important}
.about-cta .btn--secondary:focus-visible,.blog-cta .btn--secondary:focus-visible,.final-cta .btn--secondary:focus-visible{background:#d9b66e!important;color:var(--cc-navy)!important;border-color:#d9b66e!important;outline:3px solid rgba(255,255,255,.92)!important;outline-offset:3px}

/* Blog and long-form editorial. */
.blog-hero{padding-top:calc(82px + 6rem)!important;border-bottom:1px solid var(--cc-rule)}
.blog-meta{color:var(--text-dim)!important}.blog-read{color:var(--cc-cobalt)!important}.blog-tools label{color:var(--cc-navy)!important}
.search-row input,.search-row button{color:var(--cc-navy)!important;background:var(--cc-paper)!important;border-color:var(--cc-rule)!important}
.tag-filters button,.share a,.share button{color:var(--cc-navy)!important;background:transparent!important;border-color:var(--cc-rule)!important;border-radius:3px!important}
.tag-filters button.active{color:#fff!important;background:var(--cc-cobalt)!important;border-color:var(--cc-cobalt)!important}.blog-card__media{background:var(--cc-stone)!important}
.blog-article-content{color:#26394f!important}.blog-article-content blockquote{background:#eef3f8!important;border-left-color:var(--cc-gold)!important}.blog-article-content pre{background:var(--cc-navy)!important;color:#fff!important}.blog-article-content td,.blog-article-content th,.share{border-color:var(--cc-rule)!important}

/* Forms. */
.form-group label{color:var(--cc-navy)!important}.form-group input,.form-group textarea,.form-group select{color:var(--cc-navy)!important;background:var(--cc-paper)!important;border:1px solid #aeb5bd!important;border-radius:3px!important;box-shadow:none!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cc-cobalt)!important;box-shadow:0 0 0 3px rgba(20,100,229,.12)!important}

/* Deep navy footer is the controlled visual anchor. */
.site-footer{color:#c5d0dd!important;background:var(--cc-navy)!important;border-top:5px solid var(--cc-cobalt)!important}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer strong{color:#fff!important}.site-footer p,.site-footer a,.footer-areas a,.footer-areas-heading{color:#aebdcd!important}.site-footer a:hover,.footer-areas a:hover,.footer-areas-all{color:#fff!important}
.footer-inner{flex-wrap:wrap!important}
.footer-areas{align-self:center!important;width:auto!important;flex:0 1 300px!important;max-width:680px!important}
.footer-areas-heading{cursor:pointer!important;list-style-position:inside!important;margin:0!important;padding:.72rem 0!important;border-top:1px solid rgba(174,189,205,.22)!important;border-bottom:1px solid rgba(174,189,205,.22)!important;transition:color 180ms ease,border-color 180ms ease!important}
.footer-areas-heading::marker{color:#70839a;font-size:.78em}
.footer-areas-heading:hover,.footer-areas-heading:focus-visible{color:#fff!important;border-color:rgba(174,189,205,.42)!important}
.footer-areas-content{padding-top:1rem}
.footer-areas[open]{order:10!important;width:100%!important;flex:1 0 100%!important;max-width:none!important}
.footer-areas[open] .footer-areas-heading{color:#fff!important;border-bottom-color:rgba(174,189,205,.34)!important}
.footer-areas[open] .footer-areas-content{max-width:940px;margin-inline:auto}
@media(max-width:767px){.footer-areas{width:100%!important;max-width:100%!important}.footer-areas-heading{text-align:left!important}}

/* Calm motion. */
.js-ready .reveal{filter:none!important;transform:translateY(14px)}.js-ready .reveal.visible{filter:none!important;transform:none}

@media(max-width:1099px){.ccc-home .hero-premium .hero-grid{grid-template-columns:minmax(0,760px)!important}.ccc-home .hero-premium .hero-premium-copy{margin-inline:auto!important}}
@media(max-width:1023px){
  .site-header,.site-header.scrolled,.header-inner{height:72px!important}
  .header-inner{padding-inline:1.25rem!important}
  .header-logo{align-self:auto;margin-left:0;padding:0;background:transparent;border-right:0}
  .header-logo img{height:40px!important}
  .menu-toggle{width:42px;height:42px;border:1px solid rgba(12,29,51,.22);border-radius:3px;background:rgba(255,253,248,.76);transition:border-color 180ms ease,background-color 180ms ease}
  .menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--cc-cobalt);background:#fff}
  .menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{width:20px;height:2px}
  .menu-toggle span::before{top:-6px}.menu-toggle span::after{top:6px}
  .mnav{top:72px!important}
}
@media(max-width:767px){
  .section{padding-block:4.5rem}.ccc-home .hero-premium{min-height:auto;padding:calc(72px + 4rem) 0 4.5rem!important}.ccc-home .hero-premium h1{max-width:12ch;font-size:clamp(3rem,14vw,4.3rem)!important}.ccc-home .hero-premium .hero-premium-copy{text-align:left!important}.ccc-home .hero-premium .btn-group,.ccc-home .hero-premium .hero-proof-row{justify-content:flex-start!important}
  .cc-hero-video video{opacity:.64!important}.cc-hero-video::after,.ccc-home .hero-premium.cc-video-hero .cc-hero-video::after{background:linear-gradient(90deg,rgba(243,240,232,.76),rgba(243,240,232,.42))!important}
  .trust-grid{border-top:1px solid var(--cc-rule)}.trust-item{border-bottom:1px solid var(--cc-rule)}.about-hero{min-height:auto;padding-top:calc(72px + 4rem)!important}
}
@media(prefers-reduced-motion:reduce){.cc-hero-video video{display:block}}

/* Centred hero composition shared by every filmed page header. */
.cc-video-hero > .container{
  width:100%;
  margin-inline:auto!important;
  text-align:center!important;
}
.cc-video-hero .hero-inner{
  margin-inline:auto!important;
  text-align:center!important;
}
.cc-video-hero h1,
.cc-video-hero .hero-sub,
.cc-video-hero .hero-lede,
.cc-video-hero .about-hero__lede,
.cc-video-hero .auto-hero-copy > p{
  margin-inline:auto!important;
}
.cc-video-hero .section-label,
.cc-video-hero .hero-kicker,
.cc-video-hero .about-eyebrow{
  justify-content:center!important;
}
.cc-video-hero .btn-group,
.cc-video-hero .website-hero-actions,
.cc-video-hero .hero-proof-row{
  justify-content:center!important;
}

.ccc-home .hero-premium .hero-grid{
  grid-template-columns:minmax(0,900px)!important;
  justify-content:center!important;
}
.ccc-home .hero-premium .hero-premium-copy{
  max-width:900px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.ccc-home .hero-premium h1{margin-inline:auto!important}
.ccc-home .hero-premium .hero-sub{max-width:720px!important}
.ccc-home .hero-premium.cc-video-hero .btn-group,
.ccc-home .hero-premium.cc-video-hero .hero-proof-row{justify-content:center!important}

.about-hero__inner{max-width:980px!important;margin-inline:auto!important}
.about-hero h1{margin-inline:auto!important}
.about-hero .about-hero__lede{max-width:900px!important}

.website-hero-copy{max-width:980px!important;margin-inline:auto!important;text-align:center!important}
.website-hero h1,.website-hero .hero-lede{margin-inline:auto!important}
.website-hero-facts{margin-inline:auto!important}
.website-hero-fact{text-align:center!important}

.auto-hero .auto-hero-copy{
  max-width:920px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.auto-hero .auto-hero-copy h1{margin-inline:auto!important}
.auto-hero .auto-hero-copy > p{max-width:820px!important}

.blog-hero > .container{text-align:center!important}
.blog-hero h1,.blog-hero p{margin-inline:auto!important}
.blog-hero .blog-kicker{justify-content:center!important}