/* ==========================================================
   CristianoErcolani.it — LANDING COLLEZIONISMO V1
   Editorial archive / cabinet of curiosities
   Refinement: feature spacing, mobile crop, typography
   ========================================================== */

.ce-collezionismo {
    --ce-navy: #101820;
    --ce-ivory: #f3efe5;
    --ce-gold: #c7a25b;
    --ce-gold-dark: #8e6b2f;
    --ce-ink-soft: rgba(16, 24, 32, .64);
    --ce-line-dark: rgba(16, 24, 32, .14);
    --ce-line-light: rgba(243, 239, 229, .15);

    overflow: clip;
    color: var(--ce-navy);
    background: var(--ce-ivory);
}

.ce-collezionismo *,
.ce-collezionismo *::before,
.ce-collezionismo *::after {
    box-sizing: border-box;
}

.ce-collezionismo a {
    color: inherit;
}

.ce-collezionismo-shell {
    width: min(1440px, calc(100% - clamp(40px, 9vw, 144px)));
    margin-inline: auto;
}

.ce-collezionismo-rule {
    display: block;
    width: clamp(44px, 5vw, 78px);
    height: 1px;
    flex: 0 0 auto;
    background: currentColor;
}


/* ==========================================================
   HERO
   ========================================================== */

.ce-collezionismo-hero {
    position: relative;
    isolation: isolate;

    min-height: min(94svh, 980px);
    overflow: hidden;

    display: flex;
    align-items: flex-end;

    padding:
        clamp(150px, 17vh, 210px)
        clamp(24px, 7vw, 112px)
        clamp(100px, 12vh, 150px);

    color: var(--ce-ivory);
    background: var(--ce-navy);
}

.ce-collezionismo-hero__media,
.ce-collezionismo-hero__veil {
    position: absolute;
    inset: 0;
}

.ce-collezionismo-hero__media {
    z-index: -3;
}

.ce-collezionismo-hero__image {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center 52%;

    transform: scale(1.015);
    filter: saturate(.72) contrast(1.04);
}

.ce-collezionismo-hero__veil {
    z-index: -2;

    background:
        radial-gradient(
            circle at 72% 34%,
            rgba(199, 162, 91, .15),
            transparent 30%
        ),
        linear-gradient(
            90deg,
            rgba(9, 14, 19, .96) 0%,
            rgba(9, 14, 19, .80) 36%,
            rgba(9, 14, 19, .36) 68%,
            rgba(9, 14, 19, .66) 100%
        ),
        linear-gradient(
            0deg,
            rgba(9, 14, 19, .88) 0%,
            transparent 48%
        );
}

.ce-collezionismo-hero__inner {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
}

.ce-collezionismo-hero__kicker {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: clamp(34px, 5vw, 66px);

    color: var(--ce-gold);

    font-size: .68rem;
    font-weight: 650;
    line-height: 1;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.ce-collezionismo-hero__number {
    color: var(--ce-ivory);
}

.ce-collezionismo-hero__rule {
    width: clamp(48px, 6vw, 92px);
    height: 1px;
    background: currentColor;
}

.ce-collezionismo-hero__title {
    max-width: 1050px;
    margin: 0;

    color: var(--ce-ivory);

    font-size: clamp(4.4rem, 9.2vw, 10.5rem);
    font-weight: 450;
    line-height: .82;
    letter-spacing: -.072em;

    text-wrap: balance;
}

.ce-collezionismo-hero__title em {
    color: var(--ce-gold);
    font-style: normal;
}

.ce-collezionismo-hero__intro {
    width: min(610px, 100%);
    margin:
        clamp(36px, 5vw, 64px)
        0
        0
        clamp(2px, 7vw, 100px);

    color: rgba(243, 239, 229, .66);

    font-size: clamp(1rem, 1.35vw, 1.22rem);
    line-height: 1.75;
}

.ce-collezionismo-hero__scroll {
    position: absolute;
    z-index: 3;
    right: clamp(24px, 7vw, 112px);
    bottom: clamp(46px, 6vw, 78px);

    display: flex;
    align-items: center;
    gap: 16px;

    color: rgba(243, 239, 229, .70);

    font-size: .63rem;
    font-weight: 650;
    letter-spacing: .18em;
    text-decoration: none;
    text-transform: uppercase;
}

.ce-collezionismo-hero__scroll-line {
    width: 58px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            var(--ce-gold),
            rgba(197, 161, 90, 0)
        );

    transition: width .35s ease;
}

.ce-collezionismo-hero__scroll:hover .ce-collezionismo-hero__scroll-line {
    width: 78px;
}

