/* Approved rainbow direction: primary color dominates, accents stay selective. */
body{background:var(--light-bg)}
.hero{--surface:var(--hero-top);--text:var(--hero-heading);--text-muted:var(--hero-copy);--em:var(--hero-emphasis);background:var(--hero-gradient);color:var(--text)}
.hero h1{color:var(--hero-heading)}
.hero h1 .line:nth-child(2)>em{color:var(--hero-emphasis)}
.site-header{--text:var(--hero-heading);color:var(--hero-heading)}
.brand img{filter:brightness(0) invert(1)}
.site-header.is-scrolled{background:color-mix(in srgb,var(--hero-top) 97%,transparent)}
.hero-art{width:62%;right:-1.5%;top:140px;mask-image:none;mix-blend-mode:normal;isolation:isolate}
.hero-art img{filter:none;position:relative;z-index:1}
:root[data-owl-shadow='separate'] .hero-art:before{content:'';position:absolute;z-index:0;pointer-events:none;left:18%;top:82.6%;width:68%;height:10.5%;background:radial-gradient(ellipse at center,var(--owl-shadow) 0%,color-mix(in srgb,var(--owl-shadow) 58%,transparent) 32%,transparent 72%);opacity:.88;filter:blur(2px);animation:owl-ground 9s ease-in-out infinite}
.hero-content{width:53%}
.brands{--surface:var(--brand-bg);--text:var(--brand-text);--text-muted:var(--brand-muted);--em:var(--brand-em);background:var(--surface);color:var(--text)}
.client-logo img,.client-logo img.sanipak-logo{filter:brightness(0);opacity:.6}
.client-logo:hover img,.client-logo:hover img.sanipak-logo{filter:brightness(0);opacity:.86}
.strategy{--surface:var(--light-bg);--text:var(--light-text);--text-muted:var(--light-muted);--em:var(--light-em);background:var(--surface);color:var(--text)}
.team{--surface:var(--soft-bg);--text:var(--soft-text);--text-muted:var(--soft-muted);--em:var(--soft-em);background:var(--surface);color:var(--text)}
.step{--surface:var(--tint-bg);--text:var(--tint-text);--text-muted:var(--tint-muted);--em:var(--tint-em)}
.step:nth-child(2){--surface:var(--main-bg);--text:var(--main-text);--text-muted:var(--main-muted);--em:var(--main-em)}
.step:nth-child(3){--surface:var(--deep-bg);--text:var(--deep-text);--text-muted:var(--deep-muted);--em:var(--deep-em)}
.header-cta,.dark-button,.contact-arrow{background:var(--main-base);color:var(--main-text)}
.header-cta:hover,.dark-button:hover,.contact-arrow:hover{background:var(--vivid-bg);color:var(--vivid-text)}
.marquee{background:var(--accentlight-bg);color:var(--accentlight-text);border-color:color-mix(in srgb,var(--ink-base) 18%,transparent)}
.marquee-group>i{color:var(--accentlight-em)}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{color:var(--ink-base)}
.color-load-status{position:absolute;left:24px;right:24px;bottom:90px;text-align:center;color:#fffaf5;font-size:12px;min-height:1.7em}
.color-load-status:empty{display:none}
@keyframes owl-ground{0%,100%{transform:scaleX(1);opacity:.88}50%{transform:scaleX(.86);opacity:.6}}
@media(min-width:1600px){.hero-art{width:62%;right:-1%;top:110px}}
@media(min-width:761px) and (max-width:1100px){.hero-art{width:63%;right:-4%;top:250px}.hero-content{width:67%}}
@media(max-width:760px){.hero-art{width:calc(100% + 2 * var(--gutter));right:auto;top:auto;margin:16px calc(-1 * var(--gutter)) 0}.hero-content{display:contents;width:100%}.hero h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero-art:before{animation:none}}@media(min-width:761px) and (max-width:1000px){.hero h1{font-size:clamp(62px,8vw,80px)}.hero-description{max-width:290px;font-size:13px}}