.fcb-ll{
  /* ---- palette ---- */
  --fcb-accent:#4BAF47;
  --fcb-accent-ink:#3B8F38;
  --fcb-ink:#16211A;
  --fcb-muted:#5C6559;
  --fcb-line:#DCE2D6;
 
  /* ---- type roles ---- */
  --fcb-display:Georgia,"Times New Roman",serif;
  --fcb-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fcb-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
 
  /* ---- spacing: split layout ---- */
  --fcb-pad-t:70px;
  --fcb-pad-r:8px;
  --fcb-pad-b:70px;
  --fcb-pad-l:88px;
 
  /* ---- spacing: stacked layout ---- */
  --fcb-pad-st-t:54px;
  --fcb-pad-st-r:0px;
  --fcb-pad-st-b:6px;
  --fcb-pad-st-l:0px;
 
  /* ---- spacing: rhythm ---- */
  --fcb-gap-lg:60px;
  --fcb-gap-md:32px;
  --fcb-gap-sm:24px;
  --fcb-slide-pad:32px;
  --fcb-index-gap:24px;
  --fcb-place-gap:20px;
  --fcb-more-gap:32px;
  --fcb-arrow-gap:12px;
 
  /* ---- layout ---- */
  --fcb-split:50.5%;
  --fcb-media-h:720px;
  --fcb-media-ar:4/3;
  --fcb-distribution:space-between;
  --fcb-desc-min-h:4.8em;
  --fcb-heading-max:15em;
  --fcb-intro-max:36em;
  --fcb-desc-max:32em;
  --fcb-divider-w:1px;
  --fcb-divider-c:var(--fcb-line);
  --fcb-slide-divider-w:1px;
  --fcb-slide-divider-c:var(--fcb-line);
 
  /* ---- media ---- */
  --fcb-media-grad-start:#EFF2EB;
  --fcb-media-grad-end:#DFE5D8;
  --fcb-overlay:rgba(12,22,14,.55);
  --fcb-overlay-h:40%;
  --fcb-marker-h:48px;
  --fcb-marker-bar:rgba(255,255,255,.34);
  --fcb-marker-bar-hover:rgba(255,255,255,.7);
  --fcb-marker-bar-active:var(--fcb-accent);
  --fcb-marker-bar-h:3px;
  --fcb-marker-bar-h-active:5px;
  --fcb-marker-num:rgba(255,255,255,.62);
  --fcb-marker-num-active:#fff;
 
  /* ---- motion ---- */
  --fcb-fade:700ms;
  --fcb-zoom-scale:1.05;
  --fcb-zoom-dur:2400ms;
  --fcb-transition:.2s;
 
  /* ---- colour slots ---- */
  --fcb-panel-bg:transparent;
  --fcb-eyebrow-color:var(--fcb-accent-ink);
  --fcb-heading-color:var(--fcb-ink);
  --fcb-heading-hover:var(--fcb-accent-ink);
  --fcb-intro-color:var(--fcb-muted);
  --fcb-intro-link:var(--fcb-ink);
  --fcb-intro-underline:var(--fcb-accent);
  --fcb-intro-hover-bg:rgba(75,175,71,.14);
  --fcb-index-color:var(--fcb-muted);
  --fcb-index-num-color:var(--fcb-accent-ink);
  --fcb-place-color:var(--fcb-ink);
  --fcb-desc-color:var(--fcb-muted);
  --fcb-more-color:var(--fcb-ink);
  --fcb-more-underline:#C3C9BD;
  --fcb-more-underline-hover:var(--fcb-accent);
  --fcb-more-icon:var(--fcb-accent);
  --fcb-arrow-size:54px;
  --fcb-prev-ic:var(--fcb-ink);
  --fcb-prev-bg:transparent;
  --fcb-prev-bd:#CDD4C9;
  --fcb-prev-ic-h:var(--fcb-ink);
  --fcb-prev-bg-h:transparent;
  --fcb-prev-bd-h:var(--fcb-ink);
  --fcb-next-ic:#fff;
  --fcb-next-bg:var(--fcb-accent);
  --fcb-next-bd:var(--fcb-accent);
  --fcb-next-ic-h:#fff;
  --fcb-next-bg-h:var(--fcb-accent-ink);
  --fcb-next-bd-h:var(--fcb-accent-ink);
 
  container-type:inline-size;
  container-name:fcbll;
  position:relative;
  isolation:isolate;
  font-family:var(--fcb-sans);
  color:var(--fcb-ink);
  text-align:left;
}
 
