:root{--gate-ink:#121210;--gate-cream:#f2ede4;--gate-gold:#c59a68;--gate-line:rgba(255,255,255,.18)}
.experience-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;background:#0d0d0c;overflow:hidden;color:#fff;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}.experience-gate.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.experience-gate-bg{position:absolute;inset:-3%;background:linear-gradient(90deg,rgba(7,7,7,.88),rgba(7,7,7,.3) 52%,rgba(7,7,7,.72)),url('https://classypilates.de/wp-content/uploads/2026/05/Oval_01-scaled.jpg') center/cover no-repeat;filter:saturate(.82) contrast(1.04);transform:scale(1.04);animation:gateBg 12s ease-in-out infinite alternate}.experience-gate:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 74% 24%,rgba(197,154,104,.14),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.5));pointer-events:none}.experience-shell{position:relative;z-index:2;width:min(1040px,100%);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:clamp(26px,4vw,56px);background:linear-gradient(145deg,rgba(16,16,15,.9),rgba(29,28,26,.76));box-shadow:0 45px 120px rgba(0,0,0,.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}.experience-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 24%,transparent 72%,rgba(197,154,104,.09));pointer-events:none}.experience-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:28px}.experience-brand-mark{width:42px;height:42px;border:1px solid rgba(197,154,104,.8);border-radius:50%;display:grid;place-items:center;font:600 11px/1 Manrope;color:#e3bd8d;letter-spacing:-.04em}.experience-brand span:last-child b,.experience-brand span:last-child small{display:block}.experience-brand b{font:600 11px/1 Manrope;letter-spacing:.22em}.experience-brand small{margin-top:5px;font:500 8px/1 Manrope;letter-spacing:.3em;color:rgba(255,255,255,.55)}.experience-intro{text-align:center;max-width:650px;margin:0 auto 34px}.experience-intro .eyebrow{margin-bottom:14px;color:#d8b17e}.experience-intro h2{font:500 clamp(46px,6vw,78px)/.95 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:0 0 15px}.experience-intro p{font:400 13px/1.7 Manrope;color:rgba(255,255,255,.62);margin:0}.experience-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.experience-card{position:relative;min-height:330px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);display:flex;align-items:flex-end;padding:28px;color:#fff;text-decoration:none;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;background:transparent;font:inherit;text-align:left;cursor:pointer;width:100%;appearance:none;-webkit-appearance:none}.experience-card:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}.experience-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.05) 18%,rgba(8,8,8,.78) 76%,rgba(8,8,8,.93));z-index:-1}.experience-card.fit:before{background-image:url('https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1600&q=86')}.experience-card.pilates:before{background-image:url('https://classypilates.de/wp-content/uploads/2026/05/Ladies_02-scaled.jpg')}.experience-card:hover,.experience-card:focus-visible{transform:translateY(-7px);border-color:rgba(216,177,126,.75);box-shadow:0 22px 55px rgba(0,0,0,.25);outline:none}.experience-card:hover:before,.experience-card:focus-visible:before{transform:scale(1.055);filter:saturate(1.08)}.experience-card-content{width:100%}.experience-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:700 9px/1 Manrope;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.65)}.experience-card-icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font-size:16px}.experience-card h3{font:500 clamp(32px,3.5vw,49px)/1 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:0 0 8px}.experience-card p{margin:0;color:rgba(255,255,255,.68);font:400 12px/1.6 Manrope;max-width:340px}.experience-card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);margin-top:22px;padding-top:17px;font:700 10px/1 Manrope;text-transform:uppercase;letter-spacing:.1em}.experience-card-action i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);transition:transform .3s,background .3s}.experience-card:hover .experience-card-action i{transform:translateX(4px);background:#fff;color:#111}.experience-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font:600 9px/1.4 Manrope;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.4)}.experience-footer strong{color:#d8b17e;font-weight:600}.experience-switch{position:fixed;left:18px;bottom:18px;z-index:120;border:1px solid rgba(21,21,19,.15);background:rgba(244,240,232,.9);backdrop-filter:blur(12px);color:#151513;border-radius:999px;padding:10px 14px;font:700 9px/1 Manrope;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.25s}.experience-switch:hover{transform:translateY(-2px);background:#151513;color:#fff}.experience-gate[aria-hidden="true"]{display:none}body.gate-open{overflow:hidden}@keyframes gateBg{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-.8%,.5%,0)}}
@media(max-width:760px){.experience-gate{padding:14px;align-items:end}.experience-shell{border-radius:26px;padding:24px 18px 20px;max-height:94dvh;overflow:auto}.experience-brand{justify-content:flex-start;margin-bottom:18px}.experience-intro{text-align:left;margin-bottom:22px}.experience-intro h2{font-size:46px}.experience-options{grid-template-columns:1fr;gap:11px}.experience-card{min-height:205px;padding:20px}.experience-card h3{font-size:34px}.experience-card p{font-size:11px}.experience-card-action{margin-top:14px;padding-top:13px}.experience-footer{font-size:8px}.experience-switch{left:12px;bottom:12px}.experience-gate-bg{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.experience-gate-bg{animation:none}.experience-card,.experience-card:before,.experience-card-action i{transition:none}}