.experience-cinema{position:relative;min-height:760px;height:calc(100svh - 111px);max-height:1050px;overflow:hidden;background:#091329;display:flex;align-items:center;isolation:isolate}
.experience-cinema:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(100,150,233,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,233,.04) 1px,transparent 1px);background-size:80px 80px;z-index:2;pointer-events:none;mix-blend-mode:screen}
#experience-video{position:absolute;top:0;bottom:0;left:23%;width:100%;max-width:none;height:100%;object-fit:cover;z-index:0;opacity:.93;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 24%,black 100%);mask-image:linear-gradient(90deg,transparent 0%,black 24%,black 100%)}
.experience-cover{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,22,.94) 0%,rgba(2,9,24,.73) 33%,rgba(6,16,40,.13) 68%,rgba(4,11,28,.23) 100%),linear-gradient(0deg,rgba(4,10,21,.73),transparent 25%,transparent 70%,rgba(4,12,27,.52));z-index:1}
.experience-inner{position:relative;z-index:3;padding-top:40px;padding-bottom:100px}
.experience-badge{width:max-content;max-width:100%;border:1px solid rgba(232,189,113,.36);background:rgba(19,31,55,.66);backdrop-filter:blur(9px);border-radius:100px;padding:10px 15px;color:#ebc789;font-size:10px;letter-spacing:.15em;font-weight:700;margin-bottom:33px}
.experience-badge span{margin-right:8px;color:#e1ba75}
.experience-inner h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(3.2rem,5.7vw,6.1rem);letter-spacing:-.064em;line-height:1.06;max-width:1050px;margin:0 0 28px}
.experience-inner h1 em{font-style:normal;background:linear-gradient(120deg,#fff3cc,#e1ae62 48%,#f6dfaa);-webkit-background-clip:text;background-clip:text;color:transparent}
.experience-inner>p{max-width:490px;color:#d0dded;font-size:15px;line-height:1.85;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.experience-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.experience-buttons .btn-outline{backdrop-filter:blur(15px);background:rgba(11,22,44,.66)}
.experience-bottom{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.17em;font-weight:700;color:#c5d6ea}
#experience-pause{background:rgba(12,25,47,.66);border:1px solid rgba(223,200,157,.4);color:#ffdcaa;padding:11px 13px;border-radius:6px;white-space:nowrap;font-size:10px}
#experience-pause:hover{background:rgba(23,38,66,.92)}
.ex-intro{background:linear-gradient(180deg,rgba(23,38,64,.25),transparent)}
.ex-intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}
.ex-intro-grid h2{font-size:clamp(2.7rem,4vw,4rem)}
.ex-intro-grid>div:last-child{max-width:480px}
.ex-intro-grid p{color:#a8bbd4;line-height:1.9;font-size:14px}
.ex-tracks{border-top:1px solid rgba(156,182,223,.1)}
.ex-track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.ex-track-grid>a{position:relative;display:flex;flex-direction:column;padding:29px;min-height:345px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,#152640,#0b152a);transition:transform .2s,border-color .2s}
.ex-track-grid>a:hover{border-color:rgba(230,189,122,.43);transform:translateY(-6px)}
.ex-track-grid span{font-size:10px;color:#e2c082;letter-spacing:.13em;font-weight:700}
.ex-track-mark{font-size:54px;color:#d5ba82;display:block;margin-top:15px;font-weight:400;line-height:1}
.ex-track-grid h3{font-size:27px;line-height:1.1;margin:19px 0 8px}
.ex-track-grid p{font-size:12px;color:#a3b4ce;line-height:1.75}
.ex-track-grid strong{margin-top:auto;color:#eccd91;font-size:12px}
@media(max-width:950px){.experience-cinema{min-height:720px}.experience-cover{background:linear-gradient(90deg,rgba(4,10,22,.88),rgba(4,10,22,.45) 65%,rgba(4,10,22,.28))}.ex-intro-grid{grid-template-columns:1fr;gap:26px}.ex-intro-grid>div:last-child{max-width:680px}.ex-track-grid{grid-template-columns:1fr}.ex-track-grid>a{min-height:280px}}
@media(max-width:560px){
.experience-cinema{height:calc(100svh - 90px);min-height:720px;max-height:none;align-items:flex-start}
#experience-video{left:0;width:100%;max-width:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none}
.experience-cover{background:linear-gradient(180deg,rgba(3,8,22,.91) 0%,rgba(5,12,27,.72) 30%,rgba(5,12,27,.18) 64%,rgba(2,6,16,.55) 100%)}
.experience-inner{padding-top:78px}
.experience-badge{font-size:8px;letter-spacing:.08em;padding:8px 10px;margin-bottom:25px}
.experience-inner h1{font-size:clamp(3.1rem,12vw,4.5rem);margin-bottom:20px}
.experience-inner>p{font-size:12px;line-height:1.72;max-width:350px}
.experience-buttons{gap:10px;margin-top:22px}
.experience-buttons .btn{width:100%;font-size:11px;min-height:45px}
.experience-bottom{bottom:18px;font-size:7px;gap:7px;letter-spacing:.09em}
.experience-bottom span:last-child{display:none}
#experience-pause{padding:9px;font-size:9px}
.ex-intro-grid h2{font-size:2.5rem}
.ex-track-grid{margin-top:27px}
}
@media(prefers-reduced-motion:reduce){.ex-track-grid>a{transition:none}}