/* FEATURES */
#features { padding-block: clamp(80px, 12vw, 140px); }
.section-label { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-60); margin-bottom: 14px; display: block; }
h2 { font-family: 'Fraunces', serif; font-size: clamp(30px, 4vw, 42px); font-weight: 400; letter-spacing: -0.02em; line-height: 1.15; color: var(--ink); margin-bottom: 56px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature-card { border-radius: var(--r-card); padding: clamp(28px, 4vw, 40px); position: relative; overflow: hidden; color: #fff; }
.feature-card-bg-tomato  { background: var(--tomato); }
.feature-card-bg-mustard { background: var(--mustard); color: var(--ink); }
.feature-card-bg-sage    { background: var(--sage); }
.feature-card .card-symbol { position: absolute; top: 24px; right: 28px; font-size: 48px; font-family: 'Fraunces', serif; font-weight: 300; opacity: 0.22; line-height: 1; user-select: none; }
.feature-card .card-label { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; opacity: 0.7; margin-bottom: 16px; display: block; }
.feature-card-bg-mustard .card-label { opacity: 0.55; }
.feature-card h3 { font-family: 'Fraunces', serif; font-size: clamp(22px, 2.5vw, 28px); font-weight: 400; letter-spacing: -0.01em; margin-bottom: 14px; line-height: 1.15; }
.feature-card p { font-size: 15px; line-height: 1.65; opacity: 0.85; }
.feature-card-bg-mustard p { opacity: 0.7; }