/* SPICE – HERO SUB-KAPITEL */
.spice-hero-subchapters-block { width:100%; box-sizing:border-box; font-family:inherit; color:#24282a; }
.spice-hero-subchapters__section-head { display:flex; align-items:center; gap:18px; margin:0 0 30px; }
.spice-hero-subchapters__section-label,
.spice-hero-subchapters__eyebrow,
.spice-hero-subchapters__card-label { font-size:10px; line-height:1.3; font-weight:700; letter-spacing:.20em; text-transform:uppercase; color:#92979a; }
.spice-hero-subchapters__section-label { flex:0 0 auto; }
.spice-hero-subchapters__section-line { flex:1 1 auto; height:1px; background:#d9d9d9; }
.spice-hero-subchapters__header { max-width:900px; margin:0 0 34px; }
.spice-hero-subchapters__eyebrow { display:block; margin-bottom:14px; }
.spice-hero-subchapters__title { margin:0; font-size:clamp(34px,3.5vw,56px); line-height:1.05; font-weight:520; letter-spacing:-.045em; color:#1f2224; }
.spice-hero-subchapters__text { max-width:820px; margin:15px 0 0; font-size:15px; line-height:1.7; color:#747b7f; }


/* Optional buttons in the upper hero area. */
.spice-hero-subchapters__buttons { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.spice-hero-subchapters__button {
  min-height:58px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:20px;
  padding:16px 27px; border-radius:10px; font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.10em;
  text-transform:uppercase; text-decoration:none!important; transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}
.spice-hero-subchapters__button--primary,
.spice-hero-subchapters__button--tertiary { background:#242424; border:1px solid #242424; color:#fff!important; }
.spice-hero-subchapters__button--secondary,
.spice-hero-subchapters__button--quaternary { background:#fff; border:1px solid #d1d1d1; color:#393939!important; }
.spice-hero-subchapters__button-arrow { display:inline-block; font-size:16px; line-height:1; font-weight:500; transform:translateX(0); transition:transform 180ms cubic-bezier(.2,.7,.2,1); }
@media (hover:hover) and (pointer:fine) {
  .spice-hero-subchapters__button:hover, .spice-hero-subchapters__button:focus-visible { transform:translateY(-2px); }
  .spice-hero-subchapters__button:hover .spice-hero-subchapters__button-arrow, .spice-hero-subchapters__button:focus-visible .spice-hero-subchapters__button-arrow { transform:translateX(5px); }
  .spice-hero-subchapters__button--primary:hover, .spice-hero-subchapters__button--primary:focus-visible,
  .spice-hero-subchapters__button--tertiary:hover, .spice-hero-subchapters__button--tertiary:focus-visible { background:#151515; border-color:#151515; box-shadow:0 8px 20px rgba(0,0,0,.12); }
  .spice-hero-subchapters__button--secondary:hover, .spice-hero-subchapters__button--secondary:focus-visible,
  .spice-hero-subchapters__button--quaternary:hover, .spice-hero-subchapters__button--quaternary:focus-visible { background:#f6f6f6; border-color:#bdbdbd; box-shadow:0 7px 18px rgba(0,0,0,.055); }
}
.spice-hero-subchapters__button:active { transform:translateY(0) scale(.985); }
@media (prefers-reduced-motion: reduce) { .spice-hero-subchapters__button, .spice-hero-subchapters__button-arrow { transition:none!important; } }

.spice-hero-subchapters__rows { display:flex; flex-direction:column; gap:14px; }
.spice-hero-subchapters__row { display:grid; gap:14px; width:100%; }
.spice-hero-subchapters__row--1 { grid-template-columns:minmax(0,1fr); }
.spice-hero-subchapters__row--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.spice-hero-subchapters__row--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.spice-hero-subchapters__row--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.spice-hero-subchapters__card { position:relative; min-width:0; min-height:315px; overflow:hidden; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:15px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.018); }
.spice-hero-subchapters__card-link { position:relative; display:flex; flex-direction:column; min-height:315px; box-sizing:border-box; padding:31px 32px 27px; color:inherit!important; text-decoration:none!important; outline:none; }
.spice-hero-subchapters__accent { position:absolute; top:0; left:28px; width:48px; height:3px; background:#292929; }
.spice-hero-subchapters__ghost-number { position:absolute; top:5px; right:18px; font-size:clamp(70px,7.5vw,118px); line-height:1; font-weight:520; letter-spacing:-.08em; color:rgba(30,30,30,.035); pointer-events:none; user-select:none; }
.spice-hero-subchapters__card-meta { position:relative; z-index:1; min-height:23px; display:flex; align-items:baseline; gap:7px; margin-bottom:20px; }
.spice-hero-subchapters__card-number { font-size:10px; line-height:1.3; font-weight:700; letter-spacing:.16em; color:#a4a8aa; }
.spice-hero-subchapters__card-title { position:relative; z-index:1; margin:0; font-size:clamp(22px,2vw,31px); line-height:1.13; font-weight:560; letter-spacing:-.035em; color:#2b2f31; }
.spice-hero-subchapters__card-lead { position:relative; z-index:1; margin:9px 0 0; font-size:14px; line-height:1.45; font-weight:530; color:#646b6f; }
.spice-hero-subchapters__card-text { position:relative; z-index:1; margin:22px 0 28px; font-size:13px; line-height:1.65; color:#868c90; }
.spice-hero-subchapters__card-cta { position:relative; z-index:1; display:inline-flex; align-items:center; gap:10px; margin-top:auto; font-size:9px; line-height:1.3; font-weight:760; letter-spacing:.17em; text-transform:uppercase; color:#62686b; }
@media (hover:hover) and (pointer:fine) {
  .spice-hero-subchapters__card { transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
  .spice-hero-subchapters__card:hover { transform:translateY(-2px); border-color:#bfc1c2; box-shadow:0 11px 28px rgba(0,0,0,.045); }
  .spice-hero-subchapters__card:hover .spice-hero-subchapters__card-cta { color:#202426; }
}
.spice-hero-subchapters__card-link:focus-visible { box-shadow:inset 0 0 0 2px #2f5fff; border-radius:14px; }
.spice-hero-subchapters__add-wrap { display:none; }
@media (max-width:1100px) {
  .spice-hero-subchapters__row--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .spice-hero-subchapters__row--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .spice-hero-subchapters__row--3 .spice-hero-subchapters__card:last-child { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .spice-hero-subchapters__section-head { margin-bottom:24px; gap:12px; }
  .spice-hero-subchapters__header { margin-bottom:26px; }
  .spice-hero-subchapters__title { font-size:clamp(32px,9.5vw,48px); }
  .spice-hero-subchapters__text { font-size:14px; }
  .spice-hero-subchapters__buttons { margin-top:25px; }
  .spice-hero-subchapters__button { width:100%; min-height:55px; padding:15px 20px; }
  .spice-hero-subchapters__row,
  .spice-hero-subchapters__row--1,
  .spice-hero-subchapters__row--2,
  .spice-hero-subchapters__row--3,
  .spice-hero-subchapters__row--4 { grid-template-columns:1fr; }
  .spice-hero-subchapters__row--3 .spice-hero-subchapters__card:last-child { grid-column:auto; }
  .spice-hero-subchapters__card,
  .spice-hero-subchapters__card-link { min-height:285px; }
  .spice-hero-subchapters__card-link { padding:28px 26px 24px; }
}