:root{--gold-top:#F0BE35;--gold-bottom:#CB921F}
.about{padding:10vh 8vw 16vh;display:none;place-items:center}
.about.show{display:grid;animation:aboutIn .4s ease both}
.about.show .wrap{animation:aboutRise .6s ease .1s both}
.about .wrap{max-width:900px;text-align:center}
.about h2{margin:0 0 .5rem;font-weight:800;font-size:clamp(1.75rem,5.2vw,2.75rem);letter-spacing:.01em}
.about p{margin:.25rem 0 1.25rem;color:#e9e4d6;font-size:clamp(1rem,3.4vw,1.25rem);line-height:1.6}
.about .cta{display:inline-block;padding:.85rem 1.25rem;border-radius:.75rem;background:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:#1a1206;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.35);transform:translateY(0);transition:transform .2s ease,filter .2s ease}
.about .cta:active{transform:translateY(1px)}
@keyframes aboutIn{0%{opacity:0}100%{opacity:1}}
@keyframes aboutRise{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}