.loyalty{background:#dcb064;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.loyalty-title h2{font-size:clamp(2.8rem,5vw,5.4rem)}.loyal-content{padding-top:2.5rem}.loyal-lead{font-size:1.25rem;max-width:700px}.loyal-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(19,42,43,.18);margin:2.5rem 0}.loyal-benefits article{background:#dcb064;padding:2rem}.loyal-benefits span{font:600 3rem "Manrope";opacity:.2}.loyal-benefits h3{font-size:1.6rem;margin-top:1rem}.loyalty .button{background:#132a2b;color:#fff}@media(max-width:900px){.loyalty{grid-template-columns:1fr}.loyal-content{padding-top:0}}@media(max-width:560px){.loyal-benefits{grid-template-columns:1fr}}

.loyalty.section{gap:clamp(1rem,4vw,3rem);padding-block:clamp(2rem,4vw,3rem)}
.loyalty-title{min-width:0}
.loyalty-title .loyal-lead{max-width:52ch;margin:1.25rem 0 0;font-size:1rem;line-height:1.55}
.loyal-lead a{font-weight:700;text-underline-offset:.18em}
.loyal-intro-disclosure summary{display:block;position:relative;padding-right:2.25rem;list-style:none;cursor:pointer}
.loyal-intro-disclosure summary::-webkit-details-marker{display:none}
.loyal-intro-disclosure .loyal-headline{display:block;font:600 2.1rem/1.15 "Manrope",sans-serif;letter-spacing:-.04em}
.loyal-intro-disclosure summary::after{content:"";position:absolute;right:.3rem;top:.5rem;width:.85rem;height:.85rem;border-right:4px solid #ffc44d;border-bottom:4px solid #ffc44d;transform:rotate(45deg);transition:transform .2s ease}
.loyal-intro-disclosure[open] summary::after{transform:rotate(225deg)}
.loyal-intro-disclosure summary:focus-visible{outline:2px solid #132a2b;outline-offset:4px}
.loyalty-title .loyal-intro-fixed{display:block;margin-top:1.25rem}
.loyalty-title .loyal-intro-disclosure > .loyal-lead{margin-top:.35rem}
.loyal-content{min-width:0;padding-top:0}
.loyal-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1.25rem}
.loyal-benefits article{min-width:0;padding:1rem}
.loyal-benefits details summary{display:block;position:relative;padding-right:1.4rem;list-style:none;cursor:pointer}
.loyal-benefits details summary::-webkit-details-marker{display:none}
.loyal-benefits details summary::after{content:"";position:absolute;right:.15rem;top:.35rem;width:.65rem;height:.65rem;border-right:4px solid #ffc44d;border-bottom:4px solid #ffc44d;transform:rotate(45deg);transition:transform .2s ease}
.loyal-benefits details[open] summary::after{transform:rotate(225deg)}
.loyal-benefits details summary:focus-visible{outline:2px solid #132a2b;outline-offset:4px}
.loyalty.section .loyal-benefits details h3{margin:0;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.16}
.loyal-benefits details p{margin:.8rem 0 0;line-height:1.5}
@media(max-width:900px){.loyalty.section{grid-template-columns:1fr}.loyalty-title .loyal-lead{max-width:65ch;margin-top:.8rem}}
@media(max-width:650px){.loyal-benefits{grid-template-columns:1fr}.loyal-benefits article{padding:.8rem 1rem}}
@media(prefers-reduced-motion:reduce){.loyal-benefits details summary::after{transition:none}}