:root{color-scheme:dark;--gold:#dfb46f;--red:#ff4653;--text:#f8f4ef;--muted:#aaa7a6;--card:rgba(40,41,41,.78)}
*{box-sizing:border-box}
html{min-width:280px;background:#080808}
body{margin:0;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.page-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#080808;pointer-events:none}
.page-background picture,.page-background picture img{display:block;width:100%;height:100%}
.page-background picture img{object-fit:cover;object-position:center}
.page-background:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.63)}
.background-posters{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nav-page-body{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;isolation:isolate}
.nav-page{width:500px;max-width:calc(100% - 32px);padding:64px 0 32px;display:flex;flex-direction:column;gap:16px}
.nav-page-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nav-brand{text-align:center;margin:0 0 16px;overflow-wrap:anywhere}
.nav-brand-lockup{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:60px;margin-bottom:16px}
.nav-brand-logo{display:block;flex-shrink:0;width:60px;height:60px;object-fit:contain;border:1px solid #62533d;border-radius:14px}
.brand-wordmark{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}
.brand-name{font-size:27px;font-weight:600;letter-spacing:3px;color:#fff2dd;overflow-wrap:anywhere}
.brand-domain{color:#d5c0aa;font-size:12px;letter-spacing:4px;overflow-wrap:anywhere}
.nav-brand-eyebrow{font-size:13px;letter-spacing:2px;color:#c3bdb7;margin-bottom:5px}
.nav-brand-slogan{font-size:21px;line-height:1.6;letter-spacing:1px;font-weight:500}
.nav-brand-tagline,.nav-brand-highlight{display:inline;overflow-wrap:anywhere}
.nav-brand-highlight{color:var(--red);margin-left:8px}
.nav-entries{display:flex;flex-direction:column;gap:12px}
.nav-entry,.nav-permanent{border:1px solid rgba(255,255,255,.055);border-radius:12px;background:var(--card);min-height:68px}
.nav-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;transition:background .15s ease,border-color .15s ease}
.nav-entry:hover,.nav-permanent:hover{background:rgba(57,57,57,.9);border-color:#8a6b45}
.entry-content{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.nav-entry-title{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.nav-entry-domain{color:var(--gold);font-size:12px;line-height:1.4;letter-spacing:2px;overflow-wrap:anywhere}
.nav-entry-badge{flex:0 1 auto;max-width:43%;min-width:76px;border-radius:20px;padding:5px 12px;background:rgba(255,255,255,.055);color:var(--red);font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.nav-permanent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:12px 16px;margin-top:2px;overflow-wrap:anywhere}
.nav-banner{display:flex;align-items:center;justify-content:center;position:relative;min-height:100px;padding:18px;overflow:hidden;isolation:isolate;border:1px solid #554b3d;border-radius:10px;background:#121010;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.nav-banner:hover,.nav-banner:focus-visible{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 20px #dfb46f33}
.nav-banner:active{border-color:var(--red);box-shadow:0 0 0 1px var(--red);transform:translateY(1px) scale(.99)}
.nav-banner-bg,.nav-banner-posters{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nav-banner--mama .nav-banner-bg{width:auto;left:50%;right:auto;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.nav-banner-posters{inset:auto;top:-20%;right:0;width:auto;height:250%;max-width:none;object-fit:contain}
.nav-banner-posters--left{left:0;right:auto;transform:scaleX(-1)}
.nav-banner:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);z-index:-1;transition:background .15s ease}
.nav-banner:hover:after,.nav-banner:focus-visible:after{background:rgba(0,0,0,.12)}
.nav-banner-text{font-size:20px;font-weight:600;letter-spacing:3px;text-align:center;line-height:1.6;text-shadow:0 1px 6px #000;overflow-wrap:anywhere}
.nav-contact{display:block;align-self:center;max-width:100%;margin:12px 0 4px;color:var(--gold);font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere}
.nav-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 8px;align-items:start;margin-top:4px}
.nav-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:60px;text-align:center}
.nav-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#303232;transition:background .15s ease}
.nav-icon-item:hover .nav-icon-circle{background:#5e4b35}
.nav-icon-img{display:block;width:18px;height:18px;object-fit:contain}
.nav-icon-label{font-size:12px;line-height:1.4;color:#c5c3c0;overflow-wrap:anywhere}
.nav-footer{text-align:center;color:#949190;font-size:11px;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}
.nav-footer-note{white-space:pre-line}.nav-footer-copy{margin-top:3px}
@media(min-width:768px){.mobile-only-background{visibility:hidden}}
@media(max-width:767px){
 .nav-page-body{align-items:flex-start}
 .nav-page{width:500px;padding-top:56px;padding-bottom:max(24px,env(safe-area-inset-bottom));gap:16px}
 .nav-brand{margin-bottom:12px}
 .nav-brand-lockup{gap:10px;margin-bottom:14px}
 .nav-brand-logo{width:58px;height:58px}
 .brand-name{font-size:25px;letter-spacing:2px}.brand-domain{font-size:11px;letter-spacing:3px}
 .nav-brand-slogan{font-size:20px;letter-spacing:.5px}
 .nav-entry{padding:11px 12px;gap:10px}.nav-entry-badge{padding:5px 10px}
 .nav-banner-text{font-size:18px;letter-spacing:2px}
 .page-background picture img{object-position:top;object-fit:cover}
 .page-background.is-mama picture img{object-fit:contain;object-position:top}
 .page-background.is-mama:after{background:linear-gradient(180deg,rgba(0,0,0,.15),#080808 48%)}
 .background-posters{display:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
