/* Approved logo-derived palette. Only dark/colored surfaces are targeted.
   White/off-white sections, project imagery, geometry and motion are unchanged. */
.section_cs-hero,.section_home-hero,.section_portfolio-header,.section_hp-hero,.section_hp-cta,.rare-inner-content .hero{
 --rare-logo-gradient:radial-gradient(ellipse at 100% 14%,#ffb72b33 0%,transparent 24%),radial-gradient(ellipse at 94% 43%,#ff5a0080 0%,#b72e0045 22%,transparent 51%),linear-gradient(110deg,#070503 0%,#120703 48%,#291003 75%,#481500 100%);
 background-color:#120803;background-image:var(--rare-logo-gradient);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fffaf0;
}
/* Fine square grid across the hero, independently of the existing tiled showcase. */
.section_home-hero{
 background-image:linear-gradient(#ffe6b824 1px,transparent 1px),linear-gradient(90deg,#ffe6b824 1px,transparent 1px),var(--rare-logo-gradient);
 background-size:72px 72px,72px 72px,cover;background-position:center top,center top,center center;
}
.section_home-hero .grid-box{background-color:#ff640019;border-color:#ffe9b959}
.section_home-hero .grid-box.pop{background-color:#ff9c1736}
.section_home-hero .grid-box:hover{background-color:#ffb42c50}
.section_home-hero h1,.section_portfolio-header h1,.section_hp-hero h1,.section_hp-cta h2,.rare-inner-content .hero h1{color:#fffaf0}
.section_home-hero .text-color-offwhite,.section_hp-cta p,.section_portfolio-header p,.section_hp-hero p,.rare-inner-content .hero .intro{color:#fff5e8}
/* Dark CTAs remain legible over the brighter logo-orange surface. */
.section_home-hero .button:not(.is-ghost):not(.is-link),.section_portfolio-header .button:not(.is-ghost):not(.is-link),.section_hp-hero .button:not(.is-ghost):not(.is-link),.section_hp-cta .button:not(.is-ghost):not(.is-link),.rare-inner-content .hero .btn:not(.light){background-color:#ff5a00;color:#fffaf0;border-color:#ff5a00}
.section_home-hero .button.is-ghost,.section_portfolio-header .button.is-ghost,.section_hp-hero .button.is-ghost,.section_hp-cta .button.is-ghost,.rare-inner-content .hero .btn.light{background-color:#fff8ed;color:#17100a}
.section_home-hero .rare-client-initial{background-color:#4b200781;border-color:#ffcc6859;color:#fff7e9}
.navbar14_component.rare-nav-scrolled{background-color:#100803!important;border-bottom-color:#ffb12b40}
.navbar9_dropdown-list.is-dark.w--open{background-color:#100803}
@media(max-width:991px){.navbar14_menu.is-dark{background-color:#100803!important}}
@media(max-width:767px){.section_home-hero{background-size:44px 44px,44px 44px,cover}}
/* Keep each gradient layer at hero scale while the fine grid repeats independently. */
.section_home-hero{background-size:72px 72px,72px 72px,100% 700px,100% 700px,100% 700px;background-position:center top,center top,left top,left top,left top;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat}
.section_home-hero .home_hero-showreel{background-image:var(--rare-logo-gradient);background-size:cover;background-repeat:no-repeat}
@media(max-width:767px){.section_home-hero{background-size:44px 44px,44px 44px,100% 800px,100% 800px,100% 800px}}
/* Hero correction: smooth approved palette; retain only native dotted guides.
   The existing showcase tile grid below the hero is deliberately preserved. */
.section_home-hero{background-image:var(--rare-logo-gradient);background-size:100% 700px;background-position:left top;background-repeat:no-repeat}
@media(max-width:767px){.section_home-hero{background-size:100% 800px}}
/* Hero guide markers match the approved white squares. */
.section_home-hero .dot-grey.is-orange{background-color:#f5f5f3;border:1px solid #a8aaa6}

/* Dark surfaces: readable native dashed guides without adding a square grid. */
:is(.section_home-hero,.section_portfolio-header,.section_hp-hero,.section_hp-cta) :is(.padding-global,.line_additional,.dots_wrapper.on-hero,.horizontal-lines){border-color:rgba(255,245,232,.30)}