/* door51: Austin's marble as the page-wide backing for the main page only. Every rule is scoped to body[data-page="landing"].
   Uses a fixed pseudo-element (not background-attachment:fixed, which iOS ignores), so it never stretches with page height.
   Remove this file and its <link> in index.html to go back to the plain dark page. */
html:has(body[data-page="landing"]){background:#05070f}
body[data-page="landing"]{background:transparent}
body[data-page="landing"]::before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,7,15,.50),rgba(5,7,15,.62) 60%,rgba(5,7,15,.70)),url(/assets/marble-1600.webp) center/cover no-repeat #05070f}
/* text-heavy panels: darker, semi-solid so reading is as easy as on the plain page */
body[data-page="landing"] .below .glass{background:rgba(8,12,26,.86)}
body[data-page="landing"] .bl-head h2,body[data-page="landing"] .bd-all,body[data-page="landing"] .xn-more a{text-shadow:0 1px 2px #05070f,0 0 14px rgba(5,7,15,.9)}
body[data-page="landing"] .site-foot{background:rgba(5,7,15,.88);border-top-color:rgba(110,160,255,.14)}
/* door52: brighter small subtext on the dark panels (Ask note, board blurbs, news link, date labels, footer) */
body[data-page="landing"] :is(.below,.ask-bot,.site-foot){--mut:#b3c3e2}
body[data-page="landing"] .ask-bot .ask-note{color:#b3c3e2}
body[data-page="landing"] .xn-more a,body[data-page="landing"] .bd-all,body[data-page="landing"] .lc-go{color:#74adff}
body[data-page="landing"] .lc-kick{color:#ffdc78}