.case-hero.catalogue-hero{width:100%;min-height:0;margin:0;border-radius:0;background:var(--bg);color:var(--ink);text-align:center}
.case-hero.catalogue-hero::before{display:none}
.case-hero.catalogue-hero>.wrap{width:min(1200px,calc(100% - 80px))}
.catalogue-hero .hero-copy{max-width:1100px;margin-inline:auto;padding:64px 0 44px}
.catalogue-hero .hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;margin-bottom:24px;border:1px solid #e8e2f4;border-radius:30px;background:#faf8ff;color:#807096;font-size:11px;font-weight:650}
.catalogue-hero .hero-copy .eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:#7144e8}
.catalogue-hero h1{font-family:Manrope,Inter,'Segoe UI',Arial,sans-serif;font-size:60px;font-weight:660;line-height:1.06;margin:0 0 23px;text-wrap:balance}
.catalogue-hero h1 span{color:var(--brand)}
.catalogue-hero .hero-copy>p:not(.eyebrow){max-width:900px;margin:0 auto 27px;color:var(--muted);font-size:18px;line-height:1.7}
.catalogue-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.catalogue-hero .hero-copy .button{background:#7144e8;border-color:#7144e8;color:#fff;min-height:53px;padding:14px 24px}
.catalogue-hero .hero-copy .button:hover{background:#5e32cb;border-color:#5e32cb}
.catalogue-hero .hero-copy .button.outline{background:var(--bg);color:var(--ink);border-color:var(--line)}
.catalogue-hero .hero-copy .button.outline:hover{background:var(--surface)}
.catalogue-sectors{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:0;margin:20px 0 0;color:var(--muted);font-size:12px}
.catalogue-sectors li{display:inline-flex;align-items:center;gap:7px}
.catalogue-sectors li::before{content:'\2713';color:var(--brand)}
@media(max-width:1100px){.case-hero.catalogue-hero>.wrap{width:calc(100% - 56px)}.catalogue-hero h1{font-size:50px}}
@media(max-width:800px){.catalogue-hero h1{font-size:38px}.catalogue-hero .hero-copy{padding:48px 0 36px}}
@media(max-width:580px){.case-hero.catalogue-hero>.wrap{width:calc(100% - 36px)}.catalogue-hero h1{font-size:34px}.catalogue-hero .hero-copy{padding:36px 0 28px}.catalogue-hero .hero-copy>p:not(.eyebrow){font-size:16px}.catalogue-hero .hero-copy .eyebrow{font-size:10px}.catalogue-sectors{gap:8px 16px}.catalogue-actions .button{min-width:210px}}
.catalogue-hero .hero-copy{font-family:Inter,'Segoe UI',Arial,sans-serif}
.catalogue-hero .hero-copy .eyebrow{font-weight:650;line-height:1.7}
.catalogue-hero .hero-copy .button{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:600;line-height:normal}
@media(min-width:901px) and (max-width:1100px){.catalogue-hero h1{font-size:46px}}
@media(min-width:651px) and (max-width:900px){.catalogue-hero h1{font-size:50px}.catalogue-hero .hero-copy>p:not(.eyebrow){font-size:17px}}
@media(max-width:650px){.catalogue-hero h1{font-size:38px;line-height:1.09}.catalogue-hero .hero-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:420px){.catalogue-hero h1{font-size:30px;line-height:1.12}.catalogue-hero .hero-copy .button{font-size:13px}}
@media(max-width:580px){.catalogue-hero .hero-copy .eyebrow{padding:7px 9px;margin-bottom:22px}}
@media screen{html[data-theme=dark] .catalogue-hero .hero-copy .eyebrow{color:#b49aff;background:#2b2241;border-color:#36323f}html[data-theme=dark] .catalogue-hero .hero-copy .eyebrow::before{background:#8051eb}}
@media print{.catalogue-hero .hero-copy{padding:20px 0}.catalogue-actions{display:none}}

/* Catalogue cards without coloured top stripes. */
.catalogue .case-card>.case-cta{align-self:flex-start;width:240px;max-width:100%;margin-top:auto}
.catalogue .case-card{border-top:0}

/* Subtle shading at the bottom of the three catalogue cards. */
.catalogue .case-card{background:linear-gradient(to bottom,#fff 65%,#f3f4f6 100%)}
@media screen{html[data-theme=dark] .catalogue .case-card{background:linear-gradient(to bottom,#19181d 65%,#242329 100%)}}