/* ============================================
   ILFORD inCOLOUR 2026 — home.css
   Homepage only
   ============================================ */

/* ---------- Fredoka accents (homepage) ---------- */
.ic-tiles__item h3,
.ic-tiles__item p,
.ic-intro__eyebrow,
.ic-intro__date,
.ic-intro__facts strong,
.ic-intro__strap,
.ic-gallery__eyebrow,
.ic-stats__item strong,
.ic-stats__item span 
.ic-artists__name,
.ic-artists__eyebrow,
.ic-offers__brand,
.ic-offers__deal,
.ic-offers__eyebrow {
  font-family: 'Fredoka', sans-serif !important;
}

/* ============================================
   HERO
   ============================================ */
.ic-hero {
  min-height: 92vh;
  max-height: 950px;
  display: flex;
  align-items: center;
  padding: 90px 20px;
  color: #fff;
  background: #111 url('/wp-content/uploads/2026/07/home-page.jpg') center center / cover no-repeat;
  overflow: hidden;
}

.ic-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.80) 32%,
    rgba(0,0,0,.45) 58%,
    rgba(0,0,0,0) 88%
  );
}

.ic-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 60px;
}

/* ---------- Title ---------- */
.ic-hero__title {
  color: #fff;
  font-weight: 900;
  line-height: .95;
  letter-spacing: -1px;
  text-transform: uppercase;
}
.ic-hero__l1,
.ic-hero__l2,
.ic-hero__l3 { display: block; color: #fff; }

.ic-hero__l1 {
  font-size: clamp(2.6rem, 6.2vw, 4.6rem);
  margin-bottom: 8px;
}
.ic-hero__l2 {
  font-size: clamp(2.6rem, 6.2vw, 4.6rem);
  margin-bottom: 10px;
}
.ic-hero__l3 {
  font-size: clamp(2rem, 4.4vw, 3.4rem);
}

.ic-hero__l2 b {
  font-weight: 900;
  text-transform: lowercase;
  color: #fff;
}

.ic-hero__l2 em { font-style: normal; }
.ic-hero__l2 em:nth-of-type(1) { color: var(--ic-red); }
.ic-hero__l2 em:nth-of-type(2) { color: var(--ic-teal); }
.ic-hero__l2 em:nth-of-type(3) { color: var(--ic-yellow); }
.ic-hero__l2 em:nth-of-type(4) { color: var(--ic-orange); }
.ic-hero__l2 em:nth-of-type(5) { color: var(--ic-green); }
.ic-hero__l2 em:nth-of-type(6) { color: var(--ic-purple); }

/* ---------- Tagline ---------- */
.ic-hero__tagline {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: clamp(1.1rem, 2.1vw, 1.75rem);
  margin: 18px 0 22px !important;
}

/* ---------- Icons ---------- */
.ic-hero__meta svg,
.ic-hero__stats svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  stroke: #fff;
}

/* ---------- Date / time ---------- */
.ic-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .5px;
  margin-bottom: 18px !important;
}
.ic-hero__meta li {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ---------- Intro ---------- */
.ic-hero__intro {
  font-size: 1rem;
  line-height: 1.7;
  max-width: 500px;
  margin-bottom: 28px !important;
}

/* ---------- Buttons ---------- */
.ic-hero__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 32px;
}

/* ---------- Stat row ---------- */
.ic-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 34px;
  font-size: .9rem;
  font-weight: 600;
}
.ic-hero__stats li {
  display: flex;
  align-items: center;
  gap: 9px;
}

/* ---------- Hero responsive ---------- */
@media (max-width: 1200px) {
  .ic-hero__inner { padding-left: 40px; }
}

@media (max-width: 1024px) {
  .ic-hero__overlay {
    background: linear-gradient(100deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 60%, rgba(0,0,0,.2) 100%);
  }
  .ic-hero__intro { max-width: 440px; }
}

@media (max-width: 768px) {
  .ic-hero {
    min-height: auto;
    max-height: none;
    padding: 70px 20px 60px;
    background-position: 65% center;
  }
  .ic-hero__overlay { background: rgba(0,0,0,.66); }
  .ic-hero__inner { padding-left: 0; }
  .ic-hero__intro { max-width: 100%; }
  .ic-hero__tagline { margin: 18px 0 24px !important; }
  .ic-hero__btns { gap: 10px; margin-bottom: 34px; }
  .ic-btn { padding: 12px 20px; font-size: .82rem; }
  .ic-hero__stats { gap: 12px 22px; font-size: .8rem; }
  .ic-hero__meta { gap: 10px 22px; font-size: .85rem; }
}

@media (max-width: 480px) {
  .ic-hero__btns .ic-btn { width: 100%; text-align: center; }
  .ic-hero__stats { gap: 10px 18px; font-size: .75rem; }
  .ic-hero__meta svg,
  .ic-hero__stats svg { width: 15px; height: 15px; flex: 0 0 15px; }
}

/* ============================================
   COUNTDOWN
   Drip strip = .ic-drip.ic-drip--top from custom.css,
   placed as first child of .ic-count (outside .ic-wrap).
   Top padding must clear the drip height at every breakpoint.
   ============================================ */
.ic-count {
  position: relative;
  background: var(--ic-cream);
  padding: 118px 20px 74px;
  text-align: center;
  overflow: hidden;
}

.ic-count .ic-wrap {
  position: relative;
  z-index: 1;
}

/* ---------- Decorative splats ---------- */
.ic-count .ic-splat--purple {
  --splat-w: 300px;
  --splat-h: 300px;
  --splat-r: -16deg;
  --splat-o: .85;
  top: 96px;
  left: -80px;
}

