:root{--navy:#041d43;--blue:#0758b8;--red:#e21d36;--gold:#ffd33d;--ink:#0b1628;--muted:#607086;--paper:#f4f7fb;--line:#d9e2ef;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:white;line-height:1.5}a{color:inherit}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:50}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--navy));color:white;font-weight:900}.brand b{color:var(--navy)}.topbar nav{display:flex;gap:22px}.topbar nav a{font-weight:750;text-decoration:none;font-size:14px}.topbar nav a:hover{color:var(--red)}.menu-toggle{display:none}.hero{min-height:640px;background:linear-gradient(90deg,rgba(3,24,57,.98) 0%,rgba(3,33,78,.93) 45%,rgba(3,33,78,.12) 72%),url('/assets/motta-media-vps-hero-approved-v1.png') center/cover;display:grid;grid-template-columns:minmax(0,1240px);align-items:center;padding:70px max(24px,calc((100vw - 1240px)/2));color:white;border-bottom:7px solid var(--gold)}.hero-copy{max-width:610px}.eyebrow{color:#0871e5;font-size:12px;font-weight:900;letter-spacing:.14em;margin:0 0 10px}.hero .eyebrow,.dark .eyebrow,.cta .eyebrow{color:var(--gold)}h1,h2,h3,p{overflow-wrap:anywhere}.hero h1{font-size:clamp(60px,8vw,112px);line-height:.82;letter-spacing:-.065em;margin:18px 0 30px}.hero-copy>p:not(.eyebrow,.trust){font-size:clamp(18px,2vw,24px);max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer}.button.red{background:var(--red);color:white}.button.gold{background:var(--gold);color:var(--navy)}.button.ghost{border-color:#93b6e4;color:white;background:rgba(255,255,255,.05)}.button.ghost-dark{border-color:#96a9c2;color:var(--navy);background:white}.trust{font-size:13px;color:#c6d6eb;margin-top:16px}.stats{max-width:1240px;margin:-46px auto 0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 24px}.stats article{background:white;border:1px solid var(--line);box-shadow:0 14px 38px #001a3d1c;border-radius:16px;padding:24px}.stats strong{font-size:32px;color:var(--blue);display:block}.stats span{font-weight:700;color:var(--muted)}.section,.quick,.three,.feature,.cta,.clip-page{max-width:1240px;margin:0 auto;padding:82px 24px}.quick{padding-bottom:25px}.quick h2,.section h2,.feature h2,.three h2,.cta h2,.transcripts h2,.share-panel h2{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.04em;margin:0 0 24px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-grid a{padding:22px 16px;border:1px solid var(--line);border-radius:15px;text-decoration:none;font-weight:800;background:var(--paper)}.quick-grid a:hover{border-color:var(--blue);transform:translateY(-2px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.search{font-weight:800;color:var(--muted);display:grid;gap:6px;min-width:310px}.search input{padding:14px;border:1px solid var(--line);border-radius:10px;font:inherit}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.clip-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;box-shadow:0 12px 30px #06234d12}.video-link{display:block;position:relative;background:var(--navy);aspect-ratio:9/12;overflow:hidden}.video-link video{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--navy);font-size:22px;box-shadow:0 8px 30px #0008}.duration{position:absolute;right:10px;bottom:10px;background:#000c;color:white;border-radius:7px;padding:5px 8px;font-size:12px}.card-copy{padding:20px}.category{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase}.card-copy h3{font-size:21px;line-height:1.18;margin:8px 0}.card-copy>p:last-of-type{color:var(--muted);font-size:13px}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.card-actions a,.card-actions button{font-weight:800;color:var(--blue);background:none;border:0;padding:4px;cursor:pointer}.empty{background:var(--paper);padding:50px;border-radius:var(--radius);text-align:center}.feature{max-width:none;background:var(--navy);color:white;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.6fr 1fr;gap:40px}.feature-card{background:#0d3970;border:1px solid #37679d;border-radius:var(--radius);padding:34px}.live-dot{display:inline-block;width:12px;height:12px;background:#f23849;border-radius:50%;box-shadow:0 0 0 7px #f2384933;margin-right:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.three article{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.three h2{font-size:32px}.three a{font-weight:850;color:var(--blue)}.cta{max-width:none;background:linear-gradient(120deg,#073878,#0758b8);color:white;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}.cta.mini{max-width:1192px;margin:60px auto;border-radius:var(--radius);padding:38px}.clip-page{padding-top:36px}.crumb{display:flex;gap:10px;color:var(--muted);font-size:14px;margin-bottom:26px}.clip-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:40px}.player{background:#020b19;border-radius:var(--radius);overflow:hidden}.player video{width:100%;max-height:75vh;display:block;background:#000}.play-status{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 14px;color:white;font-size:12px}.play-status progress{width:100%;accent-color:var(--red)}.clip-layout aside h1{font-size:clamp(36px,5vw,64px);line-height:.95;letter-spacing:-.045em;margin:10px 0 20px}.byline,.source-note,.muted{color:var(--muted)}.stack{display:grid;gap:10px;margin:24px 0}.tip{display:block;background:#e8fff1;border:1px solid #7ccc9a;color:#075e2d;border-radius:14px;padding:17px;text-decoration:none;font-weight:900}.tip small{display:block;font-weight:500}.transcripts,.share-panel{max-width:1192px;margin:0 auto;padding:30px 0}.transcripts article{border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.transcript{background:var(--paper);border-radius:14px;padding:22px;max-height:360px;overflow:auto;white-space:normal}.transcript.full{max-height:640px}.copy-transcript{border:1px solid var(--line);background:white;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:25px;font-weight:900}details summary small{display:block;color:var(--blue);font-size:11px;letter-spacing:.13em}.official{padding-top:24px}.social{display:flex;flex-wrap:wrap;gap:9px}.social a{padding:10px 14px;border:1px solid var(--blue);color:var(--blue);border-radius:999px;text-decoration:none;font-weight:800}footer{background:#031b3f;color:white;padding:55px max(24px,calc((100vw - 1240px)/2)) 85px;border-top:5px solid var(--gold)}.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.footer-links a{color:white}.fine{font-size:12px;color:#acc0dc}.mobile-nav{display:none}
@media(max-width:900px){body{padding-bottom:70px}.topbar{height:60px;padding:0 15px}.brand b{font-size:14px}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font-weight:800}.topbar nav{display:none;position:absolute;top:60px;left:0;right:0;background:white;padding:20px;box-shadow:0 18px 30px #001c3b22;flex-direction:column}.topbar nav.open{display:flex}.hero{min-height:680px;background:linear-gradient(180deg,rgba(3,28,66,.3),rgba(3,28,66,.96) 62%),url('/assets/motta-media-vps-hero-approved-v1.png') 67% top/auto 57% no-repeat,#031c42;align-items:end;padding-bottom:48px}.hero h1{font-size:60px}.hero-copy>p:not(.eyebrow,.trust){font-size:17px}.stats{grid-template-columns:repeat(2,1fr);margin:0;padding-top:18px}.quick-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.quick-grid a{min-width:180px;scroll-snap-align:start}.section-head{display:block}.search{min-width:0;margin-top:20px}.clip-grid{grid-template-columns:repeat(2,1fr)}.feature,.three,.clip-layout{grid-template-columns:1fr}.cta{display:block}.clip-page{padding-top:22px}.transcripts,.share-panel{padding-left:24px;padding-right:24px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:80;background:#05295b;color:white;padding:9px 5px calc(9px + env(safe-area-inset-bottom));border-top:2px solid var(--gold)}.mobile-nav a{text-align:center;font-size:11px;text-decoration:none;font-weight:800}footer{padding-bottom:110px}}
@media(max-width:560px){.clip-grid{grid-template-columns:1fr}.video-link{aspect-ratio:9/12}.stats article{padding:17px}.stats strong{font-size:25px}.section,.quick,.three,.feature,.cta,.clip-page{padding-left:16px;padding-right:16px}.hero{padding-left:20px;padding-right:20px}.actions .button{width:100%}.section{padding-top:60px}.three{padding-top:55px;padding-bottom:55px}.clip-layout aside h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.info-page{min-height:70vh}.page-hero{background:linear-gradient(135deg,var(--navy),#0758b8);color:white;padding:78px max(24px,calc((100vw - 1180px)/2));border-bottom:6px solid var(--gold)}.page-hero h1{font-size:clamp(48px,7vw,92px);line-height:.9;letter-spacing:-.055em;max-width:900px;margin:14px 0 25px}.page-hero>p:not(.eyebrow){font-size:20px;max-width:850px}.page-hero a{color:white}.page-hero .search{max-width:600px;color:white;margin-top:28px}.info-grid,.learning-grid,.form-grid,.social-assets,.live-stats,.policy{max-width:1180px;margin:0 auto;padding:60px 24px}.info-grid,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-grid article,.policy,.learning-card,.ajax-form,.social-assets article,.live-stats article{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:white;box-shadow:0 12px 32px #06234d10}.policy{margin-top:35px;margin-bottom:35px}.status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-list p{background:var(--paper);border-radius:12px;padding:16px;margin:0}.learning-grid{display:grid;gap:24px}.learning-card h2{font-size:34px;margin:7px 0}.evidence{display:inline-block;background:#fff3c6;color:#674d00;border:1px solid #edcd55;border-radius:999px;padding:6px 11px;font-weight:800;font-size:12px}.age-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.age-columns section{background:var(--paper);border-radius:15px;padding:20px}.age-columns h3{color:var(--blue)}.form-grid label,.ajax-form{display:grid;gap:7px}.ajax-form input,.ajax-form select,.ajax-form textarea{font:inherit;padding:13px;border:1px solid #aebed2;border-radius:9px;color:var(--ink);background:white}.ajax-form textarea{min-height:140px}.ajax-form .button{justify-self:start}.form-status{font-weight:750;color:#075e2d}.honeypot{position:absolute!important;left:-9999px!important}.diagnostics{background:#061a38;color:#d9eeff;padding:18px;border-radius:12px;overflow:auto;max-width:850px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.live-stats strong{display:block;font-size:36px;color:var(--blue)}.live-stats span{font-weight:750;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.social-assets{display:grid;gap:28px}.social-assets article{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.social-assets img{width:100%;border-radius:15px}.social-assets textarea{width:100%;min-height:150px;padding:12px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px}
@media(max-width:760px){.info-grid,.form-grid,.age-columns,.social-assets article{grid-template-columns:1fr}.status-list{grid-template-columns:1fr}.live-stats{grid-template-columns:repeat(2,1fr)}.page-hero{padding:55px 18px}.learning-grid,.form-grid,.info-grid,.social-assets,.live-stats,.policy{padding-left:16px;padding-right:16px}.inline-fields{grid-template-columns:1fr}}
.clip-layout{align-items:start}.watch-column{position:sticky;top:96px}.clip-story{background:linear-gradient(145deg,#f2f7ff,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 18px 50px #042b6314}.clip-story .lead{font-size:18px}.context-strip{display:flex;gap:12px;align-items:center;background:#eef5ff;border:1px solid #cdddf3;border-radius:0 0 14px 14px;padding:14px;color:#334b6d}.context-strip span{font-size:13px}.transcript-dashboard{max-width:1192px;margin:72px auto 0;padding:50px;border-radius:28px;background:linear-gradient(145deg,#edf5ff,#fff);border:1px solid var(--line)}.transcript-intro{max-width:850px;margin-bottom:30px}.transcript-intro h2{font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.045em}.transcript-metrics{display:flex;flex-wrap:wrap;gap:10px}.transcript-metrics span{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--muted)}.transcript-metrics b{color:var(--blue)}.transcript-card{background:white!important;box-shadow:0 12px 35px #06234d12}.sync-notice{border-left:5px solid var(--gold);background:#fff8d7;padding:18px}.sync-notice p{margin-bottom:0}
@media(max-width:900px){.watch-column{position:static}.transcript-dashboard{margin:35px 16px 0;padding:24px}.context-strip{align-items:flex-start;flex-direction:column}}
.library-search{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(190px,.8fr) auto auto;gap:10px;align-items:end;min-width:min(100%,760px)}.library-search label{display:grid;gap:6px;font-weight:800;color:var(--muted)}.library-search input,.library-search select{width:100%;min-height:50px;padding:12px;border:1px solid #9fb0c5;border-radius:10px;background:white;color:var(--ink);font:inherit}.result-count{color:var(--muted);font-weight:750}.clip-card[hidden],.learning-card[hidden]{display:none!important}
@media(max-width:900px){.library-search{grid-template-columns:1fr;min-width:0;width:100%}.library-search .button{width:100%}}
.live-catalog-notice{position:fixed;right:1rem;bottom:1rem;z-index:9999;background:#075985;color:#fff;padding:.9rem 1.1rem;border-radius:.75rem;box-shadow:0 10px 30px #0003;font-weight:700}
.media-restoring{min-height:420px;background:#0b2447;color:white;border-radius:18px;display:grid;place-items:center;text-align:center;padding:2rem}.media-restoring img{max-height:270px;max-width:100%;object-fit:contain;border-radius:12px}.official-source,.optin-callout{max-width:1120px;margin:2rem auto;padding:2rem;border:1px solid #bdd1e8;border-radius:20px;background:#eef6ff;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);gap:2rem;align-items:center}.embed{aspect-ratio:16/9}.embed iframe{width:100%;height:100%;border:0;border-radius:14px}.related{max-width:1120px;margin:2rem auto}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.related-grid a{display:grid;gap:.5rem;padding:.75rem;border:1px solid #ccd8e8;border-radius:14px;color:#071c3d;text-decoration:none;background:white}.related-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.optin-callout form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.optin-callout label{display:grid;gap:.3rem;font-weight:700}.optin-callout input{font:inherit;padding:.8rem;border:1px solid #7890aa;border-radius:8px}.optin-callout .consent,.optin-callout button{grid-column:1/-1}.optin-callout .consent{display:flex;font-weight:400;align-items:flex-start}.optin-callout .consent input{margin-top:.2rem}@media(max-width:760px){.official-source,.optin-callout{grid-template-columns:1fr;padding:1.1rem}.optin-callout form{grid-template-columns:1fr}.media-restoring{min-height:300px}}
.artwork-chooser{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding:.65rem;border:1px solid #cbd8ea;border-radius:12px;background:#f4f8ff}.artwork-chooser button{border:1px solid #0b5bd3;border-radius:999px;background:#fff;color:#05275b;padding:.55rem .8rem;font-weight:750;cursor:pointer}.artwork-chooser button.active{background:#0b5bd3;color:#fff}.official-fallback{border-radius:18px;overflow:hidden;background:#061b3c;color:#fff}.official-fallback iframe,.clip-card iframe{display:block;width:100%;border:0;aspect-ratio:16/9}.official-fallback p{margin:0;padding:.75rem 1rem}.clip-card .video-link>iframe{min-height:220px}.repair-note{color:#644b00;background:#fff5cf;border-left:4px solid #ffcc32;padding:.55rem;border-radius:6px}
/* MOTTA_PLAYBACK_MOBILE_V15_BEGIN */
.live-catalog-notice{position:fixed;left:50%;right:auto;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9999;background:#0758b8;color:#fff;border:2px solid #fff;padding:.85rem 1.1rem;border-radius:999px;box-shadow:0 10px 30px #0004;font:inherit;font-weight:850;max-width:calc(100vw - 32px);white-space:nowrap;cursor:pointer}
.live-catalog-notice[hidden]{display:none}.playback-error{outline:4px solid #e21d36;outline-offset:-4px}
@media(max-width:760px){html{overflow-anchor:auto}.clip-card,.transcript-card,.player{overflow-anchor:none}.live-catalog-notice{font-size:14px}.player video{max-height:65vh}.clip-layout{gap:22px}.clip-story{padding:20px}.transcript-dashboard{overflow-anchor:none}}
/* MOTTA_PLAYBACK_MOBILE_V15_END */
/* Motta Public Network v2 responsive design layer */
.beta-ribbon{display:flex;gap:1rem;align-items:center;justify-content:center;padding:.65rem 1rem;background:#ffd43b;color:#061d42;font-size:.86rem}.beta-ribbon b{background:#e51d3b;color:#fff;padding:.2rem .5rem;border-radius:999px}.beta-ribbon a{font-weight:800;color:#061d42}.discovery-shell{background:#f4f7fb;min-height:100vh;padding-bottom:5rem}.discovery-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:2rem;align-items:end;padding:clamp(3rem,8vw,7rem) max(5vw,calc((100vw - 1240px)/2));background:radial-gradient(circle at 85% 20%,#2367bd 0,#0b448e 28%,#061f4a 70%);color:#fff;border-bottom:6px solid #ffd43b}.discovery-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.055em;margin:.35rem 0 1.3rem;max-width:900px}.discovery-hero>div>p:not(.eyebrow){max-width:670px;font-size:clamp(1rem,2vw,1.35rem);line-height:1.55}.hero-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:1.4rem;backdrop-filter:blur(10px)}.hero-stat strong{display:block;font-size:4rem;line-height:1;color:#ffd43b}.hero-stat span{display:block;margin:.4rem 0 1.4rem}.button{display:inline-flex;justify-content:center;align-items:center;padding:.85rem 1.15rem;background:#e51d3b;color:white!important;border-radius:10px;font-weight:850;text-decoration:none}.button.secondary{background:white;color:#082f69!important;border:1px solid #a9bdd8}.discovery-search,.media-section,.playlist-zone,.trust-strip{width:min(1240px,92vw);margin:2rem auto}.discovery-search{background:#fff;border:1px solid #cfdbeb;box-shadow:0 12px 35px rgba(6,31,74,.08);padding:1.1rem;border-radius:18px}.discovery-search label{display:block;font-weight:850;margin-bottom:.55rem}.discovery-search>div{display:flex;gap:.6rem}.discovery-search input{min-width:0;flex:1;border:1px solid #9fb2cd;border-radius:9px;padding:.9rem 1rem;font-size:1rem;color:#071b39;background:#fff}.discovery-search button{border:0;border-radius:9px;padding:.9rem 1.25rem;background:#0b5ccc;color:#fff;font-weight:850}.category-rail{display:flex;gap:.55rem;overflow-x:auto;padding:.3rem max(4vw,calc((100vw - 1240px)/2)) 1rem;scroll-snap-type:x proximity;scrollbar-width:thin}.category-rail a{flex:0 0 auto;scroll-snap-align:start;padding:.58rem .9rem;border-radius:999px;background:#e2e7ef;color:#1b2738;text-decoration:none;font-weight:760}.category-rail a.active{background:#082f69;color:#fff}.media-section>header,.playlist-zone>header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.15rem}.media-section h2,.playlist-zone h2,.trust-strip h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;margin:.25rem 0}.count-pill{background:#082f69;color:#fff;border-radius:999px;padding:.45rem .75rem;font-weight:800}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.media-card{background:#fff;border:1px solid #d5dfec;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(9,42,84,.07);min-width:0}.poster{display:block;position:relative;aspect-ratio:9/14;background:#061b3e;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff}.poster .duration{position:absolute;right:.55rem;bottom:.55rem;background:rgba(0,0,0,.82);color:#fff;border-radius:5px;padding:.22rem .4rem;font-weight:800;font-size:.78rem}.card-copy{padding:1rem}.category-label,.eyebrow{font-weight:900;letter-spacing:.09em;color:#0960cf;font-size:.72rem}.card-copy h3{font-size:1.05rem;line-height:1.25;margin:.4rem 0}.card-copy h3 a{color:#071b39;text-decoration:none}.card-copy p{font-size:.88rem;color:#56657a}.card-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.8rem}.card-actions a{font-size:.82rem;font-weight:800;color:#075ac4}.empty-state{padding:3rem;background:#fff;border:1px dashed #9db0ca;border-radius:18px;text-align:center}.playlist-zone{background:#071f48;color:#fff;padding:clamp(1.4rem,4vw,3rem);border-radius:24px}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.playlist-grid article{background:#fff;color:#071b39;border-radius:15px;overflow:hidden}.playlist-grid iframe{border:0;width:100%;aspect-ratio:16/9;background:#000}.playlist-grid h3,.playlist-grid p{margin:.85rem 1rem}.playlist-grid p{color:#59677a;font-size:.9rem}.trust-strip{display:flex;justify-content:space-between;gap:2rem;align-items:center;background:#ffd43b;color:#071b39;padding:clamp(1.5rem,4vw,3rem);border-radius:24px}.trust-strip>div:last-child{display:flex;gap:.65rem;flex-wrap:wrap}.mobile-nav{z-index:100}.topbar{position:sticky;top:0;z-index:90}.fine{max-width:1000px}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1.1rem}.footer-links a{color:white}
@media(max-width:980px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-hero{grid-template-columns:1fr}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body{overflow-x:hidden}.beta-ribbon{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.topbar{position:relative}.topbar nav{max-height:70vh;overflow:auto}.discovery-shell{padding-bottom:6rem}.discovery-hero{padding:2.5rem 1rem}.discovery-hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.discovery-search,.media-section,.playlist-zone,.trust-strip{width:calc(100% - 1.25rem);margin:1rem auto}.discovery-search>div{flex-direction:column}.media-section>header{align-items:start}.media-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:1rem}.media-card{flex:0 0 min(78vw,310px);scroll-snap-align:start}.poster{aspect-ratio:9/13}.playlist-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.playlist-grid article{flex:0 0 88%;scroll-snap-align:start}.trust-strip{align-items:flex-start;flex-direction:column}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}footer{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}

/* MOTTA_RESPONSIVE_VIDEO_V213 */
.player:has(.official-video-fallback){
  width:100%;
  background:#020b1b;
  overflow:hidden;
}
.official-video-fallback{
  display:block;
  width:100%;
  height:auto;
  min-height:clamp(260px,32vw,520px);
  aspect-ratio:16 / 9;
  border:0;
  background:#000;
}
.player .player-notice{
  margin:0;
  padding:16px 20px;
  color:#10213d;
  background:#fff6cf;
}
@media (max-width:720px){
  .clip-layout{grid-template-columns:minmax(0,1fr)!important;}
  .official-video-fallback{
    width:100%;
    min-height:0;
    aspect-ratio:16 / 9;
    max-height:72vh;
  }
}
/* END_MOTTA_RESPONSIVE_VIDEO_V213 */
/* MOTTA_OFFICIAL_SOURCE_HUB_V215 */
.official-source-hub,.community-hero,.form-shell{max-width:1180px;margin:34px auto;padding:clamp(22px,4vw,48px);background:#eef5ff;border:1px solid #bfd3ee;border-radius:22px}
.official-source-copy{max-width:760px}.official-source-copy h2,.community-hero h1,.form-shell h1{font-size:clamp(2rem,5vw,4.4rem);line-height:.94;margin:.25em 0}
.official-source-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:24px;margin-top:24px;align-items:start}.official-player-card,.creator-credit-card,.community-card{background:#fff;border:1px solid #c7d7ec;border-radius:18px;padding:18px}.official-embed{position:relative;aspect-ratio:16/9;background:#000;border-radius:13px;overflow:hidden}.official-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.official-link-preview{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#061f45;color:#fff;border-radius:13px}.creator-credit-card h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1;margin:.35em 0}.creator-actions{display:grid;gap:10px}.creator-tip{background:#dff9e8!important;border-color:#31a45c!important;color:#073d1b!important}.creator-tip small{display:block}.community-page,.submit-page{padding:20px}.community-grid{max-width:1180px;margin:0 auto 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.community-card h2{font-size:1.35rem}.report-link{display:block;margin-top:15px;font-size:.82rem}.form-shell{max-width:760px}.form-shell form{display:grid;gap:16px}.form-shell label{display:grid;gap:6px;font-weight:700}.form-shell input,.form-shell select{width:100%;box-sizing:border-box;padding:13px;border:1px solid #7e98b9;border-radius:9px;background:#fff;color:#07182f;font:inherit}.form-shell .check{grid-template-columns:auto 1fr;align-items:start}.form-shell .check input{width:auto;margin-top:4px}.honeypot{position:absolute!important;left:-10000px!important}.form-message{padding:14px;border-radius:10px}.form-message.success{background:#dff9e8}.form-message.error{background:#ffe1e1}
@media(max-width:760px){.official-source-grid{grid-template-columns:1fr}.official-source-hub{margin:18px 12px}.community-page,.submit-page{padding:8px}.official-embed{min-height:220px}}


/* MOTTA_LONG_SOURCE_NUMBERED_CLIPS_V224 */
.source-and-clips{margin:clamp(2rem,6vw,5rem) auto;padding:clamp(1.2rem,3vw,2.5rem);border:1px solid #cbd9ec;border-radius:24px;background:#f4f8ff;max-width:1120px}
.source-and-clips .section-heading{max-width:760px}.source-and-clips h2{font-size:clamp(2rem,5vw,4.3rem);line-height:.95;margin:.2rem 0 1rem}.source-playing-note{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.2rem;margin:1.2rem 0;border-left:6px solid #145cc5;background:#fff;border-radius:12px}.source-playing-note span{color:#41536a}.single-official-player{max-width:900px;margin:1.3rem auto;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #cbd9ec}.single-official-player p{padding:0 1rem 1rem}.numbered-clips-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2rem 0 1rem}.numbered-clips-heading h3{font-size:clamp(1.35rem,3vw,2.2rem);margin:0}.numbered-clips-heading p{margin:0;color:#51647c}.numbered-clips-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.numbered-clip-card{position:relative;overflow:hidden;background:#fff;border:1px solid #c9d8ec;border-radius:16px;box-shadow:0 8px 22px rgba(8,35,73,.07)}.numbered-clip-card.current-clip{outline:3px solid #145cc5}.numbered-clip-card video,.pending-clip{display:block;width:100%;aspect-ratio:9/16;max-height:470px;background:#031226;object-fit:contain}.pending-clip{position:relative;display:grid;place-items:center;overflow:hidden}.pending-clip img{width:100%;height:100%;object-fit:cover;opacity:.68}.pending-clip span{position:absolute;inset:auto .7rem .7rem;padding:.55rem .7rem;background:#fff4c7;color:#17253a;border-radius:8px;font-weight:800}.pending-clip.no-poster span{position:static}.clip-number{position:absolute;z-index:2;top:.7rem;left:.7rem;background:#ffd43b;color:#071f48;padding:.45rem .7rem;border-radius:999px;font-weight:900}.numbered-clip-copy{padding:1rem}.numbered-clip-copy h4{font-size:1.12rem;line-height:1.2;margin:0 0 .55rem}.numbered-clip-copy p{color:#53647a;min-height:2.5em}.numbered-clip-copy .button{display:inline-flex;width:auto}.official-embed{position:relative;aspect-ratio:16/9;background:#020d20}.official-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:680px){.source-and-clips{margin:1.25rem .65rem;padding:1rem;border-radius:18px}.source-playing-note,.numbered-clips-heading{align-items:flex-start;flex-direction:column}.numbered-clips-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 .75rem}.numbered-clip-card{flex:0 0 min(82vw,320px);scroll-snap-align:start}.numbered-clip-card video,.pending-clip{max-height:62vh}}