/* Quiet, static illustration layers. Functional test surfaces keep their own background. */
.page-art-enabled{isolation:isolate}
.page-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;user-select:none}
.page-atmosphere img{position:absolute;width:640px;height:auto;opacity:.13;filter:saturate(.65);mask-image:radial-gradient(ellipse at center,#000 12%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 12%,transparent 70%)}
.page-atmosphere-left{left:calc(50% - 1120px);top:200px;transform:rotate(-16deg)}
.page-atmosphere-right{right:calc(50% - 1140px);top:610px;transform:rotate(17deg);opacity:.09!important}
.site-refresh.page-art-enabled .page-intro{min-height:245px;gap:28px;padding:8px 0 26px;margin-bottom:30px;isolation:isolate}
.site-refresh.page-art-enabled .page-intro>div:first-child{flex:1;min-width:0;position:relative;z-index:1}
.site-refresh.page-art-enabled .page-intro h1{max-width:830px;text-wrap:balance}
.site-refresh.page-art-enabled .page-intro p{max-width:68ch}
.page-illustration{position:relative;flex:0 0 340px;width:340px;height:230px;margin:0;pointer-events:none;user-select:none;align-self:center}
.page-illustration img{position:absolute;inset:-28px -30px;width:400px;height:267px;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 22px #02091220)}
.page-illustration:before{content:'';position:absolute;width:260px;height:140px;left:50%;top:50%;transform:translate(-50%,-45%);background:radial-gradient(ellipse,#9bc6d40a,transparent 70%);border-radius:50%}
/* No decoration is placed inside a measurement area, chart, camera or game canvas. */
@media(min-width:1900px){.page-atmosphere img{width:740px;opacity:.15}.page-atmosphere-left{left:calc(50% - 1330px);top:190px}.page-atmosphere-right{right:calc(50% - 1340px);top:570px}}
@media(max-width:1300px){.page-atmosphere img{opacity:.065;width:540px}.page-atmosphere-left{left:-340px;top:330px}.page-atmosphere-right{right:-350px;top:900px;opacity:.045!important}.page-illustration{flex-basis:290px;width:290px;height:212px}.page-illustration img{width:350px;height:233px;inset:-16px -30px}.site-refresh.page-art-enabled .page-intro{gap:20px}}
@media(max-width:900px){.page-illustration{flex-basis:230px;width:230px;height:195px}.page-illustration img{width:290px;height:193px;inset:0 -30px}.site-refresh.page-art-enabled .page-intro{min-height:220px;gap:10px}.page-atmosphere img{opacity:.04}}
@media(max-width:620px){.site-refresh.page-art-enabled .page-intro{flex-direction:column;align-items:stretch;gap:0;padding:12px 0 20px;min-height:0}.page-illustration{width:240px;height:142px;flex:0 0 142px;align-self:flex-end;margin:0 8px -3px 0}.page-illustration img{width:285px;height:190px;inset:-21px -22px}.page-atmosphere{display:none}.site-refresh.page-art-enabled .page-intro h1{max-width:100%}.site-refresh.page-art-enabled .page-intro p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.page-illustration,.page-illustration img,.page-atmosphere img{animation:none!important;transition:none!important}}
@media print{.page-atmosphere,.page-illustration{display:none!important}.site-refresh.page-art-enabled .page-intro{min-height:0}}

@media(max-width:400px){.page-art-enabled .grid2{grid-template-columns:minmax(0,1fr)}.page-art-enabled .grid2>.card{min-width:0}.page-art-enabled .mbtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.page-art-enabled .mbtns .mb{min-width:0}}

.page-art-enabled .ib-band{grid-template-columns:minmax(0,1fr)}.page-art-enabled .ib-band>.ib-panel{min-width:0}

/* Reserve room for the illustration edge on tablet layouts. */
@media(min-width:621px) and (max-width:1300px){.page-illustration{margin-right:12px}}