.ic-count .ic-splat--green {
  --splat-w: 270px;
  --splat-h: 270px;
  --splat-r: 24deg;
  --splat-o: .85;
  bottom: 20px;
  right: -70px;
}

.ic-count__label {
  letter-spacing: 2.5px;
  margin-bottom: 40px !important;
}

.ic-count__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 34px;
}

.ic-count__item {
  position: relative;
  width: 165px;
  height: 165px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
  transition: transform .3s ease;
}

.ic-count__item::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  box-shadow: 0 10px 26px rgba(0,0,0,.14);
}

.ic-count__item::after {
  content: '';
  position: absolute;
  z-index: 0;
  width: 22px;
  height: 20px;
  background: inherit;
  border-radius: 60% 40% 55% 45% / 50% 60% 40% 50%;
}

.ic-count__item:hover { transform: translateY(-6px) rotate(-2deg); }

.ic-count__item--red    { background: var(--ic-red); }
.ic-count__item--teal   { background: var(--ic-teal); }
.ic-count__item--green  { background: var(--ic-green); }
.ic-count__item--orange { background: var(--ic-orange); }

.ic-count__item--red::before {
  border-radius: 63% 37% 42% 58% / 55% 45% 55% 45%;
  transform: rotate(-6deg);
}
.ic-count__item--red::after { top: -6px; right: 12px; }

.ic-count__item--teal::before {
  border-radius: 42% 58% 63% 37% / 48% 62% 38% 52%;
  transform: rotate(9deg);
}
.ic-count__item--teal::after { bottom: -4px; left: 16px; width: 16px; height: 15px; }

.ic-count__item--green::before {
  border-radius: 55% 45% 38% 62% / 62% 40% 60% 38%;
  transform: rotate(-11deg);
}
.ic-count__item--green::after { top: 4px; left: -8px; width: 18px; height: 17px; }

.ic-count__item--orange::before {
  border-radius: 48% 52% 58% 42% / 40% 55% 45% 60%;
  transform: rotate(5deg);
}
.ic-count__item--orange::after { bottom: 2px; right: -6px; width: 20px; height: 18px; }

.ic-count__num,
.ic-count__unit { position: relative; z-index: 2; }

.ic-count__num {
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: -2px;
  text-shadow: 0 2px 6px rgba(0,0,0,.18);
}

.ic-count__unit {
  margin-top: 8px;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .95;
}

/* ---------- Countdown responsive ----------
   Drip steps down at 900px (48px) and 520px (34px),
   so padding-top steps with it. */
@media (max-width: 900px) {
  .ic-count { padding-top: 96px; }
  .ic-count .ic-splat--purple { --splat-w: 200px; --splat-h: 200px; top: 82px; left: -60px; }
  .ic-count .ic-splat--green  { --splat-w: 190px; --splat-h: 190px; bottom: 30px; right: -55px; }
}

@media (max-width: 768px) {
  .ic-count { padding: 88px 20px 52px; }
  .ic-count__list { gap: 18px; }
  .ic-count__item { width: 118px; height: 118px; }
  .ic-count__num { font-size: 2.2rem; }
  .ic-count__unit { font-size: .62rem; letter-spacing: 1.2px; }
  .ic-count__item::after { display: none; }
}

@media (max-width: 520px) {
  .ic-count { padding-top: 70px; }
  .ic-count .ic-splat--purple { --splat-w: 150px; --splat-h: 150px; --splat-o: .7; top: 60px; left: -95px; }
  .ic-count .ic-splat--green  { --splat-w: 140px; --splat-h: 140px; --splat-o: .7; bottom: 8px; right: -90px; }
}

@media (max-width: 440px) {
  .ic-count__list { gap: 14px; }
  .ic-count__item { width: calc(50% - 7px); height: 130px; }
}

/* ============================================
   ABOUT / MORE THAN STREET ART
   ============================================ */
.ic-about {
  position: relative;
  background: #fff;
  padding: 90px 20px;
  overflow: hidden;
}

/* ---------- Paint decor ---------- */
.ic-about__splat-tl {
  --splat-w: 220px; --splat-h: 220px;
  --splat-r: -28deg; --splat-o: 1;
  top: -30px; left: -70px;
}

.ic-about__splat-1 {
  --splat-w: 280px; --splat-h: 280px;
  --splat-r: 12deg; --splat-o: 1;
  top: 10%; right: -40px;
}
.ic-about__splat-2 {
  --splat-w: 320px; --splat-h: 320px;
  --splat-r: -18deg; --splat-o: 1;
  top: 26%; right: -110px;
}
.ic-about__splat-3 {
  --splat-w: 200px; --splat-h: 200px;
  --splat-r: 34deg; --splat-o: 1;
  top: 20%; right: 120px;
}
.ic-about__splat-4 {
  --splat-w: 240px; --splat-h: 240px;
  --splat-r: -8deg; --splat-o: 1;
  bottom: 12%; right: 20px;
}

.ic-about__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  max-width: 1240px;
}

.ic-about__media {
  position: relative;
  border-radius: var(--ic-radius);
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}
.ic-about__media img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}

.ic-about__eyebrow {
  font-size: .85rem !important;
  letter-spacing: 2.5px;
  color: var(--ic-navy);
  opacity: .75;
  margin-bottom: 10px !important;
}

.ic-about__body h2 {
  text-transform: none;
  margin-bottom: 22px !important;
}

.ic-about__body p {
  font-size: 1rem;
  line-height: 1.8;
  color: #444;
  max-width: 480px;
  margin-bottom: 16px !important;
}

