/* One persistent page shell and scene layer. No route-specific geometry. */
:root{
 --page-width:1200px;--page-gutter:36px;--page-top:32px;--header-height:93px;
 --scene-opacity:.56;--moon-top:58px;--moon-right:4px;--moon-width:760px;--moon-height:370px;
 --wolves-right:4px;--wolves-width:850px;--wolves-height:530px;
}
.site-shell{position:relative;isolation:isolate;max-width:var(--page-width);min-height:100svh;margin-inline:auto;padding-inline:var(--page-gutter)}
.site-scenes{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.site-scene{position:absolute;display:block;max-width:none;object-fit:cover;object-position:center;opacity:var(--scene-opacity);
 mask-image:linear-gradient(to right,transparent,#000 16%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent);mask-composite:intersect;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent);-webkit-mask-composite:source-in;
}
.site-scene-moon{top:var(--moon-top);right:var(--moon-right);width:var(--moon-width);height:var(--moon-height)}
.site-scene-wolves{bottom:0;right:var(--wolves-right);width:var(--wolves-width);height:var(--wolves-height)}
:root body .site-shell>.header{width:100%;max-width:none;height:var(--header-height);min-height:var(--header-height);margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#main{position:relative;padding:var(--page-top) 0 64px;min-height:calc(100svh - var(--header-height) - 150px)}
:root body #main>:is(.catalog-page,.ritual-shell,.journal-shell){width:100%;max-width:none;min-height:0;margin:0;padding:0}
:root body .home-selling .catalog-intro{padding-top:0;min-height:0}
:root body .site-shell>.footer{width:100%;max-width:none;margin:0;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:700px){
 :root{--page-gutter:18px;--page-top:16px;--header-height:64px;--scene-opacity:.6;
  --moon-top:4px;--moon-right:0px;--moon-width:410px;--moon-height:270px;
  --wolves-right:0px;--wolves-width:470px;--wolves-height:310px;
 }
 #main{padding-bottom:40px}
}