/* C101 Hero Chameleon 1.0.3 — replaces the leaves-and-chameleons hero art (Chameleons101_Banner_001). The Banner_002 footer band is only touched when opted in (html.c101hc-band):
   red/green chameleon removed, orange chameleon bigger + brighter with a moving eye.
   Loaded only on pages whose content uses that art. Framing is unchanged (centered), so phones look like today. Deactivate to undo. */
.c101-gua .hero,.c101-lrn .hero,.c101-man .hero,.c101-enc .hero,.c101-care .hero,.c101-pp .hero,.c101-shp .hero,.c101-tos .hero,.c101-faq__hero,
body.page-id-270 div.et_pb_section.et_pb_section_0,
html.c101hc-band body.page-id-341 div.et_pb_section.et_pb_section_2,html.c101hc-band body.page-id-8 div.et_pb_section.et_pb_section_3,
html.c101hc-band body.page-id-2212 div.et_pb_section.et_pb_section_8,html.c101hc-band body.page-id-3389 div.et_pb_section.et_pb_section_9,
body .c101hc-bg{
  background-image:var(--c101hc-static)!important;
  background-image:image-set(var(--c101hc-static-webp) type("image/webp"),var(--c101hc-static) type("image/jpeg"))!important;
  isolation:isolate}
html.c101hc-js .c101-gua .hero,html.c101hc-js .c101-lrn .hero,html.c101hc-js .c101-man .hero,html.c101hc-js .c101-enc .hero,
html.c101hc-js .c101-care .hero,html.c101hc-js .c101-pp .hero,html.c101hc-js .c101-shp .hero,html.c101hc-js .c101-tos .hero,
html.c101hc-js .c101-faq__hero,
html.c101hc-js body.page-id-270 div.et_pb_section.et_pb_section_0,
html.c101hc-js.c101hc-band body.page-id-341 div.et_pb_section.et_pb_section_2,html.c101hc-js.c101hc-band body.page-id-8 div.et_pb_section.et_pb_section_3,
html.c101hc-js.c101hc-band body.page-id-2212 div.et_pb_section.et_pb_section_8,html.c101hc-js.c101hc-band body.page-id-3389 div.et_pb_section.et_pb_section_9,
html.c101hc-js body .c101hc-bg{
  background-image:var(--c101hc-live)!important;
  background-image:image-set(var(--c101hc-live-webp) type("image/webp"),var(--c101hc-live) type("image/jpeg"))!important}
/* 1.0.3 phones (<=767px): left-anchor the art so the (bigger) chameleon stays fully off-screen, like before the plugin.
   Art px: chameleon's left edge is x=1277 of 1920; with cover + 0% it is off-screen whenever 1277*scale >= hero width
   (true for every hero page at 360/390/430). The JS reads this position and keeps the eye off when it is out of view. Desktop untouched. */
@media (max-width:767px){
.c101-gua .hero,.c101-lrn .hero,.c101-man .hero,.c101-enc .hero,.c101-care .hero,.c101-pp .hero,.c101-shp .hero,.c101-tos .hero,.c101-faq__hero,
body.page-id-270 div.et_pb_section.et_pb_section_0,
html.c101hc-band body.page-id-341 div.et_pb_section.et_pb_section_2,html.c101hc-band body.page-id-8 div.et_pb_section.et_pb_section_3,
html.c101hc-band body.page-id-2212 div.et_pb_section.et_pb_section_8,html.c101hc-band body.page-id-3389 div.et_pb_section.et_pb_section_9,
body .c101hc-bg{background-position:var(--c101hc-phone-pos,0% 50%)!important}
}
/* moving eye: dark pupil + natural cream "eye white" rim + iris fade; under the hero tint (z-index -1 inside the isolated hero).
   Positioned by JS in background-image pixels; hidden whenever the eye is cropped out of view (e.g. phones). */
.c101hc-eye{position:absolute;left:0;top:0;width:0;height:0;z-index:-1;pointer-events:none;border-radius:50%;display:none;
  background:radial-gradient(circle at 50% 50%,#0a0809 0 30%,#20120e 34%,#e9ddc6 38%,#f3ead8 42%,#cdb79a 47%,rgba(150,58,30,.95) 53%,rgba(178,60,30,.85) 68%,rgba(178,60,30,.45) 84%,rgba(178,60,30,0) 100%);
  will-change:transform}
.c101hc-eye::after{content:"";position:absolute;left:52%;top:36%;width:9%;height:9%;border-radius:50%;background:rgba(255,250,242,.85)}
html.c101hc-js .c101hc-eye.is-on{display:block}
@media (prefers-reduced-motion:reduce){.c101hc-eye{display:none!important}}