@font-face{font-family:CMM Outfit;src:url('./hero-vendor/Outfit-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body[data-cmm-landing] .site-header{background:#090b10e8;border-color:#ffffff17}
body[data-cmm-landing] main{max-width:100%;overflow-x:clip}
.cmm-cinema{--cinema-ink:#090b10;--cinema-paper:#f4f1e9;position:relative;isolation:isolate;min-height:740px;min-height:min(830px,calc(100svh - 92px));display:flex;align-items:center;overflow:hidden;background:var(--cinema-ink);font-family:CMM Outfit,Arial,sans-serif}
.cmm-cinema-scene{position:absolute;inset:0 0 0 24%;overflow:hidden;z-index:-4}
.cmm-cinema-image{width:100%;height:100%;object-fit:cover;object-position:55% 45%;filter:saturate(.8);transform-origin:60% 45%;will-change:transform}
.cmm-cinema-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#090b10 1%,#090b10f5 20%,#090b10c7 39%,#090b1050 68%,#090b1020),linear-gradient(0deg,#090b10 0%,#090b1040 22%,transparent 65%,#090b1030)}
.cmm-cinema-grain{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.cmm-cinema-content{width:100%;padding-top:80px;padding-bottom:150px}
.cmm-cinema-name{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;margin:0 0 29px;color:#ded8ea}
.cmm-cinema h1{font-family:CMM Outfit,Arial,sans-serif;font-size:clamp(58px,6.7vw,108px);font-weight:560;line-height:1.02;letter-spacing:-.06em;max-width:14ch;margin:0 0 27px;hyphens:none;overflow-wrap:normal;text-wrap:nowrap}
.cmm-cinema h1 span{display:block}
.cmm-cinema h1 span:last-child{color:var(--pale);font-weight:330}
.cmm-cinema-lead{font-size:clamp(16px,1.35vw,21px);line-height:1.5;max-width:32ch;color:#e6e1e9;margin-bottom:34px}
.cmm-cinema-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:620px}
.cmm-cinema-actions .btn{min-height:52px;padding:14px 23px;border-radius:2px;font-size:14px;font-weight:550}
.cmm-cinema-actions .cmm-cinema-primary{background:var(--cinema-paper);color:var(--cinema-ink)}
.cmm-cinema-actions .cmm-cinema-primary:hover{background:#fff}
.cmm-cinema-actions .secondary{background:#090b1045;border-color:#ffffff55;color:var(--cinema-paper)}
.cmm-cinema-actions span{font-size:20px;margin-left:9px}
.cmm-cinema-footer{position:absolute;inset:auto 0 26px;width:100%;display:flex;align-items:center;gap:28px}
.cmm-cinema-artist{display:flex;align-items:center;gap:13px;min-height:54px}
.cmm-cinema-artist img{height:48px;width:48px;object-fit:cover;object-position:50% 30%;border-radius:50%;filter:grayscale(1);transition:filter .35s}
.cmm-cinema-artist:hover img{filter:grayscale(0)}
.cmm-cinema-artist>span:first-of-type{font-size:14px;line-height:1.2}
.cmm-cinema-artist small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.cmm-cinema-artist>span:last-child{margin-left:12px;color:var(--muted)}
.cmm-cinema-caption{margin:0 0 0 auto;color:#d2ccd8;font-size:11px}
[data-cmm-motion]{display:flex;gap:9px;align-items:center;min-height:44px;padding:8px 12px;color:#eee9f5;background:#090b106b;border:1px solid #ffffff38;border-radius:2px;font-size:11px}
.cmm-cinema-bridge{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:90px;border-bottom:1px solid var(--line);font-family:CMM Outfit,Arial,sans-serif;color:var(--muted)}
.cmm-cinema-bridge p{margin:0;font-size:14px}
.cmm-cinema-bridge>span{font-size:25px;color:var(--pale)}
body[data-cmm-landing] .home-hero{padding-top:55px}
.cmm-opening{position:absolute;inset:0;z-index:3;background:#090b10;display:grid;place-items:center;pointer-events:none;overflow:hidden;will-change:clip-path,opacity}
.cmm-opening video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.55)}
.cmm-opening-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#090b1020,#090b10e8 72%)}
.cmm-opening-mark{display:flex;align-items:center;gap:26px;position:relative}
.cmm-opening-mark img{width:clamp(80px,10vw,140px);height:auto}
.cmm-opening-mark p{font-family:'CMM Display',sans-serif;font-size:clamp(30px,4.4vw,60px);line-height:1.12;letter-spacing:.01em;text-transform:uppercase;margin:0}
.cmm-opening-line{position:absolute;left:10%;right:10%;height:1px;bottom:22%;background:#d7c5ff99;transform:scaleX(0);transform-origin:left}
.cmm-opening-skip{position:absolute;right:var(--gutter);top:26px;z-index:4;display:flex;gap:22px;align-items:center;min-height:44px;padding:10px 16px;font-size:12px;line-height:1.4;color:var(--paper);background:#090b10a0;border:1px solid #ffffff40;border-radius:2px}
@media(min-width:1600px){.cmm-cinema-scene{left:27%}.cmm-cinema-shade{background:linear-gradient(90deg,#090b10 10%,#090b10f5 24%,#090b10a0 43%,#090b1030 75%),linear-gradient(0deg,#090b10 0%,transparent 60%)}}
@media(max-width:900px){.cmm-cinema{min-height:720px;min-height:calc(100svh - 72px)}.cmm-cinema-scene{left:0}.cmm-cinema-shade{background:linear-gradient(90deg,#090b10d9,#090b1060 90%),linear-gradient(0deg,#090b10,transparent 85%)}.cmm-cinema-content{padding-top:100px;padding-bottom:160px}.cmm-cinema h1{font-size:clamp(58px,9.5vw,82px)}.cmm-cinema-caption{display:none}.cmm-cinema-footer [data-cmm-motion]{margin-left:auto}}
@media(max-width:620px){.cmm-cinema{min-height:650px;min-height:calc(100svh - 72px);align-items:flex-end}.cmm-cinema-scene{inset:0 0 22%}.cmm-cinema-image{object-position:50% 26%}.cmm-cinema-shade{background:linear-gradient(0deg,#090b10 5%,#090b10f7 28%,#090b10c7 48%,#090b1038 77%,#090b1025)}.cmm-cinema-content{padding-top:210px;padding-bottom:120px}.cmm-cinema-name{font-size:9px;letter-spacing:.2em;margin-bottom:19px}.cmm-cinema h1{font-size:clamp(41px,10.9vw,66px);letter-spacing:-.055em;margin-bottom:22px;line-height:1.05}.cmm-cinema-lead{font-size:16px;max-width:29ch;margin-bottom:25px}.cmm-cinema-actions{display:grid;grid-template-columns:1fr;max-width:360px;gap:10px}.cmm-cinema-actions .btn{min-height:49px;justify-content:space-between;padding:12px 18px;font-size:13px}.cmm-cinema-footer{bottom:22px;gap:12px}.cmm-cinema-artist img{width:36px;height:36px}.cmm-cinema-artist{gap:10px;min-height:44px}.cmm-cinema-artist>span:first-of-type{font-size:12px}.cmm-cinema-artist small{font-size:9px}.cmm-cinema-artist>span:last-child{display:none}[data-cmm-motion]{padding:8px;font-size:10px;gap:7px}.cmm-cinema-bridge{min-height:76px}.cmm-cinema-bridge p{font-size:12px}body[data-cmm-landing] .home-hero{padding-top:32px}.cmm-opening-mark{gap:16px}.cmm-opening-mark img{width:72px}.cmm-opening-mark p{font-size:29px}.cmm-opening-skip{top:18px;right:22px}}
@media(max-width:360px){.cmm-cinema h1{font-size:39px}.cmm-cinema-content{padding-top:190px;padding-bottom:112px}.cmm-cinema-name{font-size:8px}.cmm-cinema-lead{font-size:15px}.cmm-cinema-artist small{display:none}.cmm-opening-mark p{font-size:25px}.cmm-opening-mark img{width:60px}}
@media(max-height:520px) and (orientation:landscape){.cmm-cinema{min-height:610px}.cmm-cinema-content{padding-top:70px;padding-bottom:160px}}
@media(prefers-reduced-motion:reduce){.cmm-cinema-image{will-change:auto;transform:none!important}.cmm-opening,.cmm-opening-skip,[data-cmm-motion]{display:none!important}.cmm-cinema *{transition:none!important}}