/* Bilbao drawing-set cover: exact existing source asset and Polytectonics cover
   treatment; bottom-left type follows the current portfolio .brand-blurb rule. */
.qe-home{--qe-cover-opacity:.34;--qe-cover-filter:grayscale(1);isolation:isolate}
html[data-theme=light] .qe-home{--qe-cover-opacity:.4;--qe-cover-filter:grayscale(1) invert(1)}
html[data-theme=forest] .qe-home,html[data-theme=navy] .qe-home{--qe-cover-opacity:.3}
html[data-theme] body.qe-home>.qe-cover-drawing{position:fixed!important;inset:0;z-index:0;pointer-events:none;background:url('cover/bilbao-drawing-cover-v7.jpg') center/cover no-repeat;opacity:var(--qe-cover-opacity);filter:var(--qe-cover-filter)}
html[data-theme] body.qe-home::before{z-index:1;background-size:60px 50px;background-position:-1px -1px}
html:has(body.qe-home)::after{opacity:.5;mix-blend-mode:screen}
html[data-theme=light]:has(body.qe-home)::after{opacity:.07;mix-blend-mode:multiply}
.qe-home .xs-site-header{z-index:12}
.qe-landing{min-height:calc(100svh - 112px)}
.qe-landing .qe-landing-folder{position:fixed;left:70vw;top:20vh;z-index:6;right:auto;bottom:auto;max-width:calc(100vw - 40px);transition:none}
.qe-landing .qe-landing-folder span{font-size:8px;line-height:1;letter-spacing:.15em;padding:3px 7px 2px;white-space:nowrap}
.qe-landing .qe-landing-folder:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
html[data-theme] body.qe-home>p.qe-home-blurb{position:fixed!important;left:var(--left,20px);bottom:132px;z-index:12;margin:0;color:var(--ink);text-align:left;font-family:var(--qe-cover-serif);font-weight:400;font-size:clamp(15px,1.55vw,20px);line-height:1.62;letter-spacing:.005em;max-width:min(34ch,calc(100vw - 40px));display:block}
/* Keep source type on short windows while giving the sentence its own line band. */
@media(max-height:720px){html[data-theme] body.qe-home>p.qe-home-blurb{bottom:108px;max-width:min(54ch,calc(100vw - 40px))}}

/* Short phones scroll the centered-on-entry gate and sentence as a document.
   The full source type and the enlarged folder remain intact. */
@media(max-width:600px) and (max-height:740px){
  body.qe-home{position:relative;min-height:calc(100svh + 260px)}
  html[data-theme] body.qe-home>p.qe-home-blurb{position:absolute!important;top:calc(100svh + 20px);bottom:auto;max-width:calc(100vw - 40px)}
}