.ce-collezionismo-hero__ghost {
    position: absolute;
    z-index: -1;

    right: -.04em;
    bottom: -.17em;

    color: rgba(243, 239, 229, .025);

    font-size: clamp(10rem, 28vw, 32rem);
    font-weight: 650;
    line-height: .70;
    letter-spacing: -.075em;

    pointer-events: none;
    user-select: none;
}


/* ==========================================================
   MANIFESTO
   ========================================================== */

.ce-collezionismo-manifesto {
    position: relative;

    padding:
        clamp(120px, 14vw, 220px)
        0
        clamp(130px, 15vw, 230px);

    background:
        linear-gradient(
            90deg,
            rgba(16, 24, 32, .028) 1px,
            transparent 1px
        ),
        linear-gradient(
            0deg,
            rgba(16, 24, 32, .022) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 84% 18%,
            rgba(199, 162, 91, .11),
            transparent 27%
        ),
        var(--ce-ivory);

    background-size:
        84px 84px,
        84px 84px,
        auto,
        auto;
}

.ce-collezionismo-manifesto__eyebrow {
    display: flex;
    align-items: center;
    gap: 17px;

    margin-bottom: clamp(58px, 8vw, 112px);

    color: var(--ce-gold-dark);

    font-size: .67rem;
    font-weight: 650;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.ce-collezionismo-manifesto__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(250px, .55fr);

    gap: clamp(58px, 9vw, 150px);
    align-items: end;
}

.ce-collezionismo-manifesto__statement {
    max-width: 1050px;
    margin: 0;

    color: var(--ce-navy);

    font-size: clamp(3rem, 5.4vw, 6.3rem);
    font-weight: 430;
    line-height: .99;
    letter-spacing: -.055em;
}

.ce-collezionismo-manifesto__index {
    padding-top: 22px;
    border-top: 1px solid var(--ce-line-dark);
}

.ce-collezionismo-manifesto__index-label {
    display: block;
    margin-bottom: 28px;

    color: var(--ce-gold-dark);

    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.ce-collezionismo-manifesto__index ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce-collezionismo-manifesto__index li {
    padding: 9px 0;

    color: rgba(16, 24, 32, .58);

    font-size: .88rem;
    line-height: 1.2;
}


/* ==========================================================
   SECTION HEAD
   ========================================================== */

.ce-collezionismo-section-head {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: clamp(36px, 5vw, 64px);

    color: var(--ce-gold-dark);
}

.ce-collezionismo-section-head__number,
.ce-collezionismo-section-head__label {
    margin: 0;

    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.ce-collezionismo-section-head__number {
    color: rgba(16, 24, 32, .48);
}


/* ==========================================================
   FEATURE
   ========================================================== */

.ce-collezionismo-feature {
    position: relative;

    padding:
        clamp(128px, 12vw, 184px)
        0
        clamp(130px, 14vw, 220px);

    scroll-margin-top: 132px;

    background: #e9e1d3;
}

.ce-collezionismo-feature__article {
    display: grid;
    grid-template-columns:
        minmax(0, 1.14fr)
        minmax(340px, .86fr);

    align-items: stretch;

    border-top: 1px solid var(--ce-line-dark);
    border-bottom: 1px solid var(--ce-line-dark);
}

.ce-collezionismo-feature__media {
    position: relative;
    min-height: clamp(480px, 54vw, 760px);
    overflow: hidden;

    background: var(--ce-navy);
}

.ce-collezionismo-feature__media img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;

    transition:
        transform .85s cubic-bezier(.18, .72, .18, 1),
        filter .85s ease;
}

.ce-collezionismo-feature__media-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(16, 24, 32, .05),
            rgba(16, 24, 32, .22)
        );

    pointer-events: none;
}

.ce-collezionismo-feature__article:hover
.ce-collezionismo-feature__media img {
    transform: scale(1.025);
    filter: saturate(1.04);
}

.ce-collezionismo-feature__content {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        clamp(52px, 7vw, 112px)
        clamp(30px, 6vw, 92px);

    border-left: 1px solid var(--ce-line-dark);
}

