/* Tempol home: the approved website preview media (docs/design/WEBSITE-PREVIEW-ASSETS-APPROVAL-2026-10-22.md).
   Each preview surface keeps its place and size; its picture layer (.pm) carries the approved poster, AVIF or WebP where the
   browser takes them, JPEG otherwise. The story's opening posters load when the story is shown; the Library, Search, Preview
   and Import posters only once the story moves (home-media.js adds #run.mLib). The static document's posters load only
   when it is the page: with scripting off, or when the motion script did not take over (home-media.js adds html.mDoc).
   Moving pictures are home-media.js's; nothing here plays. */
.pm{position:absolute;inset:0;background:#111 50%/cover no-repeat}
.p-halden{background-color:#c6c2be}
.p-studio{background-color:#623035}
.p-drive{background-color:#21222c}
.p-cover{background-color:#242637}
.p-atelier{background-color:#313036}
.p-meridian{background-color:#201e1a}
.p-paper{background-color:#9e8182}
.p-fathom{background-color:#10151b}
body.mob #root .p-halden{background-color:#b0afb0}
.mv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
/* the record's longer names keep the three Library columns equal (narrow screens clip a name rather than widen its column) */
.grid .tile{min-width:0}
#root .p-halden,#run.mLib .tile .p-halden{background-image:url(media/templates/halden/halden-poster-640.jpg);background-image:image-set(url(media/templates/halden/halden-poster-640.avif) type("image/avif"),url(media/templates/halden/halden-poster-640.webp) type("image/webp"),url(media/templates/halden/halden-poster-640.jpg) type("image/jpeg"))}
body.mob #root .p-halden{background-image:url(media/templates/halden/halden-poster-mobile-640.jpg);background-image:image-set(url(media/templates/halden/halden-poster-mobile-640.avif) type("image/avif"),url(media/templates/halden/halden-poster-mobile-640.webp) type("image/webp"),url(media/templates/halden/halden-poster-mobile-640.jpg) type("image/jpeg"))}
#root .p-studio,#run.mLib .tile .p-studio{background-image:url(media/templates/open-studio/open-studio-poster-640.jpg);background-image:image-set(url(media/templates/open-studio/open-studio-poster-640.avif) type("image/avif"),url(media/templates/open-studio/open-studio-poster-640.webp) type("image/webp"),url(media/templates/open-studio/open-studio-poster-640.jpg) type("image/jpeg"))}
#root .p-drive{background-image:url(media/music/night-drive/night-drive-card-poster-640.jpg);background-image:image-set(url(media/music/night-drive/night-drive-card-poster-640.avif) type("image/avif"),url(media/music/night-drive/night-drive-card-poster-640.webp) type("image/webp"),url(media/music/night-drive/night-drive-card-poster-640.jpg) type("image/jpeg"))}
#run.mLib .tile .p-cover{background-image:url(media/music/night-drive/night-drive-cover-poster-640.jpg);background-image:image-set(url(media/music/night-drive/night-drive-cover-poster-640.avif) type("image/avif"),url(media/music/night-drive/night-drive-cover-poster-640.webp) type("image/webp"),url(media/music/night-drive/night-drive-cover-poster-640.jpg) type("image/jpeg"))}
#root .p-atelier{background-image:url(media/templates/atelier/atelier-poster-640.jpg);background-image:image-set(url(media/templates/atelier/atelier-poster-640.avif) type("image/avif"),url(media/templates/atelier/atelier-poster-640.webp) type("image/webp"),url(media/templates/atelier/atelier-poster-640.jpg) type("image/jpeg"))}
#root .p-meridian,#run.mLib .tile .p-meridian{background-image:url(media/templates/meridian/meridian-poster-640.jpg);background-image:image-set(url(media/templates/meridian/meridian-poster-640.avif) type("image/avif"),url(media/templates/meridian/meridian-poster-640.webp) type("image/webp"),url(media/templates/meridian/meridian-poster-640.jpg) type("image/jpeg"))}
#root .p-paper,#run.mLib .tile .p-paper,#run.mLib .pt .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-640.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-640.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-640.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-640.jpg) type("image/jpeg"))}
#run.mLib .pvP .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-1280.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-1280.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg) type("image/jpeg"))}
#run.mLib .tile .p-fathom{background-image:url(media/templates/fathomline/fathomline-poster-640.jpg);background-image:image-set(url(media/templates/fathomline/fathomline-poster-640.avif) type("image/avif"),url(media/templates/fathomline/fathomline-poster-640.webp) type("image/webp"),url(media/templates/fathomline/fathomline-poster-640.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-halden{background-image:url(media/templates/halden/halden-poster-640.jpg);background-image:image-set(url(media/templates/halden/halden-poster-640.avif) type("image/avif"),url(media/templates/halden/halden-poster-640.webp) type("image/webp"),url(media/templates/halden/halden-poster-640.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-studio{background-image:url(media/templates/open-studio/open-studio-poster-640.jpg);background-image:image-set(url(media/templates/open-studio/open-studio-poster-640.avif) type("image/avif"),url(media/templates/open-studio/open-studio-poster-640.webp) type("image/webp"),url(media/templates/open-studio/open-studio-poster-640.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-cover{background-image:url(media/music/night-drive/night-drive-cover-poster-640.jpg);background-image:image-set(url(media/music/night-drive/night-drive-cover-poster-640.avif) type("image/avif"),url(media/music/night-drive/night-drive-cover-poster-640.webp) type("image/webp"),url(media/music/night-drive/night-drive-cover-poster-640.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-meridian{background-image:url(media/templates/meridian/meridian-poster-640.jpg);background-image:image-set(url(media/templates/meridian/meridian-poster-640.avif) type("image/avif"),url(media/templates/meridian/meridian-poster-640.webp) type("image/webp"),url(media/templates/meridian/meridian-poster-640.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-paper,html.mDoc .docPanel .pt .p-paper,html.mDoc #import .docPanel .pvP .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-640.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-640.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-640.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-640.jpg) type("image/jpeg"))}
html.mDoc #preview .docPanel .pvP .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-1280.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-1280.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg) type("image/jpeg"))}
html.mDoc .docPanel .tile .p-fathom{background-image:url(media/templates/fathomline/fathomline-poster-640.jpg);background-image:image-set(url(media/templates/fathomline/fathomline-poster-640.avif) type("image/avif"),url(media/templates/fathomline/fathomline-poster-640.webp) type("image/webp"),url(media/templates/fathomline/fathomline-poster-640.jpg) type("image/jpeg"))}
@media (scripting:none){
  .docPanel .tile .p-halden{background-image:url(media/templates/halden/halden-poster-640.jpg);background-image:image-set(url(media/templates/halden/halden-poster-640.avif) type("image/avif"),url(media/templates/halden/halden-poster-640.webp) type("image/webp"),url(media/templates/halden/halden-poster-640.jpg) type("image/jpeg"))}
  .docPanel .tile .p-studio{background-image:url(media/templates/open-studio/open-studio-poster-640.jpg);background-image:image-set(url(media/templates/open-studio/open-studio-poster-640.avif) type("image/avif"),url(media/templates/open-studio/open-studio-poster-640.webp) type("image/webp"),url(media/templates/open-studio/open-studio-poster-640.jpg) type("image/jpeg"))}
  .docPanel .tile .p-cover{background-image:url(media/music/night-drive/night-drive-cover-poster-640.jpg);background-image:image-set(url(media/music/night-drive/night-drive-cover-poster-640.avif) type("image/avif"),url(media/music/night-drive/night-drive-cover-poster-640.webp) type("image/webp"),url(media/music/night-drive/night-drive-cover-poster-640.jpg) type("image/jpeg"))}
  .docPanel .tile .p-meridian{background-image:url(media/templates/meridian/meridian-poster-640.jpg);background-image:image-set(url(media/templates/meridian/meridian-poster-640.avif) type("image/avif"),url(media/templates/meridian/meridian-poster-640.webp) type("image/webp"),url(media/templates/meridian/meridian-poster-640.jpg) type("image/jpeg"))}
  .docPanel .tile .p-paper,.docPanel .pt .p-paper,#import .docPanel .pvP .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-640.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-640.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-640.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-640.jpg) type("image/jpeg"))}
  #preview .docPanel .pvP .p-paper{background-image:url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg);background-image:image-set(url(media/templates/paper-transitions/paper-transitions-poster-1280.avif) type("image/avif"),url(media/templates/paper-transitions/paper-transitions-poster-1280.webp) type("image/webp"),url(media/templates/paper-transitions/paper-transitions-poster-1280.jpg) type("image/jpeg"))}
  .docPanel .tile .p-fathom{background-image:url(media/templates/fathomline/fathomline-poster-640.jpg);background-image:image-set(url(media/templates/fathomline/fathomline-poster-640.avif) type("image/avif"),url(media/templates/fathomline/fathomline-poster-640.webp) type("image/webp"),url(media/templates/fathomline/fathomline-poster-640.jpg) type("image/jpeg"))}
}