.skella-home-section {
    position: relative;
    overflow: clip;
    padding-block: var(--sk-section-space);
}

.skella-home-section::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: min(24vw, 220px);
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--sk-color-primary) 45%, transparent), transparent);
    opacity: .55;
    pointer-events: none;
}

.skella-home-section + .skella-home-section {
    border-top: 1px solid color-mix(in srgb, var(--sk-color-border) 76%, transparent);
}

.skella-bg-default {
    background: var(--sk-color-background);
}

.skella-bg-surface {
    background: var(--sk-color-surface);
}

.skella-bg-primary {
    background: var(--sk-color-primary);
    color: var(--sk-color-on-primary);
}

.skella-bg-secondary {
    background: var(--sk-color-secondary);
    color: var(--sk-color-on-secondary);
}

.skella-bg-primary h1,
.skella-bg-primary h2,
.skella-bg-primary h3,
.skella-bg-secondary h1,
.skella-bg-secondary h2,
.skella-bg-secondary h3 {
    color: inherit;
}

.skella-bg-primary .skella-lead,
.skella-bg-primary .skella-eyebrow,
.skella-bg-secondary .skella-lead,
.skella-bg-secondary .skella-eyebrow {
    color: color-mix(in srgb, currentColor 78%, transparent);
}

.skella-section-heading {
    width: min(100%, 700px);
    margin-bottom: clamp(28px, 4.5vw, 52px);
}

.skella-layout-centered .skella-section-heading {
    margin-inline: auto;
    text-align: center;
}

.skella-section-heading h2 {
    margin-bottom: .45em;
}

.skella-section-heading .skella-lead {
    margin-bottom: 0;
}

.skella-section-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
    margin-top: 28px;
}

.skella-button--light {
    background: var(--sk-color-background);
    color: var(--sk-color-secondary);
}

.skella-button--light:hover {
    background: color-mix(in srgb, var(--sk-color-background) 92%, var(--sk-color-primary));
    color: var(--sk-color-secondary);
}

.skella-text-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: inherit;
    font-weight: 760;
    text-decoration: none;
}

.skella-text-link span {
    transition: transform var(--sk-transition-fast);
}

.skella-text-link:hover span {
    transform: translateX(3px);
}

.skella-bg-primary .skella-text-link:hover,
.skella-bg-secondary .skella-text-link:hover {
    color: inherit;
}

.skella-section-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 28px);
}

.skella-section-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    border: 1px solid color-mix(in srgb, var(--sk-color-border) 86%, transparent);
    border-radius: var(--sk-radius-lg);
    padding: clamp(1.35rem, 2.8vw, 2rem);
    background: linear-gradient(180deg, color-mix(in srgb, var(--sk-color-background) 98%, transparent), color-mix(in srgb, var(--sk-color-surface) 98%, transparent));
    box-shadow: var(--sk-shadow-sm);
}

.skella-section-card h3 {
    margin-bottom: .5rem;
    font-size: clamp(1.16rem, 1.55vw, 1.5rem);
}

.skella-section-card p:last-child {
    margin-bottom: 0;
}

.skella-section-card::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--sk-color-primary) 45%, transparent), transparent 60%);
    opacity: .8;
    pointer-events: none;
}

.skella-card-index,
.skella-card-meta {
    display: inline-flex;
    margin-bottom: 1rem;
    color: var(--sk-color-primary-strong);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.skella-bg-primary .skella-section-card,
.skella-bg-secondary .skella-section-card {
    border-color: color-mix(in srgb, currentColor 20%, transparent);
    background: color-mix(in srgb, currentColor 7%, transparent);
    color: inherit;
    box-shadow: none;
}

.skella-bg-primary .skella-card-index,
.skella-bg-primary .skella-card-meta,
.skella-bg-secondary .skella-card-index,
.skella-bg-secondary .skella-card-meta {
    color: inherit;
    opacity: .72;
}

.skella-hero__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
    align-items: center;
    gap: clamp(42px, 7vw, 86px);
}

.skella-hero__content {
    max-width: 700px;
}

.skella-hero__content h1 {
    max-width: 11ch;
    margin-bottom: .3em;
    letter-spacing: -.045em;
}

.skella-hero__content .skella-lead {
    max-width: 560px;
    margin-bottom: 0;
}

