/* Obsidian, charcoal, warm white and champagne. */
:root,html:root body.cm-reference-page,html:root body.goat-interior{--cm-cream:#101112;--cm-lavender:#212224;--cm-ink:#f7f3eb;--cm-purple:#ddbd78;--cm-lime:#ddbd78;--paper:#101112;--ink:#f7f3eb;--gold:#ddbd78;--muted:#bebcb5;--line:#ddbd7833;color-scheme:dark}
html,html:root body.cm-reference-page,html:root body.goat-interior{background:#101112!important;color:#f7f3eb!important}
html:root body :is(.cm-hero,.inner-hero){background:#101112!important;background-image:radial-gradient(ellipse at 80% 35%,#ddbd7814,transparent 55%)!important}
html:root body :is(.cm-services,.cm-creator-section,.agency-section,.agency-results,.portfolio-index,.portfolio-catalog,.client-starting-points,.insights-section,.catalog-section,.article-body){background-color:#101112!important}
html:root body :is(.cm-stats,.feedback-section,.agency-faq,.client-scope,.process-band,.client-working-style),html:root body .cm-stats>div,html:root body .cm-stats>p{background:#1c1d1f!important}
html:root body :is(.quote-card,.faq-list details,.client-option,.catalog-item,.industry-card,.insight-card,.inquiry-form,.result-summary,.angle-preview,.client-direct-contact,.evidence-card,.case-card,.brand-directory-tools,.request-result-card){background:linear-gradient(135deg,#2b2c2ee8,#1d1e20e8)!important;border-color:#ddbd7833!important}
html:root body :is(p,li,figcaption,small,.scope-note,.evidence-note,.player-note){color:#c5c2bb!important}
html:root body :is(.cm-color-0,.cm-color-1,.cm-color-2,.cm-color-3){background:linear-gradient(145deg,#303032,#1c1d1f)!important;border:1px solid #ddbd7840!important}
html:root body .cm-color-1{background:linear-gradient(145deg,#3c3428,#232222)!important}
html:root body .cm-color-2{background:linear-gradient(145deg,#25282c,#191b1e)!important}
html:root body .cm-color-3{background:linear-gradient(145deg,#35312b,#202022)!important}
html:root body .header{background:linear-gradient(110deg,#292a2beF,#141516ed)!important;border:1px solid #ddbd783d!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html:root body .header:has(.menu-toggle[aria-expanded=true]){background:#1c1d1ffb!important}
html:root body :is(.topline,footer){background:#090a0b!important}
html:root body :is(.cm-final-cta,.agency-cta){background:radial-gradient(ellipse at 50% 100%,#ddbd7820,transparent 70%),#1c1d1f!important}
/* Clean mockups: nothing sits over the campaign imagery except the device notch. */
html:root body .cm-phone{background:#27282a!important;border:1px solid #ddbd7860!important;box-shadow:0 24px 65px #0008,0 0 50px #ddbd7809!important}
html:root body .cm-phone-notch{background:#27282a!important;border-color:#444!important}
html:root body .cm-film-left,html:root body .cm-film-right{border:5px solid #27282a;border-radius:23px;box-shadow:0 18px 40px #0005}
html:root body .cm-film-right{right:0;top:45px;z-index:0}
html:root body .cm-phone{z-index:1}
html:root body .cm-film-left{z-index:2}
html:root body .cm-hero h1.gc-title-lustre{-webkit-text-fill-color:#f7f3eb!important;background-image:none!important}
html:root body .cm-hero h1 .gc-accent-word{color:#ddbd78!important;-webkit-text-fill-color:#ddbd78!important}
html:root body.cm-reference-page .campaign-screen .play-disc{opacity:0;transition:opacity .2s}
html:root body.cm-reference-page .campaign-screen:is(:hover,:focus-visible) .play-disc{opacity:1}
/* Two independent continuous rows, with the original brand colors intact. */
html:root body .cm-brand-strip{background:#1c1d1f!important;padding:25px 0 19px;border-block:1px solid #ddbd782b!important}
html:root body .gc-brand-row{display:flex;width:max-content;gap:0;padding:0;margin-bottom:14px;animation:gc-brands 100s linear infinite}
html:root body .gc-brand-row:nth-child(2){animation-direction:reverse;animation-duration:110s}
.gc-brand-group{display:flex;align-items:center;gap:18px;padding-right:18px;flex-shrink:0}
html:root body .cm-brand-strip .brand-logo-card{width:156px;min-width:156px;height:78px;margin:0;padding:15px!important;background:#f4f0e7!important;border:1px solid #ffffff55!important;border-radius:12px!important;box-shadow:none!important}
html:root body .brand-logo-card img,html:root body .brand-logo-card img:not(.logo-color-key),html:root body .brand-logo-card img.logo-color-key,html:root body .brand-logo-card img.logo-light-mark,html:root body .brand-logo-card img[src$="bioblas.png"],html:root body .brand-logo-card img[alt="Mova Shoes logo"]{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
html:root body .brand-logo-grid .brand-logo-card:has(img){background:#f4f0e7!important;border-radius:12px!important;padding:20px!important}
html:root body .brand-logo-grid .brand-logo-card:has(img) figcaption{color:#38332b!important}
html:root body .cm-brand-strip .brand-logo-card img{height:48px;max-width:126px;object-fit:contain}
html:root body .brand-name-mark{color:#ddbd78!important}
.cm-brand-strip:hover .gc-brand-row{animation-play-state:paused}
@keyframes gc-brands{to{transform:translateX(-50%)}}
html[data-motion=off] .gc-brand-row,html:root body.motion-paused .gc-brand-row{animation-play-state:paused!important}
/* A warm editorial canvas holds the entire creative process. */
html:root body .cm-system{background:#e9dfcf!important;background-image:radial-gradient(ellipse at 50% 45%,#fff9ee,transparent 70%)!important;color:#292725!important}
html:root body .cm-system :is(h2,h3,strong){color:#292725!important}
html:root body .cm-system p{color:#5b5247!important}
html:root body .cm-system .cm-system-card{background:linear-gradient(135deg,#fffaf2eF,#f3e8d8ef)!important;border:1px solid #bba47c77!important;box-shadow:0 14px 35px #51401c0b;backdrop-filter:none;-webkit-backdrop-filter:none}
html:root body .cm-system-card h3>span{color:#96723b!important}
html:root body .cm-system .cm-system-hub{background:#292a2c!important;box-shadow:0 0 0 9px #a17d3f1c!important}
html:root body .cm-system .cm-system-hub strong{color:#edd29b!important}
html:root body .cm-system .cm-system-hub>span{color:#eee4d1!important}
html:root body .cm-system .cm-connections path{stroke:#ae8a4e99!important}
@media(max-width:600px){html:root body .cm-film-right{right:0;top:35px}html:root body .cm-brand-strip .brand-logo-card{width:122px;min-width:122px;height:66px;padding:12px!important}html:root body .cm-brand-strip .brand-logo-card img{height:40px;max-width:96px}.gc-brand-group{gap:12px;padding-right:12px}html:root body .cm-system-card:after{color:#96723b!important}}
@media(prefers-reduced-motion:reduce){html:root body .gc-brand-row{animation:none!important}.cm-brand-strip{overflow-x:auto!important}}
@media(forced-colors:active){html:root body .cm-system,html:root body .cm-system .cm-system-card{background:Canvas!important;color:CanvasText!important}}
/* Reference composition, expressed in Goat Creations' palette. */
html:root body .cm-hero{background-image:radial-gradient(#ddbd781c 1px,transparent 1.8px),linear-gradient(#ddbd7809 1px,transparent 1px),linear-gradient(90deg,#ddbd7809 1px,transparent 1px)!important;background-size:50px 50px!important}
html:root body .cm-system{background-image:radial-gradient(#a68a5824 1px,transparent 1.8px),linear-gradient(#a68a5810 1px,transparent 1px),linear-gradient(90deg,#a68a5810 1px,transparent 1px)!important;background-size:50px 50px!important}
html:root body .cm-system h2{color:#846132!important}
html:root body .cm-system-card h3{color:#846132!important}
.cm-system-card h3 svg{display:block;width:34px;height:34px;flex-shrink:0}
html:root body .gc-accent-word{color:#ddbd78!important}
html:root body .cm-film-left{left:0;top:185px;width:29%;height:330px;border:1px solid #ddbd7860;border-radius:13px}
html:root body .cm-film-right{right:-8%;top:0;width:29%;height:310px;border:1px solid #ddbd7860;border-radius:13px}
html:root body .gc-film-fourth{right:-7%;bottom:45px;width:27%;height:190px;border:1px solid #ddbd7860;z-index:0;border-radius:13px}
html:root body .cm-phone{left:32%;width:47%;border-radius:32px}
html:root body .cm-services .cm-heading h2{font-size:clamp(29px,3.8vw,50px);font-weight:800;letter-spacing:-.035em}
html:root body .cm-service-grid{gap:20px}
html:root body .cm-service{padding:22px 20px 30px;min-height:354px;border:0!important}
html:root body .cm-service .cm-play{width:29px;height:29px;border-radius:50%;font-size:20px;display:grid;place-items:center;border:2px solid currentColor}
html:root body .cm-service h3{font-size:31px!important;line-height:1.15!important;margin:17px 0 42px;font-weight:800}
html:root body .cm-service p{font-size:15px;line-height:1.45}
html:root body .cm-service.cm-color-0{background:#dfbf79!important}
html:root body .cm-service.cm-color-1{background:#343538!important}
html:root body .cm-service.cm-color-2{background:#b7aaa0!important}
html:root body .cm-service.cm-color-3{background:#eee5d5!important}
html:root body .cm-service:is(.cm-color-0,.cm-color-2,.cm-color-3) :is(h3,p,.cm-play,.cm-service-arrow){color:#252525!important}
html:root body .cm-service.cm-color-1 :is(h3,p,.cm-play,.cm-service-arrow){color:#f6ecd9!important}
html:root body .cm-service .gc-card-light{display:none}
html:root body .cm-stats{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:22px}
html:root body .cm-stats>div{border-right:1px solid #ddbd7826}
html:root body .gc-centered-section .agency-heading{flex-direction:column;align-items:center;text-align:center;gap:22px;margin-bottom:36px}
html:root body .gc-centered-section .agency-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.16}
html:root body #work .project-filters{justify-content:center}
html:root body #campaign-grid{display:flex!important;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:12px;padding:12px 12px 25px;scrollbar-width:thin;scrollbar-color:#ddbd7866 transparent;overscroll-behavior-x:contain}
html:root body #campaign-grid .campaign-card{flex:0 0 calc((100% - 72px)/4);min-width:240px;scroll-snap-align:center}
html:root body #campaign-grid .campaign-card[hidden]{display:none!important}
html:root body #campaign-grid .campaign-screen{height:400px;border:1px solid #ddbd7855;border-radius:18px}
.gc-carousel-controls{display:flex;gap:12px;justify-content:center;margin-top:20px}
.gc-carousel-controls button{background:#ddbd78;color:#202123;border:0;border-radius:50%;width:46px;height:46px;font-size:23px;cursor:pointer}
.gc-carousel-controls button:disabled{opacity:.35;cursor:default}
html:root body .feedback-section .quote-grid{gap:22px}
html:root body .feedback-section .quote-card{border-radius:18px;padding:30px}
html:root body .cm-creator-section{background:#e9dfcf!important;position:relative;overflow:hidden}
html:root body .cm-creator-grid :is(h2,p){color:#292725!important}
html:root body .cm-creator-grid .gc-accent-word{color:#846132!important}
html:root body .cm-portraits{padding:35px 10px;background:radial-gradient(ellipse,#b0925c26,transparent 70%);border-radius:50%}
html:root body .cm-portraits img{border:3px solid #e9dfcf;outline:1px solid #a68a5870;border-radius:120px;box-shadow:0 12px 35px #30251925}
html:root body .result-summary{overflow:hidden;padding:0 30px 30px;border-radius:20px}
.gc-case-image{display:block;width:calc(100% + 60px);max-width:none;height:230px;object-fit:cover;margin:0 -30px 25px}
html:root body .agency-faq h2{text-align:center}
html:root body .faq-list{max-width:1000px;margin:auto}
html:root body .faq-list details{background:transparent!important;border-radius:0;border:0!important;border-bottom:1px solid #ddbd7840!important;padding:25px 6px}
html:root body .cm-final-cta h2{font-size:clamp(34px,4.5vw,60px);font-weight:800;letter-spacing:-.04em}
@media(min-width:1500px){html:root body .cm-film-right,html:root body .gc-film-fourth{right:0}}
@media(max-width:900px){html:root body .cm-film-right{right:0}html:root body .gc-film-fourth{right:0}html:root body .cm-service h3{font-size:28px!important}html:root body #campaign-grid .campaign-card{flex-basis:calc((100% - 24px)/2)}html:root body .cm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html:root body .cm-film-left{top:125px;left:0;width:28%;height:230px}html:root body .cm-film-right{top:15px;right:0;width:24%;height:190px}html:root body .gc-film-fourth{right:0;bottom:35px;width:23%;height:125px}html:root body .cm-phone{left:29%;width:47%;height:390px}html:root body .cm-service{min-height:300px;padding:20px 16px}html:root body .cm-service h3{font-size:23px!important;margin-bottom:30px}html:root body .cm-service p{font-size:13px}html:root body #campaign-grid .campaign-card{flex-basis:78%;min-width:230px}html:root body #campaign-grid .campaign-screen{height:360px}html:root body .cm-stats strong{font-size:45px}.gc-case-image{height:190px}html:root body .cm-portraits img{height:200px}}
@media(max-width:380px){html:root body .cm-service{min-height:240px}html:root body .cm-service h3{font-size:27px!important}.cm-hero .cm-stage{height:390px}}
/* Shared dropdown navigation and complete inner-page experience. */
html:root body .header .nav-links{position:relative!important}
.gc-nav-item{position:relative}
html:root body .gc-nav-trigger{display:flex;align-items:center;gap:5px;color:#f7f3eb;background:none;border:0;padding:8px 0;font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap;cursor:pointer;min-height:44px}
.gc-nav-trigger>span{font-size:13px;color:#ddbd78}
.gc-nav-trigger[aria-expanded=true]{color:#ddbd78!important}
html:root body .gc-mega-menu{position:absolute;top:calc(100% + 12px);left:-20px;display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:25px;width:690px;max-width:calc(100vw - 80px);padding:28px;border:1px solid #ddbd7850;border-radius:18px;background:#eee5d5f7;box-shadow:0 20px 50px #0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100}
.gc-mega-menu:before{content:'';position:absolute;left:0;right:0;top:-16px;height:20px}
html:root body .gc-mega-menu[hidden]{display:none!important}
html:root body .gc-menu-column>p{color:#846132!important;font-size:11px;font-weight:800;letter-spacing:.04em;margin:0 0 12px}
html:root body .gc-mega-menu .gc-menu-column a{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#262525!important;font-size:14px;line-height:1.3;font-weight:600;text-transform:none;text-decoration:none;padding:11px 0;border-bottom:1px solid #9a7b3c20}
html:root body .gc-mega-menu .gc-menu-column a:hover{color:#846132!important}
html:root body .gc-menu-work{width:260px;grid-template-columns:1fr}
html:root body .gc-menu-industries{width:530px;left:-100px;grid-template-columns:1fr}
.gc-menu-industries .gc-menu-column{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.gc-menu-industries .gc-menu-column>p{grid-column:1/-1}
.gc-detail-hero{padding:165px 0 75px;background:radial-gradient(ellipse at 75% 45%,#ddbd7817,transparent 55%),#101112}
.gc-detail-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
html:root body .gc-detail-hero h1,html:root body .gc-page-intro h1{font-size:clamp(34px,4.3vw,62px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 25px;max-width:750px}
.gc-detail-hero p:not(.eyebrow),.gc-page-intro>p{font-size:17px;line-height:1.6;max-width:550px;margin-bottom:30px}
.gc-detail-film{height:490px;max-width:320px;width:100%;justify-self:center;display:block;overflow:hidden;border:9px solid #292a2c;border-radius:30px;box-shadow:0 20px 60px #0006}
.gc-detail-film video{height:100%;width:100%;object-fit:cover;display:block}
.gc-detail-section{padding-block:75px;text-align:center}
.gc-detail-section h2{font-size:clamp(28px,3.3vw,44px);line-height:1.15}
.gc-section-lead{font-size:16px;line-height:1.6;margin:20px auto 40px;max-width:600px}
.gc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}
.gc-detail-card{background:#232426;border:1px solid #ddbd7835;border-radius:18px;padding:30px}
.gc-detail-card>span{color:#ddbd78;font-size:28px;font-weight:800}
.gc-detail-card h3{font-size:22px;margin:20px 0;line-height:1.2}
.gc-detail-card p{font-size:14px;line-height:1.65}
.gc-detail-band{background:#e9dfcf;text-align:center;padding:70px 0}
html:root body .gc-detail-band :is(h2,p){color:#292725!important}
html:root body .gc-detail-band a{color:#846132!important;display:inline-block;margin-top:20px}
.gc-detail-band h2{font-size:36px;margin-bottom:20px}
.gc-page-intro{padding-top:160px;padding-bottom:65px;text-align:center}
.gc-page-intro h1,.gc-page-intro>p{margin-inline:auto!important}
html:root body.cm-reference-page .footer-main,html:root body .footer-main{display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:50px 65px!important}
.gc-footer-intro{grid-row:span 2;grid-column:auto!important}
html:root body .footer-main .gc-footer-column{grid-column:auto!important}
html:root body .gc-footer-column h3{color:#ddbd78!important;letter-spacing:.04em;font-size:12px!important}
html:root body .gc-footer-column a{font-size:14px!important;line-height:1.45;margin-bottom:10px!important}
.gc-footer-contact{border-top:1px solid #ddbd7833;padding-top:28px;margin-top:28px}
html:root body footer .gc-footer-contact .cm-button{display:inline-flex;font-size:14px;margin:20px 0;color:#252525!important}
.gc-social-links{display:flex;gap:25px;flex-wrap:wrap}
.gc-media-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:25px}
.gc-media-tabs button{padding:13px 25px;border-radius:50px;border:1px solid #ddbd7860;background:#242527;color:#f7f3eb;font-weight:700;font-size:15px;cursor:pointer}
.gc-media-tabs button[aria-pressed=true]{background:#ddbd78;color:#252525}
html:root body #campaign-grid.gc-portfolio-videos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
html:root body #campaign-grid.gc-portfolio-videos .campaign-card{min-width:0}
html:root body #campaign-grid.gc-portfolio-videos[hidden],html:root body #gc-image-grid[hidden]{display:none!important}
.gc-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gc-image-grid figure{margin:0;border:1px solid #ddbd7835;border-radius:16px;overflow:hidden;background:#222325}
.gc-image-grid figure[hidden]{display:none}
.gc-image-grid img{width:100%;height:350px;object-fit:cover;display:block}
.gc-image-grid figcaption{padding:18px;font-size:14px}
html:root body #work #campaign-grid .campaign-card{flex-basis:31%}
@media(min-width:901px) and (max-width:1150px){html:root body .gc-nav-trigger{font-size:11px}.gc-mega-menu{left:-90px!important}}
@media(max-width:900px){
 .gc-nav-item{position:static;width:100%}
 html:root body .gc-nav-trigger{width:100%;justify-content:space-between;padding:16px 10px;font-size:15px;border-bottom:1px solid #ffffff26}
 html:root body .gc-mega-menu{position:static;max-width:100%;width:100%;grid-template-columns:1fr;gap:22px;padding:20px;margin:8px 0 15px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .gc-mega-menu:before{display:none}
 html:root body .gc-menu-industries .gc-menu-column{grid-template-columns:1fr 1fr}
 .gc-detail-hero-grid{gap:35px}
 .gc-detail-film{height:430px}
 .gc-detail-grid{grid-template-columns:1fr}
 html:root body .footer-main,html:root body.cm-reference-page .footer-main{gap:35px!important;grid-template-columns:1fr 1fr!important}
 .gc-footer-intro{grid-row:auto;grid-column:1/-1!important}
 html:root body #campaign-grid.gc-portfolio-videos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gc-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .gc-detail-hero{padding-top:125px;padding-bottom:45px}.gc-detail-hero-grid{grid-template-columns:1fr}.gc-detail-film{height:430px;max-width:280px}.gc-detail-hero h1{font-size:38px!important}.gc-detail-hero p:not(.eyebrow){font-size:15px}.gc-detail-section{padding-block:45px}.gc-detail-card{padding:24px}.gc-detail-band{padding:45px 0}.gc-detail-band h2{font-size:28px}.gc-page-intro{padding-top:125px;padding-bottom:45px}.gc-image-grid{gap:12px}.gc-image-grid img{height:240px}.gc-media-tabs button{padding:12px 18px;font-size:13px}html:root body #campaign-grid.gc-portfolio-videos .campaign-screen{height:270px}html:root body #work #campaign-grid .campaign-card{flex-basis:78%}html:root body .footer-main .gc-footer-intro{grid-column:1/-1!important}
}
@media(prefers-reduced-transparency:reduce){html:root body .gc-mega-menu{background:#eee5d5;backdrop-filter:none;-webkit-backdrop-filter:none}}
.gc-insights-form{border-top:1px solid #ddbd7833;margin-top:28px;padding-top:28px;max-width:390px}
html:root body .gc-insights-form h3{font-size:18px!important;line-height:1.4;color:#f7f3eb!important;text-transform:none;letter-spacing:0}
.gc-insights-form label{display:block;font-size:11px;margin:12px 0}
html:root body .gc-insights-form input{display:block;width:100%;border-radius:30px;padding:13px 18px;margin-top:5px;background:#f1e8d9!important;color:#252525!important;border:0!important;min-height:46px}
html:root body .gc-insights-form input::placeholder{color:#71685d!important;font-size:12px}
.gc-insights-form button{width:100%;padding:14px 20px;border-radius:30px;background:#ddbd78;color:#252525;font-weight:700;border:0;font-size:14px;cursor:pointer}
html:root body .gc-insights-form p{font-size:11px!important;line-height:1.5}
html:root body .industry-card h2>a,html:root body .catalog-item h2>a{color:inherit;text-decoration:none}
html:root body .industry-card h2>a:hover,html:root body .catalog-item h2>a:hover{color:#ddbd78!important}
html:root body .gc-case-image{object-fit:contain;background:#f2eee5;padding:15px}
.gc-load-more-wrap{text-align:center;margin:30px 0}
.gc-load-more-wrap button{border:1px solid #ddbd7860;border-radius:30px;background:#ddbd78;color:#252525;padding:14px 30px;font-size:15px;font-weight:700;cursor:pointer}
.gc-load-more-wrap button[hidden],html:root body #campaign-grid .gc-batch-hidden{display:none!important}

html:root body.cm-reference-page .campaign-screen :is(.film-tag,.screen-caption){display:none!important}
html:root body.cm-reference-page .campaign-screen:after{display:none!important}