/* Compact sky content follows the skyline; crop only the long foreground river. */
html body footer.na-confluence{position:relative;display:block;width:100%;max-width:none;min-height:0;margin:0;padding:0 0 60vw;border:0;border-radius:0;background:#bad399;color:#073c2b;overflow:hidden;isolation:isolate;font-family:var(--font-body,Archivo),Arial,sans-serif;text-align:left}
html body .na-confluence *{box-sizing:border-box}
html body .na-confluence__scene{position:relative;height:280px;max-width:1680px;margin:0 auto}
html body .na-confluence__art{position:absolute;z-index:-2;left:0;bottom:0;display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:none;opacity:1;mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%)}
html body .na-confluence:after{content:none}
html body .na-confluence__mark{position:absolute;left:clamp(28px,5vw,88px);top:clamp(36px,4vw,68px);width:clamp(170px,19vw,290px);border:0;display:block}
html body .na-confluence__mark img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none}
html body .na-confluence__phrase{position:absolute;right:clamp(28px,5vw,88px);top:clamp(40px,4vw,68px);display:grid;align-items:center;width:min(39%,520px);min-height:160px;color:#073c2b;text-align:right}
html body .na-confluence__phrase>span{grid-area:1/1;margin:0;opacity:0;font:400 clamp(36px,4.2vw,68px)/1.04 var(--font-display,Anton),Impact,sans-serif;letter-spacing:-.015em;animation:na-confluence-phase 15s ease-in-out infinite}
html body .na-confluence__phrase>.na-confluence__arabic{font-family:var(--font-arabic,Amiri),serif;font-weight:700;font-size:clamp(42px,5vw,80px);opacity:1}
html body .na-confluence__phrase>.na-confluence__transliteration{animation-delay:-10s;text-transform:uppercase}
html body .na-confluence__phrase>.na-confluence__translation{animation-delay:-5s;text-transform:uppercase}
@keyframes na-confluence-phase{0%,27%{opacity:1;transform:translateY(0)}33%,94%{opacity:0;transform:translateY(-6px)}95%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
html body .na-confluence__location{position:absolute;top:230px;left:clamp(28px,5vw,88px);display:grid;gap:7px;color:#073c2b;font:800 12px/1.5 var(--font-body,Archivo),Arial,sans-serif;letter-spacing:.08em}
html body .na-confluence__location b{font-size:14px;letter-spacing:.03em}
html body .na-confluence__base{position:relative;display:grid;grid-template-columns:1.35fr .8fr 1fr 1.2fr;gap:clamp(24px,4vw,64px);max-width:1680px;margin:0 auto;padding:36px clamp(28px,5vw,88px) 32px;background:transparent;border-top:0}
html body .na-confluence__identity p{margin:0 0 18px;font:400 clamp(25px,2.5vw,38px)/1.15 var(--font-display,Anton),Impact,sans-serif;color:#073c2b}
html body .na-confluence__identity small{display:block;margin-bottom:24px;font:500 14px/1.65 var(--font-body,Archivo),Arial,sans-serif;color:#073c2b}
html body .na-confluence__base nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0;border:0}
html body .na-confluence__base h3{margin:0 0 7px;color:#36583d;font:700 12px/1.5 var(--font-body,Archivo),Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
html body .na-confluence__base a{display:inline-block;max-width:100%;padding:0;border:0;color:#073c2b;font:600 15px/1.5 var(--font-body,Archivo),Arial,sans-serif;letter-spacing:0;text-transform:none;opacity:1;text-decoration:none;overflow-wrap:anywhere}
html body .na-confluence a:hover{text-decoration:underline;text-underline-offset:5px}
html body .na-confluence a:focus-visible{outline:3px solid #073c2b;outline-offset:6px}
html body .na-confluence__colophon{display:flex;justify-content:space-between;gap:24px;max-width:1680px;margin:0 auto;padding:20px clamp(28px,5vw,88px) 25px;background:transparent;border-top:1px solid #073c2b33;font:700 12px/1.5 var(--font-body,Archivo),Arial,sans-serif;letter-spacing:.08em;color:#073c2b}
html body .na-confluence__colophon a{font:inherit;letter-spacing:0;color:inherit;text-decoration:none}
/* One compact desktop band: identity at left, navigation across the sky. */
@media(min-width:821px){
 html body footer.na-confluence{--river-depth:clamp(360px,42vw,640px);display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,2.5fr);column-gap:clamp(24px,4vw,64px);padding:32px clamp(28px,5vw,88px) var(--river-depth)}
 html body .na-confluence__scene{width:100%;height:auto;min-height:210px;margin:0}
 html body .na-confluence__mark{position:relative;left:auto;top:auto;width:clamp(145px,13vw,200px)}
 html body .na-confluence__phrase{position:relative;right:auto;top:auto;width:100%;min-height:78px;margin-top:14px;text-align:left}
 html body .na-confluence__phrase>span{font-size:clamp(27px,2.7vw,40px);line-height:1.02}
 html body .na-confluence__phrase>.na-confluence__arabic{font-size:clamp(34px,3vw,46px);text-align:left}
 html body .na-confluence__location{position:relative;top:auto;left:auto;gap:3px;margin-top:10px;font-size:11px;letter-spacing:.045em}
 html body .na-confluence__location b{font-size:12px}
 html body .na-confluence__base{grid-template-columns:.8fr 1fr 1.2fr;gap:clamp(24px,3vw,48px);width:100%;max-width:none;margin:0;padding:12px 0 0;align-content:start}
 html body .na-confluence__identity{display:none}
 html body .na-confluence__base nav{gap:8px}
 html body .na-confluence__base h3{margin-bottom:8px}
 html body .na-confluence__colophon{grid-column:1/-1;width:100%;max-width:none;margin:16px 0 0;padding:12px 0 0;font-size:11px}
 html body .na-confluence__art{bottom:calc(var(--river-depth) - 59.4vw)}
}
/* The store desktop stays a viewport-sized scene; the permanent footer follows it. */
html body[data-system-state]{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
.na-store-workspace{position:relative;height:100svh;overflow:hidden;transform:translateZ(0);isolation:isolate}
html body[data-system-state="shutdown"] .na-store-workspace{height:0}
html body[data-system-state] footer.na-confluence{z-index:10001}
@media(max-width:820px){html body .na-confluence__scene{height:390px}html body .na-confluence__mark{width:150px}html body .na-confluence__phrase{top:155px;width:75%;min-height:130px}html body .na-confluence__location{top:330px}html body .na-confluence__base{grid-template-columns:1fr 1fr}html body .na-confluence__identity{grid-column:1/-1}html body .na-confluence__colophon{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html body .na-confluence__phrase>span{animation:none;transform:none}html body .na-confluence__phrase>.na-confluence__arabic{opacity:1}html body .na-confluence__phrase>.na-confluence__transliteration,html body .na-confluence__phrase>.na-confluence__translation{display:none}}