.ce-collezionismo-feature__content time {
    margin-bottom: clamp(36px, 5vw, 62px);

    color: rgba(16, 24, 32, .48);

    font-size: .64rem;
    font-weight: 650;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ce-collezionismo-feature__content h2 {
    margin: 0;

    font-size: clamp(3rem, 5vw, 6.4rem);
    font-weight: 450;
    line-height: .91;
    letter-spacing: -.06em;
}

.ce-collezionismo-feature__content h2 a {
    text-decoration: none;
}

.ce-collezionismo-feature__content p {
    max-width: 570px;

    margin:
        clamp(32px, 4vw, 54px)
        0
        0;

    color: var(--ce-ink-soft);

    font-size: clamp(.98rem, 1.15vw, 1.12rem);
    line-height: 1.72;
}

.ce-collezionismo-link {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    gap: 18px;

    margin-top: clamp(36px, 5vw, 64px);
    padding-bottom: 8px;

    border-bottom: 1px solid rgba(150, 115, 53, .48);

    color: var(--ce-gold-dark);

    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.ce-collezionismo-link span:last-child {
    font-size: 1.25rem;
    transition: transform .32s ease;
}

.ce-collezionismo-link:hover span:last-child {
    transform: translateX(7px);
}


/* ==========================================================
   ARCHIVE
   ========================================================== */

.ce-collezionismo-archive {
    padding:
        clamp(120px, 14vw, 210px)
        0
        clamp(130px, 15vw, 230px);

    background: var(--ce-ivory);
}

.ce-collezionismo-archive__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap:
        clamp(72px, 8vw, 126px)
        clamp(26px, 4vw, 64px);
}

.ce-collezionismo-card {
    min-width: 0;
}

.ce-collezionismo-card__media {
    position: relative;
    display: block;

    aspect-ratio: 16 / 10;
    overflow: hidden;

    background: var(--ce-navy);
}

.ce-collezionismo-card__media img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;

    transition:
        transform .72s cubic-bezier(.18, .72, .18, 1),
        filter .72s ease;
}

.ce-collezionismo-card__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(16, 24, 32, .40),
            transparent 54%
        );

    pointer-events: none;
}

.ce-collezionismo-card:hover .ce-collezionismo-card__media img {
    transform: scale(1.035);
}

.ce-collezionismo-card__placeholder {
    width: 100%;
    height: 100%;

    display: grid;
    place-items: center;

    color: rgba(243, 239, 229, .08);

    font-size: clamp(6rem, 15vw, 13rem);
    font-weight: 650;
    letter-spacing: -.07em;
}

.ce-collezionismo-card__body {
    position: relative;

    padding:
        25px
        0
        0;
}

.ce-collezionismo-card__body::before {
    content: "";
    display: block;

    width: 34px;
    height: 1px;

    margin-bottom: 20px;

    background: rgba(142, 107, 47, .58);
}

.ce-collezionismo-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 22px;

    color: rgba(16, 24, 32, .45);

    font-size: .61rem;
    font-weight: 650;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ce-collezionismo-card__meta span {
    color: var(--ce-gold-dark);
}

.ce-collezionismo-card h3 {
    max-width: 700px;
    margin: 0;

    font-size: clamp(2rem, 3vw, 3.6rem);
    font-weight: 470;
    line-height: .98;
    letter-spacing: -.047em;
}

.ce-collezionismo-card h3 a {
    text-decoration: none;
}

.ce-collezionismo-card__body p {
    max-width: 650px;

    margin: 24px 0 0;

    color: var(--ce-ink-soft);

    font-size: .96rem;
    line-height: 1.68;
}

.ce-collezionismo-card__read {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: 29px;

    color: var(--ce-gold-dark);

    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.ce-collezionismo-card__read-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 14px;

    color: var(--ce-gold-dark);

    transition:
        transform .3s ease,
        color .3s ease;
}

