/* Shared black floor and soft image masks remove the hero/class seam. */
#home { background-color:#080708; }
#home::after {
 content:''; position:absolute; left:0; right:0; bottom:-1px; height:230px;
 background:linear-gradient(180deg,transparent 0%,#080708a6 45%,#080708 100%);
 pointer-events:none; z-index:1;
}
#classes { position:relative; isolation:isolate; background:#080708; border-top:0; }
#classes::before {
 content:''; position:absolute; inset:0; z-index:-2; pointer-events:none;
 background:linear-gradient(#08070855,#080708a6),url('../images/class/dragonium-canyon.webp') center / cover no-repeat;
 -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 190px,#000 75%,transparent 100%);
 mask-image:linear-gradient(180deg,transparent 0%,#000 190px,#000 75%,transparent 100%);
 opacity:.65;
}
#classes::after { content:none; }
#classes .section-header { padding-top:62px; padding-bottom:34px; }
#classes .section-header::after { display:none; }
#classes .classes-layout { padding-bottom:38px; }
@media(max-width:540px) {
 #home::after { height:170px; }
 #classes .section-header { padding-top:38px; padding-bottom:22px; }
 #classes::before { opacity:.5; background-position:60% center; }
}

/* Animation playback continues without a visible pause control. */
#classes .motion-toggle { display:none !important; }