.ic-about__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

@media (max-width: 1024px) {
  .ic-about__grid { gap: 42px; }
  .ic-about__splat-tl { --splat-w: 160px; --splat-h: 160px; }
  .ic-about__splat-1 { --splat-w: 200px; --splat-h: 200px; right: -60px; }
  .ic-about__splat-2 { --splat-w: 230px; --splat-h: 230px; right: -110px; }
  .ic-about__splat-3 { --splat-w: 150px; --splat-h: 150px; right: 70px; }
  .ic-about__splat-4 { --splat-w: 170px; --splat-h: 170px; right: 0; }
}

/* Stacked layout — keep the three corner splats, drop the two
   that would land under body copy. */
@media (max-width: 860px) {
  .ic-about { padding: 60px 20px; }
  .ic-about__grid { grid-template-columns: 1fr; gap: 32px; }
  .ic-about__media img { min-height: 260px; }
  .ic-about__body p { max-width: 100%; }

  .ic-about__splat-1,
  .ic-about__splat-3 { display: none; }

  .ic-about__splat-tl { --splat-w: 140px; --splat-h: 140px; --splat-o: .8; top: -25px; left: -75px; }
  .ic-about__splat-2  { --splat-w: 150px; --splat-h: 150px; --splat-o: .8; top: 1%; right: -85px; }
  .ic-about__splat-4  { --splat-w: 140px; --splat-h: 140px; --splat-o: .75; bottom: 3%; right: -80px; }
}

@media (max-width: 480px) {
  .ic-about__btns .ic-btn { width: 100%; text-align: center; }
  .ic-about__splat-tl { --splat-w: 110px; --splat-h: 110px; left: -62px; }
  .ic-about__splat-2  { --splat-w: 120px; --splat-h: 120px; right: -70px; }
  .ic-about__splat-4  { --splat-w: 110px; --splat-h: 110px; right: -64px; }
}

/* ============================================
   WHEN & WHERE
   ============================================ */
.ic-intro {
  position: relative;
  background: #fff;
  padding: 100px 20px;
  overflow: hidden;
}

/* ---------- Paint decor ---------- */
.ic-intro__splat-1 {
  --splat-w: 300px; --splat-h: 300px;
  --splat-r: 18deg; --splat-o: .9;
  top: -40px; right: -90px;
}

.ic-intro__splat-2 {
  --splat-w: 260px; --splat-h: 260px;
  --splat-r: -22deg; --splat-o: .9;
  bottom: -50px; left: -80px;
}

.ic-intro__splat-3 {
  --splat-w: 200px; --splat-h: 200px;
  --splat-r: -40deg; --splat-o: .9;
  top: 42%; right: 30px;
}

.ic-intro__splat-4 {
  --splat-w: 280px; --splat-h: 280px;
  --splat-r: 62deg; --splat-o: .9;
  top: 34%; left: -150px;
}

.ic-intro__splat-5 {
  --splat-w: 170px; --splat-h: 170px;
  --splat-r: -12deg; --splat-o: .85;
  bottom: 18%; right: -60px;
}

.ic-intro__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1.02fr;
  gap: 70px;
  align-items: center;
  max-width: 1240px;
}

.ic-intro__eyebrow {
  font-size: .85rem !important;
  letter-spacing: 2.5px;
  color: var(--ic-red);
  margin-bottom: 10px !important;
}

.ic-intro__body h2 {
  text-transform: none;
  font-size: clamp(2rem, 3.6vw, 3rem);
  margin-bottom: 30px !important;
}

/* ---------- Fact list ---------- */
.ic-intro__facts {
  display: grid;
  gap: 20px;
  margin-bottom: 30px !important;
}

.ic-intro__facts li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.ic-intro__facts svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 2px;
}

.ic-intro__facts li:nth-child(1) svg { stroke: var(--ic-red); }
.ic-intro__facts li:nth-child(2) svg { stroke: var(--ic-teal); }
.ic-intro__facts li:nth-child(3) svg { stroke: var(--ic-green); }
.ic-intro__facts li:nth-child(4) svg { stroke: var(--ic-orange); }

.ic-intro__facts strong {
  display: block;
  font-weight: 600;
  font-size: 1.02rem;
  color: var(--ic-navy);
  line-height: 1.35;
}

.ic-intro__facts span {
  display: block;
  font-size: .88rem;
  color: #666;
  margin-top: 2px;
}

/* ---------- Supporting note ---------- */
.ic-intro__note {
  font-size: .98rem;
  line-height: 1.8;
  color: #444;
  margin-bottom: 0 !important;
}

/* ---------- Strapline ---------- */
.ic-intro__strap {
  position: relative;
  font-weight: 600;
  font-size: 1.25rem !important;
  line-height: 1.65 !important;
  margin-top: 34px !important;
  margin-bottom: 0 !important;
  padding: 26px 26px 26px 48px !important;
  background: var(--ic-cream);
  border-radius: var(--ic-radius);
  overflow: hidden;
}

.ic-intro__strap::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 7px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    var(--ic-red) 0 25%,
    var(--ic-orange) 25% 50%,
    var(--ic-green) 50% 75%,
    var(--ic-teal) 75% 100%
  );
}

