/* A skin supplies these independent pieces. Layout does not depend on artwork. */
:root {
 --bg-catalog: url('assets/backgrounds/pattern-knotwork.webp');
 --bg-tight: url('assets/backgrounds/pattern-tight.webp');
 --bg-footer: url('assets/backgrounds/pattern-footer.webp');
 --border-thin: url('assets/backgrounds/divider-thin.webp');
 --border-knot: url('assets/backgrounds/divider-knot.webp');
 --border-wide: url('assets/backgrounds/divider-wide.webp');
 --arch-left: url('assets/backgrounds/arch-left.webp');
 --arch-center: url('assets/backgrounds/arch-center.webp');
 --arch-right: url('assets/backgrounds/arch-right.webp');
 --surface-tint: transparent;
}
.mobile-site {background:#080d13;}
.surface {display:flow-root;background-color:var(--surface-tint);background-repeat:repeat;background-blend-mode:color;}
.surface--catalog {background-image:var(--bg-catalog);background-size:404px 232px;}
.surface--tight {background-image:var(--bg-tight);background-size:198px 188px;}
.surface--footer {background-image:var(--bg-footer);background-size:400px 146px;}
.ornament {margin:0;border:0;background-repeat:repeat-x;background-position:center;background-color:#0c151d;}
.ornament--thin {height:11px;background-image:var(--border-thin);background-size:341px 11px;}
.ornament--knot {height:26px;background-image:var(--border-knot);background-size:341px 26px;}
.ornament--wide {height:38px;background-image:var(--border-wide);background-size:340px 38px;}
.footer-arch {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;aspect-ratio:342 / 218;background:#03090d;}
.footer-arch span {background-repeat:no-repeat;background-size:100% 100%;}
.arch-left {background-image:var(--arch-left);}
.arch-center {background-image:var(--arch-center);}
.arch-right {background-image:var(--arch-right);}
.final-scene {height:auto;margin:0;background:#03090d;}
.final-scene img {width:100%;height:auto;display:block;aspect-ratio:342 / 445;}
html[data-skin="egypt"] {--surface-tint:#77612955;}
html[data-skin="egypt"] .mobile-site {background:#151006;}
html[data-skin="egypt"] .footer-arch {filter:sepia(.65);}