﻿h1, h2, h3 {
    font-family: 'Neucha', GOST, sans-serif;
}

.textile--letters {
    position: relative;
}

.textile--filters {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {
    .textile--letters {
        background-color: #d8c7a6;
        background-image: repeating-linear-gradient( 4deg, transparent 0 1px, #fff3d344 1px 1.65px, #715b393d 1.65px 2.4px, transparent 2.4px 3.5px ), repeating-linear-gradient( 94deg, #fff7df26 0 .8px, transparent .8px 2px, #604b3438 2px 2.7px, transparent 2.7px 4px ), repeating-linear-gradient( 23deg, transparent 0 15px, #f4e6c833 15px 16px, transparent 16px 27px ), linear-gradient( 110deg, #e9ddc1, #c9b591 38%, #e5d6b6 68%, #cbb895 );
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        filter: url('#textile-letter-edge');
    }

        .textile--letters span {
            -webkit-text-fill-color: inherit;
        }
}

.hero .rise {
    animation: none;
}

@media (forced-colors: active) {
    .textile--letters {
        background: none;
        color: CanvasText;
        -webkit-text-fill-color: CanvasText;
        filter: none;
    }
}

@media print {
    .textile--letters {
        background: none;
        color: #29231b;
        -webkit-text-fill-color: #29231b;
        filter: none;
    }
}

.sewn--title {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.sewn--glyphs {
    font-family: 'Neucha', sans-serif;
    font-size: 132px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
}

.sewn--shadow {
    fill: rgb(8 6 4 / .85);
}

.sewn--fabric {
    stroke: #ac916c;
    stroke-width: .8;
    stroke-linejoin: round;
}

.sewn--holes {
    fill: none;
    stroke: #493421;
    stroke-width: 4;
    stroke-dasharray: 3 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sewn--thread {
    fill: none;
    stroke: #f5e4bd;
    stroke-width: 1.3;
    stroke-dasharray: 3 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sewn--accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (forced-colors: active) {
    .sewn--fabric {
        fill: CanvasText;
        stroke: none;
    }

    .sewn--shadow,
    .sewn--holes,
    .sewn--thread {
        display: none;
    }
}