/* MARY & BLAKE WEBSITE 2.0 — SHOWS & MOVIES LIBRARY V36 (DRAFT ONLY) */
body.mb2-site .mb2d36{--d-bg:#111317;--d-ink:#faf8f2;--d-soft:#ebe9e6;--d-muted:#bfc6ce;--d-stroke:#414954;--d-accent:#45add7;background:var(--d-bg);color:var(--d-ink);font-family:Lato,'Helvetica Neue',Arial,sans-serif;overflow:hidden}
body.mb2-site .mb2d36 *,body.mb2-site .mb2d36 *:before,body.mb2-site .mb2d36 *:after{box-sizing:border-box}
body.mb2-site .mb2d36 .mb2-inner{width:min(calc(100% - 58px),1280px);max-width:1280px;margin:0 auto}
body.mb2-site .mb2d36 h1,body.mb2-site .mb2d36 h2,body.mb2-site .mb2d36 h3{color:#fff;font-family:Lato,'Helvetica Neue',Arial,sans-serif;text-transform:none;font-weight:900;letter-spacing:-.035em;line-height:1.13}
body.mb2-site .mb2d36 h1{font-size:clamp(48px,6.4vw,88px)!important;max-width:900px;margin:13px 0 24px!important}
body.mb2-site .mb2d36 h1 em{font-style:normal;color:#73c7e5;display:block}
body.mb2-site .mb2d36 h2{font-size:clamp(34px,4.0vw,54px);margin:11px 0 13px}
body.mb2-site .mb2d36 h3{font-size:clamp(24px,2.5vw,33px);margin:12px 0 11px}
body.mb2-site .mb2d36 p{font-size:clamp(17px,1.38vw,18px)!important;line-height:1.7!important;color:#e9edf1!important;font-weight:600!important;margin:0 0 17px}
body.mb2-site .mb2d36 a{text-decoration:none!important;transition:border-color .2s,background-color .2s,color .2s,transform .2s}
body.mb2-site .mb2d36 a:focus-visible,body.mb2-site .mb2d36 button:focus-visible,body.mb2-site .mb2d36 input:focus-visible{outline:3px solid #80dcff;outline-offset:4px}
body.mb2-site .mb2d36 .mb2d36-eyebrow{display:block;font-size:10px;line-height:1.5;color:#81cce8;letter-spacing:1.6px;font-weight:900;text-transform:uppercase}
body.mb2-site .mb2d36 .mb2d36-hero{background:radial-gradient(circle at 89% 25%,#2d3947 0%,#19212b 46%,#101419 100%);border-bottom:1px solid #39414c}
body.mb2-site .mb2d36 .mb2d36-hero-grid{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(330px,.91fr);align-items:center;gap:clamp(35px,5vw,82px);padding-top:clamp(80px,9vw,142px);padding-bottom:clamp(80px,9vw,125px)}
body.mb2-site .mb2d36 .mb2d36-tagline{font-size:clamp(19px,2vw,25px)!important;font-weight:800!important;color:#f1f3f4!important}
body.mb2-site .mb2d36 .mb2d36-deck{max-width:620px}
body.mb2-site .mb2d36 .mb2d36-hero-stats{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;margin-bottom:31px;font-size:10px;color:#a8d5e3;font-weight:900;letter-spacing:1.3px}
body.mb2-site .mb2d36 .mb2d36-hero-stats span+span:before{content:'·';margin-right:18px}
body.mb2-site .mb2d36 .mb2d36-primary{display:inline-flex;gap:15px;align-items:center;justify-content:center;border:1px solid #80d8f5;border-radius:5px;color:#0e212c!important;background:#8ad6ec;padding:16px 22px;font-size:13px;font-weight:900;min-height:54px}
body.mb2-site .mb2d36 .mb2d36-primary:hover{background:#bef2ff;border-color:#bef2ff}
body.mb2-site .mb2d36 .mb2d36-hero-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:490px;align-self:center}
body.mb2-site .mb2d36 .mb2d36-mosaic-item{display:block;overflow:hidden;position:relative;border-radius:9px;border:1px solid #7a8994;min-width:0;background:linear-gradient(135deg,#3d474e,#182129)}
body.mb2-site .mb2d36 .mb2d36-mosaic-item:nth-child(even){transform:translateY(19px)}
body.mb2-site .mb2d36 .mb2d36-mosaic-item img{position:absolute;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;filter:saturate(.88)}
body.mb2-site .mb2d36 .mb2d36-mosaic-item:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(9,12,18,.89),transparent 83%)}
body.mb2-site .mb2d36 .mb2d36-mosaic-item>span:last-child{position:absolute;z-index:1;bottom:17px;left:17px;right:13px;font-size:clamp(18px,2vw,24px);color:#fff;font-weight:900;line-height:1.18;letter-spacing:-.025em}
body.mb2-site .mb2d36 .mb2d36-mosaic-item:hover{border-color:#95e3f5}
body.mb2-site .mb2d36 .mb2d36-jump{background:#1d242d;border-bottom:1px solid #435261}
body.mb2-site .mb2d36 .mb2d36-jump>.mb2-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;min-height:66px}
body.mb2-site .mb2d36 .mb2d36-jump span{margin-right:auto;color:#9db5c7;font-size:10px;font-weight:900;letter-spacing:1.15px}
body.mb2-site .mb2d36 .mb2d36-jump a{color:#edf2f5!important;font-size:12px;font-weight:900;padding:20px 0}
body.mb2-site .mb2d36 .mb2d36-jump a:hover{color:#8bdef6!important}
body.mb2-site .mb2d36 .mb2d36-featured{padding:clamp(70px,7vw,110px) 0;background:#131922}
body.mb2-site .mb2d36 .mb2d36-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
body.mb2-site .mb2d36 .mb2d36-section-heading p{max-width:820px;margin-bottom:0}
body.mb2-site .mb2d36 .mb2d36-section-heading>a{color:#9fe5f8!important;font-size:12px;font-weight:900;white-space:nowrap}
body.mb2-site .mb2d36 .mb2d36-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.mb2-site .mb2d36 .mb2d36-featured-card{display:flex;flex-direction:column;min-width:0;border:1px solid #435367;border-radius:9px;background:#222d39;overflow:hidden;padding-bottom:23px;color:#fff!important}
body.mb2-site .mb2d36 .mb2d36-featured-card:hover{border-color:#96ddf4;transform:translateY(-3px)}
body.mb2-site .mb2d36 .mb2d36-featured-art{display:block;position:relative;aspect-ratio:5/6.5;overflow:hidden;background:#2b3745}
body.mb2-site .mb2d36 .mb2d36-featured-art img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;filter:saturate(.89)}
body.mb2-site .mb2d36 .mb2d36-featured-view{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:44px;height:44px;background:rgba(17,20,25,.85);border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:22px}
body.mb2-site .mb2d36 .mb2d36-card-eyebrow{color:#a3d5e7;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:900;line-height:1.4}
body.mb2-site .mb2d36 .mb2d36-featured-card>.mb2d36-card-eyebrow{padding:20px 18px 0}
body.mb2-site .mb2d36 .mb2d36-featured-card h3{font-size:clamp(22px,2.15vw,28px);padding:0 18px;margin:8px 0 10px}
body.mb2-site .mb2d36 .mb2d36-featured-card p{font-size:15px!important;line-height:1.62!important;padding:0 18px;color:#e8ebef!important;margin:0}
body.mb2-site .mb2d36 .mb2d36-library{background:#0f141a;padding:clamp(70px,8vw,111px) 0;border-top:1px solid #394657}
body.mb2-site .mb2d36 .mb2d36-controls{margin:30px 0 29px;padding:24px;background:#202b36;border:1px solid #465464;border-radius:11px}
body.mb2-site .mb2d36 .mb2d36-controls>label{display:block;color:#e9f1f8;font-size:13px;font-weight:900;margin-bottom:10px}
body.mb2-site .mb2d36 .mb2d36-searchbox{display:flex;gap:12px;align-items:center;border:1px solid #6e8594;border-radius:6px;background:#101a24;padding:0 17px;color:#b9d7e3}
body.mb2-site .mb2d36 .mb2d36-searchbox input{width:100%;height:54px;padding:0;border:none!important;outline:none!important;background:transparent!important;color:#fff!important;font:600 16px/1.5 Lato,Arial,sans-serif;box-shadow:none!important}
body.mb2-site .mb2d36 .mb2d36-searchbox input::placeholder{color:#b4c1cb}
body.mb2-site .mb2d36 .mb2d36-searchbox:focus-within{outline:2px solid #8adcfa;outline-offset:2px}
body.mb2-site .mb2d36 .mb2d36-filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
body.mb2-site .mb2d36 .mb2d36-filters button{border:1px solid #667482;background:#303c49;color:#f0f5f7;min-height:40px;padding:9px 17px;border-radius:50px;font:900 12px/1.3 Lato,Arial,sans-serif;cursor:pointer;box-shadow:none}
body.mb2-site .mb2d36 .mb2d36-filters button.is-active,body.mb2-site .mb2d36 .mb2d36-filters button[aria-pressed="true"]{background:#f2f5f6;color:#17232b;border-color:#f2f5f6}
body.mb2-site .mb2d36 .mb2d36-filters button:hover{border-color:#94daef}
body.mb2-site .mb2d36 .mb2d36-results{font-size:12px!important;color:#bacbd5!important;margin:16px 0 0!important}
body.mb2-site .mb2d36 .mb2d36-results strong{color:#f4f7f8}
body.mb2-site .mb2d36 .mb2d36-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.mb2-site .mb2d36 .mb2d36-card{display:flex;flex-direction:column;min-width:0;background:#202b35;border:1px solid #445567;border-radius:8px;overflow:hidden;color:#fff!important}
body.mb2-site .mb2d36 .mb2d36-card:hover{border-color:#83d2ee;transform:translateY(-2px)}
body.mb2-site .mb2d36 .mb2d36-card[hidden]{display:none!important}
body.mb2-site .mb2d36 .mb2d36-card-art{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(145deg,#3c4958,#1b2630)}
body.mb2-site .mb2d36 .mb2d36-card-art img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;filter:saturate(.87)}
body.mb2-site .mb2d36 .mb2d36-card-arrow{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(11,15,21,.78);border:1px solid #b9bdc5;font-size:20px}
body.mb2-site .mb2d36 .mb2d36-card-content{display:flex;flex-direction:column;gap:10px;flex:1;padding:24px 21px}
body.mb2-site .mb2d36 .mb2d36-card-content>strong{font-size:clamp(21px,2.1vw,26px);line-height:1.23;letter-spacing:-.024em;color:#fff;font-weight:900}
body.mb2-site .mb2d36 .mb2d36-card-desc{font-size:15px;font-weight:600;color:#dce3e9;line-height:1.6}
body.mb2-site .mb2d36 .mb2d36-card-cta{font-size:12px;font-weight:900;color:#93ddf5;margin-top:auto;padding-top:14px}
body.mb2-site .mb2d36 .mb2d36-noresults{padding:34px;text-align:center;border:1px dashed #8394a1;border-radius:10px;margin:25px 0;background:#1b2831}
body.mb2-site .mb2d36 .mb2d36-noresults[hidden]{display:none}
body.mb2-site .mb2d36 .mb2d36-discover{padding:clamp(65px,8vw,110px) 0;background:#18232f}
body.mb2-site .mb2d36 .mb2d36-discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
body.mb2-site .mb2d36 .mb2d36-discover-card{display:flex;flex-direction:column;min-height:280px;background:radial-gradient(circle at top right,#3f5364,#243444 70%);border:1px solid #617687;border-radius:8px;padding:35px;color:#fff!important}
body.mb2-site .mb2d36 .mb2d36-discover-card:nth-child(2){background:radial-gradient(circle at top right,#425b61,#243e44 70%)}
body.mb2-site .mb2d36 .mb2d36-discover-card:hover{border-color:#9fe8f6}
body.mb2-site .mb2d36 .mb2d36-discover-card>span{font-size:10px;letter-spacing:1.5px;color:#9dddf4;font-weight:900}
body.mb2-site .mb2d36 .mb2d36-discover-card h3{font-size:clamp(25px,3vw,40px);margin:20px 0}
body.mb2-site .mb2d36 .mb2d36-discover-card strong{font-size:12px;color:#a5e5f7;margin-top:auto;padding-top:17px}
body.mb2-site .mb2d36 .mb2d36-about{padding:clamp(65px,8vw,110px) 0;background:#151b22;border-top:1px solid #475260}
body.mb2-site .mb2d36 .mb2d36-about .mb2-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:85px;align-items:start}
body.mb2-site .mb2d36 .mb2d36-about .mb2d36-eyebrow{grid-column:1/-1}
body.mb2-site .mb2d36 .mb2d36-about h2{margin-top:12px}
body.mb2-site .mb2d36 .mb2d36-app{padding:clamp(52px,6vw,90px) 0;background:linear-gradient(105deg,#1d4658,#172934);border-top:1px solid #4d7b8c}
body.mb2-site .mb2d36 .mb2d36-app>.mb2-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
body.mb2-site .mb2d36 .mb2d36-app h2{font-size:clamp(32px,4vw,52px);margin:12px 0}
body.mb2-site .mb2d36 .mb2d36-app p{max-width:750px}
body.mb2-site .mb2d36 .mb2d36-noart{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at 75% 20%,var(--d-art-highlight,#50667e),var(--d-art-bottom,#243242) 68%);font:900 clamp(19px,2.1vw,28px)/1.25 Lato,Arial,sans-serif;letter-spacing:-.035em;text-align:center;color:#eaf3f6}
body.mb2-site .mb2d36 .mb2d36-color-ochre{--d-art-highlight:#947857;--d-art-bottom:#252a34}
body.mb2-site .mb2d36 .mb2d36-color-copper{--d-art-highlight:#a06e59;--d-art-bottom:#382a32}
body.mb2-site .mb2d36 .mb2d36-color-ember{--d-art-highlight:#8d5254;--d-art-bottom:#302329}
body.mb2-site .mb2d36 .mb2d36-color-blue{--d-art-highlight:#3d6994;--d-art-bottom:#142a42}
body.mb2-site .mb2d36 .mb2d36-color-violet{--d-art-highlight:#5c628e;--d-art-bottom:#282c3e}
body.mb2-site .mb2d36 .mb2d36-color-rose{--d-art-highlight:#a77a81;--d-art-bottom:#503846}
body.mb2-site .mb2d36 .mb2d36-color-forest{--d-art-highlight:#608174;--d-art-bottom:#192d2a}
body.mb2-site .mb2d36 .mb2d36-color-red{--d-art-highlight:#954d56;--d-art-bottom:#30252a}
body.mb2-site .mb2d36 .mb2d36-color-amber{--d-art-highlight:#8a6f44;--d-art-bottom:#37332b}
body.mb2-site .mb2d36 .mb2d36-color-slate{--d-art-highlight:#718599;--d-art-bottom:#303a47}
body.mb2-site .mb2d36 .mb2d36-color-iron{--d-art-highlight:#6a7880;--d-art-bottom:#28303a}
body.mb2-site .mb2d36 .mb2d36-color-olive{--d-art-highlight:#747f64;--d-art-bottom:#30382b}
body.mb2-site .mb2d36 .mb2d36-color-sand{--d-art-highlight:#93846b;--d-art-bottom:#302d29}
body.mb2-site .mb2d36 .mb2d36-color-sage{--d-art-highlight:#718985;--d-art-bottom:#27372f}
body.mb2-site .mb2d36 .mb2d36-color-moss{--d-art-highlight:#576e66;--d-art-bottom:#27302c}
body.mb2-site .mb2d36 .mb2d36-color-azure{--d-art-highlight:#668cba;--d-art-bottom:#243346}
body.mb2-site .mb2d36 .mb2d36-color-yellow{--d-art-highlight:#b69b48;--d-art-bottom:#504335}
body.mb2-site .mb2d36 .mb2d36-color-sepia{--d-art-highlight:#ab8660;--d-art-bottom:#4b3a2b}
body.mb2-site .mb2d36 .mb2d36-color-teal{--d-art-highlight:#4e8f8f;--d-art-bottom:#19333d}
@media(max-width:1100px){body.mb2-site .mb2d36 .mb2d36-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:26px}body.mb2-site .mb2d36 .mb2d36-featured-grid,body.mb2-site .mb2d36 .mb2d36-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.mb2-site .mb2d36 .mb2d36-hero-mosaic{height:430px}}
@media(max-width:820px){body.mb2-site .mb2d36 .mb2d36-hero-grid{grid-template-columns:1fr;padding-top:85px}body.mb2-site .mb2d36 .mb2d36-hero-mosaic{height:400px;max-width:650px}body.mb2-site .mb2d36 .mb2d36-featured-grid,body.mb2-site .mb2d36 .mb2d36-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.mb2-site .mb2d36 .mb2d36-about .mb2-inner{grid-template-columns:1fr}body.mb2-site .mb2d36 .mb2d36-app>.mb2-inner{display:block}body.mb2-site .mb2d36 .mb2d36-app .mb2d36-primary{margin-top:15px}body.mb2-site .mb2d36 .mb2d36-jump>.mb2-inner{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}body.mb2-site .mb2d36 .mb2d36-jump span{display:none}body.mb2-site .mb2d36 .mb2d36-jump a{flex:none}}
@media(max-width:600px){body.mb2-site .mb2d36 .mb2-inner{width:calc(100% - 34px)}body.mb2-site .mb2d36 .mb2d36-hero-grid{padding-top:58px;padding-bottom:64px;gap:28px}body.mb2-site .mb2d36 h1{font-size:clamp(43px,11vw,67px)!important}body.mb2-site .mb2d36 h2{font-size:clamp(31px,8vw,44px)}body.mb2-site .mb2d36 .mb2d36-hero-mosaic{height:280px;gap:9px}body.mb2-site .mb2d36 .mb2d36-mosaic-item:nth-child(even){transform:translateY(8px)}body.mb2-site .mb2d36 .mb2d36-mosaic-item>span:last-child{font-size:16px;bottom:11px;left:10px}body.mb2-site .mb2d36 .mb2d36-hero-stats{gap:8px 15px;font-size:9px}body.mb2-site .mb2d36 .mb2d36-hero-stats span+span:before{display:none}body.mb2-site .mb2d36 .mb2d36-section-heading{display:block}body.mb2-site .mb2d36 .mb2d36-section-heading>a{display:inline-block;margin-top:18px}body.mb2-site .mb2d36 .mb2d36-featured-grid{gap:11px}body.mb2-site .mb2d36 .mb2d36-featured-card h3{font-size:20px;padding:0 12px}body.mb2-site .mb2d36 .mb2d36-featured-card>.mb2d36-card-eyebrow{padding:15px 12px 0}body.mb2-site .mb2d36 .mb2d36-featured-card p{font-size:14px!important;padding:0 12px;line-height:1.5!important}body.mb2-site .mb2d36 .mb2d36-featured-art{aspect-ratio:4/5}body.mb2-site .mb2d36 .mb2d36-featured-view{width:32px;height:32px;right:10px;bottom:10px}body.mb2-site .mb2d36 .mb2d36-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}body.mb2-site .mb2d36 .mb2d36-card-art{aspect-ratio:4/4.2}body.mb2-site .mb2d36 .mb2d36-card-content{padding:15px 12px;gap:7px}body.mb2-site .mb2d36 .mb2d36-card-content>strong{font-size:18px;line-height:1.25}body.mb2-site .mb2d36 .mb2d36-card-eyebrow{font-size:9px}body.mb2-site .mb2d36 .mb2d36-card-desc{font-size:13px;line-height:1.48}body.mb2-site .mb2d36 .mb2d36-card-cta{font-size:11px;padding-top:7px}body.mb2-site .mb2d36 .mb2d36-controls{padding:16px;margin:22px 0 20px}body.mb2-site .mb2d36 .mb2d36-filters{gap:7px}body.mb2-site .mb2d36 .mb2d36-filters button{padding:8px 13px;min-height:37px;font-size:11px}body.mb2-site .mb2d36 .mb2d36-discover-grid{grid-template-columns:1fr}body.mb2-site .mb2d36 .mb2d36-discover-card{min-height:240px;padding:27px}}
@media(prefers-reduced-motion:reduce){body.mb2-site .mb2d36 a{transition:none!important}}
