.elementor-kit-6{--e-global-color-primary:#12100E;--e-global-color-secondary:#FFD24A;--e-global-color-text:#35312B;--e-global-color-accent:#F5B800;--e-global-color-paper:#F6F2E8;--e-global-color-card:#FFFFFF;--e-global-color-cream:#FFF7DD;--e-global-color-muted:#6B655B;--e-global-color-inksoft:#2A2620;--e-global-color-mint:#7BD8AE;--e-global-color-sky:#93C5FD;--e-global-color-coral:#FF7A66;--e-global-color-lilac:#C9AEFF;--e-global-typography-primary-font-family:"Gabarito";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.02em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Gabarito";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:1.02rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Space Mono";--e-global-typography-accent-font-size:0.72rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.17em;--e-global-typography-tag-font-family:"Space Mono";--e-global-typography-tag-font-size:0.68rem;--e-global-typography-tag-font-weight:700;--e-global-typography-tag-text-transform:uppercase;--e-global-typography-tag-letter-spacing:0.1em;--e-global-typography-hand-font-family:"Caveat";--e-global-typography-hand-font-size:1.5rem;--e-global-typography-hand-font-weight:700;--e-global-typography-hand-line-height:1.15em;--e-global-typography-lede-font-family:"Manrope";--e-global-typography-lede-font-size:1.15rem;--e-global-typography-lede-font-weight:500;--e-global-typography-lede-line-height:1.55em;background-color:#F6F2E8;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* peaceadekoya.com — the only hand-written CSS in the build.
   Everything else is native Elementor widget settings.
   Scope: inline typographic devices, the hero flip, and looping motion —
   none of which have a native inline/looping equivalent. */

/* --- inline typographic devices (no native per-word control) --- */
.nb { white-space: nowrap; }
.boxed {
  display: inline-block;
  border: 3px solid #12100E;
  border-radius: 12px;
  padding: 0 .3em .06em;
  margin: 0 .06em;
  background: #FFFDF6;
  color: #12100E;
  box-shadow: 4px 4px 0 #12100E;
  transform: rotate(-1.2deg);
}
.boxed.fill-mint  { background: #7BD8AE; transform: rotate(1deg); }
.boxed.fill-coral { background: #FF7A66; transform: rotate(-.6deg); }

.hl {
  position: relative;
  white-space: nowrap;
  isolation: isolate;
  color: #12100E;
  padding: 0 .14em;
}
.hl::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: .04em; bottom: .05em;
  background: #FFD24A;
  z-index: -1;
  border-radius: 5px;
}

/* --- hero flip: state comes from :target, so it works with JS disabled --- */
.pa-flip { perspective: 2200px; }
.pa-flip-inner {
  position: relative;
  transition: transform .85s cubic-bezier(.16,1,.3,1);
  transform-style: preserve-3d;
}
.pa-face { backface-visibility: hidden; }
.pa-back {
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  visibility: hidden;
}
.pa-flip:has(.pa-back:target) .pa-flip-inner { transform: rotateY(180deg); }
.pa-flip:has(.pa-back:target) .pa-back  { visibility: visible; }
.pa-flip:has(.pa-back:target) .pa-front { visibility: hidden; }

/* the rotating disc on the flip control */
.pa-flip-btn .elementor-button-icon {
  display: grid;
  place-items: center;
  width: 1.5rem; height: 1.5rem;
  border-radius: 50%;
  background: #FFD24A;
  color: #12100E;
  font-size: .78rem;
  transition: transform .55s cubic-bezier(.16,1,.3,1);
}
.pa-flip-btn:hover .elementor-button-icon { transform: rotate(180deg); }

/* --- availability pulse --- */
.pa-status .elementor-icon-list-icon i {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(123,216,174,.9);
  animation: pa-pulse 2.4s infinite;
}
@keyframes pa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(123,216,174,.9); }
  70%  { box-shadow: 0 0 0 9px rgba(123,216,174,0); }
  100% { box-shadow: 0 0 0 0 rgba(123,216,174,0); }
}

/* --- organisation marquee --- */
.pa-marquee { width: max-content; }
.pa-marquee-track { animation: pa-slide 34s linear infinite; }
@keyframes pa-slide { to { transform: translateX(-100%); } }
.pa-rail:hover .pa-marquee-track { animation-play-state: paused; }

/* --- testimonial rail snap --- */
.pa-rail-scroll { scroll-snap-type: x mandatory; }
.pa-rail-scroll > * { scroll-snap-align: start; }

/* focus ring flips to marigold inside the ink contact slab */
.pa-contact :focus-visible { outline-color: #FFD24A; }

@media (prefers-reduced-motion: reduce) {
  .pa-marquee-track { animation: none !important; }
  .pa-flip-inner { transition: none !important; }
  .pa-status .elementor-icon-list-icon i { animation: none !important; }
}

/* available to assistive tech, invisible on screen — pairs with the
   aria-hidden display figure on the flagship case */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Elementor stores a container's rotate as --e-con-transform-rotateZ but never
   emits the transform rule, so the tilted note card needs this one line. */
.pa-tilt { transform: rotate(-1deg); }/* End custom CSS */