.metal-title{display:flex;flex-direction:column;align-items:center;gap:10px;text-transform:uppercase;font-weight:800;line-height:.9;font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif}.metal-kicker,.metal-sub,.metal-word{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.metal-kicker{position:relative;display:inline-block;font-size:clamp(18px,3.4vw,34px);letter-spacing:.18em;background-image:linear-gradient(180deg,#a67c2d,#e8c56a 18%,#fff6d4 42%,#ffe7a0 62%,#e8c56a 82%,#a67c2d);filter:drop-shadow(0 2px 0 #6b4a12) drop-shadow(0 6px 10px rgba(0,0,0,.4))}.metal-word{font-size:clamp(36px,8.2vw,92px);letter-spacing:.02em;background-image:linear-gradient(102deg,#fff6d4,#f0c14b 10%,#c8962e 20%,#fff1c2 30%,#8fd9b4 46%,#1a8f7a 58%,#0e6b62 66%,#e8c56a 80%,#fff8dc 90%,#b8860b);filter:drop-shadow(0 2px 0 #8a641c) drop-shadow(0 4px 8px rgba(0,0,0,.22))}.metal-sub{font-size:clamp(26px,5.4vw,54px);letter-spacing:.2em;background-image:linear-gradient(180deg,#a67c2d,#e8c56a 18%,#fff6d4 42%,#ffe7a0 62%,#e8c56a 82%,#a67c2d);filter:drop-shadow(0 2px 0 #5c4010) drop-shadow(0 8px 14px rgba(0,0,0,.42))}.pillar-ring{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;color:#e8c56a;border:1.5px solid #e8c56a;background:radial-gradient(circle,rgba(232,197,106,.12) 0,rgba(166,124,45,.04) 55%,transparent 72%);box-shadow:0 0 0 1px rgba(232,197,106,.16),0 0 5px rgba(232,197,106,.24),inset 0 0 5px rgba(255,231,160,.12)}.pillar-ring svg{width:40px;height:40px}@media (min-width:640px){.pillar-ring{width:76px;height:76px}.pillar-ring svg{width:52px;height:52px}}