/* markers hidden -> collapse the space they reserve */
.fcb-ll[data-markers="no"]{--fcb-marker-h:0px}
 
/* ---- reset: zero specificity, so component rules always win ---- */
.fcb-ll :where(h1,h2,h3,h4,p,ul,li,div,span,a,button,figure){margin:0;padding:0}
.fcb-ll :where(ul,li){list-style:none}
.fcb-ll,.fcb-ll *,.fcb-ll *::before,.fcb-ll *::after{box-sizing:border-box}
.fcb-ll :where(a){color:inherit;text-decoration:none}
.fcb-ll :focus-visible{outline:2px solid var(--fcb-ink);outline-offset:4px}
 
/* The record list is data, not content — the JS reads it and it must never
   render. !important is justified here and nowhere else: the [hidden] attribute
   alone is a UA-level rule, so any theme declaring a display on ul or li
   overrides it and six empty <li> appear as a tall blank block. */
.fcb-ll .fcb-ll__data,
.fcb-ll .fcb-ll__record{display:none!important}
 
/* ============================ MODE VARIABLES ==============================
   Base = stacked. The @container blocks flip these for the split layout.
   They are set on .fcb-ll__inner, never on .fcb-ll — an element cannot be
   styled by its own container query, only by an ancestor's.
 
   SPECIFICITY LAYERS — get these wrong and the layout silently stops working,
   because specificity beats source order:
     base stacked rule ....... .fcb-ll .fcb-ll__inner            (0,2,0)
     default split block ..... .fcb-ll .fcb-ll__inner            (0,2,0), later
     preset override blocks .. .fcb-ll-bp-N .fcb-ll .fcb-ll__inner (0,3,0)
 
   IMPORTANT: the split layout works with NO wrapper class. The default block
   below needs nothing but the container width. The .fcb-ll-bp-* presets only
   MOVE the threshold. That way stale saved data, a cached page, or a missing
   prefix_class can never leave the widget permanently stacked.
   ========================================================================== */
 
.fcb-ll .fcb-ll__inner{
  --_cols:minmax(0,1fr);
  --_media-ar:var(--fcb-media-ar);
  --_media-mh:0px;
  --_panel-pad:var(--fcb-pad-st-t) var(--fcb-pad-st-r) var(--fcb-pad-st-b) var(--fcb-pad-st-l);
  --_panel-bd:0;
  --_justify:flex-start;
  --_desc-mh:0px;
  --_gap-lg:min(var(--fcb-gap-lg),40px);
  --_bleed-end:calc(50% - 50vw);
 
  position:relative;
  display:grid;
  grid-template-columns:var(--_cols);
  align-items:stretch;
}
 
/* media on the right: RTL flow keeps the media as grid item 1 (so it keeps the
   --fcb-split width) while placing it in the right-hand column. */
.fcb-ll--media-right .fcb-ll__inner{direction:rtl}
.fcb-ll--media-right .fcb-ll__inner>*{direction:ltr}
 
/* DEFAULT threshold — 820px of column width, no class required. */
@container fcbll (min-width:820px){
  .fcb-ll .fcb-ll__inner{
    --_cols:minmax(0,var(--fcb-split)) minmax(0,1fr);
    --_media-ar:auto;
    --_media-mh:var(--fcb-media-h);
    --_panel-pad:var(--fcb-pad-t) var(--fcb-pad-r) var(--fcb-pad-b) var(--fcb-pad-l);
    --_panel-bd:var(--fcb-divider-w) solid var(--fcb-divider-c);
    --_justify:var(--fcb-distribution);
    --_desc-mh:var(--fcb-desc-min-h);
    --_gap-lg:var(--fcb-gap-lg);
    --_bleed-end:0px;
  }
}
 
