@font-face{font-family:Manrope;src:url('/font.woff2')}@font-face{font-family:Manrope;src:url('/font-bold.woff2');font-weight:700}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Manrope,Arial,sans-serif;color:#edf3f6;background:#07141e}body{--accent:#8bcffa;overflow:hidden;font-size:1.05vw;font-size:clamp(12px,1.05vw,22px)}body[data-mode=vod]{--accent:#ffc56b}body[data-mode=series]{--accent:#7fe8c8}button,input,select{font:inherit}button{color:#cedae3;background:transparent;border:1px solid rgba(255,255,255,0.125);border-radius:3px;padding:.65em 1em;cursor:pointer}button:focus,input:focus,select:focus{outline:1px solid #fff;outline-offset:2px;background-color:#263a49;color:#fff}button:disabled{opacity:.3;cursor:default}button img{width:1.2em;height:1.2em;flex-shrink:0}button.active{color:var(--accent)}header{height:9vh;min-height:54px;padding:0 3vw;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,0.102);position:relative;z-index:5;gap:2vw;background:rgba(7,20,30,0.851)}.brand{display:flex;align-items:center;font-size:2em;letter-spacing:-1px;white-space:nowrap}.brand img{width:1.6em;height:1.6em;object-fit:contain;margin-right:.4em}.brand span{color:var(--accent)}nav{display:flex;gap:2.2vw;margin:auto;height:100%;align-items:center}nav button{height:70%;border:none;position:relative;padding:.7em 1.1em;font-weight:700}nav .active:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent)}nav button:focus{background:rgba(255,255,255,0.086);outline:0}.header-end{display:flex;align-items:center;gap:2.3vw}.clock{text-align:right;white-space:nowrap}time{font-size:1.45em}#date{display:block;font-size:.72em;color:#9baebd;margin-top:.3em}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.9em;height:2.9em;padding:.7em}#settings{border:0}main{height:87vh;padding:2vh 3vw 0;display:flex;flex-direction:column}.hero{flex:0 0 38%;min-height:0;display:flex;gap:2.5vw;padding-bottom:2vh;position:relative}#picture{position:relative;flex:0 0 34%;height:100%;background:#0a1c29;overflow:hidden;border-radius:3px}#video{height:100%;width:100%;object-fit:contain;display:block}#idle{position:absolute;inset:0;background:#0b1c29}#preview-art{width:100%;height:100%;object-fit:contain}#preview-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#92a7b5;gap:.5em;font-size:.9em}#preview-fallback img{height:55%;max-width:60%;object-fit:contain;opacity:.7}#preview-caption{position:absolute;left:0;right:0;bottom:0;padding:.5em 1em;background:rgba(6,19,29,0.902);font-size:.75em;color:#c2d2dd}.information{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;padding-right:8vw}.eyebrow,.section-label{font-size:.68em;letter-spacing:.16em;font-weight:700;color:#9eb3c3;margin:0 0 .8em}.eyebrow{color:var(--accent)}h1{font-size:2.35em;line-height:1.12;margin:0 0 .35em;font-weight:700;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metadata{margin:0 0 .7em;color:#bccbd4;font-size:.85em}#description{font-size:.88em;color:#a8bac7;line-height:1.55;margin:0 0 .9em;max-width:47em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}.actions{display:flex;align-items:center;gap:.65em;flex-wrap:wrap}.actions button{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font-size:.85em;height:2.9em;white-space:nowrap}.primary{background:var(--accent);color:#06151e;border-color:transparent;font-weight:700}.primary img{filter:brightness(.15)}.primary:focus{background:var(--accent);color:#06151e}#status{font-size:.69em;color:#90a7b7;margin:.8em 0 0;max-height:2.8em;overflow:hidden}.hero-mascot{position:absolute;right:0;bottom:1.6vh;height:90%;width:20%;object-fit:contain;opacity:.12;pointer-events:none}.library{border-top:1px solid rgba(255,255,255,0.141);display:flex;flex:1;min-height:0;padding-top:1.6vh;gap:1.7vw;position:relative;padding-left:4.5vw}#rail{position:absolute;left:0;top:5.5vh;bottom:0;width:3.1vw;min-width:35px;background:#07141e;z-index:4;overflow:hidden;transition:width .12s ease}#rail.open{width:13vw;min-width:140px;box-shadow:12px 0 24px rgba(0,0,0,0.333)}#rail button{display:flex;align-items:center;gap:1.1em;width:100%;height:3.6em;padding:.8em;border:0;text-align:left;white-space:nowrap;margin-bottom:.2em}#rail img{width:1.55em;height:1.55em;opacity:.65}#rail .active img,#rail button:focus img{opacity:1}#rail button span{opacity:0}#rail.open button span{opacity:1}#rail button:focus{outline-offset:-2px;background:rgba(255,255,255,0.055)}aside{flex:0 0 16.5%;min-width:135px;display:flex;flex-direction:column;min-height:0;padding-right:1.1vw;border-right:1px solid rgba(255,255,255,0.082)}.section-label{height:3.1em;display:flex;align-items:center;margin:0;padding-left:.7em}#categories{overflow:auto;flex:1}#categories button{display:block;width:100%;text-align:left;border:0;padding:.8em .7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .15em;font-size:.86em}#categories button.active{background:rgba(255,255,255,0.035);border-left:2px solid var(--accent)}#categories button:focus{outline-offset:-1px;background:rgba(255,255,255,0.094)}.list-pane{flex:1;min-width:0;display:flex;flex-direction:column}.list-heading{display:flex;align-items:center;justify-content:space-between;min-height:3.1em;margin-bottom:.8em}.list-heading .eyebrow{font-size:.6em;margin:0 0 .25em}h2{font-size:1.3em;margin:0}.guide-tools{display:flex;align-items:center;gap:.8em}#page-label,#paging-label{font-size:.68em;color:#92a6b4}.guide-tools button,.guide-tools input{color:#c9d8e2;background:#102430;border:1px solid rgba(255,255,255,0.133);padding:.4em .6em;font-size:.75em;border-radius:3px}.list-columns{display:flex;justify-content:space-between;color:#738b9e;font-size:.6em;letter-spacing:.13em;padding:.5em 1em 1em;border-bottom:1px solid rgba(255,255,255,0.071)}#items{overflow:auto;flex:1;min-height:0}.item{display:flex;align-items:center;justify-content:space-between;gap:1em;text-align:left;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,0.055);padding:.83em 1em;font-size:.9em;min-height:2.9em}.item .item-name{flex:1}.item .item-index{font-size:.72em;color:#728b9e;width:2em}.item .item-meta{font-size:.72em;color:#92a7b5}.item.selected{background:rgba(255,255,255,0.020)}.item:focus{outline-offset:-1px;border-radius:2px;background:rgba(255,255,255,0.071)}.item img{width:1em;opacity:0}.item:focus img{opacity:.8}.paging{padding:.5em 0;display:flex;justify-content:space-between;align-items:center}.paging button{border:0;display:flex;align-items:center;gap:.4em;padding:.4em;font-size:.72em}.paging button img{width:1em}.empty{color:#91a4b2;padding:2em;font-size:.9em}aside,#categories,#items,#guide-rows{scrollbar-width:none}::-webkit-scrollbar{display:none}footer{height:4vh;padding:.5vh 3vw;display:flex;align-items:center;justify-content:space-between;font-size:.6em;color:#6f899c;white-space:nowrap}.remote-hints b{border:1px solid rgba(255,255,255,0.157);border-radius:2px;padding:.2em .4em;color:#b9c9d4;margin:0 .5em 0 1.2em}.remote-hints b:first-child{margin-left:0}dialog:not([open]){display:none}dialog{border:1px solid rgba(255,255,255,0.141);background:#0b1b27;color:#eef5f7;border-radius:5px;padding:2em;width:38em;max-width:90vw;max-height:88vh;overflow:auto;z-index:20}dialog::backdrop{background:rgba(3,10,18,0.788)}dialog h2{font-size:1.8em}dialog label{display:block;font-size:.86em;margin:1em 0}dialog input,dialog select{display:block;background:#07141e;border:1px solid #3e5665;color:white;width:100%;padding:.8em;margin-top:.5em;border-radius:3px}dialog p{font-size:.85em;line-height:1.5;color:#a7bbc8}.quiet{font-size:.72em}#connect{background:#9bdfce;color:#071b16}#connection-error{color:#ffb7a8}#pause-banner{position:absolute;top:0;left:0;right:0;padding:1em 1.3em 3em;background:linear-gradient(rgba(0,0,0,0.933),rgba(0,0,0,0.533),transparent);pointer-events:none}#pause-banner small{display:block;font-size:.65em;letter-spacing:2px}#pause-banner strong{display:block;font-size:1.3em;margin-top:.4em}#picture.full{position:fixed;inset:0;width:100%;height:100%;z-index:12;border-radius:0}#picture.full #pause-banner{padding:4vw 4vw 8vw}#picture.full #pause-banner strong{font-size:2.5em}html.mag-native,body.mag-native,body.mag-native #picture{background:transparent}body.mag-native header,body.mag-native footer,body.mag-native .library,body.mag-native .information{background:#07141e}body.player-full header,body.player-full footer,body.player-full .library,body.player-full .information{visibility:hidden}body.player-full #picture{visibility:visible}[hidden]{display:none!important}
/* The guide owns both axes; the page and preview never scroll. */
#guide{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#timeline{display:flex;height:2.4em;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,0.125);font-size:.8em;color:#a5bbca}.channel-label{flex:0 0 22%;display:flex;align-items:center;padding-left:.5em}.time-labels{position:relative;flex:1}.time-labels span{position:absolute;top:.6em;white-space:nowrap;font-size:.85em}#guide-rows{overflow:auto;flex:1;min-height:0}.guide-row{display:flex;height:3.4em;min-height:42px;gap:.35em;margin-bottom:.3em}.channel-cell{flex:0 0 22%;min-width:0;display:flex;align-items:center;gap:.6em;background:#102534;border-radius:3px;padding:.5em;font-size:.8em}.channel-number{font-size:.75em;color:#819bab;min-width:1.5em}.channel-cell img{max-width:65%;max-height:2.5em;object-fit:contain;margin:auto}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.programme-track{position:relative;flex:1;overflow:hidden;background:#0c202d;border-radius:3px;touch-action:pan-y}.programme{position:absolute;top:0;bottom:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;padding:.65em .8em;border:1px solid rgba(255,255,255,0.086);background:#102635;border-radius:3px}.programme.current{background:#163748}.programme:focus{background:#31556a;outline-offset:-2px;outline:1px solid #fff;z-index:2;color:#fff}.programme.selected{border-color:rgba(139,207,250,0.467)}.programme.unavailable{color:#8298a7;font-size:.7em}.now-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(139,207,250,0.533);z-index:3;pointer-events:none}.guide-empty{padding:1em;color:#849bab}.loading{opacity:.65}.day-label{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:850px){body{font-size:12px}header{padding:0 2vw;gap:1vw}.brand{font-size:1.6em}nav{gap:.5vw}.clock{font-size:.85em}main{padding-left:2vw;padding-right:2vw}.hero{gap:2vw}.information{padding-right:0}.hero-mascot{display:none}h1{font-size:1.9em}.library{padding-left:45px;gap:12px}aside{min-width:130px}#rail{width:35px}.actions{gap:.4em}.actions button{font-size:.76em}.remote-hints{font-size:.9em}}@media(max-height:650px){.hero{flex-basis:38%}h1{font-size:1.8em}#description{-webkit-line-clamp:1}.guide-row{height:3em;min-height:35px}#status{margin:.35em 0 0}.actions button{height:2.5em}.information .eyebrow{margin-bottom:.4em}}

