/* Mary & Blake Website 2.0 — V21.2 This Is Us Season One, user-supplied panorama hero. */
body.mb2-site .mb2v21-tiu{--tiu-bg:#080c0f;--tiu-teal:#67d0eb;--tiu-border:#324249;background:var(--tiu-bg);color:#f4f6f6;overflow:hidden}
body.mb2-site .mb2v21-tiu h1,body.mb2-site .mb2v21-tiu h2,body.mb2-site .mb2v21-tiu h3{font-family:Lato,'Helvetica Neue',Arial,sans-serif;font-weight:900;color:#f6f7f8;letter-spacing:-.025em;line-height:1.11}
body.mb2-site .mb2v21-tiu a{text-decoration:none!important}
body.mb2-site .mb2v21-tiu p{margin:0 0 16px;line-height:1.76}
body.mb2-site .mb2v21-tiu :focus-visible{outline:3px solid #b1ebfc;outline-offset:3px}
body.mb2-site .mb2v21-masthead{position:relative;isolation:isolate;display:flex;min-height:650px;background:radial-gradient(ellipse at 83% 24%,#3a3536,#12191e 62%,#090c0e);overflow:hidden;border-bottom:1px solid #36474d}
body.mb2-site .mb2v21-masthead-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#111a1e}
body.mb2-site .mb2v21-masthead-art img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:55% 48%;filter:saturate(.98) contrast(1.06) brightness(.95)}
body.mb2-site .mb2v21-masthead:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080c0f 0%,rgba(8,12,15,.99) 23%,rgba(8,12,15,.9) 39%,rgba(8,12,15,.47) 60%,rgba(8,12,15,.04) 92%),linear-gradient(0deg,#080c0f,transparent 34%)}
body.mb2-site .mb2v21-masthead-inner{display:flex;flex-direction:column;align-items:flex-start;padding-top:27px;padding-bottom:72px;min-height:650px}
body.mb2-site .mb2v21-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;color:#b1c4cb;font-weight:800}
body.mb2-site .mb2v21-crumbs a{color:#bce9f3}
body.mb2-site .mb2v21-crumbs strong{color:#fafbfa;font-weight:800}
body.mb2-site .mb2v21-kicker{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:11px;letter-spacing:1.5px;font-weight:900;color:#9fe7f5}
body.mb2-site .mb2v21-kicker i{width:6px;height:6px;background:#87d5e9;border-radius:100%}
body.mb2-site .mb2v21-masthead h1{font-size:clamp(56px,7.8vw,112px)!important;max-width:900px;line-height:.98!important;letter-spacing:-.057em!important;margin:18px 0 22px!important}
body.mb2-site .mb2v21-masthead h1 span{font:italic 400 .72em Georgia,'Times New Roman',serif;letter-spacing:-.036em;color:#f2e6d8;display:block;margin-top:12px}
body.mb2-site .mb2v21-hero-intro{color:#f0f4f4;font-size:clamp(17px,1.9vw,22px);line-height:1.55!important;max-width:600px;margin:0 0 23px!important;font-weight:700}
body.mb2-site .mb2v21-hero-facts{display:flex;flex-wrap:wrap;gap:13px 22px;font-size:10px;font-weight:900;color:#b3c7cc;letter-spacing:1.45px}
body.mb2-site .mb2v21-hero-facts span+span:before{content:'·';margin-right:22px;color:#81ddec}
body.mb2-site .mb2v21-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
body.mb2-site .mb2v21-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;border-radius:4px;padding:12px 20px;font-size:12px;font-weight:900;line-height:1.4;transition:background .18s,border-color .18s}
body.mb2-site .mb2v21-btn--primary{background:#13aed5;color:#04181d!important;border:1px solid #13aed5}
body.mb2-site .mb2v21-btn--primary:hover{background:#8ce4f7;border-color:#8ce4f7}
body.mb2-site .mb2v21-btn--ghost{background:#152329aa;border:1px solid #8299a3;color:#f7fbfb!important}
body.mb2-site .mb2v21-btn--ghost:hover{background:#24404b}
body.mb2-site .mb2v21-seasonnav{background:#111b20;border-bottom:1px solid #34464d;position:relative;z-index:2}
body.mb2-site .mb2v21-seasonnav .mb2-inner{display:flex;align-items:center;gap:8px;min-height:72px}
body.mb2-site .mb2v21-seasonnav .mb2-inner>span{color:#8daab4;letter-spacing:1.4px;font-size:11px;font-weight:900;margin-right:15px}
body.mb2-site .mb2v21-seasonnav a{min-width:38px;height:38px;padding:8px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#dbe7e9;border:1px solid #41545e;border-radius:4px;font-weight:900;font-size:12px}
body.mb2-site .mb2v21-seasonnav a:hover{border-color:#85d5e9}
body.mb2-site .mb2v21-seasonnav a[aria-current]{color:#082027;background:#1bb4d7;border-color:#1bb4d7}
body.mb2-site .mb2v21-intro{background:#0a1013;padding:clamp(56px,7vw,100px) 0;border-bottom:1px solid #293b44}
body.mb2-site .mb2v21-intro-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.84fr);gap:clamp(35px,6vw,100px);align-items:start}
body.mb2-site .mb2v21-intro-lead h2{font-size:clamp(38px,4.5vw,65px)!important;line-height:1.08!important;letter-spacing:-.043em!important;max-width:760px;margin:17px 0 27px!important}
body.mb2-site .mb2v21-intro-prose{color:#f1f4f5;font-size:18px;font-weight:600;line-height:1.76}
body.mb2-site .mb2v21-intro-prose p{margin-bottom:19px}
body.mb2-site .mb2v21-intro-prose strong{color:#fff}
body.mb2-site .mb2v21-intro-aside{border:1px solid #44616a;border-radius:8px;padding:clamp(25px,3vw,42px);background:radial-gradient(circle at 100% 0%,#264149,#17252b 70%)}
body.mb2-site .mb2v21-intro-aside h3{font-size:clamp(23px,2.35vw,32px)!important;margin:16px 0 20px!important}
body.mb2-site .mb2v21-intro-aside div{font-size:16.5px;color:#eaf1f3;font-weight:600;line-height:1.74}
body.mb2-site .mb2v21-premise{background:#0f1a1e;padding:clamp(42px,5vw,70px) 0;border-bottom:1px solid #35484f}
body.mb2-site .mb2v21-premise-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,95px);align-items:start}
body.mb2-site .mb2v21-premise h2{font-size:clamp(28px,3.4vw,47px)!important;line-height:1.11!important;margin:17px 0 0!important;max-width:600px}
body.mb2-site .mb2v21-premise-body{color:#ebf1f3;font-size:17.5px;font-weight:600;line-height:1.74}
body.mb2-site .mb2v21-premise-body p:last-child{margin-bottom:0}
body.mb2-site .mb2v21-episodes{padding:clamp(52px,7vw,92px) 0;background:#0b1013}
body.mb2-site .mb2v21-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:31px}
body.mb2-site .mb2v21-section-head h2{font-size:clamp(33px,4.2vw,58px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:11px 0 14px!important;max-width:850px}
body.mb2-site .mb2v21-section-head p{color:#deeaed;font-size:17px;font-weight:600;line-height:1.7;max-width:770px;margin:0}
body.mb2-site .mb2v21-section-stat{text-align:right;flex:none;display:flex;flex-direction:column;line-height:1;align-items:center}
body.mb2-site .mb2v21-section-stat strong{font-size:78px;letter-spacing:-6px;font-weight:900;color:#8adfeb}
body.mb2-site .mb2v21-section-stat small{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#b1c4cb;font-weight:800}
body.mb2-site .mb2v21-source-note{color:#e5eeef;border:1px solid #60747e;border-radius:6px;background:#1e3139;padding:15px 20px}
body.mb2-site .mb2v21-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.mb2-site .mb2v21-episode{display:flex;flex-direction:column;border-radius:8px;border:1px solid #35454b;background:#151e23;min-width:0;overflow:hidden}
body.mb2-site .mb2v21-episode-art{position:relative;aspect-ratio:16/7.8;background:#172a31;flex:none;overflow:hidden}
body.mb2-site .mb2v21-episode-art>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 35%;filter:saturate(.82);transition:transform .35s ease}
body.mb2-site .mb2v21-episode:hover .mb2v21-episode-art>img{transform:scale(1.035)}
body.mb2-site .mb2v21-art-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(ellipse at 55% 23%,#2a4e59,#15272e 66%,#0f2027);color:#f1f7f8}
body.mb2-site .mb2v21-art-fallback>span{font-size:10px;letter-spacing:3px;font-weight:900;color:#9edee8}
body.mb2-site .mb2v21-art-fallback>strong{font:italic 800 80px/1 Georgia,serif;letter-spacing:-5px;color:#ebf1ef}
body.mb2-site .mb2v21-art-fallback>small{font-size:9px;letter-spacing:2px;color:#c6dee5;font-weight:800}
body.mb2-site .mb2v21-episode-chip{position:absolute;bottom:16px;left:17px;padding:8px 12px;background:#07151bbf;border:1px solid #83bdc95e;border-radius:3px;font-size:10px;font-weight:900;letter-spacing:1px;color:#d1f2f8}
body.mb2-site .mb2v21-episode-chip i{font-style:normal;color:#94cbd4}
body.mb2-site .mb2v21-episode-info{display:flex;flex-direction:column;flex:1;padding:clamp(21px,3vw,30px)}
body.mb2-site .mb2v21-episode-info h3{font-size:clamp(24px,2.4vw,31px)!important;margin:10px 0 17px!important}
body.mb2-site .mb2v21-episode-description{font-size:16.5px;color:#eaf0f2;font-weight:600;line-height:1.72}
body.mb2-site .mb2v21-episode-description p{margin-bottom:12px;line-height:1.72}
body.mb2-site .mb2v21-episode-description p:last-child{margin-bottom:5px}
body.mb2-site .mb2v21-episode-bottom{border-top:1px solid #34484d;padding-top:19px;margin-top:auto;font-size:12px;font-weight:900}
body.mb2-site .mb2v21-episode-bottom a{color:#9be3f0!important;display:inline-flex;align-items:center;gap:10px;min-height:35px}
body.mb2-site .mb2v21-episode-bottom a:hover{color:#fff!important}
body.mb2-site .mb2v21-episode-bottom span{color:#a9bbbe}
body.mb2-site .mb2v21-essays{background:#111b1f;border-top:1px solid #34484f;padding:clamp(52px,7vw,90px) 0}
body.mb2-site .mb2v21-essay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
body.mb2-site .mb2v21-essay{padding:clamp(25px,3vw,39px);border:1px solid #41535b;border-radius:7px;background:#0d1418;min-width:0}
body.mb2-site .mb2v21-essay:nth-child(1),body.mb2-site .mb2v21-essay:nth-child(9){grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);column-gap:45px;align-items:start}
body.mb2-site .mb2v21-essay:nth-child(1)>span,body.mb2-site .mb2v21-essay:nth-child(9)>span{grid-column:1/-1}
body.mb2-site .mb2v21-essay h3{font-size:clamp(26px,2.6vw,37px)!important;margin:12px 0 15px!important;line-height:1.15!important}
body.mb2-site .mb2v21-essay-text{font-size:17px;color:#edf3f4;font-weight:600;line-height:1.72}
body.mb2-site .mb2v21-essay-text p:last-child{margin-bottom:0}
body.mb2-site .mb2v21-arc{background:#090f12;border-top:1px solid #34464d;padding:clamp(52px,6vw,85px) 0}
body.mb2-site .mb2v21-arc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.mb2-site .mb2v21-arc-card{display:flex;min-width:0;flex-direction:column;border:1px solid #39505a;border-radius:6px;padding:25px;min-height:210px;background:#17242a;color:#fff!important;transition:transform .18s,border-color .18s}
body.mb2-site .mb2v21-arc-card:hover{border-color:#8eddee;transform:translateY(-2px)}
body.mb2-site .mb2v21-arc-card[aria-current]{background:#213c44;border-color:#4f9bb0}
body.mb2-site .mb2v21-arc-card>span{font-size:11px;color:#8ad9e9;letter-spacing:1.6px;font-weight:900}
body.mb2-site .mb2v21-arc-card>strong{margin:12px 0 18px;font-size:18px;line-height:1.4;font-weight:800;letter-spacing:-.3px}
body.mb2-site .mb2v21-arc-card>small{color:#bee7ee;margin-top:auto;font-weight:800;font-size:11px}
body.mb2-site .mb2v21-tail{background:radial-gradient(circle at 83% 15%,#1f414a,#102024 66%);border-top:1px solid #44626d;padding:clamp(48px,7vw,95px) 0}
body.mb2-site .mb2v21-tail-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:48px;align-items:center}
body.mb2-site .mb2v21-tail h2{font-size:clamp(32px,4vw,54px)!important;line-height:1.09!important;margin:15px 0!important}
body.mb2-site .mb2v21-tail p{color:#e3edef;font-weight:600;font-size:17px;max-width:670px;margin:0}
body.mb2-site .mb2v21-tail-inner>div:last-child{display:flex;flex-direction:column;gap:12px}
@media(max-width:1080px){body.mb2-site .mb2v21-masthead{min-height:610px}body.mb2-site .mb2v21-masthead-inner{min-height:610px}body.mb2-site .mb2v21-intro-layout{gap:38px}body.mb2-site .mb2v21-hero-facts{gap:11px 13px}body.mb2-site .mb2v21-hero-facts span+span:before{margin-right:12px}}
@media(max-width:810px){body.mb2-site .mb2v21-intro-layout,body.mb2-site .mb2v21-premise-inner,body.mb2-site .mb2v21-tail-inner{grid-template-columns:1fr}body.mb2-site .mb2v21-intro-lead h2{max-width:750px}body.mb2-site .mb2v21-episode-grid{gap:12px}body.mb2-site .mb2v21-episode-info{padding:20px}body.mb2-site .mb2v21-arc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.mb2-site .mb2v21-tail-inner>div:last-child{flex-direction:row;flex-wrap:wrap}body.mb2-site .mb2v21-masthead-art{left:30%}}
@media(max-width:640px){body.mb2-site .mb2v21-masthead,body.mb2-site .mb2v21-masthead-inner{min-height:630px}body.mb2-site .mb2v21-masthead-art{inset:0 0 auto 0;height:320px}body.mb2-site .mb2v21-masthead-art img{object-position:58% 35%}body.mb2-site .mb2v21-masthead:before{background:linear-gradient(0deg,#080c0f 0%,rgba(8,12,15,.97) 32%,rgba(8,12,15,.18) 73%,rgba(8,12,15,.07) 100%)}body.mb2-site .mb2v21-masthead-inner{padding-top:18px;padding-bottom:40px}body.mb2-site .mb2v21-crumbs{font-size:10px;gap:7px}body.mb2-site .mb2v21-kicker{font-size:9px;gap:7px}body.mb2-site .mb2v21-masthead h1{font-size:clamp(46px,13vw,69px)!important;letter-spacing:-.05em!important}body.mb2-site .mb2v21-masthead h1 span{margin-top:9px}body.mb2-site .mb2v21-hero-intro{font-size:16px;margin-bottom:15px!important}body.mb2-site .mb2v21-hero-facts{font-size:9px;gap:7px 12px}body.mb2-site .mb2v21-hero-facts span+span:before{display:none}body.mb2-site .mb2v21-hero-actions{gap:8px;margin-top:22px}body.mb2-site .mb2v21-btn{font-size:11px;padding:11px 14px;min-height:47px}body.mb2-site .mb2v21-seasonnav .mb2-inner{gap:7px;min-height:64px}body.mb2-site .mb2v21-seasonnav .mb2-inner>span{margin-right:auto;font-size:9px}body.mb2-site .mb2v21-seasonnav a{min-width:34px;height:35px;font-size:11px}body.mb2-site .mb2v21-intro{padding:49px 0}body.mb2-site .mb2v21-intro-layout{gap:27px}body.mb2-site .mb2v21-intro-lead h2{font-size:clamp(31px,9vw,46px)!important}body.mb2-site .mb2v21-intro-prose{font-size:16.5px}body.mb2-site .mb2v21-intro-aside{padding:25px 21px}body.mb2-site .mb2v21-premise{padding:45px 0}body.mb2-site .mb2v21-premise h2{font-size:32px!important}body.mb2-site .mb2v21-section-head{margin-bottom:23px}body.mb2-site .mb2v21-section-head h2{font-size:34px!important}body.mb2-site .mb2v21-section-head p{font-size:16px}body.mb2-site .mb2v21-section-stat{display:none}body.mb2-site .mb2v21-episodes{padding:46px 0}body.mb2-site .mb2v21-episode-grid{grid-template-columns:1fr;gap:14px}body.mb2-site .mb2v21-episode-art{aspect-ratio:16/9}body.mb2-site .mb2v21-episode-info{padding:22px}body.mb2-site .mb2v21-episode-info h3{font-size:27px!important}body.mb2-site .mb2v21-episode-description{font-size:16px}body.mb2-site .mb2v21-essay-grid{grid-template-columns:1fr}body.mb2-site .mb2v21-essay:nth-child(1),body.mb2-site .mb2v21-essay:nth-child(9){grid-column:auto;display:block}body.mb2-site .mb2v21-essay{padding:25px 21px}body.mb2-site .mb2v21-essay h3{font-size:29px!important}body.mb2-site .mb2v21-essays{padding:50px 0}body.mb2-site .mb2v21-arc-grid{grid-template-columns:1fr}body.mb2-site .mb2v21-arc-card{min-height:145px;padding:22px}body.mb2-site .mb2v21-tail-inner>div:last-child{flex-direction:column}body.mb2-site .mb2v21-tail h2{font-size:35px!important}}
@media(prefers-reduced-motion:reduce){body.mb2-site .mb2v21-tiu a,body.mb2-site .mb2v21-tiu img{transition:none!important}}

/* V21 source-preserving onward routes: show all three authored guide sections. */
body.mb2-site .mb2v21-tail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.mb2-site .mb2v21-tail-card{display:flex;flex-direction:column;background:#11252b;border:1px solid #42626b;border-radius:8px;padding:clamp(22px,2.7vw,36px);min-width:0}
body.mb2-site .mb2v21-tail-card h3{font-size:clamp(22px,2vw,29px)!important;line-height:1.2!important;margin:14px 0 16px!important}
body.mb2-site .mb2v21-tail-card div{font-size:16.5px;color:#edf3f4;font-weight:600;line-height:1.74}
body.mb2-site .mb2v21-tail-card a{display:inline-flex;align-items:center;min-height:43px;margin-top:auto;padding-top:19px;color:#9ce3f0!important;font-size:12px;font-weight:900}
body.mb2-site .mb2v21-tail-card a:hover{color:#fff!important}
@media(max-width:900px){body.mb2-site .mb2v21-tail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.mb2-site .mb2v21-tail-card:last-child{grid-column:1/-1}}
@media(max-width:640px){body.mb2-site .mb2v21-tail-grid{grid-template-columns:1fr}body.mb2-site .mb2v21-tail-card:last-child{grid-column:auto}}
/* V21.2: breadcrumbs remain readable across bright areas of the supplied photo on narrow screens. */
@media(max-width:640px){body.mb2-site .mb2v21-crumbs{background:rgba(5,11,15,.75);padding:7px 10px;border:1px solid rgba(174,207,218,.22);border-radius:4px}}