.ic-intro__strap span { display: block; }
.ic-intro__strap span:nth-child(1) { color: #555; }
.ic-intro__strap span:nth-child(2) { color: #555; }
.ic-intro__strap span:nth-child(3) {
  color: var(--ic-navy);
  font-weight: 700;
  font-size: 1.55rem;
  margin-top: 6px;
}
.ic-intro__strap b { font-weight: 700; }

/* ---------- Image + offset frame ---------- */
.ic-intro__media {
  position: relative;
  padding: 26px 0 0 26px;
}

.ic-intro__frame {
  position: absolute;
  top: 0; left: 0;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border: 7px solid var(--ic-teal);
  border-radius: 4px;
  z-index: 1;
}

.ic-intro__media img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 16px 38px rgba(0,0,0,.16);
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .ic-intro__grid { gap: 46px; }
  .ic-intro__splat-1 { --splat-w: 200px; --splat-h: 200px; right: -70px; }
  .ic-intro__splat-2 { --splat-w: 180px; --splat-h: 180px; left: -60px; }
  .ic-intro__splat-3 { --splat-w: 140px; --splat-h: 140px; right: 10px; }
  .ic-intro__splat-4 { --splat-w: 190px; --splat-h: 190px; left: -120px; }
  .ic-intro__splat-5 { --splat-w: 120px; --splat-h: 120px; right: -45px; }
}

/* Stacked layout — the two mid-height splats sat over the fact
   list, so they go; the three edge ones stay. */
@media (max-width: 860px) {
  .ic-intro { padding: 64px 20px; }
  .ic-intro__grid { grid-template-columns: 1fr; gap: 40px; }
  .ic-intro__media { order: -1; padding: 18px 0 0 18px; }
  .ic-intro__frame {
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    border-width: 5px;
  }

  .ic-intro__splat-3,
  .ic-intro__splat-4 { display: none; }

  .ic-intro__splat-1 { --splat-w: 160px; --splat-h: 160px; --splat-o: .8; top: -30px; right: -88px; }
  .ic-intro__splat-2 { --splat-w: 150px; --splat-h: 150px; --splat-o: .8; bottom: -35px; left: -85px; }
  .ic-intro__splat-5 { --splat-w: 120px; --splat-h: 120px; --splat-o: .7; bottom: 32%; right: -72px; }
}

@media (max-width: 480px) {
  .ic-intro { padding: 50px 20px; }
  .ic-intro__facts { gap: 16px; }
  .ic-intro__strap {
    font-size: 1.1rem !important;
    padding: 22px 20px 22px 38px !important;
  }
  .ic-intro__strap span:nth-child(3) { font-size: 1.3rem; }

  .ic-intro__splat-1 { --splat-w: 125px; --splat-h: 125px; right: -72px; }
  .ic-intro__splat-2 { --splat-w: 115px; --splat-h: 115px; left: -66px; }
  .ic-intro__splat-5 { --splat-w: 95px;  --splat-h: 95px;  right: -58px; }
}

/* ============================================
   FEATURE TILES
   ============================================ */
.ic-tiles {
  padding: 0 !important;
  background: #fff;
  overflow: visible;
}

.ic-tiles__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: stretch;
}

.ic-tiles__item {
  position: relative;
  min-height: 250px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 26px;
  text-align: center;
  color: #fff;
  transition: transform .3s ease;
  overflow: visible;
}

.ic-tiles__item svg {
  width: 40px;
  height: 40px;
  margin: 0 auto 16px;
  stroke: #fff;
  display: block;
}

.ic-tiles__item h3 {
  font-weight: 600;
  color: #fff !important;
  font-size: 1.15rem !important;
  letter-spacing: .5px;
  margin-bottom: 10px !important;
}

.ic-tiles__item p {
  font-weight: 400;
  font-size: .88rem;
  line-height: 1.55;
  opacity: .95;
  max-width: 190px;
  margin: 0 auto !important;
}

.ic-tiles__item:hover { transform: translateY(-5px); }

.ic-tiles__item--red    { background: var(--ic-red); }
.ic-tiles__item--teal   { background: var(--ic-teal); }
.ic-tiles__item--green  { background: var(--ic-green); }
.ic-tiles__item--orange { background: var(--ic-orange); }
.ic-tiles__item--yellow { background: var(--ic-yellow); }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .ic-tiles__item { min-height: 230px; padding: 40px 18px; }
  .ic-tiles__item h3 { font-size: 1rem !important; }
  .ic-tiles__item p { font-size: .82rem; }
  .ic-tiles__item svg { width: 34px; height: 34px; }
}

@media (max-width: 860px) {
  .ic-tiles__list { grid-template-columns: repeat(2, 1fr); }
  .ic-tiles__item { min-height: 250px; padding: 40px 22px; }
  .ic-tiles__item:last-child { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .ic-tiles__list { grid-template-columns: 1fr; }
  .ic-tiles__item { min-height: 210px; padding: 34px 22px; }
  .ic-tiles__item:last-child { grid-column: auto; }
  .ic-tiles__item p { max-width: 100%; }
}

/* ============================================
   GALLERY CAROUSEL
   ============================================ */
.ic-gallery {
  position: relative;
  background: var(--ic-cream);
  padding: 90px 20px;
  overflow: hidden;
}

.ic-gallery .ic-wrap {
  position: relative;
  z-index: 1;
}

/* ---------- Paint decor ---------- */
.ic-gallery__splat-1 {
  --splat-w: 260px; --splat-h: 260px;
  --splat-r: -24deg; --splat-o: 1;
  top: 70px; left: -80px;
}
.ic-gallery__splat-2 {
  --splat-w: 220px; --splat-h: 220px;
  --splat-r: 36deg; --splat-o: 1;
  top: 20px; right: -70px;
}
.ic-gallery__splat-3 {
  --splat-w: 240px; --splat-h: 240px;
  --splat-r: -14deg; --splat-o: 1;
  bottom: -60px; right: 8%;
}

.ic-gallery__eyebrow {
  font-size: .85rem !important;
  letter-spacing: 2.5px;
  color: var(--ic-red);
  margin-bottom: 8px !important;
}

.ic-gallery h2 {
  text-transform: none;
  margin-bottom: 44px !important;
}

/* ---------- Slides ---------- */
.ic-gallery__slider { margin-bottom: 44px; }

.ic-gallery .splide__slide {
  border-radius: var(--ic-radius);
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,.13);
  transition: transform .35s ease;
}
.ic-gallery .splide__slide:hover { transform: translateY(-6px); }

