/* Compact stitched label, option 04. Anton font by Vernon Adams, SIL OFL. */
@font-face {
    font-family: "Satin Badge";
    src: url("../fonts/anton-fabric-label.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
.home .hero-content-inr { position: relative; }
.fabric-badge {
    width: 190px;
    height: 68px;
    margin: 0 auto 18px;
    position: relative;
    z-index: 2;
    color: #fff;
    filter: drop-shadow(0 3px 2px rgb(70 0 8 / 25%));
}
.fabric-badge-surface {
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px 14px;
    border: 1px solid #b30018;
    border-radius: 9px 8px 2px 8px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%);
    background-color: #e70620;
    background-image:
        repeating-linear-gradient(0deg, rgb(255 255 255 / 10%) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(90deg, rgb(70 0 0 / 13%) 0 1px, transparent 1px 3px),
        linear-gradient(155deg, #f31a2d, #e9001a 56%, #bc0015);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 42%), inset 0 -3px 4px rgb(98 0 0 / 28%);
}
.fabric-badge-surface::before {
    content: "";
    position: absolute;
    inset: 5px 6px 6px;
    border: 1.5px dashed rgb(255 255 255 / 96%);
    border-radius: 5px;
    pointer-events: none;
}
.fabric-badge-surface::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 17px;
    height: 17px;
    border-radius: 4px 0 0;
    background: linear-gradient(135deg, #850012 5%, #f3293d 43%, #b4001a 56%, #760010);
    box-shadow: -2px -2px 3px rgb(91 0 0 / 30%);
    transform: skew(-8deg, -8deg);
}
.fabric-badge-copy {
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Satin Badge", "Arial Narrow", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: .2px;
    text-align: center;
    text-shadow: 0 1px 1px rgb(102 0 9 / 28%);
}
.fabric-badge-copy > span { display: block; white-space: nowrap; }
@media (min-width: 992px) {
    /* Keep the panel centred while leaving room for the stitched label. */
    .home .hero-banner { min-height: clamp(420px, 30vw, 480px); }
    .home .hero-content {
        display: flex;
        align-items: center;
        padding: 64px 0;
    }
    .home .hero-image img { object-position: center 80%; }
    .fabric-badge {
        position: absolute;
        top: -48px;
        right: 0;
        width: 170px;
        height: 72px;
        margin: 0;
        transform: rotate(-3deg);
    }
    .fabric-badge-copy { font-size: 24px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .home .hero-content { padding: 72px 0; }
    .fabric-badge { top: -58px; }
}
@media (min-width: 1200px) {
    .fabric-badge { right: -24px; }
}
@media (forced-colors: active) {
    .fabric-badge-surface { background: Canvas; border-color: CanvasText; }
    .fabric-badge-copy { color: CanvasText; text-shadow: none; }
    .fabric-badge-surface::before { border-color: CanvasText; }
}