.cinema-section{color:#fff;background:radial-gradient(at 75% 45%,#261336 0%,#0000 57%),#0c090f;border-block:1px solid #c4a5ff26;padding:76px 24px;overflow:hidden}.cinema-section__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.65fr);grid-template-areas:"intro showcase""action showcase";gap:20px 48px;max-width:1240px;margin:auto;display:grid}.cinema-section__intro{grid-area:intro;align-self:end}.cinema-section__eyebrow{color:#d5bbff;letter-spacing:.13em;align-items:center;gap:10px;margin-bottom:24px;font-size:10px;font-weight:800;display:flex}.cinema-section__eyebrow span{color:#11081b;letter-spacing:.05em;background:#d5bbff;border-radius:4px;padding:4px 6px;font-size:9px}.cinema-section h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,3.6vw,54px);font-weight:900;line-height:1.04}.cinema-section h2 em{color:#d5bbff;font-style:italic}.cinema-section__description{color:#cdc5d3;max-width:400px;margin-top:24px;font-size:16px;line-height:1.65}.cinema-section__workflow{color:#fff;margin-bottom:22px;font-size:13px;font-weight:650;line-height:1.6}.cinema-section__action{grid-area:action;align-self:start}.cinema-section__action a{color:#14110a;background:#ffde59;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:14px 22px;font-size:15px;font-weight:850;transition:background .15s;display:inline-flex}.cinema-section__action a:hover{background:#ffe98e}.cinema-section__plan-note{color:#aaa0b3;margin-top:12px;font-size:11px;line-height:1.65}.cinema-section__showcase{grid-area:showcase;align-self:center;min-width:0}.cinema-section__showcase-label{color:#b9a9c8;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:10px;display:flex}.cinema-section__showcase-label span:first-child{color:#ded2eb;letter-spacing:.17em;font-size:9px;font-weight:750}.cinema-section__examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cinema-section__example{min-width:0;margin:0}.cinema-section__media{aspect-ratio:9/16;background:#171219;border:1px solid #ffffff24;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0004}.cinema-section__play{text-align:left;width:100%;height:100%;display:block;position:relative}.cinema-section__media img,.cinema-section__media video{object-fit:contain;width:100%;height:100%;display:block}.cinema-section__play:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000b);position:absolute;inset:50% 0 0}.cinema-section__play-icon{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#160b2380;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:50px;height:50px;padding-left:3px;transition:background .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cinema-section__play:hover .cinema-section__play-icon{background:#653399}.cinema-section__sample{z-index:1;text-align:center;color:#fff;font-size:11px;font-weight:650;position:absolute;bottom:18px;left:0;right:0}.cinema-section__number{color:#fff;pointer-events:none;background:#0009;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:9px;position:absolute;top:12px;left:12px}.cinema-section figcaption{padding-top:14px}.cinema-section h3{color:#f1eaf8;font-size:14px;font-weight:750;line-height:1.4}.cinema-section figcaption p{color:#b8adbf;margin-top:5px;font-size:11px;line-height:1.5}.cinema-section__footnote{color:#a89bb2;margin-top:22px;font-size:10px}.cinema-section__footnote span{display:none}.cinema-section__error{color:#e8c5ff;margin-top:10px;font-size:12px}.cinema-section a:focus-visible,.cinema-section button:focus-visible{outline-offset:4px;outline:3px solid #ffde59}.cinema-section__play:focus-visible{outline-offset:-5px}@media (width<=1050px){.cinema-section__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:28px}.cinema-section h3{font-size:12px}}@media (width<=760px){.cinema-section{padding:36px 20px 32px}.cinema-section__inner{flex-direction:column;align-items:stretch;gap:24px;display:flex}.cinema-section__intro{align-self:stretch}.cinema-section h2{font-size:38px}.cinema-section__eyebrow{margin-bottom:18px}.cinema-section__description{max-width:540px;margin-top:18px;font-size:14px}.cinema-section__workflow{text-align:center;margin-bottom:16px;font-size:12px}.cinema-section__showcase{align-self:stretch}.cinema-section__action{text-align:center;align-self:stretch}.cinema-section__action a{width:100%;max-width:420px}.cinema-section__examples{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#735786 #1c1225;margin-inline:-20px;padding:0 20px 12px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.cinema-section__example{scroll-snap-align:start;flex:0 0 min(56vw,220px)}.cinema-section h3{font-size:14px}.cinema-section__footnote{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;display:flex}.cinema-section__footnote span{display:inline}}@media (prefers-reduced-motion:reduce){.cinema-section *,.cinema-section :after{scroll-behavior:auto;transition:none}}