.ic-gallery .splide__slide img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}

/* ---------- Arrows ---------- */
.ic-gallery .splide__arrow {
  width: 46px;
  height: 46px;
  background: #fff;
  opacity: 1;
  box-shadow: 0 4px 14px rgba(0,0,0,.16);
  transition: background .2s, transform .2s;
}
.ic-gallery .splide__arrow:hover {
  background: var(--ic-navy);
  transform: scale(1.06);
}
.ic-gallery .splide__arrow svg { fill: var(--ic-navy); width: 18px; height: 18px; }
.ic-gallery .splide__arrow:hover svg { fill: #fff; }
.ic-gallery .splide__arrow--prev { left: -6px; }
.ic-gallery .splide__arrow--next { right: -6px; }

/* ---------- Pagination ---------- */
.ic-gallery .splide__pagination { bottom: -32px; }
.ic-gallery .splide__pagination__page {
  background: #c9c3b8;
  width: 9px;
  height: 9px;
  opacity: 1;
  margin: 0 4px;
}
.ic-gallery .splide__pagination__page.is-active {
  background: var(--ic-red);
  transform: scale(1.25);
}

/* ---------- CTA ---------- */
.ic-gallery__cta {
  text-align: center;
  margin-top: 20px;
}

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .ic-gallery { padding: 60px 20px; }
  .ic-gallery .splide__slide img { height: 240px; }
  .ic-gallery .splide__arrow { width: 38px; height: 38px; }
  .ic-gallery .splide__arrow--prev { left: 0; }
  .ic-gallery .splide__arrow--next { right: 0; }

  .ic-gallery__splat-1 { --splat-w: 160px; --splat-h: 160px; --splat-o: .8; top: 50px; left: -85px; }
  .ic-gallery__splat-2 { --splat-w: 140px; --splat-h: 140px; --splat-o: .8; top: 14px; right: -80px; }
  .ic-gallery__splat-3 { --splat-w: 150px; --splat-h: 150px; --splat-o: .75; bottom: -50px; right: 4%; }
}

@media (max-width: 480px) {
  .ic-gallery .splide__slide img { height: 220px; }
  .ic-gallery__cta .ic-btn { width: 100%; text-align: center; }

  .ic-gallery__splat-1 { --splat-w: 125px; --splat-h: 125px; top: 38px; left: -70px; }
  .ic-gallery__splat-2 { --splat-w: 110px; --splat-h: 110px; right: -64px; }
  .ic-gallery__splat-3 { --splat-w: 120px; --splat-h: 120px; bottom: -44px; right: 0; }
}

/* ============================================
   STATS BAR
   ============================================ */
.ic-stats {
  background: var(--ic-navy);
  padding: 52px 20px;
  color: #fff;
  overflow: hidden;
}

.ic-stats .ic-wrap { max-width: 1320px; }

.ic-stats__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 32px;
  align-items: center;
}

.ic-stats__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

/* divider between items */
.ic-stats__item + .ic-stats__item::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 42px;
  background: rgba(255,255,255,.18);
}

