/* Signature occasion-wear section. */
.signature-wear-section { background: #f1eee8; color: var(--navy); padding: 115px 0; }
.signature-heading { max-width: 650px; text-align: center; margin: 0 auto 46px; }
.signature-heading h2 { font: 600 clamp(45px, 5vw, 70px)/.9 var(--serif); letter-spacing: -.035em; margin: 0 0 19px; }
.signature-heading h2 em { color: #a98137; font-weight: 500; }
.signature-heading > p:last-child { margin: 0; color: var(--muted); font-size: 14px; }
.signature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.signature-tile { position: relative; min-height: 330px; padding: 31px 28px 26px; background: #fffdf9; border: 1px solid #d9cfbd; border-top: 4px solid var(--gold); display: flex; flex-direction: column; align-items: flex-start; transition: .3s ease; overflow: hidden; }
.signature-tile::after { content: ''; position: absolute; right: -55px; bottom: -75px; width: 190px; height: 190px; border: 1px solid rgba(198, 160, 91, .27); border-radius: 50%; }
.signature-tile:hover { background: var(--navy); border-color: var(--navy); transform: translateY(-7px); color: #fff; box-shadow: 0 20px 35px rgba(7, 26, 49, .15); }
.signature-number { position: absolute; top: 24px; right: 25px; font: 500 30px/1 var(--serif); color: rgba(198, 160, 91, .34); }
.signature-code { display: grid; place-items: center; min-width: 55px; height: 55px; border-radius: 50%; padding: 0 10px; background: var(--gold); color: var(--navy); font: 700 10px var(--sans); letter-spacing: .04em; }
.signature-tile h3 { margin: 27px 0 12px; font: 500 38px/.95 var(--serif); max-width: 270px; }
.signature-tile p { color: var(--muted); font-size: 13px; max-width: 265px; margin: 0 0 25px; }
.signature-tile:hover p { color: #d9e0ea; }
.signature-tile .text-link { margin-top: auto; position: relative; z-index: 1; }
.signature-cta { margin-top: 42px; padding-top: 30px; border-top: 1px solid #d0c7b9; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.signature-cta p { margin: 0; color: var(--muted); font: 400 20px var(--serif); }
@media (max-width: 800px) { .signature-grid { grid-template-columns: 1fr; } .signature-tile { min-height: 260px; } }
@media (max-width: 520px) { .signature-wear-section { padding: 80px 0; } .signature-cta { align-items: flex-start; flex-direction: column; } }