.technique-page {
    padding:80px 0 100px;
    background:#F4F1EB;
}

.technique-header {
    max-width:850px;
    margin-bottom:42px;
}

.technique-eyebrow {
    margin:0 0 8px;
    color:#C96B5C;
    font-size:.74rem;
    font-weight:900;
    letter-spacing:.18em;
}

.technique-header h1 {
    margin:0 0 18px;
    color:#163A43;
    font-family:'Nunito',sans-serif;
    font-size:clamp(2.8rem,6vw,5rem);
    line-height:1;
}

.technique-intro {
    max-width:760px;
    margin:0;
    color:#66767A;
    font-size:1.05rem;
    line-height:1.7;
}

.technique-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.technique-card {
    display:block;
    min-height:260px;
    padding:24px;
    background:#fff;
    border:1px solid rgba(22,58,67,.08);
    border-radius:18px;
    color:inherit;
    text-decoration:none;
    transition:transform .16s ease, box-shadow .16s ease;
}

.technique-card:hover {
    transform:translateY(-3px);
    box-shadow:0 16px 38px rgba(18,54,61,.09);
}

.technique-number {
    display:inline-flex;
    margin-bottom:24px;
    color:#C6A667;
    font-size:.74rem;
    font-weight:900;
    letter-spacing:.12em;
}

.technique-card h2 {
    margin:0 0 12px;
    color:#163A43;
    font-size:1.45rem;
}

.technique-card p {
    margin:0 0 22px;
    color:#66767A;
    line-height:1.65;
    font-size:.92rem;
}

.technique-card strong {
    color:#315E50;
    font-size:.82rem;
}

@media(max-width:900px) {
    .technique-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px) {
    .technique-page {
        padding:55px 0 75px;
    }

    .technique-grid {
        grid-template-columns:1fr;
    }

    .technique-card {
        min-height:auto;
    }
}