/* Presets from the "Split layout above" control. Lower thresholds add a split
   earlier; the highest one has to put the stacked values back between 820 and
   999, which is why it is a max-width block. */
@container fcbll (min-width:600px){
  .fcb-ll-bp-600 .fcb-ll .fcb-ll__inner{
    --_cols:minmax(0,var(--fcb-split)) minmax(0,1fr);
    --_media-ar:auto;
    --_media-mh:var(--fcb-media-h);
    --_panel-pad:var(--fcb-pad-t) var(--fcb-pad-r) var(--fcb-pad-b) var(--fcb-pad-l);
    --_panel-bd:var(--fcb-divider-w) solid var(--fcb-divider-c);
    --_justify:var(--fcb-distribution);
    --_desc-mh:var(--fcb-desc-min-h);
    --_gap-lg:var(--fcb-gap-lg);
    --_bleed-end:0px;
  }
}
@container fcbll (min-width:720px){
  .fcb-ll-bp-720 .fcb-ll .fcb-ll__inner{
    --_cols:minmax(0,var(--fcb-split)) minmax(0,1fr);
    --_media-ar:auto;
    --_media-mh:var(--fcb-media-h);
    --_panel-pad:var(--fcb-pad-t) var(--fcb-pad-r) var(--fcb-pad-b) var(--fcb-pad-l);
    --_panel-bd:var(--fcb-divider-w) solid var(--fcb-divider-c);
    --_justify:var(--fcb-distribution);
    --_desc-mh:var(--fcb-desc-min-h);
    --_gap-lg:var(--fcb-gap-lg);
    --_bleed-end:0px;
  }
}
@container fcbll (max-width:999px){
  .fcb-ll-bp-1000 .fcb-ll .fcb-ll__inner{
    --_cols:minmax(0,1fr);
    --_media-ar:var(--fcb-media-ar);
    --_media-mh:0px;
    --_panel-pad:var(--fcb-pad-st-t) var(--fcb-pad-st-r) var(--fcb-pad-st-b) var(--fcb-pad-st-l);
    --_panel-bd:0;
    --_justify:flex-start;
    --_desc-mh:0px;
    --_gap-lg:min(var(--fcb-gap-lg),40px);
    --_bleed-end:calc(50% - 50vw);
  }
}
 
/* ================================ MEDIA =================================== */
 
/* Decoration only — Elementor's border/radius/shadow controls may override. */
.fcb-ll .fcb-ll__media{
  position:relative;
  z-index:0;
  overflow:hidden;
  background:linear-gradient(150deg,var(--fcb-media-grad-start),var(--fcb-media-grad-end));
}
 
/* Sizing is AUTHORITATIVE and deliberately one level more specific (0,3,0) than
   any "{{WRAPPER}} .fcb-ll__media" control rule (0,2,0). A stale aspect-ratio in
   a cached post CSS file would otherwise make this grid item size its WIDTH from
   the ratio rather than stretch to its column, and the photo would overflow
   across the whole widget. width:100% makes that impossible either way.
   Ratio is still fully editable — the control feeds --fcb-media-ar. */
.fcb-ll .fcb-ll__inner .fcb-ll__media{
  width:100%;
  max-width:100%;
  min-width:0;
  align-self:stretch;
  justify-self:stretch;
  aspect-ratio:var(--_media-ar,4/3);
  min-height:var(--_media-mh,0px);
}
.fcb-ll .fcb-ll__layers{position:absolute;inset:0}
.fcb-ll .fcb-ll__layer{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(var(--fcb-zoom-scale));
  transition:opacity var(--fcb-fade) ease,transform var(--fcb-zoom-dur) cubic-bezier(.2,.6,.2,1);
}
.fcb-ll .fcb-ll__layer.is-active{opacity:1;transform:scale(1)}
.fcb-ll .fcb-ll__media::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  height:var(--fcb-overlay-h);
  background:linear-gradient(to top,var(--fcb-overlay),transparent);
  pointer-events:none;
}
 
