.product-page {
    min-height: 100vh
}

.product-hero {
    min-height: 680px;
    display: flex;
    align-items: center;
    padding: 160px 0 92px
}

.product-hero-copy {
    max-width: 980px
}

.product-hero h1 {
    margin-bottom: 34px
}

.product-hero h1 span,
.product-kicker,
.product-detail-grid article>span {
    color: var(--purple)
}

.product-hero .lead {
    max-width: 800px
}

.product-plain-link {
    display: inline-flex
}

.product-details {
    border-block: 1px solid var(--line);
    padding: clamp(76px, 9vw, 132px) 0
}

.product-details-heading {
    max-width: 900px
}

.product-kicker {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase
}

.product-details h2 {
    margin: 0;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -.055em
}

.product-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: clamp(54px, 7vw, 92px);
    border-top: 1px solid var(--line)
}

.product-detail-grid article {
    min-width: 0;
    padding: 34px 34px 8px 0
}

.product-detail-grid article+article {
    border-left: 1px solid var(--line);
    padding-left: 34px
}

.product-detail-grid article>span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em
}

.product-detail-grid h3 {
    margin: 64px 0 14px;
    font-size: 27px;
    line-height: 1.1;
    letter-spacing: -.035em
}

.product-detail-grid p {
    max-width: 410px;
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.65
}

@media(max-width:760px) {
    .product-hero {
        min-height: 610px;
        padding: 126px 0 74px
    }

    .product-hero h1 {
        font-size: clamp(66px, 21vw, 92px)
    }

    .product-plain-link {
        display: inline-flex
    }

    .product-detail-grid {
        grid-template-columns: 1fr;
        margin-top: 46px
    }

    .product-detail-grid article {
        padding: 28px 0
    }

    .product-detail-grid article+article {
        border-top: 1px solid var(--line);
        border-left: 0;
        padding-left: 0
    }

    .product-detail-grid h3 {
        margin-top: 34px
    }
}