/* Older pages: the homepage's nav, footer, grain and fonts */
:root{--ink2:#F4F2EE}
body{background:#0B0B0B url(/assets/brand/night-grain.png) repeat!important;background-size:192px 192px!important}
.snav{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px);color:#F4F2EE;font-family:Inter,system-ui,sans-serif}
.snav a{color:inherit;text-decoration:none}.snav .logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:600 clamp(29px,2.6vw,36px)/1 Urbanist,sans-serif}.snav .mk{width:1.14em;height:1.14em}
.snav .tabs{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:clamp(18px,2.4vw,34px);font-size:15px;white-space:nowrap}.snav .acts{display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);font-size:15px}.snav .tabs a,.snav .acts a{min-height:44px;display:inline-flex;align-items:center}.snav .tabs a:hover,.snav .acts a:hover{opacity:.68}.snav .navjoin{font-weight:500;text-decoration:underline;text-underline-offset:.24em;text-decoration-thickness:1px}.snav [hidden]{display:none!important}
@media(max-width:1120px){.snav .tabs{gap:clamp(12px,1.7vw,20px);font-size:14px}.snav .acts{font-size:14px;gap:14px}}
@media(max-width:860px){.snav{flex-wrap:wrap;gap:0 16px;min-height:0;padding-top:10px}.snav .tabs{position:static;transform:none;order:3;width:100%;justify-content:space-between;gap:8px;font-size:clamp(12.5px,3.5vw,15px)}.snav .logo{font-size:clamp(24px,7vw,29px);gap:9px}}
@media(max-width:350px){.snav .acts{gap:10px;font-size:13px}.snav .logo{font-size:22px;gap:7px}.snav .tabs{font-size:11.5px;gap:4px}}
main{padding-top:max(var(--chrome-top,0px),0px)}
.ft{position:relative;z-index:1;margin-top:clamp(50px,8svh,90px);overflow:hidden;color:#F4F2EE;font-family:Inter,system-ui,sans-serif}.ft .wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px);width:auto}
.ftTop{display:grid;grid-template-columns:3fr 9fr;gap:clamp(20px,3vw,40px)}.ftLine{font:300 clamp(30px,3.2vw,46px)/1.06 Newsreader,serif;letter-spacing:-.02em;max-width:9ch;color:#F4F2EE}
.ftCols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 20px}.ftCols h2{font:400 12.5px/1.5 "Geist Mono",monospace;letter-spacing:0;color:#8C93A8;margin:0 0 10px}.ftCols a{display:flex;align-items:center;min-height:36px;font-size:15px;line-height:1.3;color:#C9CBD2;text-decoration:none}.ftCols a:hover{color:#F4F2EE}
.ftBase{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:clamp(56px,10svh,110px);font-size:14px;color:#8C93A8}.ftBase p{margin:0;color:inherit}
.ftWord{font:600 25.6vw/.78 Urbanist,sans-serif;letter-spacing:-.035em;text-align:center;white-space:nowrap;margin:clamp(14px,2vw,28px) 0 -.13em;padding-bottom:.13em;background:url(/assets/film/sublunar-footer-film-effect-1100.jpg) 50% 62%/cover no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,.55) 62%,transparent 96%);mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,.55) 62%,transparent 96%);user-select:none}
@media(max-width:860px){.ftTop{grid-template-columns:1fr}.ftLine{max-width:none}.ftCols{grid-template-columns:repeat(2,minmax(0,1fr))}.ftCols a{min-height:44px}}
html,body{overflow-x:clip}
/* Older pages: homepage type, and clear room under the nav */
main{padding-top:clamp(56px,7vw,84px)}
main h1,main h2,main h1 em,main h2 em{font-family:Newsreader,Georgia,serif!important;font-weight:300!important;letter-spacing:-.02em!important}
main h1 em,main h2 em{background:none!important;-webkit-text-fill-color:currentColor!important;color:#C4C4DE!important}
@media(max-width:860px){main{padding-top:76px}}
main.xp,main.wrap{padding-top:clamp(120px,14vw,150px)!important}