/* ---- plot markers on the photo edge ---- */
.fcb-ll .fcb-ll__rail{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  gap:2px;
}
.fcb-ll .fcb-ll__seg{
  position:relative;
  flex:1 1 0;
  height:var(--fcb-marker-h);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin:0;
  padding:0 0 14px;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:0;
  cursor:pointer;
  font-family:var(--fcb-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  text-transform:none;
  color:var(--fcb-marker-num);
  transition:color var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__seg::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--fcb-marker-bar-h);
  background:var(--fcb-marker-bar);
  transition:background-color var(--fcb-transition) ease,height var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__seg:hover{background:none;color:var(--fcb-marker-num-active)}
.fcb-ll .fcb-ll__seg:hover::before{background:var(--fcb-marker-bar-hover)}
.fcb-ll .fcb-ll__seg[aria-current="true"]{color:var(--fcb-marker-num-active)}
.fcb-ll .fcb-ll__seg[aria-current="true"]::before{
  background:var(--fcb-marker-bar-active);
  height:var(--fcb-marker-bar-h-active);
}
.fcb-ll[data-markers-clickable="no"] .fcb-ll__seg{cursor:default;pointer-events:none}
 
/* ================================ PANEL =================================== */
 
.fcb-ll .fcb-ll__panel{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:var(--_justify,flex-start);
  gap:var(--_gap-lg,var(--fcb-gap-lg));
  padding:var(--_panel-pad);
  border-left:var(--_panel-bd);
  background-color:var(--fcb-panel-bg);
}
.fcb-ll--media-right .fcb-ll__panel{border-left:0;border-right:var(--_panel-bd)}
.fcb-ll .fcb-ll__head{display:flex;flex-direction:column}
 
/* ---- eyebrow ---- */
.fcb-ll .fcb-ll__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:var(--fcb-gap-sm);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--fcb-eyebrow-color);
}
.fcb-ll .fcb-ll__eyebrow-icon{display:inline-flex;flex:0 0 auto;align-items:center}
.fcb-ll .fcb-ll__eyebrow-icon i{font-size:15px;line-height:1}
.fcb-ll .fcb-ll__eyebrow-icon svg{display:block;width:16px;height:16px;fill:currentColor}
 