.ic-stats__item svg {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

.ic-stats__item:nth-child(1) svg { stroke: var(--ic-red); }
.ic-stats__item:nth-child(2) svg { stroke: var(--ic-teal); }
.ic-stats__item:nth-child(3) svg { stroke: var(--ic-yellow); }
.ic-stats__item:nth-child(4) svg { stroke: var(--ic-green); }
.ic-stats__item:nth-child(5) svg { stroke: var(--ic-orange); }

.ic-stats__item strong {
  display: block;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.05;
  letter-spacing: -.5px;
}

.ic-stats__item span {
  display: block;
  font-weight: 400;
  font-size: .82rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .82;
  margin-top: 3px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .ic-stats__item strong { font-size: 1.75rem; }
  .ic-stats__item svg { width: 28px; height: 28px; flex: 0 0 28px; }
  .ic-stats__item { gap: 12px; }
}

@media (max-width: 900px) {
  .ic-stats { padding: 44px 20px; }
  .ic-stats__list { grid-template-columns: repeat(3, 1fr); gap: 32px 20px; }
  .ic-stats__item + .ic-stats__item::before { display: none; }
  .ic-stats__item:last-child { grid-column: 2 / 3; }
}

@media (max-width: 600px) {
  .ic-stats__list { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
  .ic-stats__item:last-child { grid-column: 1 / -1; }
  .ic-stats__item strong { font-size: 1.55rem; }
  .ic-stats__item span { font-size: .72rem; letter-spacing: 1.4px; }
}

@media (max-width: 380px) {
  .ic-stats__item { flex-direction: column; gap: 8px; text-align: center; }
}

/* ============================================
   MEET THE ARTISTS — banner carousel
   ============================================ */
.ic-artists {
  position: relative;
  background: var(--ic-cream);
  padding: 90px 20px;
  overflow: hidden;
}

.ic-artists .ic-wrap {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

/* ---------- Paint decor ---------- */
.ic-artists__splat-1 {
  --splat-w: 260px; --splat-h: 260px;
  --splat-r: -26deg; --splat-o: 1;
  top: 40px; left: -85px;
}
.ic-artists__splat-2 {
  --splat-w: 230px; --splat-h: 230px;
  --splat-r: 32deg; --splat-o: 1;
  bottom: -50px; right: -75px;
}

/* ---------- Headings ---------- */
.ic-artists__eyebrow {
  font-family: 'Fredoka', sans-serif !important;
  font-size: .85rem !important;
  letter-spacing: 2.5px;
  color: var(--ic-red);
  margin-bottom: 8px !important;
}

.ic-artists h2 {
  text-transform: none;
  margin-bottom: 44px !important;
}

/* ---------- Slider ---------- */
.ic-artists__slider { margin-bottom: 40px; }

.ic-artists .splide__slide { height: auto; }

.ic-artists__banner {
  display: block;
  border-radius: var(--ic-radius);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  transition: transform .3s ease, box-shadow .3s ease;
}
.ic-artists__banner:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}
.ic-artists__banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Arrows ---------- */
.ic-artists .splide__arrow {
  width: 42px;
  height: 42px;
  background: #fff;
  opacity: 1;
  box-shadow: 0 4px 14px rgba(0,0,0,.16);
  transition: background .2s, transform .2s;
}
.ic-artists .splide__arrow:hover {
  background: var(--ic-navy);
  transform: scale(1.06);
}
.ic-artists .splide__arrow svg { fill: var(--ic-navy); width: 16px; height: 16px; }
.ic-artists .splide__arrow:hover svg { fill: #fff; }
.ic-artists .splide__arrow--prev { left: -8px; }
.ic-artists .splide__arrow--next { right: -8px; }

/* ---------- CTA ---------- */
.ic-artists__cta {
  margin-top: 8px;
  text-align: center;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .ic-artists__splat-1 { --splat-w: 180px; --splat-h: 180px; left: -80px; }
  .ic-artists__splat-2 { --splat-w: 160px; --splat-h: 160px; right: -75px; }
}

@media (max-width: 860px) {
  .ic-artists { padding: 60px 20px; }
  .ic-artists h2 { margin-bottom: 32px !important; }
  .ic-artists .splide__arrow { width: 36px; height: 36px; }
  .ic-artists .splide__arrow--prev { left: 0; }
  .ic-artists .splide__arrow--next { right: 0; }
  .ic-artists__splat-1 { --splat-w: 140px; --splat-h: 140px; --splat-o: .75; left: -78px; }
  .ic-artists__splat-2 { --splat-w: 130px; --splat-h: 130px; --splat-o: .75; right: -72px; }
}

@media (max-width: 480px) {
  .ic-artists { padding: 48px 20px; }
  .ic-artists__cta .ic-btn { width: 100%; text-align: center; }
  .ic-artists__splat-1 { --splat-w: 115px; --splat-h: 115px; left: -66px; }
  .ic-artists__splat-2 { --splat-w: 105px; --splat-h: 105px; right: -62px; }
}

/* ============================================
   PARTNER OFFERS
   ============================================ */
.ic-offers {
  position: relative;
  background: var(--ic-cream);
  padding: 90px 20px;
  overflow: hidden;
}

.ic-offers .ic-wrap {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

/* ---------- Paint decor ---------- */
.ic-offers__splat-1 {
  --splat-w: 250px; --splat-h: 250px;
  --splat-r: 20deg; --splat-o: .9;
  top: 60px; left: -80px;
}
.ic-offers__splat-2 {
  --splat-w: 240px; --splat-h: 240px;
  --splat-r: -30deg; --splat-o: .85;
  bottom: -40px; right: -80px;
}

/* ---------- Headings ---------- */
.ic-offers__eyebrow {
  font-size: .85rem !important;
  letter-spacing: 2.5px;
  color: var(--ic-red);
  margin-bottom: 8px !important;
}

.ic-offers h2 {
  text-transform: none;
  margin-bottom: 44px !important;
}

/* ---------- Slider ---------- */
.ic-offers__slider { margin-bottom: 40px; }

.ic-offers .splide__slide { height: auto; }

.ic-offers__banner {
  display: block;
  border-radius: var(--ic-radius);
  overflow: hidden;
  transition: transform .3s ease;
}
.ic-offers__banner:hover { transform: translateY(-6px); }

.ic-offers__banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Arrows ---------- */
.ic-offers .splide__arrow {
  width: 42px;
  height: 42px;
  background: #fff;
  opacity: 1;
  box-shadow: 0 4px 14px rgba(0,0,0,.16);
  transition: background .2s, transform .2s;
}
.ic-offers .splide__arrow:hover {
  background: var(--ic-navy);
  transform: scale(1.06);
}
.ic-offers .splide__arrow svg { fill: var(--ic-navy); width: 16px; height: 16px; }
.ic-offers .splide__arrow:hover svg { fill: #fff; }
.ic-offers .splide__arrow--prev { left: -8px; }
.ic-offers .splide__arrow--next { right: -8px; }

/* ---------- CTA ---------- */
.ic-offers__cta {
  text-align: center;
  margin-top: 8px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .ic-offers__splat-1 { --splat-w: 180px; --splat-h: 180px; left: -80px; }
  .ic-offers__splat-2 { --splat-w: 170px; --splat-h: 170px; right: -78px; }
}

@media (max-width: 860px) {
  .ic-offers { padding: 60px 20px; }
  .ic-offers h2 { margin-bottom: 32px !important; }
  .ic-offers .splide__arrow { width: 36px; height: 36px; }
  .ic-offers .splide__arrow--prev { left: 0; }
  .ic-offers .splide__arrow--next { right: 0; }
  .ic-offers__splat-1 { --splat-w: 140px; --splat-h: 140px; --splat-o: .75; left: -78px; }
  .ic-offers__splat-2 { --splat-w: 130px; --splat-h: 130px; --splat-o: .75; right: -72px; }
}

@media (max-width: 480px) {
  .ic-offers { padding: 48px 20px; }
  .ic-offers__cta .ic-btn { width: 100%; text-align: center; }
  .ic-offers__splat-1 { --splat-w: 115px; --splat-h: 115px; left: -66px; }
  .ic-offers__splat-2 { --splat-w: 105px; --splat-h: 105px; right: -62px; }
}

/* ============================================
   WHAT'S ON
   ============================================ */
.ic-whatson {
  position: relative;
  background: #fff;
  padding: 90px 20px;
  overflow: hidden;
}

.ic-whatson .ic-wrap {
  position: relative;
  z-index: 1;
}

/* ---------- Paint decor: corners ---------- */
.ic-whatson__splat-tl1 { --splat-w: 340px; --splat-h: 340px; --splat-r: -18deg; --splat-o: 1;  top: -80px;  left: -110px; }
.ic-whatson__splat-tl2 { --splat-w: 250px; --splat-h: 250px; --splat-r: 22deg;  --splat-o: .9; top: 30px;   left: -150px; }

.ic-whatson__splat-tr1 { --splat-w: 330px; --splat-h: 330px; --splat-r: 28deg;  --splat-o: 1;  top: -70px;  right: -115px; }
.ic-whatson__splat-tr2 { --splat-w: 240px; --splat-h: 240px; --splat-r: -20deg; --splat-o: .9; top: 45px;   right: -145px; }

.ic-whatson__splat-bl1 { --splat-w: 320px; --splat-h: 320px; --splat-r: 14deg;  --splat-o: 1;  bottom: -85px; left: -115px; }
.ic-whatson__splat-bl2 { --splat-w: 240px; --splat-h: 240px; --splat-r: -26deg; --splat-o: .9; bottom: 25px;  left: -150px; }

.ic-whatson__splat-br1 { --splat-w: 320px; --splat-h: 320px; --splat-r: -22deg; --splat-o: 1;  bottom: -80px; right: -110px; }
.ic-whatson__splat-br2 { --splat-w: 230px; --splat-h: 230px; --splat-r: 18deg;  --splat-o: .9; bottom: 30px;  right: -145px; }

/* ---------- Paint decor: middle ---------- */
.ic-whatson__splat-mid1 {
  --splat-w: 220px; --splat-h: 220px;
  --splat-r: -12deg; --splat-o: 0.9;
  top: 46%; left: 3%;
  z-index: 0;
}
.ic-whatson__splat-mid2 {
  --splat-w: 200px; --splat-h: 200px;
  --splat-r: 16deg; --splat-o: 1;
  top: 60%; right: 3%;
  z-index: 0;
}

/* ---------- Heading ---------- */
.ic-whatson h2 { text-align: center; }

/* ---------- Meta: navy date (plain) + white banner on paint ---------- */
.ic-whatson__meta {
  text-align: center;
  margin: 0 0 80px;
}

.ic-whatson__date {
  color: var(--ic-navy);          /* signature heading dark blue */
  font-family: 'Fredoka', sans-serif;
  font-weight: 800;
  font-size: 1.65rem;
  margin: 0 0 18px !important;
  background: none !important;
}

.ic-whatson__banner {
  display: inline-block;
  color: #fff;
  font-family: 'Fredoka', sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0,0,0,.4);
  line-height: 1;
  padding: 30px 70px;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: url('/wp-content/uploads/2026/08/Paint-splash-03.png') !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

/* ---------- Activities row — solid circles ---------- */
.ic-whatson__activities {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 24px;
  max-width: 1320px;
  margin: 0 auto 110px;
  padding: 0;
  list-style: none;
}

.ic-whatson__activity { text-align: center; }

.ic-whatson__icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: #fff;
}
.ic-whatson__icon svg { width: 40px; height: 40px; }

.ic-whatson__activity--purple .ic-whatson__icon { background: var(--ic-purple); }
.ic-whatson__activity--orange .ic-whatson__icon { background: var(--ic-orange); }
.ic-whatson__activity--teal   .ic-whatson__icon { background: var(--ic-teal); }
.ic-whatson__activity--red    .ic-whatson__icon { background: var(--ic-red); }
.ic-whatson__activity--green  .ic-whatson__icon { background: var(--ic-green); }
.ic-whatson__activity--yellow .ic-whatson__icon { background: var(--ic-yellow); }
.ic-whatson__activity--navy   .ic-whatson__icon { background: var(--ic-navy); }

.ic-whatson__activity h4 {
  font-family: 'Fredoka', sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: .3px;
  color: var(--ic-navy);
  margin-bottom: 4px !important;
}

.ic-whatson__activity p {
  font-size: .82rem;
  line-height: 1.4;
  color: #666;
  margin: 0 !important;
}

/* ---------- Day columns ---------- */
.ic-whatson__days {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  max-width: 1100px;
  margin: 0 auto;
  align-items: start;
  text-align: left;
}

.ic-whatson__daylabel {
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff !important;
  padding: 26px 14px;
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ic-radius);
  background-color: transparent !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-shadow: 0 1px 5px rgba(0,0,0,.4);
  margin-bottom: 26px !important;
}

.ic-whatson__daylabel--sat {
  background-image: url('/wp-content/uploads/2026/08/Paint-splash-02.png');
}

.ic-whatson__daylabel--sun {
  background-image: url('/wp-content/uploads/2026/08/Paint-splash-01.png');
}

/* ---------- Event list ---------- */
.ic-whatson__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ic-whatson__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 6px;      /* uniform side padding so the feature card can't clip */
  background: none;
  border: none;
}

/* ---------- Time chip (boxed) ---------- */
.ic-whatson__time {
  flex: 0 0 auto;
  min-width: 62px;
  text-align: center;
  padding: 6px 10px;
  border-radius: 8px;
  color: #fff;
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  font-size: .82rem;
}
.ic-whatson__time--purple { background: var(--ic-purple); }
.ic-whatson__time--navy   { background: var(--ic-navy); }
.ic-whatson__time--teal   { background: var(--ic-teal); }
.ic-whatson__time--red    { background: var(--ic-red); }

.ic-whatson__what {
  font-weight: 600;
  font-size: 1.05rem;
  color: #333;
}

.ic-whatson__what--purple { color: var(--ic-purple); }
.ic-whatson__what--teal   { color: var(--ic-teal); }
.ic-whatson__what--navy   { color: var(--ic-navy); }
.ic-whatson__what--red    { color: var(--ic-red); font-weight: 700; }

/* ---------- DJ Limelight feature ---------- */
.ic-whatson__feature {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--ic-purple);
  color: #fff;
  padding: 18px 22px 18px 26px;
  border-radius: var(--ic-radius);
  margin: 4px 6px;     /* matches the list item side padding, no extra left offset */
}

.ic-whatson__feature-icon {
  flex: 0 0 46px;
  min-width: 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.ic-whatson__feature-icon svg {
  width: 22px;
  height: 22px;
  stroke: #fff;
  flex-shrink: 0;
}

.ic-whatson__feature-text { display: flex; flex-direction: column; gap: 2px; }
.ic-whatson__feature-text strong {
  font-family: 'Fredoka', sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.ic-whatson__feature-text span { font-size: .85rem; opacity: .92; line-height: 1.5; }

/* ---------- CTA ---------- */
.ic-whatson__cta {
  text-align: center;
  margin-top: 56px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
  .ic-whatson__activities { grid-template-columns: repeat(4, 1fr); row-gap: 44px; margin-bottom: 90px; }
}

@media (max-width: 1024px) {
  .ic-whatson__splat-tl1 { --splat-w: 220px; --splat-h: 220px; left: -80px; }
  .ic-whatson__splat-tl2 { --splat-w: 170px; --splat-h: 170px; left: -110px; }
  .ic-whatson__splat-tr1 { --splat-w: 210px; --splat-h: 210px; right: -80px; }
  .ic-whatson__splat-tr2 { --splat-w: 160px; --splat-h: 160px; right: -105px; }
  .ic-whatson__splat-bl1 { --splat-w: 210px; --splat-h: 210px; left: -80px; }
  .ic-whatson__splat-bl2 { --splat-w: 160px; --splat-h: 160px; left: -110px; }
  .ic-whatson__splat-br1 { --splat-w: 210px; --splat-h: 210px; right: -75px; }
  .ic-whatson__splat-br2 { --splat-w: 155px; --splat-h: 155px; right: -105px; }
  .ic-whatson__splat-mid1,
  .ic-whatson__splat-mid2 { --splat-w: 150px; --splat-h: 150px; }
}

@media (max-width: 860px) {
  .ic-whatson { padding: 60px 20px; }
  .ic-whatson__activities { margin-bottom: 64px; }
  .ic-whatson__days { grid-template-columns: 1fr; gap: 44px; }
  .ic-whatson__meta { margin-bottom: 60px; }
  .ic-whatson__date { font-size: 1.4rem; }
  .ic-whatson__banner { font-size: 1.05rem; padding: 26px 50px; }

  .ic-whatson__splat-tl1 { --splat-w: 150px; --splat-h: 150px; --splat-o: .75; top: -45px; left: -60px; }
  .ic-whatson__splat-tl2 { display: none; }
  .ic-whatson__splat-tr1 { --splat-w: 140px; --splat-h: 140px; --splat-o: .75; top: -40px; right: -60px; }
  .ic-whatson__splat-tr2 { display: none; }
  .ic-whatson__splat-bl1 { --splat-w: 140px; --splat-h: 140px; --splat-o: .7; bottom: -50px; left: -60px; }
  .ic-whatson__splat-bl2 { display: none; }
  .ic-whatson__splat-br1 { --splat-w: 135px; --splat-h: 135px; --splat-o: .7; bottom: -45px; right: -60px; }
  .ic-whatson__splat-br2 { display: none; }
  .ic-whatson__splat-mid1,
  .ic-whatson__splat-mid2 { display: none; }
}

@media (max-width: 600px) {
  .ic-whatson__activities { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .ic-whatson__meta { margin-bottom: 50px; }
  .ic-whatson__date { font-size: 1.2rem; }
  .ic-whatson__banner { font-size: .9rem; letter-spacing: 1px; padding: 22px 34px; }
  .ic-whatson__icon { width: 80px; height: 80px; }
  .ic-whatson__icon svg { width: 34px; height: 34px; }
  .ic-whatson__daylabel { font-size: 1rem; min-height: 78px; padding: 20px 10px; }
  .ic-whatson__feature { padding: 16px 18px 16px 24px; }
  .ic-whatson__cta .ic-btn { width: 100%; text-align: center; }
}