.skella-hero__media,
.skella-hero__visual,
.skella-about__media {
    min-height: clamp(320px, 44vw, 560px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--sk-color-border) 84%, transparent);
    border-radius: var(--sk-radius-xl);
    background: linear-gradient(145deg, color-mix(in srgb, var(--sk-color-primary) 8%, var(--sk-color-surface)), color-mix(in srgb, var(--sk-color-background) 96%, transparent));
    box-shadow: var(--sk-shadow-md);
}

.skella-section-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.skella-hero__visual {
    position: relative;
    display: grid;
    place-items: center;
    isolation: isolate;
}

.skella-section-hero::after {
    content: "";
    position: absolute;
    top: 8%;
    right: -8%;
    width: min(38vw, 420px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--sk-color-primary) 10%, transparent) 0%, transparent 72%);
    pointer-events: none;
    z-index: 0;
}

.skella-section-hero .skella-container {
    position: relative;
    z-index: 1;
}

.skella-hero__visual::before,
.skella-hero__visual::after,
.skella-hero__visual span {
    position: absolute;
    border-radius: 999px;
}

.skella-hero__visual::before {
    content: "";
    width: 62%;
    aspect-ratio: 1;
    background: color-mix(in srgb, var(--sk-color-primary) 22%, transparent);
    filter: blur(2px);
}

.skella-hero__visual::after {
    content: "";
    width: 38%;
    aspect-ratio: 1;
    transform: translate(28%, -34%);
    background: color-mix(in srgb, var(--sk-color-accent) 35%, transparent);
}

.skella-hero__visual span:nth-child(1) {
    width: 74%;
    height: 74%;
    border: 1px solid color-mix(in srgb, var(--sk-color-primary) 28%, transparent);
}

.skella-hero__visual span:nth-child(2) {
    width: 48%;
    height: 48%;
    border: 1px solid color-mix(in srgb, var(--sk-color-secondary) 18%, transparent);
}

.skella-hero__visual span:nth-child(3) {
    width: 20%;
    height: 20%;
    background: color-mix(in srgb, var(--sk-color-background) 72%, transparent);
    box-shadow: 0 24px 70px color-mix(in srgb, var(--sk-color-secondary) 18%, transparent);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.skella-section-hero.skella-layout-centered .skella-hero__inner {
    grid-template-columns: 1fr;
    text-align: center;
}

.skella-section-hero.skella-layout-centered .skella-hero__content {
    margin-inline: auto;
}

.skella-section-hero.skella-layout-centered .skella-hero__content h1,
.skella-section-hero.skella-layout-centered .skella-hero__content .skella-lead {
    margin-inline: auto;
}

.skella-section-hero.skella-layout-centered .skella-section-actions {
    justify-content: center;
}

.skella-section-hero.skella-layout-centered .skella-hero__media,
.skella-section-hero.skella-layout-centered .skella-hero__visual {
    min-height: clamp(300px, 42vw, 500px);
}

.skella-section-hero.skella-layout-executive .skella-hero__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
}

.skella-section-hero.skella-layout-editorial .skella-hero__content h1 {
    max-width: 15ch;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
}

.skella-trust-grid.skella-section-grid,
.skella-section-trust.skella-layout-stats .skella-section-grid {
    align-items: stretch;
}

.skella-section-trust.skella-layout-compact .skella-section-grid {
    gap: 12px;
}

.skella-section-trust.skella-layout-compact .skella-section-card {
    padding: 1.15rem 1.3rem;
    box-shadow: none;
}

.skella-section-services.skella-layout-editorial .skella-services-grid {
    grid-template-columns: 1fr;
}

.skella-section-services.skella-layout-editorial .skella-service-card {
    display: grid;
    grid-template-columns: 70px minmax(180px, .7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: 24px;
    box-shadow: none;
}

.skella-section-services.skella-layout-editorial .skella-service-card .skella-card-index,
.skella-section-services.skella-layout-editorial .skella-service-card h3,
.skella-section-services.skella-layout-editorial .skella-service-card p {
    margin: 0;
}

.skella-section-services.skella-layout-minimal .skella-section-card {
    border-width: 0 0 1px;
    border-radius: 0;
    padding-inline: 0;
    background: transparent;
    box-shadow: none;
}

.skella-about__inner,
.skella-contact__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    align-items: center;
    gap: clamp(42px, 7vw, 88px);
}

.skella-about__content .skella-section-heading {
    margin-bottom: 0;
}

.skella-about__media--placeholder {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 430px;
}

