:root{
    --ink:#000;
    --paper:#fbf8f2;
    --cream-dim:#000;
    --brass:#000;
    --brass-light:#000;
    --line:#e33a3b;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family: "Marcellus", sans-serif;
    background:var(--paper);
    color:var(--ink);
}

.products{
    margin:0 auto;
    padding:90px 32px 100px;
}

.products-head{
    text-align:center;
    max-width:620px;
    margin:0 auto 60px;
}
.products-head .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--brass);
    font-size:16px;
    letter-spacing:0.2em;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:16px;
}
.products-head .eyebrow::before,
.products-head .eyebrow::after{
    content:"";
    width:24px;
    height:1px;
    background:var(--brass);
}
.products-head h1{
    font-family:'Playfair Display',serif;
    font-weight:700;
    font-size:clamp(30px,4vw,44px);
    line-height:1.15;
    margin-bottom:18px;
}
.products-head p{
    color:var(--cream-dim);
    font-size:16px;
    line-height:1.7;
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
}

.product-card{
    background:#fff;
    border:1px solid var(--line);
    padding:36px 32px;
    display:flex;
    flex-direction:column;
    gap:16px;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.product-card:hover{
    border-color:var(--brass);
    transform:translateY(-4px);
    box-shadow:0 16px 32px rgba(19,17,15,0.06);
    border-radius:5px;
    transition: 1s;
}

.product-number{
    font-family: "Marcellus", sans-serif;
    font-size:14px;
    font-weight:600;
    color:var(--brass);
    letter-spacing:0.08em;
}

.product-icon{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#e33a3b;
    display:flex;
    align-items:center;
    justify-content:center;
}
.product-icon svg{
    width:22px;
    height:22px;
    stroke:var(--brass);
    fill:none;
    stroke-width:1.6;
}

.product-card h3{
    font-family: "Marcellus", sans-serif;
    font-weight:700;
    font-size:21px;
    line-height:1.3;
}

.product-card p{
    color:var(--cream-dim);
    font-size:15px;
    line-height:1.65;
}

@media (max-width:760px){
    .product-grid{grid-template-columns:1fr;}
    .products{padding:60px 22px 70px;}
}