.ce-collezionismo-card__read-icon svg {
    width: 100%;
    height: 100%;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ce-collezionismo-card__read:hover .ce-collezionismo-card__read-icon {
    transform: translate(4px, -4px);
    color: var(--ce-gold);
}

.ce-collezionismo-archive__empty {
    margin: 0;
    padding: 68px 0;

    border-top: 1px solid var(--ce-line-dark);
    border-bottom: 1px solid var(--ce-line-dark);

    color: rgba(16, 24, 32, .54);

    font-size: clamp(1.6rem, 3vw, 3rem);
    letter-spacing: -.035em;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ce-collezionismo-closing {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: min(92svh, 930px);

    display: grid;
    place-items: center;

    padding:
        clamp(120px, 14vw, 210px)
        clamp(24px, 7vw, 112px);

    color: var(--ce-ivory);
    background:
        radial-gradient(
            circle at 76% 22%,
            rgba(197, 161, 90, .11),
            transparent 26%
        ),
        var(--ce-navy);
}

.ce-collezionismo-closing__ghost {
    position: absolute;
    z-index: -1;

    left: -.06em;
    bottom: -.12em;

    color: rgba(243, 239, 229, .025);

    font-size: clamp(11rem, 30vw, 35rem);
    font-weight: 650;
    line-height: .70;
    letter-spacing: -.08em;

    pointer-events: none;
    user-select: none;
}

.ce-collezionismo-closing__inner {
    width: min(1160px, 100%);
}

.ce-collezionismo-closing__eyebrow {
    display: block;
    margin-bottom: clamp(46px, 6vw, 78px);

    color: var(--ce-gold);

    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.ce-collezionismo-closing p {
    max-width: 1050px;
    margin: 0;

    color: var(--ce-ivory);

    font-size: clamp(3.6rem, 7vw, 8rem);
    font-weight: 440;
    line-height: .90;
    letter-spacing: -.065em;
}

.ce-collezionismo-closing p > span {
    display: block;
    color: rgba(243, 239, 229, .38);
}

.ce-collezionismo-closing p > span:last-child {
    color: var(--ce-gold);
}

.ce-collezionismo-closing__link {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    gap: 14px;

    margin-top: clamp(52px, 7vw, 94px);
    padding-bottom: 7px;

    border-bottom: 1px solid rgba(197, 161, 90, .50);

    color: rgba(243, 239, 229, .72);

    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
}

.ce-collezionismo-closing__link span {
    color: var(--ce-gold);
}


/* ==========================================================
   REVEAL — progressively enhanced
   ========================================================== */

html.ce-collezionismo-js
.ce-collezionismo [data-storia-reveal] {
    opacity: 0;
    transform: translateY(34px);

    transition:
        opacity .85s cubic-bezier(.2, .7, .2, 1),
        transform .85s cubic-bezier(.2, .7, .2, 1);
}

html.ce-collezionismo-js
.ce-collezionismo [data-storia-reveal].is-visible {
    opacity: 1;
    transform: none;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 960px) {

    .ce-collezionismo-shell {
        width: min(100% - 44px, 760px);
    }

    .ce-collezionismo-manifesto__grid,
    .ce-collezionismo-feature__article {
        grid-template-columns: 1fr;
    }

    .ce-collezionismo-manifesto__index {
        max-width: 420px;
    }

    .ce-collezionismo-feature__media {
        min-height: auto;
        aspect-ratio: 16 / 10.8;
    }

    .ce-collezionismo-feature__content {
        border-left: 0;
        border-top: 1px solid var(--ce-line-dark);
    }

    .ce-collezionismo-archive__grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {

    .ce-collezionismo-hero {
        min-height: calc(100svh - 64px);

        padding:
            max(112px, calc(env(safe-area-inset-top) + 90px))
            22px
            max(88px, calc(env(safe-area-inset-bottom) + 72px));
    }

    .ce-collezionismo-hero__image {
        object-position: 54% center;
    }

    .ce-collezionismo-hero__veil {
        background:
            linear-gradient(
                0deg,
                rgba(9, 14, 19, .96) 0%,
                rgba(9, 14, 19, .62) 52%,
                rgba(9, 14, 19, .48) 100%
            );
    }

    .ce-collezionismo-hero__kicker {
        margin-bottom: 36px;
    }

    .ce-collezionismo-hero__title {
        font-size: clamp(3.45rem, 15.2vw, 5.8rem);
        line-height: .88;
        letter-spacing: -.065em;
    }

    .ce-collezionismo-hero__intro {
        margin:
            32px
            0
            0;

        max-width: 92%;

        color: rgba(243, 239, 229, .76);

        font-size: .96rem;
        line-height: 1.68;
    }

    .ce-collezionismo-hero__scroll {
        display: none;
    }

    .ce-collezionismo-hero__ghost {
        right: -.15em;
        font-size: 42vw;
    }

    .ce-collezionismo-manifesto {
        padding:
            105px
            0
            126px;
    }

    .ce-collezionismo-manifesto__eyebrow {
        margin-bottom: 46px;
    }

    .ce-collezionismo-manifesto__statement {
        max-width: 100%;

        font-size: clamp(2.65rem, 11.2vw, 4.35rem);
        line-height: 1;
        letter-spacing: -.05em;
    }

    .ce-collezionismo-manifesto__index {
        margin-top: 46px;
    }

    .ce-collezionismo-manifesto__index li {
        padding: 8px 0;
    }

    .ce-collezionismo-feature {
        padding:
            96px
            0
            118px;

        scroll-margin-top: 104px;
    }

    .ce-collezionismo-feature .ce-collezionismo-section-head {
        margin-bottom: 30px;
    }

    .ce-collezionismo-feature__media {
        aspect-ratio: 16 / 11;
    }

    .ce-collezionismo-feature__media img {
        object-position: center 27%;
    }

    .ce-collezionismo-feature__content {
        padding: 30px 0 6px;
    }

    .ce-collezionismo-feature__content time {
        margin-bottom: 24px;

        font-size: .61rem;
        letter-spacing: .13em;
    }

    .ce-collezionismo-feature__content h2 {
        max-width: 96%;

        font-size: clamp(2.6rem, 11.2vw, 4rem);
        line-height: .94;
        letter-spacing: -.052em;
    }

    .ce-collezionismo-feature__content p {
        margin-top: 26px;

        font-size: .96rem;
        line-height: 1.62;
    }

    .ce-collezionismo-link {
        margin-top: 34px;
    }

    .ce-collezionismo-archive {
        padding:
            104px
            0
            132px;
    }

    .ce-collezionismo-card__media {
        aspect-ratio: 4 / 3;
    }

    .ce-collezionismo-card h3 {
        font-size: clamp(2.25rem, 10vw, 3.7rem);
    }

    .ce-collezionismo-closing {
        min-height: 86svh;
        padding: 110px 22px;
    }

    .ce-collezionismo-closing p {
        font-size: clamp(3.3rem, 14vw, 5.6rem);
    }

    .ce-collezionismo-closing__ghost {
        font-size: 44vw;
    }
}


@media (prefers-reduced-motion: reduce) {

    html.ce-collezionismo-js
    .ce-collezionismo [data-storia-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .ce-collezionismo-feature__media img,
    .ce-collezionismo-card__media img,
    .ce-collezionismo-link span,
    .ce-collezionismo-card__read-icon,
    .ce-collezionismo-hero__scroll-line {
        transition: none;
    }
}

/* ==========================================================
   COLLEZIONISMO V1.1 — CONTRASTO WCAG
   Rafforza i piccoli testi editoriali su fondi chiari.
   ========================================================== */

.ce-collezionismo {
    --ce-gold-dark: #7b5c28;
}

.ce-collezionismo-section-head__number,
.ce-collezionismo-feature__content time,
.ce-collezionismo-card__meta {
    color: rgba(16, 24, 32, .68);
}

.ce-collezionismo-manifesto__index li {
    color: rgba(16, 24, 32, .64);
}

/* ==========================================================
   CATEGORY INTRO — oversized kinetic typography
   ========================================================== */

.ce-category-intro {
    position: fixed;
    z-index: 9999;
    inset: 0;

    display: grid;
    place-items: center;
    overflow: hidden;

    background: #101820;
    pointer-events: none;

    animation:
        ce-category-curtain 1.20s cubic-bezier(.22, .72, .18, 1) both;
}

.ce-category-intro__word {
    display: block;

    color: #f3efe5;

    font-size: clamp(5.8rem, 14vw, 17rem);
    font-weight: 600;
    line-height: .72;
    letter-spacing: -.075em;
    text-transform: uppercase;
    white-space: nowrap;

    transform-origin: center center;
    will-change: transform, opacity;

    animation:
        ce-category-word 1.20s cubic-bezier(.22, .72, .18, 1) both;
}

.ce-category-intro__word::after {
    content: "";
    display: block;

    width: clamp(42px, 5vw, 76px);
    height: 1px;
    margin: clamp(24px, 3vw, 42px) auto 0;

    background: #c5a15a;

    transform-origin: center;
    animation:
        ce-category-line 1.20s cubic-bezier(.22, .72, .18, 1) both;
}

@keyframes ce-category-curtain {
    0%, 44% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes ce-category-word {
    0% {
        opacity: 0;
        transform: translateY(.10em) scale(1.10);
    }

    22% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-.06em) scale(.92);
    }
}

@keyframes ce-category-line {
    0%, 22% {
        opacity: 0;
        transform: scaleX(0);
    }

    42%, 58% {
        opacity: .9;
        transform: scaleX(1);
    }

    100% {
        opacity: 0;
        transform: scaleX(.4);
    }
}

@media (max-width: 700px) {
    .ce-category-intro {
        animation-duration: 1.04s;
    }

    .ce-category-intro__word {
        font-size: clamp(4.6rem, 17vw, 7.2rem);
        animation-duration: 1.04s;
    }

    .ce-category-intro__word::after {
        animation-duration: 1.04s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ce-category-intro {
        display: none;
        animation: none;
    }

    .ce-category-intro__word,
    .ce-category-intro__word::after {
        animation: none;
    }
}