.skella-about__mark {
    width: 62%;
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--sk-color-primary) 24%, transparent);
    border-radius: 36% 64% 56% 44% / 45% 42% 58% 55%;
    background: linear-gradient(180deg, color-mix(in srgb, var(--sk-color-primary) 12%, transparent), color-mix(in srgb, var(--sk-color-accent) 10%, transparent));
    box-shadow: 0 36px 90px color-mix(in srgb, var(--sk-color-secondary) 12%, transparent);
}

.skella-about__mark span {
    display: block;
    width: 42%;
    aspect-ratio: 1;
    margin: 29%;
    border-radius: 50%;
    background: color-mix(in srgb, var(--sk-color-accent) 28%, transparent);
}

.skella-section-about.skella-layout-editorial .skella-about__inner {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
}

.skella-process-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.skella-process-step {
    position: relative;
    min-height: 250px;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--sk-color-border) 84%, transparent);
    border-radius: var(--sk-radius-lg);
    padding: 1.5rem 1.35rem 1.35rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--sk-color-background) 98%, transparent), color-mix(in srgb, var(--sk-color-surface) 98%, transparent));
    box-shadow: var(--sk-shadow-xs);
}

.skella-process-step__number {
    display: inline-flex;
    margin-bottom: clamp(2rem, 6vw, 5rem);
    color: var(--sk-color-primary-strong);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.skella-process-step h3 {
    margin-bottom: .55rem;
}

.skella-process-step p {
    margin: 0;
    color: var(--sk-color-muted);
}

.skella-section-process.skella-layout-timeline .skella-process-list {
    grid-template-columns: 1fr;
    max-width: 860px;
}

.skella-section-process.skella-layout-timeline .skella-process-step {
    display: grid;
    grid-template-columns: 90px 1fr;
    min-height: 0;
    gap: 20px;
    padding: 1.5rem 1.45rem;
}

.skella-section-process.skella-layout-timeline .skella-process-step__number {
    margin: 0;
}

.skella-team-avatar {
    display: block;
    width: 64px;
    height: 64px;
    margin-bottom: 1.2rem;
    border: 1px solid color-mix(in srgb, var(--sk-color-primary) 24%, transparent);
    border-radius: 50%;
    background: linear-gradient(145deg, color-mix(in srgb, var(--sk-color-primary) 14%, transparent), color-mix(in srgb, var(--sk-color-accent) 17%, transparent));
}

.skella-section-team.skella-layout-featured .skella-team-grid,
.skella-section-testimonials.skella-layout-featured .skella-testimonial-grid {
    grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, .9fr));
}

.skella-testimonial-card blockquote {
    margin: 0 0 1.4rem;
    border: 0;
    padding: 0;
    font-size: 1.15rem;
}

.skella-testimonial-card figcaption {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    color: var(--sk-color-muted);
    font-size: .9rem;
}

.skella-testimonial-card figcaption strong {
    color: var(--sk-color-secondary);
}

.skella-faq__inner {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    align-items: start;
    gap: clamp(36px, 7vw, 86px);
}

.skella-faq__inner .skella-section-heading {
    margin-bottom: 0;
}

.skella-faq-list {
    border-top: 1px solid var(--sk-color-border);
}

.skella-faq-item {
    border-bottom: 1px solid var(--sk-color-border);
}

.skella-faq-item summary {
    position: relative;
    padding: 1.3rem 2.6rem 1.3rem 0;
    color: var(--sk-color-secondary);
    font-weight: 740;
    cursor: pointer;
    list-style: none;
}

.skella-faq-item summary::-webkit-details-marker {
    display: none;
}

.skella-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: .2rem;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid var(--sk-color-border);
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 500;
}

.skella-faq-item[open] summary::after {
    content: "−";
}

.skella-faq-answer {
    max-width: 700px;
    padding: 0 3rem 1.3rem 0;
    color: var(--sk-color-muted);
}

.skella-section-faq.skella-layout-accordion .skella-faq__inner {
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
}

.skella-section-faq.skella-layout-split .skella-faq__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.skella-phase-placeholder {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 680px;
    border: 1px dashed var(--sk-color-border-strong);
    border-radius: var(--sk-radius-md);
    padding: 1rem 1.15rem;
    color: var(--sk-color-muted);
}

.skella-phase-placeholder p {
    margin: 0;
}

.skella-consultation-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    border-radius: var(--sk-radius-xl);
    padding: clamp(1.8rem, 5vw, 4rem);
    background: linear-gradient(135deg, color-mix(in srgb, currentColor 7%, transparent), color-mix(in srgb, currentColor 2%, transparent));
    overflow: hidden;
}