/* ---- heading ---- */
.fcb-ll .fcb-ll__title{
  max-width:var(--fcb-heading-max);
  margin-bottom:var(--fcb-gap-md);
  font-family:var(--fcb-display);
  font-size:clamp(31px,5.2cqw,54px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.025em;
  color:var(--fcb-heading-color);
  overflow-wrap:break-word;
  text-wrap:balance;
}
.fcb-ll .fcb-ll__title a{color:inherit;transition:color var(--fcb-transition) ease}
.fcb-ll .fcb-ll__title a:hover,
.fcb-ll .fcb-ll__title a:focus-visible{color:var(--fcb-heading-hover)}
 
/* ---- intro ---- */
.fcb-ll .fcb-ll__intro{
  max-width:var(--fcb-intro-max);
  font-size:16px;
  line-height:1.85;
  color:var(--fcb-intro-color);
}
.fcb-ll .fcb-ll__intro p{margin:0 0 1em}
.fcb-ll .fcb-ll__intro p:last-child{margin-bottom:0}
.fcb-ll .fcb-ll__intro a{
  color:var(--fcb-intro-link);
  font-weight:700;
  border-bottom:1px solid var(--fcb-intro-underline);
  transition:background-color var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__intro a:hover,
.fcb-ll .fcb-ll__intro a:focus-visible{background:var(--fcb-intro-hover-bg)}
 
/* ---- slide copy ---- */
.fcb-ll .fcb-ll__slide{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-top:var(--fcb-slide-pad);
  border-top:var(--fcb-slide-divider-w) solid var(--fcb-slide-divider-c);
}
.fcb-ll .fcb-ll__index{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin-bottom:var(--fcb-index-gap);
  font-family:var(--fcb-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--fcb-index-color);
}
.fcb-ll .fcb-ll__index b{font-weight:700;color:var(--fcb-index-num-color)}
.fcb-ll .fcb-ll__place{
  margin-bottom:var(--fcb-place-gap);
  font-family:var(--fcb-display);
  font-size:clamp(22px,2.5cqw,28px);
  font-weight:700;
  line-height:1.26;
  letter-spacing:-.012em;
  color:var(--fcb-place-color);
}
.fcb-ll .fcb-ll__desc{
  max-width:var(--fcb-desc-max);
  min-height:var(--_desc-mh,0px);
  font-size:15.5px;
  line-height:1.8;
  color:var(--fcb-desc-color);
}
/* opacity-only swap: a transform here would create a stacking context */
.fcb-ll .fcb-ll__swap{animation:fcbSwap .45s ease both}
@keyframes fcbSwap{from{opacity:0}to{opacity:1}}
 
/* ---- read more ---- */
.fcb-ll .fcb-ll__more{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-top:var(--fcb-more-gap);
  padding:0 0 8px;
  background:none;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--fcb-more-color);
  border-bottom:1px solid var(--fcb-more-underline);
  transition:border-color var(--fcb-transition) ease,color var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__more i{font-size:13px;line-height:1;color:var(--fcb-more-icon)}
.fcb-ll .fcb-ll__more svg{
  display:block;
  width:16px;
  height:auto;
  fill:currentColor;
  color:var(--fcb-more-icon);
  transition:transform var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__more svg.fcb-ll__ico{fill:none;stroke:var(--fcb-more-icon);stroke-width:1.6}
.fcb-ll .fcb-ll__more:hover,
.fcb-ll .fcb-ll__more:focus-visible{border-bottom-color:var(--fcb-more-underline-hover)}
.fcb-ll .fcb-ll__more:hover i,
.fcb-ll .fcb-ll__more:hover svg{transform:translateX(4px)}
 
/* ---- arrows ---- */
.fcb-ll .fcb-ll__nav{display:flex;gap:var(--fcb-arrow-gap)}
.fcb-ll .fcb-ll__arrow{
  display:grid;
  place-items:center;
  width:var(--fcb-arrow-size);
  height:var(--fcb-arrow-size);
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:0;
  box-shadow:none;
  border-radius:50%;
  border:1px solid var(--fcb-prev-bd);
  background:var(--fcb-prev-bg);
  color:var(--fcb-prev-ic);
  cursor:pointer;
  transition:border-color var(--fcb-transition) ease,background-color var(--fcb-transition) ease,color var(--fcb-transition) ease;
}
.fcb-ll .fcb-ll__arrow i{font-size:calc(var(--fcb-arrow-size) * .28);line-height:1}
.fcb-ll .fcb-ll__arrow svg{
  width:calc(var(--fcb-arrow-size) * .3);
  height:auto;
  fill:currentColor;
}
.fcb-ll .fcb-ll__arrow svg.fcb-ll__ico{fill:none;stroke:currentColor;stroke-width:1.8}
.fcb-ll .fcb-ll__arrow--prev:hover{
  color:var(--fcb-prev-ic-h);
  background:var(--fcb-prev-bg-h);
  border-color:var(--fcb-prev-bd-h);
}
.fcb-ll .fcb-ll__arrow--next{
  color:var(--fcb-next-ic);
  background:var(--fcb-next-bg);
  border-color:var(--fcb-next-bd);
}
.fcb-ll .fcb-ll__arrow--next:hover{
  color:var(--fcb-next-ic-h);
  background:var(--fcb-next-bg-h);
  border-color:var(--fcb-next-bd-h);
}
.fcb-ll .fcb-ll__arrow:disabled{opacity:.35;cursor:default}
 
/* arrows placed over the photo: rendered inside .fcb-ll__media by PHP */
.fcb-ll .fcb-ll__media .fcb-ll__nav{
  position:absolute;
  z-index:3;
  left:24px;
  bottom:calc(var(--fcb-marker-h) + 22px);
}
 
/* ---- screen-reader live region ---- */
.fcb-ll .fcb-ll__sr{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
 
/* ---- full width: breaks the WHOLE widget out of a boxed container ----
   The class lands on the Elementor widget wrapper (prefix_class), which is the
   element that actually needs to escape. flex-basis is pinned because Elementor
   flexbox containers make the widget a flex item that would otherwise shrink.
   Note: 100vw includes the scrollbar width. If a horizontal scrollbar appears,
   set overflow-x:clip on the page wrapper, or use a full-width Container
   instead of this control. */
.fcb-ll--width-full{
  flex:0 0 auto;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
 
/* A negative margin cannot escape an ancestor with overflow:hidden — no CSS from
   inside can. Themes like ThemeREX clip their content wrappers, so relax that on
   pages using the control. Widths and max-widths are left alone, so the rest of
   the page keeps its layout. Delete this block if it causes side effects, and
   instead set the page to the theme's own fullwidth body style. */
body:has(.fcb-ll--width-full) :is(
  .page_content_wrap,
  .content_wrap,
  .content,
  .elementor,
  .elementor-section,
  .elementor-container,
  .e-con,
  .e-con-inner,
  .elementor-widget-wrap
){
  overflow:visible;
}
 
/* Below the phone breakpoint the container is already near the viewport width,
   so the breakout has nothing to gain and 100vw plus negative margins only
   risks overflow. Turn it off and leave the theme wrappers alone. */
@media (max-width:767px){
  .fcb-ll--width-full{
    width:auto;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  body:has(.fcb-ll--width-full) :is(
    .page_content_wrap,
    .content_wrap,
    .content,
    .elementor,
    .elementor-section,
    .elementor-container,
    .e-con,
    .e-con-inner,
    .elementor-widget-wrap
  ){
    overflow:revert;
  }
}
 
/* ---- full bleed photo only: the panel stays inside the container.
   --_bleed-end is 0 in the split layout (the panel occupies that edge) and a
   full bleed in the stacked layout, where there is no side column. ---- */
.fcb-ll--full-bleed-yes .fcb-ll__media{
  margin-left:calc(50% - 50vw);
  margin-right:var(--_bleed-end,0px);
}
.fcb-ll--media-right.fcb-ll--full-bleed-yes .fcb-ll__media{
  margin-left:var(--_bleed-end,0px);
  margin-right:calc(50% - 50vw);
}
/* redundant once the whole widget is full width */
.fcb-ll--width-full.fcb-ll--full-bleed-yes .fcb-ll__media{
  margin-left:0;
  margin-right:0;
}
 
/* ---- editor safety net: if container queries are unsupported, never let the
   photo swallow the panel ---- */
@supports not (container-type:inline-size){
  .fcb-ll .fcb-ll__media{aspect-ratio:var(--fcb-media-ar)}
}
 
@media (prefers-reduced-motion:reduce){
  .fcb-ll .fcb-ll__layer{transition:opacity 1ms linear;transform:none}
  .fcb-ll .fcb-ll__layer.is-active{transform:none}
  .fcb-ll .fcb-ll__swap{animation:none}
  .fcb-ll .fcb-ll__more i,
  .fcb-ll .fcb-ll__more svg,
  .fcb-ll .fcb-ll__arrow,
  .fcb-ll .fcb-ll__seg,
  .fcb-ll .fcb-ll__seg::before{transition:none}
}