.nav nav a{padding:8px 14px;border-radius:999px;border:1px solid transparent;transition:all .2s}
.nav nav{gap:6px}
.nav nav a:hover,.nav nav a[aria-current]{background:#1f3a32;color:#faf7f2;border-color:#c9a24a}
.menu-t{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.menu-t span{display:block;width:24px;height:2px;background:#1f3a32;margin:5px 0;transition:.3s}
.tiles-sec{padding-top:10px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:28px 24px;border-radius:22px;text-decoration:none;color:#faf7f2;background:linear-gradient(145deg,#1f3a32,#2f5a4b);border:1px solid rgba(201,162,74,.45);box-shadow:0 10px 30px rgba(31,58,50,.18);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;animation:tileIn .7s both;animation-delay:var(--d)}
.tile::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(201,162,74,.35),transparent 55%);opacity:0;transition:opacity .4s}
.tile:hover,.tile:focus-visible{transform:translateY(-8px) scale(1.02);box-shadow:0 22px 50px rgba(31,58,50,.3),0 0 0 2px #c9a24a,0 0 30px rgba(201,162,74,.45)}
.tile:hover::before{opacity:1}
.ti{font-size:2.2rem;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(250,247,242,.12);border:1px solid rgba(201,162,74,.5);margin-bottom:8px;transition:transform .4s}
.tile:hover .ti{transform:rotate(-8deg) scale(1.1)}
.tile b{font-family:Fraunces,serif;font-size:1.5rem;font-weight:600;color:#f3dfa6}
.tile small{color:rgba(250,247,242,.8);font-size:.95rem}
.ta{position:absolute;right:22px;top:24px;font-size:1.4rem;color:#c9a24a;transition:transform .3s}
.tile:hover .ta{transform:translateX(6px)}
@keyframes tileIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tile{animation:none}.tile,.ti,.ta{transition:none}}
@media (max-width:900px){.menu-t{display:block}.nav .btn{margin-left:0}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:14px 20px;background:rgba(250,247,242,.98);border-bottom:1px solid rgba(31,58,50,.12);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.nav.open nav{display:flex}.nav nav a{text-align:center;border-color:rgba(31,58,50,.15)}
.nav.open .menu-t span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .menu-t span:nth-child(2){opacity:0}.nav.open .menu-t span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}