/* Website 2.0 V77 — Harry Potter franchise hub. Public page ID 35920 only.
   Existing WordPress content/links, ads, SEO, and membership are not modified. */
body.mb2-site .mb2-hp-page{background:#090c0f;color:#f7f8f8;overflow:hidden}
body.mb2-site .mb2-hp-container{width:min(1210px,90%);margin-inline:auto}
body.mb2-site .mb2-hp-hero{position:relative;isolation:isolate;min-height:590px;overflow:hidden;background:#0b131a;border-bottom:1px solid #28333a}
body.mb2-site .mb2-hp-hero-art{position:absolute;inset:0 0 0 auto;width:75%;z-index:-2}
body.mb2-site .mb2-hp-hero-art img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 47%;filter:saturate(.88) brightness(.82)}
body.mb2-site .mb2-hp-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090c0f 1%,rgba(9,12,15,.98) 24%,rgba(9,12,15,.88) 42%,rgba(9,12,15,.35) 78%),linear-gradient(0deg,#090c0f 0%,transparent 28%,rgba(9,12,15,.05) 68%)}
body.mb2-site .mb2-hp-hero-inner{position:relative;min-height:590px;display:flex;flex-direction:column;padding:34px 0 80px;box-sizing:border-box}
body.mb2-site .mb2-hp-crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.5;color:#c4d1d6;font-weight:600}
body.mb2-site .mb2-hp-crumbs a{color:#b7eaf5!important;text-decoration:none}
body.mb2-site .mb2-hp-crumbs [aria-current]{color:#e9edef}
body.mb2-site .mb2-hp-hero-copy{max-width:730px;margin:auto 0 0;padding-top:45px}
body.mb2-site .mb2-hp-eyebrow{display:block;color:#98e0f3;font-size:11px;font-weight:900;letter-spacing:2px;line-height:1.5;text-transform:uppercase;margin-bottom:20px}
body.mb2-site #mb2-main .mb2-hp-hero-copy h1{color:#fff!important;font-family:Lato,'Helvetica Neue',Arial,sans-serif;font-size:clamp(56px,6.4vw,91px)!important;line-height:.99!important;letter-spacing:-.055em!important;font-weight:900!important;text-wrap:balance;margin:0 0 23px!important;max-width:750px}
body.mb2-site #mb2-main .mb2-hp-hero-copy h1 span{display:block;font-size:.43em;font-weight:500;letter-spacing:-.023em;line-height:1.25;margin-top:9px;color:#f0e6d5}
body.mb2-site #mb2-main .mb2-hp-hero-copy p{font-size:17px!important;line-height:1.62!important;font-weight:400!important;color:#d6e0e4!important;max-width:610px;margin:0 0 27px}
body.mb2-site .mb2-hp-actions{display:flex;gap:12px;flex-wrap:wrap}
body.mb2-site .mb2-hp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:49px;padding:12px 19px;border-radius:6px;font:800 13px/1.2 Lato,'Helvetica Neue',Arial,sans-serif;text-decoration:none!important;transition:background .2s ease,transform .2s ease;box-sizing:border-box}
body.mb2-site .mb2-hp-button:hover{transform:translateY(-2px)}
body.mb2-site .mb2-hp-primary{background:#a2e5f6;border:1px solid #a2e5f6;color:#0a151a!important}
body.mb2-site .mb2-hp-secondary{background:rgba(14,24,30,.75);border:1px solid #8daeb9;color:#edf7f9!important}
body.mb2-site .mb2-hp-button:focus-visible,body.mb2-site .mb2-hp-shortcuts a:focus-visible{outline:3px solid #f2ce83;outline-offset:3px}
body.mb2-site .mb2-hp-shortcuts{border-bottom:1px solid #2b3b42;background:#10171b}
body.mb2-site .mb2-hp-shortcuts nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
body.mb2-site .mb2-hp-shortcuts a{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px 16px;color:#eff4f5!important;text-decoration:none!important;font:800 15px/1.25 Lato,sans-serif;border-right:1px solid #28363b;white-space:nowrap}
body.mb2-site .mb2-hp-shortcuts a:first-child{border-left:1px solid #28363b}
body.mb2-site .mb2-hp-shortcuts a:hover{background:#1b2d35}
body.mb2-site .mb2-hp-shortcuts a span{font-size:10px;letter-spacing:.08em;color:#8bd5e9}
body.mb2-site .mb2-hp-shortcuts a b{margin-left:auto;color:#8bd5e9;font-size:15px;font-weight:500}
body.mb2-site .mb2-hp-content{padding-top:44px}
body.mb2-site .mb2-hp-page .mb2-hp-reading{background:transparent!important;color:#e6ecee!important;border-radius:0!important;padding:0!important;box-shadow:none!important;max-width:100%;overflow:visible}
body.mb2-site .mb2-hp-page .mb2-hp-reading .mb2-global-reading-inner{max-width:1100px!important;margin:0 auto}
body.mb2-site .mb2-hp-page .mb2-hp-reading .mb2-global-reading-inner>div{max-width:1100px!important;color:#e9eef1}
body.mb2-site .mb2-hp-page .mb2-hp-reading h2,body.mb2-site .mb2-hp-page .mb2-hp-reading h3,body.mb2-site .mb2-hp-page .mb2-hp-reading h4{color:#fff!important;line-height:1.16!important;letter-spacing:-.025em}
body.mb2-site .mb2-hp-page .mb2-hp-reading h2{font-size:clamp(27px,3.4vw,39px)!important;margin:12px 0 15px!important}
body.mb2-site .mb2-hp-page .mb2-hp-reading h3{font-size:clamp(23px,2.5vw,29px)!important}
body.mb2-site .mb2-hp-page .mb2-hp-reading p,body.mb2-site .mb2-hp-page .mb2-hp-reading li{color:#cdd9dd!important;font-weight:var(--mb2-reading-weight)!important;line-height:1.68!important}
body.mb2-site .mb2-hp-page .mb2-hp-reading a{color:#97e1f3;text-underline-offset:3px}
body.mb2-site .mb2-hp-page .mb2-hp-reading a:hover{color:#fff}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>p:empty{display:none}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div:first-of-type{border:1px solid #364047!important;background:linear-gradient(125deg,#121b21,#11171b 70%,#20201a)!important;border-radius:12px!important;box-shadow:none!important;padding:clamp(25px,4vw,42px)!important}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div:first-of-type>div:nth-child(2){letter-spacing:-.036em!important;font-size:clamp(31px,4.7vw,48px)!important}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div{margin-bottom:48px!important}
body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div:first-of-type{margin-bottom:58px!important}
/* V85: retired the old text-only "choose your path" cards.
   These ID-scoped rules used to force every link into a 44px inline button,
   collapsing the newer image navigation into strips. The image cards are
   styled independently by the V85 Potter collection layout. */
body.mb2-site .mb2-hp-reading a br{display:none}
body.mb2-site .mb2-hp-reading .mb-show-latest ul{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.mb2-site .mb2-hp-reading .mb-show-latest li{margin:0;padding:18px 20px;background:#121d23;border:1px solid #35454d;border-radius:8px;list-style:none}
body.mb2-site .mb2-hp-reading .mb-show-latest li a{font-size:15px;font-weight:700;color:#dceaf0!important;text-decoration:none!important}
body.mb2-site .mb2-hp-reading .mb-show-latest li a:hover{text-decoration:underline!important;color:#fff!important}
body.mb2-site .mb2-hp-reading .mb-potter-signup{border-radius:12px;border:1px solid #396473;background:linear-gradient(115deg,#172a31,#0f171c);padding:clamp(26px,4vw,40px);margin:35px 0 58px}
body.mb2-site .mb2-hp-reading .mb-potter-signup h3{margin:0 0 12px!important}
body.mb2-site .mb2-hp-reading .mb-potter-signup-button{display:inline-flex;min-height:46px;align-items:center;padding:10px 20px;border-radius:6px;background:#a2e5f6;color:#0c161c!important;text-decoration:none!important;font-size:14px;font-weight:900}
body.mb2-site .mb2-hp-reading details{border:1px solid #35474d!important;background:#131a1e!important;color:#e9eff1!important;border-radius:8px}
body.mb2-site .mb2-hp-reading details summary{padding:17px 19px!important;font-size:16px!important;line-height:1.35;font-weight:800}
body.mb2-site .mb2-hp-reading details[open]{border-color:#6bb9cc!important}
body.mb2-site .mb2-hp-reading blockquote{background:#101d22;color:#e8f2f4;border-left:3px solid #8bd5e9}
body.mb2-site .mb2-hp-bottom-cta .mb2-global-cta{margin-top:20px}
@media(max-width:900px){
 body.mb2-site .mb2-hp-hero-art{width:100%}
 body.mb2-site .mb2-hp-hero::after{background:linear-gradient(90deg,rgba(9,12,15,.97),rgba(9,12,15,.6) 80%),linear-gradient(0deg,#090c0f,transparent 35%)}
 body.mb2-site .mb2-hp-shortcuts a{font-size:13px;gap:7px;padding:12px 10px}
}
@media(max-width:700px){
 body.mb2-site .mb2-hp-hero{min-height:0}
 body.mb2-site .mb2-hp-hero-art{inset:0 0 auto;height:375px;width:100%}
 body.mb2-site .mb2-hp-hero-art img{object-position:center 42%;filter:saturate(.86) brightness(.8)}
 body.mb2-site .mb2-hp-hero::after{background:linear-gradient(0deg,#090c0f 8%,rgba(9,12,15,.97) 29%,rgba(9,12,15,.37) 67%,rgba(9,12,15,.55)),linear-gradient(90deg,rgba(9,12,15,.3),transparent 75%)}
 body.mb2-site .mb2-hp-hero-inner{min-height:0;padding:25px 0 41px}
 body.mb2-site .mb2-hp-crumbs{font-size:11px;gap:8px}
 body.mb2-site .mb2-hp-hero-copy{margin:190px 0 0;padding:0;max-width:100%}
 body.mb2-site .mb2-hp-eyebrow{font-size:10px;letter-spacing:1.65px;line-height:1.4;margin-bottom:13px}
 body.mb2-site #mb2-main .mb2-hp-hero-copy h1{font-size:clamp(43px,11.4vw,60px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 18px!important}
 body.mb2-site #mb2-main .mb2-hp-hero-copy h1 span{font-size:.54em;margin-top:7px}
 body.mb2-site #mb2-main .mb2-hp-hero-copy p{font-size:16px!important;line-height:1.58!important;margin:0 0 22px}
 body.mb2-site .mb2-hp-actions{display:grid;grid-template-columns:1fr;gap:9px}
 body.mb2-site .mb2-hp-button{min-height:48px;padding:12px 16px;font-size:13px}
 body.mb2-site .mb2-hp-shortcuts{overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
 body.mb2-site .mb2-hp-shortcuts nav{display:flex;width:max-content;min-width:100%;gap:0}
 body.mb2-site .mb2-hp-shortcuts a{flex:0 0 auto;min-width:140px;min-height:63px;padding:10px 12px;box-sizing:border-box;scroll-snap-align:start;font-size:13px}
 body.mb2-site .mb2-hp-shortcuts a b{margin-left:8px}
 body.mb2-site .mb2-hp-content{padding-top:29px}
 body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div:first-of-type{padding:24px 20px!important}
 body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div{margin-bottom:34px!important}
 body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div>div:first-of-type{margin-bottom:38px!important}
 body.mb2-site .mb2-hp-reading .mb-show-latest ul{grid-template-columns:1fr;gap:10px}
 body.mb2-site .mb2-hp-reading .mb-show-latest li{padding:15px 17px}
 body.mb2-site .mb2-hp-reading .mb-potter-signup{padding:22px 20px}
 body.mb2-site .mb2-hp-reading .mb-potter-signup-button{width:100%;justify-content:center;box-sizing:border-box}
 body.mb2-site .mb2-hp-reading .mb2-global-reading-inner>div{width:100%;max-width:100%}
 body.mb2-site .mb2-hp-bottom-cta .mb2-global-cta{margin:18px 0 45px}
}
@media(prefers-reduced-motion:reduce){body.mb2-site .mb2-hp-page *{scroll-behavior:auto!important;transition:none!important}}
