/* V22 — cinematic monochrome introduction + global portfolio funnel */
:root{--v22-black:#000;--v22-white:#f5f5f7;--v22-blue:#2997ff}
.v22-cinematic{position:relative;background:#000;color:#fff;padding:72px 0 92px;overflow:hidden;text-align:center}
.v22-cinematic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.09),transparent 44%);pointer-events:none}
.v22-video-wrap{position:relative;width:min(1280px,calc(100% - 24px));aspect-ratio:16/9;margin:0 auto;border-radius:30px;overflow:hidden;background:#090909;box-shadow:0 40px 100px rgba(0,0,0,.75);isolation:isolate}
.v22-video-wrap:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:inherit;pointer-events:none;z-index:2}
.v22-video-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.12) brightness(.84);background:#000}
.v22-cinematic-copy{position:relative;padding-top:58px;z-index:2}
.v22-kicker{margin:0 0 17px;color:#a1a1a6;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.v22-cinematic h1{margin:0 auto;color:#f5f5f7!important;font-family:Inter,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(3.5rem,8vw,7.8rem)!important;line-height:.9!important;letter-spacing:-.075em!important;max-width:1200px}
.v22-cinematic h1 span{background:linear-gradient(92deg,#fff,#8e8e93);-webkit-background-clip:text;background-clip:text;color:transparent}
.v22-cinematic-copy>p:not(.v22-kicker):not(.v22-video-note){max-width:790px;margin:28px auto 30px;color:#c7c7cc;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}
.v22-cinematic .actions{justify-content:center}
.v22-cinematic .button{min-height:48px;padding:13px 22px!important}
.v22-cinematic .v22-light{background:#fff!important;border:1px solid #fff!important;color:#111!important}
.v22-cinematic .v22-light:hover{background:#e8e8ed!important}
.v22-cinematic .v22-sound{background:transparent!important;border:1px solid #6e6e73!important;color:#f5f5f7!important}.v22-cinematic .v22-sound:before{content:"▶";font-size:.72rem;margin-right:8px}.v22-cinematic .v22-sound:hover{border-color:#fff!important}
.v22-video-note{margin:20px 0 0!important;color:#86868b!important;font-size:.77rem!important;letter-spacing:.04em}
.v21-tabs a[href*="mraplusportfolio"]{background:#111;color:#fff!important}
.v21-tabs a[href*="mraplusportfolio"]:after{content:" ↗"}
.v21-page-cta .button[href*="mraplusportfolio"]{background:#fff!important;color:#111!important;border-color:#fff!important}
.v20-hero .actions{flex-wrap:wrap}
.v20-hero .actions .secondary[href*="mraplusportfolio"]{color:#fff!important;border-color:rgba(255,255,255,.72)!important}
@media(max-width:680px){.v22-cinematic{padding:20px 0 65px}.v22-video-wrap{width:calc(100% - 16px);border-radius:18px}.v22-cinematic-copy{padding-top:42px}.v22-cinematic h1{font-size:3.6rem!important}.v22-cinematic .actions{display:grid}.v22-cinematic .button{width:100%}}
@media(prefers-reduced-motion:reduce){.v22-cinematic *{scroll-behavior:auto!important}}