.skella-consultation-panel h2 {
    max-width: 14ch;
    margin-bottom: .4em;
}

.skella-consultation-panel .skella-lead {
    max-width: 680px;
    margin: 0;
}

.skella-consultation-panel .skella-section-actions {
    margin: 0;
}

.skella-consultation-panel::after {
    content: "";
    position: absolute;
    top: -30%;
    right: -10%;
    width: min(38vw, 280px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, currentColor 10%, transparent), transparent 68%);
    opacity: .45;
    pointer-events: none;
}

.skella-contact-card {
    border: 1px solid color-mix(in srgb, var(--sk-color-border) 88%, transparent);
    border-radius: var(--sk-radius-lg);
    padding: clamp(1.4rem, 3vw, 2.1rem);
    background: linear-gradient(180deg, color-mix(in srgb, var(--sk-color-background) 99%, transparent), color-mix(in srgb, var(--sk-color-surface) 99%, transparent));
    box-shadow: var(--sk-shadow-sm);
}

.skella-contact-row {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 20px;
    padding-block: 1rem;
    border-bottom: 1px solid var(--sk-color-border);
}

.skella-contact-row:first-child {
    padding-top: 0;
}

.skella-contact-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.skella-contact-row > span {
    color: var(--sk-color-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skella-contact-row a {
    color: var(--sk-color-secondary);
    font-weight: 700;
    text-decoration: none;
}

.skella-contact-row p {
    margin: 0;
}

.skella-bg-primary .skella-contact-card,
.skella-bg-secondary .skella-contact-card {
    border-color: color-mix(in srgb, currentColor 18%, transparent);
    background: color-mix(in srgb, currentColor 8%, transparent);
    color: inherit;
    box-shadow: none;
}

.skella-bg-primary .skella-contact-row > span,
.skella-bg-secondary .skella-contact-row > span,
.skella-bg-primary .skella-contact-row a,
.skella-bg-secondary .skella-contact-row a {
    color: inherit;
}

.skella-home-page-content {
    border-top: 1px solid var(--sk-color-border);
}

@media (max-width: 900px) {
    .skella-hero__inner,
    .skella-section-hero.skella-layout-executive .skella-hero__inner,
    .skella-about__inner,
    .skella-section-about.skella-layout-editorial .skella-about__inner,
    .skella-contact__inner,
    .skella-faq__inner,
    .skella-section-faq.skella-layout-accordion .skella-faq__inner,
    .skella-section-faq.skella-layout-split .skella-faq__inner {
        grid-template-columns: 1fr;
    }

    .skella-section-grid,
    .skella-section-team.skella-layout-featured .skella-team-grid,
    .skella-section-testimonials.skella-layout-featured .skella-testimonial-grid,
    .skella-process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .skella-hero__media,
    .skella-hero__visual,
    .skella-about__media {
        min-height: clamp(300px, 70vw, 520px);
    }

    .skella-section-services.skella-layout-editorial .skella-service-card {
        grid-template-columns: 54px 1fr;
    }

    .skella-section-services.skella-layout-editorial .skella-service-card p {
        grid-column: 2;
    }

    .skella-consultation-panel {
        grid-template-columns: 1fr;
    }

    .skella-consultation-panel .skella-section-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .skella-section-grid,
    .skella-section-team.skella-layout-featured .skella-team-grid,
    .skella-section-testimonials.skella-layout-featured .skella-testimonial-grid,
    .skella-process-list {
        grid-template-columns: 1fr;
    }

    .skella-home-section {
        overflow: hidden;
    }

    .skella-section-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .skella-section-actions .skella-button,
    .skella-section-actions .skella-text-link {
        width: 100%;
        justify-content: center;
    }

    .skella-process-step {
        min-height: 0;
    }

    .skella-process-step__number {
        margin-bottom: 2.5rem;
    }

    .skella-section-process.skella-layout-timeline .skella-process-step {
        grid-template-columns: 54px 1fr;
    }

    .skella-contact-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skella-text-link span {
        transition: none;
    }
}

/* Keep configurable brand-colour sections readable across all section types. */
.skella-bg-primary .skella-process-step p,
.skella-bg-secondary .skella-process-step p,
.skella-bg-primary .skella-faq-answer,
.skella-bg-secondary .skella-faq-answer,
.skella-bg-primary .skella-testimonial-card figcaption,
.skella-bg-secondary .skella-testimonial-card figcaption,
.skella-bg-primary .skella-phase-placeholder,
.skella-bg-secondary .skella-phase-placeholder {
    color: color-mix(in srgb, currentColor 78%, transparent);
}

.skella-bg-primary .skella-process-step__number,
.skella-bg-secondary .skella-process-step__number,
.skella-bg-primary .skella-faq-item summary,
.skella-bg-secondary .skella-faq-item summary,
.skella-bg-primary .skella-testimonial-card figcaption strong,
.skella-bg-secondary .skella-testimonial-card figcaption strong {
    color: inherit;
}

.skella-bg-primary .skella-process-step,
.skella-bg-secondary .skella-process-step,
.skella-bg-primary .skella-faq-list,
.skella-bg-secondary .skella-faq-list,
.skella-bg-primary .skella-faq-item,
.skella-bg-secondary .skella-faq-item,
.skella-bg-primary .skella-contact-row,
.skella-bg-secondary .skella-contact-row,
.skella-bg-primary .skella-phase-placeholder,
.skella-bg-secondary .skella-phase-placeholder {
    border-color: color-mix(in srgb, currentColor 22%, transparent);
}

/* Data-driven section enhancements. */
.skella-service-card,
.skella-team-card,
.skella-article-card {
    overflow: hidden;
}

.skella-service-card .skella-card-media,
.skella-team-card .skella-team-photo,
.skella-article-card .skella-card-media {
    margin: calc(var(--sk-card-pad, 1.35rem) * -1) calc(var(--sk-card-pad, 1.35rem) * -1) 1.25rem;
}

.skella-team-photo {
    aspect-ratio: 4 / 3;
}

.skella-team-avatar {
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(145deg, color-mix(in srgb, var(--sk-color-primary) 18%, var(--sk-color-surface-elevated)), color-mix(in srgb, var(--sk-color-accent) 18%, var(--sk-color-surface-elevated)));
}

.skella-rating {
    margin-bottom: .75rem;
    font-size: .92rem;
    letter-spacing: .12em;
}

.skella-article-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .8rem;
    margin-bottom: .7rem;
    color: var(--sk-color-muted);
    font-size: .82rem;
    font-weight: 650;
}

.skella-content-empty {
    padding: 1.25rem 1.4rem;
    border: 1px dashed var(--sk-color-border);
    border-radius: var(--sk-radius-md, 1rem);
    color: var(--sk-color-muted);
}

/* Native consultation enquiry form */
.skella-contact-stack{display:grid;gap:1rem}.skella-enquiry-form{display:grid;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--sk-color-border);border-radius:var(--sk-radius-xl);background:var(--sk-color-background);box-shadow:var(--sk-shadow-sm)}.skella-enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.skella-enquiry-grid label{display:grid;gap:.4rem;font-weight:650}.skella-enquiry-grid__wide{grid-column:1/-1}.skella-enquiry-message{margin:.25rem 0 0;padding:.8rem 1rem;border-radius:var(--sk-radius-md);background:var(--sk-color-surface)}.skella-enquiry-message--success{border:1px solid color-mix(in srgb,var(--sk-color-accent) 45%,var(--sk-color-border))}.skella-enquiry-message--error,.skella-enquiry-message--invalid,.skella-enquiry-message--expired,.skella-enquiry-message--rate{border:1px solid #d92d20;background:#fff4f3;color:#8a1c1c}@media(max-width:680px){.skella-enquiry-grid{grid-template-columns:1fr}.skella-enquiry-grid__wide{grid-column:auto}}


/* Design foundation refinement. */
.skella-service-card .skella-card-media,
.skella-team-card .skella-team-photo,
.skella-article-card .skella-card-media {
    overflow: hidden;
    border-radius: calc(var(--sk-radius-lg) - 8px);
}

.skella-service-card .skella-card-media img,
.skella-team-card .skella-team-photo img,
.skella-article-card .skella-card-media img {
    width: 100%;
    height: auto;
}

.skella-service-card .skella-text-link,
.skella-team-card .skella-text-link,
.skella-article-card .skella-text-link {
    margin-top: auto;
}

.skella-section-actions {
    gap: 14px 16px;
}

.skella-section-heading h2 {
    max-width: 13ch;
}

.skella-layout-centered .skella-section-heading h2 {
    margin-inline: auto;
}

.skella-section-heading .skella-eyebrow::before {
    content: "";
    width: 18px;
    height: 1px;
    background: currentColor;
    opacity: .8;
}

.skella-section-heading .skella-lead,
.skella-about__content .skella-lead,
.skella-contact-card p,
.skella-section-card p {
    max-width: 62ch;
}