#frontend .service-stage{height:620px;background:radial-gradient(ellipse at 56% 50%,#352047 0,#120d1b 58%,#0c0911 100%)}
#frontend .frontend-cinematic{position:absolute;inset:0;perspective:1500px;pointer-events:none;overflow:hidden;color:#f4eef8;font-family:'Schibsted Grotesk',sans-serif}
#frontend .fc-platform{position:absolute;left:50%;top:51%;transform-style:preserve-3d;width:0;height:0}
#frontend .fc-surface{position:absolute;background:#100f15;transform-style:preserve-3d;border:1px solid #a88ac080;border-radius:14px;box-shadow:0 5px 0 #514459,0 8px 0 #211c27,0 36px 70px #0008;overflow:hidden}
#frontend .fc-main{z-index:2;will-change:transform,width,height}
#frontend .fc-ghost{z-index:0;width:680px;height:390px;opacity:0;transform-origin:center;filter:brightness(.73)}
#frontend .fc-header{height:48px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#111017;border-bottom:1px solid #ffffff15;position:absolute;top:0;left:0;width:100%;z-index:4;font-size:11px;letter-spacing:.015em}
#frontend .fc-wordmark{font-weight:800;font-size:14px;letter-spacing:-.6px}#frontend .fc-wordmark em{font-weight:400;font-style:normal;color:#c6a3e0}
#frontend .fc-nav{color:#b7aeba;font-size:10px}
#frontend .fc-photo{position:absolute;background-image:linear-gradient(90deg,#100f15 0%,transparent 33%),url('/assets/images/frontend-night-track.webp');background-size:cover;background-position:70% center;transform-origin:0 0}
#frontend .fc-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100f15 0%,transparent 48%)}
#frontend .fc-headline{position:absolute;font-family:Archivo,sans-serif;font-weight:900;font-size:56px;letter-spacing:-2.7px;line-height:.98;margin:0;color:#f5eef8;text-shadow:0 2px 25px #0004;transform-origin:0 0}
#frontend .fc-headline span{color:#d2b2f2}
#frontend .fc-session{position:absolute;background:#221b2be8;border:1px solid #c8a0e333;border-radius:7px;padding:15px 18px;box-shadow:0 15px 35px #0003;transform-origin:0 0}
#frontend .fc-session small{font-size:10px;color:#c6a5dd;display:block;margin-bottom:6px}
#frontend .fc-session strong{font-size:25px;line-height:1.15;letter-spacing:-.8px;display:block;color:#fff}
#frontend .fc-meta{display:flex;gap:14px;color:#d3c6dc;font-size:11px;margin-top:8px}
#frontend .fc-action{position:absolute;background:#d6b3f3;color:#23122e;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 #fff5}
#frontend .fc-action i{font-style:normal;font-size:18px}#frontend .fc-action[data-state=saved]{background:#e5d1f3}
#frontend .fc-footnote{position:absolute;left:25px;bottom:14px;color:#a18ba9;font-size:9px;letter-spacing:.04em}
#frontend .fc-ghost .fc-photo{left:250px;top:48px;width:430px;height:342px}
#frontend .fc-ghost .fc-headline{left:26px;top:84px;width:340px;font-size:44px}
#frontend .fc-ghost .fc-session{left:26px;top:255px;width:265px;padding:12px 16px}
#frontend .fc-ghost .fc-session strong{font-size:22px}
#frontend .fc-stage-caption{position:absolute;bottom:20px;left:30px;color:#b49ac8;font-size:10px;letter-spacing:.03em}
#frontend .fc-main .fc-header{padding:0 20px}
@media(max-width:700px){#frontend .service-stage{height:min(510px,65svh);min-height:320px}#frontend .service-stage-note{font-size:9px;top:13px;left:18px}#frontend .fc-stage-caption{bottom:12px;left:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#frontend .frontend-cinematic *{animation:none!important;transition:none!important}}
