/* Original SmilePass / AdmitOneTicket from the supplied Drgsmileweb ZIP. */
.drg-memberships{position:relative;background:#11120f;color:#f2f0e8;padding:100px clamp(24px,4.5vw,64px);overflow:clip}
.drg-memberships-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:start;max-width:1312px;margin:0 auto}
.drg-memberships-copy{position:sticky;top:140px;padding:40px 0}
.drg-memberships-eyebrow{margin:0 0 20px;color:#609edb;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.32em;text-transform:uppercase}
.drg-memberships-copy h2{margin:0;max-width:8ch;font-family:"Mona Sans Variable",Arial,sans-serif;font-size:clamp(54px,7vw,112px);font-weight:900;line-height:.78;letter-spacing:-.07em;text-transform:uppercase;color:#f2f0e8}
.drg-memberships-line{display:block;width:100%;max-width:320px;height:1px;margin:24px 0;background:#609edb}
.drg-memberships-description{max-width:384px;font-size:16px;line-height:1.65;margin:0;color:#f2f0e8ad}
.drg-memberships-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #609edb;color:#f2f0e8;padding:15px 21px;border-radius:6px;margin-top:28px;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.drg-memberships-cta:hover{background:#609edb;color:#11120f}
.drg-memberships-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.drg-memberships-cards{width:100%;max-width:580px;justify-self:center;display:flex;flex-direction:column;gap:20px}
.drg-membership-card{display:block;position:relative;padding:2.5px;border-radius:15px;isolation:isolate;text-decoration:none;box-shadow:0 20px 44px -10px #0009,0 0 0 1px #ffffff38;transition:transform 320ms cubic-bezier(.22,1,.36,1),box-shadow .25s;transform:perspective(1200px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) scale(var(--card-scale,1));background:linear-gradient(135deg,#e8e8e8,#fff 35%,#bdbdbd);container-type:inline-size}
.drg-membership-card:not(.is-executive){background:linear-gradient(135deg,#252720,#11120f 50%,#1b1d18)}
.drg-membership-card:focus-visible,.drg-memberships-cta:focus-visible{outline:2px solid #609edb;outline-offset:6px}
.drg-membership-card:hover{box-shadow:0 20px 44px -10px #0009,0 0 0 1px #ffffff59}
.drg-membership-face{position:relative;z-index:1;isolation:isolate;display:flex;align-items:stretch;overflow:hidden;aspect-ratio:580/366;border-radius:12.5px;color:var(--membership-ink);background-image:var(--membership-bg)}
.drg-membership-card.is-executive{--membership-bg:linear-gradient(105deg,#161714 0%,#11120f 52%,#0c0d0b 100%);--membership-strip:#141512;--membership-pattern:#ffffff1c;--membership-border:#f2f0e81a;--membership-ink:#f2f0e8;--membership-watermark:#454643;--membership-watermark-opacity:.48}
.drg-membership-card.is-gold{--membership-bg:linear-gradient(105deg,#6f5428 0%,#a67c3a 28%,#d4af57 50%,#c49a3c 72%,#7a5a24 100%);--membership-strip:#5a421c;--membership-pattern:#ffffff24;--membership-border:#ffffff38;--membership-ink:#fff;--membership-watermark:#4a3818;--membership-watermark-opacity:.52}
.drg-membership-card.is-platinum{--membership-bg:linear-gradient(105deg,#5a5f66 0%,#8e949c 28%,#c8ccd2 50%,#9aa0a8 72%,#626870 100%);--membership-strip:#4a4f56;--membership-pattern:#ffffff29;--membership-border:#ffffff3d;--membership-ink:#fff;--membership-watermark:#3a3f45;--membership-watermark-opacity:.5}
.drg-membership-watermark{position:absolute;z-index:0;left:50%;top:50%;width:88%;aspect-ratio:1450/530;transform:translate(-50%,-50%);background:var(--membership-watermark);opacity:var(--membership-watermark-opacity);mask:url('/media/drgsmile-g-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/media/drgsmile-g-mask.svg') center/100% 100% no-repeat;pointer-events:none}
.drg-membership-strip{position:relative;z-index:1;width:20%;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--membership-border);background-color:var(--membership-strip);background-image:repeating-linear-gradient(-52deg,var(--membership-pattern) 0 1px,transparent 1px 7px)}
.drg-membership-strip span{font-family:Arial,sans-serif;font-size:5.86cqw;font-weight:900;letter-spacing:.43cqw;writing-mode:vertical-rl;transform:rotate(180deg)}
.drg-membership-title{position:relative;z-index:1;display:flex;align-items:center;flex:1;min-width:0;padding:0 2.41cqw}
.drg-membership-title h3{font-family:Arial,sans-serif;font-size:3.4cqw!important;font-weight:700;letter-spacing:.35cqw;line-height:1;white-space:nowrap;color:var(--membership-ink);margin:0;text-transform:uppercase}
.drg-membership-logo{position:absolute;right:2.41%;bottom:2.73%;height:9.83%;width:auto;max-width:none;z-index:2;filter:brightness(0) invert(1)}
.drg-membership-glare{position:absolute;z-index:4;inset:0;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .5s}
.drg-membership-face:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none}
.is-gold .drg-membership-face:after{background:linear-gradient(105deg,transparent 38%,#ffecaa3d 50%,transparent 62%);animation:drg-membership-gold 5.2s ease-in-out infinite}
.is-platinum .drg-membership-face:after{background:radial-gradient(circle at 72% 38%,#ffffff29,transparent 50%);animation:drg-membership-platinum 6s ease-in-out infinite}
@keyframes drg-membership-gold{0%,72%{transform:translateX(-130%) skewX(-16deg);opacity:0}82%{opacity:1}100%{transform:translateX(230%) skewX(-16deg);opacity:0}}
@keyframes drg-membership-platinum{0%,100%{opacity:.28}50%{opacity:.62}}
@media(prefers-reduced-motion:no-preference) and (min-width:1024px){.drg-membership-reveal.is-pending{opacity:0;transform:translateY(65px) rotate(-4deg) scale(.95)}.drg-membership-reveal{transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1)}.drg-membership-reveal:nth-child(2).is-pending{transform:translateY(75px) rotate(5deg) scale(.95)}}
@media(max-width:1023px){.drg-memberships{padding:80px 24px}.drg-memberships-layout{grid-template-columns:1fr;gap:44px}.drg-memberships-copy{position:relative;top:auto;padding:0;max-width:580px;width:100%;margin:0 auto}.drg-memberships-copy h2{font-size:clamp(54px,10vw,84px);max-width:10ch}.drg-memberships-description{font-size:14px}.drg-memberships-cards{gap:20px}}
@media(prefers-reduced-motion:reduce){.drg-membership-card,.drg-membership-glare,.drg-memberships-cta{transition:none}.drg-membership-face:after{animation:none;opacity:0}.drg-membership-card{transform:none!important}}
@media(prefers-reduced-motion:no-preference){.drg-membership-reveal{translate:0 var(--scroll-lift,0px);rotate:var(--scroll-turn,0deg);transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1),translate .18s linear,rotate .18s linear}.is-executive .drg-membership-face:after{background:linear-gradient(110deg,transparent 30%,#ffffff1c 48%,transparent 65%);animation:drg-membership-gold 6s ease-in-out infinite}.drg-membership-reveal.is-revealed .drg-membership-face:after{animation-delay:-1s}}
@media(prefers-reduced-motion:reduce){.drg-membership-reveal{translate:none!important;rotate:none!important;transform:none!important;opacity:1!important}}
