/* Background 2: dark masthead opening onto a warm, light catalogue surface. */
html body.editorial[data-background="2"]{
 background-color:#f1efe9;
 background-image:radial-gradient(ellipse 75% 700px at 90% 0%,#23588c70,transparent 85%),linear-gradient(174deg,#102b4f 0px,#132b48 605px,#ddd8ca 606px,#f1efe9 785px);
 background-size:100% 100%;
 background-position:center top;
 background-repeat:no-repeat;
 background-attachment:scroll;
}
html body.editorial[data-background="2"] .catalog-shell{box-shadow:0 24px 55px -35px #29354970}
.background-choice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:80;display:flex;gap:6px;padding:7px;border-radius:12px;background:#fff;box-shadow:0 6px 24px #0d204b30;font:500 12px Poppins,sans-serif}
.background-choice button{font:inherit;border:0;border-radius:7px;padding:10px 15px;background:#eef1f6;color:#243753;cursor:pointer;white-space:nowrap}
.background-choice button[aria-pressed="true"]{background:#173f9e;color:white}
.background-choice button:focus-visible{outline:3px solid #b38a21;outline-offset:2px}
@media(max-width:600px){html body.editorial[data-background="2"]{background-image:radial-gradient(ellipse 100% 650px at 100% 0%,#23588c70,transparent 85%),linear-gradient(174deg,#102b4f 0px,#132b48 760px,#ddd8ca 761px,#f1efe9 930px)}.background-choice{bottom:10px}}

html body.editorial[data-background="4"]{background:#eaf4f2;background-image:radial-gradient(ellipse 80% 650px at 90% 0%,#248c9670,transparent 85%),linear-gradient(174deg,#092f38 0px,#134b56 605px,#c5e3df 606px,#eaf4f2 785px);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="10"]{background:#c9d9f6;background-image:linear-gradient(#1749bb 0 390px,transparent 390px);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-attachment:scroll}
body[data-background="10"] .captain-slider{outline:10px solid #f2f6ff;outline-offset:0;border-radius:20px;margin-bottom:50px}
@media(max-width:600px){html body.editorial[data-background="4"]{background-image:radial-gradient(ellipse 100% 650px at 100% 0%,#248c9670,transparent 85%),linear-gradient(174deg,#092f38 0px,#134b56 760px,#c5e3df 761px,#eaf4f2 930px)}}
.background-choice{width:min(1050px,calc(100% - 24px));max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;max-height:110px;overflow:auto}
.background-choice button{font-size:10px;padding:8px 10px}

html body.editorial[data-background="33"]{background-color:#e9eff8;background-image:url("assets/background-33.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="34"]{background-color:#e9f1f2;background-image:url("assets/background-34.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="35"]{background-color:#dde8fa;background-image:url("assets/background-35.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="36"]{background-color:#0c2346;background-image:url("assets/background-36.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="37"]{background-color:#e8edf5;background-image:url("assets/background-37.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="38"]{background-color:#eef2f8;background-image:url("assets/background-38.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="39"]{background-color:#dfeceb;background-image:url("assets/background-39.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="40"]{background-color:#153b7b;background-image:url("assets/background-40.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="41"]{background-color:#e8eff9;background-image:url("assets/background-41.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
html body.editorial[data-background="42"]{background-color:#e6edf7;background-image:url("assets/background-42.svg");background-size:100% 1200px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
@media(max-width:600px){html body.editorial[data-background]:not([data-background="2"]):not([data-background="4"]):not([data-background="10"]){background-size:100% 1600px}}/* Variant 10: one continuous outer frame, squared internal joining corners. */
body[data-background="10"] .captain-slider{background:#f2f6ff}
body[data-background="10"] .captain-stage{border-radius:20px 0 0 20px}
body[data-background="10"] .captain-peek{border-radius:0 20px 20px 0}
@media(max-width:600px){body[data-background="10"] .captain-stage{border-radius:20px}}
/* A restrained branded backdrop for the opening headline. */
body[data-background="10"] .compact-intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 50%,#4786ef55,transparent 58%),linear-gradient(105deg,#ffffff06,#ffffff00 65%);border-bottom:1px solid #ffffff17}
body[data-background="10"] .compact-intro:before{content:'';position:absolute;z-index:-1;width:300px;height:300px;left:-145px;top:-175px;border:1px solid #a9cbff50;border-radius:50%;box-shadow:0 0 0 24px #9ac3ff0d,0 0 0 49px #9ac3ff0a;pointer-events:none}
body[data-background="10"] .compact-intro:after{content:'';position:absolute;z-index:-1;width:240px;height:240px;right:-120px;bottom:-190px;border:1px solid #c4d9ff50;border-radius:50%;box-shadow:0 0 0 23px #9ac3ff0f,0 0 0 46px #9ac3ff09;pointer-events:none}
@media(max-width:600px){body[data-background="10"] .compact-intro:before{left:-210px}body[data-background="10"] .compact-intro:after{right:-170px}}
/* Keep decorative arcs outside the text and subtitle footprint. */
body[data-background="10"] .compact-intro{overflow:visible;background:none;border-bottom:0}
body[data-background="10"] .compact-intro:before{width:240px;height:240px;left:-230px;top:-135px;box-shadow:0 0 0 18px #9ac3ff0d,0 0 0 36px #9ac3ff09}
body[data-background="10"] .compact-intro:after{width:220px;height:220px;right:-230px;bottom:-145px;box-shadow:0 0 0 18px #9ac3ff0d,0 0 0 36px #9ac3ff09}
body[data-background="10"]{overflow-x:clip}
@media(max-width:600px){body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:none}}
/* Soft blue lighting replaces the decorative arcs. */
body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:none}
html body.editorial[data-background="10"]{background-image:radial-gradient(ellipse 65% 300px at 0 90px,#3a92dc80,transparent 74%),radial-gradient(ellipse 50% 280px at 100% 90px,#112a7b99,transparent 75%),linear-gradient(#1749bb 0 390px,transparent 390px);background-size:100% 390px,100% 390px,100% 100%;background-position:0 0;background-repeat:no-repeat}
/* Branded edge emblems: real mascot artwork, clear central text area. */
html body.editorial[data-background="10"]{background-image:linear-gradient(#1749bb 0 390px,transparent 390px);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}
body[data-background="10"] .compact-intro{overflow:visible;background:none;border:0}
body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:block;content:'';position:absolute;width:160px;height:160px;top:-24px;bottom:auto;border:0;border-radius:0;box-shadow:none;background:url('assets/head.png') center/contain no-repeat;filter:grayscale(1) brightness(0) invert(1);opacity:.13;z-index:-1;pointer-events:none}
body[data-background="10"] .compact-intro:before{left:-70px;transform:rotate(-14deg)}
body[data-background="10"] .compact-intro:after{right:-80px;transform:rotate(14deg) scaleX(-1)}
@media(max-width:600px){body[data-background="10"] .compact-intro:before{left:-55px;top:0;width:115px;height:115px;opacity:.08}body[data-background="10"] .compact-intro:after{right:-55px;top:0;width:115px;height:115px;opacity:.08}}
/* Remove rejected decorative header emblems. */
body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:none!important}
/* Custom panoramic artwork, confined to the existing upper blue field. */
html body.editorial[data-background="10"]{background-color:#c9d9f6;background-image:url('assets/blue-fold-masthead.png');background-size:100% 390px;background-position:center top;background-repeat:no-repeat;background-attachment:scroll}
@media(max-width:600px){html body.editorial[data-background="10"]{background-size:auto 390px;background-position:center top}}
/* Restore the edge-arc direction selected by the user. */
html body.editorial[data-background="10"]{background-color:#c9d9f6;background-image:linear-gradient(#1749bb 0 390px,transparent 390px);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-attachment:scroll}
body[data-background="10"] .compact-intro{position:relative;isolation:isolate;overflow:visible;background:none;border:0}
body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:block!important;content:'';position:absolute;z-index:-1;pointer-events:none;background:none;filter:none;opacity:1;transform:none;border:1px solid #a9cbff50;border-radius:50%;box-shadow:0 0 0 18px #9ac3ff0d,0 0 0 36px #9ac3ff09}
body[data-background="10"] .compact-intro:before{width:240px;height:240px;left:-230px;right:auto;top:-135px;bottom:auto}
body[data-background="10"] .compact-intro:after{width:220px;height:220px;right:-230px;left:auto;bottom:-145px;top:auto}
@media(max-width:600px){body[data-background="10"] .compact-intro:before,body[data-background="10"] .compact-intro:after{display:none!important}}