#preview-art.channel-art{width:40%;height:40%;position:absolute;left:30%;top:28%;object-fit:contain}.programme.unavailable{background:#0b202d;color:#6e8b9e}.information .actions button:disabled:not(.primary){display:none}
/* Match the compact main-app guide density and keep the preview at 16:9. */
#picture{flex:0 0 53.333vh;width:53.333vh;height:30vh;max-width:36%;max-height:100%;align-self:center}.guide-row{height:2.55em;min-height:36px;margin-bottom:.2em}.programme{font-size:.76em}.channel-cell img{max-height:2em}.section-label{visibility:hidden}#rail{top:8.8vh}
@media(max-width:850px){#picture{flex-basis:34%;width:34%;height:24vh;max-width:36%}}
#picture.full{max-width:none;max-height:none;width:100%;height:100%}
#picture:not(.full){flex-basis:47.4074vh;width:47.4074vh;height:26.6667vh;max-height:none}
/* Lightweight VOD discovery shelves; the Live TV guide retains its own layout. */
body.vod-shelf-view .library{padding-left:0;overflow:hidden}
body.vod-shelf-view #rail,body.vod-shelf-view .library>aside,body.vod-shelf-view .list-pane{display:none}
#vod-shelves{flex:1;min-width:0;overflow-y:auto;scrollbar-width:none;padding:0 0 2vh}
.vod-discovery-heading,.vod-shelf-header{display:flex;justify-content:space-between;align-items:center;padding:0 .2em}
.vod-discovery-heading h2{font-size:1.15em;margin:.1em 0 .6em}.vod-browse,.vod-view-all{border:0;color:#a8c7d8;font-size:.72em;padding:.5em .7em}
.vod-shelf{margin-bottom:1.5em}.vod-shelf-header h2{font-size:.95em;margin:.2em 0 .7em}.vod-shelf-row{display:flex;gap:.7em;overflow-x:auto;scrollbar-width:none;padding:.2em .2em .6em}
.vod-card{flex:0 0 11.2%;min-width:112px;aspect-ratio:2/3;padding:0;border:1px solid rgba(255,255,255,0.125);border-radius:3px;overflow:hidden;background:#122734;position:relative;text-align:left}
.vod-card img{width:100%;height:100%;object-fit:cover;display:block}.vod-card img[hidden]{display:none}
.vod-card-name{position:absolute;inset:auto 0 0;padding:2.8em .6em .55em;background:linear-gradient(transparent,rgba(6,18,27,0.929));font-size:.7em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vod-card:focus{outline:2px solid #fff;outline-offset:-2px;background:#203c4b;z-index:1}.vod-card:focus-visible{position:relative}
@media(max-width:850px){.vod-card{flex-basis:17%;min-width:90px}}
.vod-shelf>h2{font-size:.95em;margin:.4em .2em .8em}
.vod-shelf-row .vod-season,.vod-shelf-row .vod-episode{aspect-ratio:auto;min-height:4.5em;min-width:11em;flex:0 0 14%;padding:1em;text-align:left;font-weight:700;background:#142d3c;color:#edf3f6}
.vod-shelf-row .vod-episode{min-height:7em;flex-basis:19%;background:#183548}
.vod-season.selected{border-color:var(--accent);color:var(--accent)}
/* Decorative provider artwork sits behind the VOD hero and never covers controls. */
.mag-hero-background{position:absolute;inset:-2vh -3vw 0;overflow:hidden;pointer-events:none;z-index:0}
.mag-hero-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.56}
.mag-hero-background-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,30,.9) 0%,rgba(7,20,30,.7) 40%,rgba(7,20,30,.38) 75%,rgba(7,20,30,.55) 100%),linear-gradient(0deg,#07141e 0%,rgba(7,20,30,.15) 70%)}
body[data-mode=itv] .mag-hero-background{display:none}
.hero #picture{z-index:1}.hero-mascot{z-index:1}

#vod-search{width:min(100%,25em);padding:.65em .85em;margin:.3em 0 .65em;color:#edf3f6;background:#102430;border:1px solid rgba(255,255,255,0.251);border-radius:3px}#vod-search::placeholder{color:#a4b5c0}

#service-expired{position:fixed;inset:0;z-index:30;background:#07141e;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vh 12vw}#service-expired>img{width:8em;height:8em;object-fit:contain}#service-expired>p{max-width:45em;line-height:1.6;color:#b4c7d4}#service-expired h1{font-size:2.8em}#service-expired .actions{margin-top:1em}dialog[open]{z-index:40}

.renewal-placeholder{display:flex;align-items:center;gap:1.5em;max-width:48em;margin:.5em 0}.renewal-placeholder>img{width:9em;height:9em;background:#fff;border-radius:4px}.renewal-placeholder p{font-size:.9em;line-height:1.5;color:#b4c7d4}#service-expired{padding:4vh 10vw}#service-expired>img{width:5em;height:5em}#service-expired>p{margin:.5em 0}

/* VOD needs room for search as well as metadata. Never flex-shrink text lines. */
body[data-mode=vod] .hero,body[data-mode=series] .hero{flex-basis:42vh}
body[data-mode=vod] .information,body[data-mode=series] .information{gap:.35em;overflow:visible;justify-content:center}
body[data-mode=vod] .information>*,body[data-mode=series] .information>*{flex-shrink:0;margin-top:0;margin-bottom:0}
body[data-mode=vod] .information h1,body[data-mode=series] .information h1{font-size:1.85em;line-height:1.15}
body[data-mode=vod] #description,body[data-mode=series] #description{line-height:1.4;-webkit-line-clamp:2}
body[data-mode=vod] #vod-search,body[data-mode=series] #vod-search{padding:.5em .85em}
@media(max-height:650px){body[data-mode=vod] .hero,body[data-mode=series] .hero{flex-basis:46vh}body[data-mode=vod] #description,body[data-mode=series] #description{-webkit-line-clamp:1}}
/* Remote-friendly settings: a stable rail and independently scrolling pane. */
#connection{width:82vw;max-width:1580px;height:78vh;padding:2.2vw;overflow:hidden}
.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2em}.settings-heading h2{font-size:1.8em}.settings-layout{display:flex;height:calc(100% - 5em);gap:2.5vw}.settings-nav{flex:0 0 21%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.5em;margin:0;height:auto;border-right:1px solid rgba(255,255,255,0.125);padding-right:1.5vw}.settings-nav button{height:auto;text-align:left;padding:1em}.settings-nav button.active{background:rgba(255,255,255,0.047)}.settings-nav button:focus{outline:1px solid white;background:#263a49}.settings-nav .active:after{display:none}.settings-content{flex:1;min-width:0;overflow-y:auto;padding:0 .3em 1em}.settings-content h2{font-size:1.35em}.settings-content h3{font-size:1em;margin-top:1.8em}.settings-content label{max-width:33em}.settings-content p{max-width:48em}.settings-capabilities{border-top:1px solid rgba(255,255,255,0.125);margin-top:2em}#preferences-status{color:#9bdfce;min-height:1.5em}
body[data-guide-size=comfortable] .guide-row{height:3.2em}body[data-guide-size=large] .guide-row{height:4em}body[data-guide-size=large] .programme{font-size:.9em}
body[data-hero-art=off] .mag-hero-background{display:none}

/* MAG WebKit does not consistently support aspect-ratio: give cards real boxes. */
.vod-card{height:15em;min-height:15em;flex-shrink:0}
.vod-shelf-row{min-height:15.8em}
.vod-shelf-row .vod-season,.vod-shelf-row .vod-episode{height:auto;min-height:4.5em}
.vod-shelf-row .vod-episode{min-height:7em}

/* Explicit positions and margins for embedded WebKit without inset/flex-gap. */
#picture.full{top:0;left:0;right:0;bottom:0;margin:0}
#idle,.mag-hero-background-shade{top:0;right:0;bottom:0;left:0}
.mag-hero-background{top:-2vh;right:-3vw;bottom:0;left:-3vw}
.mag-hero-background img{top:0;left:0}
.hero{gap:0}.information{margin-left:2.5vw}
.actions{gap:0}.actions button{margin-right:.65em;margin-bottom:.3em}
.actions button img{margin-right:.6em}.actions .icon-button img{margin-right:0}
.vod-shelf-row{gap:0}.vod-card{margin-right:.7em}
header nav{gap:0}header nav button{margin-right:2.2vw}
.library{gap:0}.library>aside{margin-right:1.7vw}
.settings-layout{gap:0}.settings-nav{margin-right:2.5vw}
#live-banner{position:absolute;left:0;right:0;bottom:0;z-index:15;padding:7vh 5vw 4vh;display:flex;align-items:center;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}
#live-banner-logo{width:8vw;height:8vh;object-fit:contain;margin-right:2vw}
#live-banner h2{font-size:1.8em;margin:.3em 0}#live-banner p{margin:.4em 0;font-size:.9em}#live-banner small{font-size:.85em}
#picture:not(.full) #live-banner{display:none}

/* MAG focus must remain distinct from the selected page and resting borders. */
footer{display:none}main{height:91vh}
button,input,select{-webkit-appearance:none;appearance:none}
button{border-color:rgba(255,255,255,.15)}
.vod-card{border:1px solid rgba(255,255,255,.16)}
button:focus,input:focus,select:focus,header nav button:focus,.settings-nav button:focus,#rail button:focus,.programme:focus{outline:2px solid #fff;outline-offset:-2px;background-color:#38586b;color:#fff}
.vod-card:focus{outline:3px solid #fff;outline-offset:-3px;border-color:#fff}
.primary{background-color:#8bcffa;color:#06151e}body[data-mode=vod] .primary{background-color:#ffc56b}body[data-mode=series] .primary{background-color:#7fe8c8}
.primary:focus{background-color:#e3f5ff;color:#06151e}
#vod-search{width:25em;max-width:100%}
body.player-full .mag-hero-background,body.player-full .hero-mascot{visibility:hidden}

/* Stable, nonshrinking header targets on the MAG's embedded flex implementation. */
header nav{flex:0 0 auto;width:auto;min-width:24em;justify-content:center}
header nav button{flex:0 0 auto;min-width:6em;white-space:nowrap;margin-right:.8em;padding:.7em .9em;overflow:visible}
header .brand{flex:0 0 auto}header .header-end{flex:0 0 auto;margin-left:auto}
.information .actions button{flex:0 0 auto;min-width:3em}
#watch{min-width:8em}.list-heading{flex-shrink:0}.list-heading .eyebrow{margin-bottom:.55em}.list-heading h2{line-height:1.25}
#guide,#guide-rows,.programme-track{overflow-x:hidden}

/* Hardware video is beneath the browser graphics: no backdrop may cover its window. */
body.mag-native.native-playing .mag-hero-background,body.mag-native.native-playing .hero-mascot{display:none}
.vod-shelf-row .vod-season{height:12em;min-height:12em;padding:0;position:relative;overflow:hidden}
.vod-season img{height:100%;width:100%;object-fit:cover}

/* Size idle artwork from intrinsic dimensions instead of unsupported object-fit. */
#preview-art,#preview-art.channel-art{position:absolute;max-width:none;max-height:none;margin:0}

/* Explicit modal geometry for MAG WebKit without native dialog support. */
#connection[open]{display:block;position:fixed;top:10vh;left:9vw;right:auto;bottom:auto;margin:0;width:82vw;height:78vh;z-index:100;background:#0b1b27}

.information{padding:1.4vh 2vw; margin-left:2vw}

body.compact-browser .hero{flex-basis:38%}body.compact-browser .mag-hero-background{display:none}