*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:#fff;overflow:hidden;font-family:Unbounded,sans-serif;-webkit-tap-highlight-color:transparent}
:root{--chrome:linear-gradient(180deg,#fff 0%,#d9dde3 22%,#7d838c 45%,#f4f6f8 52%,#9aa0a8 70%,#e8ebef 88%,#5d636b 100%)}
header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 22px 12px}
.logo{font-weight:900;font-size:15px;letter-spacing:.08em;display:flex;align-items:center;gap:8px;background:var(--chrome);-webkit-background-clip:text;color:transparent}
.logo small{font-size:8px;letter-spacing:.3em;margin-left:2px}.mark{width:26px;height:26px;border-radius:50%;background:var(--chrome);color:#000;display:grid;place-items:center;font-size:13px;-webkit-text-fill-color:#000}
.right{display:flex;gap:16px;align-items:center}.view{display:flex;gap:6px;align-items:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#aaa}
.view button{background:none;border:1px solid #333;color:#888;width:28px;height:28px;border-radius:6px;cursor:pointer}.view button.on{color:#000;background:var(--chrome);border-color:#ccc}
.burger{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 30% 25%,#fff,#9aa0a8 45%,#3a3f46 80%);box-shadow:0 0 18px rgba(200,220,255,.25),inset 0 -3px 6px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;gap:4px;align-items:center}
.burger i{width:16px;height:2px;background:#111;border-radius:2px}
.line{position:fixed;left:0;right:0;height:2px;z-index:15;background:linear-gradient(90deg,transparent,#666 10%,#fff 30%,#8a9099 50%,#fff 70%,#666 90%,transparent);box-shadow:0 0 10px rgba(255,255,255,.35)}
.line.top{top:calc(66px + env(safe-area-inset-top))}.line.bot{bottom:calc(92px + env(safe-area-inset-bottom))}
#stage{position:fixed;inset:0;perspective:900px;overflow:hidden}
#world{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s linear}
#forge{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,120px);font-family:Unbounded;font-weight:900;font-size:clamp(64px,17vw,230px);letter-spacing:-.02em;background:var(--chrome);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #444) drop-shadow(0 6px 0 #222) drop-shadow(0 0 30px rgba(190,215,255,.35));animation:shine 6s linear infinite;background-size:100% 200%;z-index:5;white-space:nowrap}
#forge::after{content:attr(data-t);position:absolute;left:0;top:100%;transform:scaleY(-1);background:linear-gradient(0deg,rgba(255,255,255,.25),transparent 55%);-webkit-background-clip:text;color:transparent;pointer-events:none}
@keyframes shine{0%{background-position:0 0}100%{background-position:0 200%}}
.tag{position:absolute;left:50%;top:calc(50% + clamp(50px,11vw,150px));transform:translate3d(-50%,0,120px);font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:#9aa;white-space:nowrap}
.card{position:absolute;left:50%;top:50%;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);transform-style:preserve-3d;will-change:transform}
.card .art{position:absolute;inset:0}.card b{position:absolute;left:10px;right:10px;bottom:10px;font-family:Anton;font-size:clamp(14px,1.6vw,22px);line-height:1;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 10px #000}
.card small{position:absolute;top:9px;left:10px;font-size:7px;letter-spacing:.2em;opacity:.8}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 35%,transparent 70%,rgba(255,255,255,.08))}
.corner{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.2em}
.corner.l{left:20px}.corner.r{right:20px;flex-direction:row-reverse}
.vinyl{width:62px;height:62px;border-radius:50%;background:repeating-radial-gradient(circle,#2a2d31 0 2px,#4d5258 3px,#1b1d20 4px),conic-gradient(#fff,#666,#eee,#555,#fff);background-blend-mode:overlay;box-shadow:0 0 18px rgba(255,255,255,.2);display:grid;place-items:center;animation:spin 3s linear infinite}
.vinyl span{width:20px;height:20px;border-radius:50%;background:var(--chrome);border:3px solid #111}
.swirl{width:58px;height:58px;border-radius:50%;background:conic-gradient(from 0deg,#fff,#555,#e8ebef,#333,#cfd3d8,#666,#fff);-webkit-mask:radial-gradient(circle,transparent 18%,#000 19% 32%,transparent 33% 42%,#000 43% 58%,transparent 59% 66%,#000 67%);mask:radial-gradient(circle,transparent 18%,#000 19% 32%,transparent 33% 42%,#000 43% 58%,transparent 59% 66%,#000 67%);animation:spin 6s linear infinite reverse;filter:drop-shadow(0 0 8px #fff)}
@keyframes spin{to{transform:rotate(360deg)}}
footer{position:fixed;bottom:calc(4px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#777;z-index:20;white-space:nowrap}
#intro{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .8s,visibility .8s}
#intro.out{opacity:0;visibility:hidden}.ilogo{font-weight:900;font-size:48px;background:var(--chrome);background-size:100% 200%;-webkit-background-clip:text;color:transparent;animation:shine 1.5s linear infinite,pop 1.4s ease}
@keyframes pop{from{letter-spacing:.6em;opacity:0;filter:blur(8px)}}
.ibar{width:160px;height:2px;background:#222}.ibar i{display:block;height:100%;background:var(--chrome);animation:load 1.4s ease forwards;width:0}@keyframes load{to{width:100%}}
body.ready #forge{animation:shine 6s linear infinite}@keyframes rise{from{opacity:0;letter-spacing:.4em}}
@media(max-width:600px){.tag{font-size:7px;letter-spacing:.2em}.view span{display:none}.vinyl,.swirl{width:46px;height:46px}.corner{font-size:9px}.line.bot{bottom:calc(76px + env(safe-area-inset-bottom))}footer{bottom:calc(64px + env(safe-area-inset-bottom))}}

header{background:linear-gradient(#000 70%,rgba(0,0,0,0))}#stage{z-index:0}header,.line,.corner,footer{z-index:30}
.logo{-webkit-background-clip:initial;background:none;color:#fff;gap:10px}.logo b{font-family:"Archivo Black";font-size:17px;letter-spacing:0}
.mini{width:52px;height:38px;display:block}.mini svg{width:100%;height:100%}
#forge{position:absolute;left:50%;top:48%;width:min(560px,82vw);aspect-ratio:4/3;transform:translate3d(-50%,-50%,300px);z-index:10;background:none;animation:none}
#forge svg{width:100%;height:100%;display:block}#forge::after{content:none}
.tag{top:calc(48% + min(220px,32vw))}
.card{border-radius:6px}.card b{top:50%;bottom:auto;transform:translateY(-50%);text-align:center;font-size:clamp(16px,2vw,26px)}
.bottomfade{position:fixed;left:0;right:0;bottom:0;height:calc(92px + env(safe-area-inset-bottom));background:#000;z-index:25}
@media(max-width:600px){.bottomfade{height:calc(78px + env(safe-area-inset-bottom))}.logo b{font-size:14px}.mini{width:42px;height:31px}}

.view button,.view button.on{background:none;border:none;width:26px;height:26px;padding:2px}.view button svg{width:100%;height:100%}.view button:not(.on){opacity:.8}
.burger{border-radius:0;width:36px;height:28px;background:none;box-shadow:none;gap:5px}.burger i{width:34px;height:5px;border-radius:1px;background:linear-gradient(180deg,#fff,#8a9099 55%,#e5e8ec);box-shadow:0 0 4px rgba(255,255,255,.3)}
@media(max-width:600px){
.line,footer,.tag,.bottomfade{display:none}
header{background:#000;padding:calc(18px + env(safe-area-inset-top)) 14px 10px}.view span{display:inline;font-family:system-ui;font-size:14px;letter-spacing:0;text-transform:none;color:#fff;margin-right:6px}
.logo b{font-size:19px}.mini{width:48px;height:36px}
#forge{width:45vw;top:45%}
.corner{flex-direction:column!important;gap:12px;font-size:9px;letter-spacing:.18em;bottom:calc(46px + env(safe-area-inset-bottom))}.corner.l{left:8vw}.corner.r{right:12vw}
.vinyl{width:104px;height:104px}.vinyl span{width:8px;height:8px;border:0;background:#111}.swirl{width:72px;height:96px;border-radius:46%}
.card b{top:auto;bottom:8px;transform:none;font-family:Unbounded;font-size:6px;letter-spacing:.2em}.card small{display:none}}

.card{background:#111;border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.85)}.card .art{background-size:cover;background-position:center;filter:saturate(.85) contrast(1.05)}
.card::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55)),linear-gradient(120deg,rgba(255,255,255,.08),transparent 40%)}
.card b,.card b{top:auto;bottom:8px;transform:none;left:4px;right:4px;text-align:center;font-family:Unbounded;font-weight:700;font-size:8px;letter-spacing:.25em;text-shadow:0 1px 4px #000;z-index:2}
.card small{display:none}
.swirl{width:84px;height:84px;border-radius:0;background:none;-webkit-mask:none;mask:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.8));animation:spin 8s linear infinite}
.vinyl{background:repeating-radial-gradient(circle,#9aa0a7 0 1px,#d9dde2 1.5px,#7c828a 2.5px),conic-gradient(from 20deg,#f4f6f8,#7d838b,#e9ecef,#5d636b,#f4f6f8);background-blend-mode:multiply;box-shadow:0 8px 20px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,.3)}
.vinyl span{width:5px;height:5px;border:0;background:#111}
.social{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(26px + env(safe-area-inset-bottom));display:flex;gap:22px;z-index:31;align-items:center}
.social a{display:block;width:16px;height:16px}.social svg{width:100%;height:100%;fill:#fff;display:block}.social a[aria-label=SoundCloud],.social a[aria-label=YouTube]{width:19px}
@media(max-width:600px){
#forge{width:42vw;top:43%}
.corner{flex-direction:column!important;gap:16px;font-size:8px;letter-spacing:.22em}
.corner.l{left:calc(19.5vw - 44px);bottom:calc(154px + env(safe-area-inset-bottom))}.corner.r{right:calc(19.2vw - 44px);bottom:calc(160px + env(safe-area-inset-bottom))}
.vinyl{width:88px;height:88px}.swirl{width:84px;height:84px}
.social{bottom:calc(8px + env(safe-area-inset-bottom));gap:24px}
.card b{font-size:5px;letter-spacing:.3em;bottom:6px}
#stage{perspective:none}
}
@media(max-width:600px){.card{left:0;top:0}}
.social a[aria-label=Instagram] svg{fill:none}
#forge{filter:none!important}
#forge{width:min(400px,36vw)}
@media(max-width:600px){#forge{width:50vw;top:43%}}

#menu{position:fixed;inset:0;z-index:50;background:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .45s ease,transform .45s ease,visibility .45s}
body.menu-open #menu{opacity:1;visibility:visible;transform:none}
body.menu-open{overflow:hidden}body.menu-open header{z-index:60;background:transparent}
body.menu-open .logo b,body.menu-open .view{opacity:0;pointer-events:none}.logo b,.view{transition:opacity .3s}
.mwrap{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(130px + env(safe-area-inset-top)) 24px 70px;gap:0}
.mi{font-family:Unbounded;font-weight:700;color:#fff;text-decoration:none;font-size:clamp(24px,7vw,40px);letter-spacing:.02em;text-align:center;display:block;padding:24px 0 8px}
.mg{display:flex;flex-direction:column;align-items:center}
.sub{display:flex;gap:30px;margin:8px 0 6px}.sub a{color:#fff;text-decoration:none;font-family:Unbounded;font-weight:700;font-size:12px;letter-spacing:.18em}
.ml{display:block;width:min(340px,86vw);height:3px;margin:22px 0 14px;border-radius:2px;background:radial-gradient(ellipse at center,#fff 0%,#c9ced4 25%,rgba(120,126,134,.6) 60%,transparent 100%);box-shadow:0 0 12px rgba(255,255,255,.35)}
.msoc{display:flex;gap:22px;margin:22px 0 4px;align-items:center}.msoc a{display:block;width:20px;height:20px}.msoc svg{width:100%;height:100%;fill:#fff}.msoc a[aria-label=Instagram] svg{fill:none}.msoc a[aria-label=SoundCloud],.msoc a[aria-label=YouTube]{width:24px}
#menu form{display:flex;flex-direction:column;gap:12px;width:min(340px,86vw);margin-top:18px}
#menu input{background:transparent;border:1.5px solid #888;border-radius:999px;color:#fff;padding:14px 18px;font:14px system-ui;outline:none}#menu input:focus{border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,.25)}
#menu form button{border:none;border-radius:999px;padding:13px;font-family:Unbounded;font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#000;background:linear-gradient(180deg,#fff,#aeb4bb 50%,#eef0f2);cursor:pointer}
#menu .ok{font-family:Unbounded;font-size:13px;text-align:center}
.mwrap>*{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
body.menu-open .mwrap>*{opacity:1;transform:none}
body.menu-open .mwrap>*:nth-child(1){transition-delay:0.085s}body.menu-open .mwrap>*:nth-child(2){transition-delay:0.120s}body.menu-open .mwrap>*:nth-child(3){transition-delay:0.155s}body.menu-open .mwrap>*:nth-child(4){transition-delay:0.190s}body.menu-open .mwrap>*:nth-child(5){transition-delay:0.225s}body.menu-open .mwrap>*:nth-child(6){transition-delay:0.260s}body.menu-open .mwrap>*:nth-child(7){transition-delay:0.295s}body.menu-open .mwrap>*:nth-child(8){transition-delay:0.330s}body.menu-open .mwrap>*:nth-child(9){transition-delay:0.365s}body.menu-open .mwrap>*:nth-child(10){transition-delay:0.400s}body.menu-open .mwrap>*:nth-child(11){transition-delay:0.435s}
.burger i{transition:transform .35s ease,opacity .25s}
body.menu-open .burger i:nth-child(1){transform:translateY(10px) rotate(45deg)}body.menu-open .burger i:nth-child(2){opacity:0}body.menu-open .burger i:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
body.notrans *,body.notrans *::before{transition:none!important}
.ml{background:linear-gradient(90deg,transparent,rgba(140,146,154,.5) 15%,#dfe3e7 40%,#fff 50%,#dfe3e7 60%,rgba(140,146,154,.5) 85%,transparent);height:2px}

html,body{height:auto;overflow-x:hidden;overflow-y:auto}body.menu-open{overflow:hidden}
#hero{position:relative;height:100vh;height:100svh;overflow:hidden}
#hero #stage,#hero .line,#hero .corner,#hero .bottomfade,#hero .social,#hero footer{position:absolute}
.site-foot{position:relative;z-index:2;background:#000;padding:90px 24px 40px;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;font-family:Unbounded}
.fl{display:block;width:100%;height:2px;margin:26px 0;background:linear-gradient(90deg,transparent,rgba(140,146,154,.5) 12%,#dfe3e7 40%,#fff 50%,#dfe3e7 60%,rgba(140,146,154,.5) 88%,transparent);box-shadow:0 0 10px rgba(255,255,255,.25)}
.site-foot>.fl:first-child{margin-top:0;width:100vw;max-width:none}
.fsoc{display:flex;gap:22px;align-items:center;margin-bottom:28px}.fsoc a{display:block;width:17px;height:17px}.fsoc svg{width:100%;height:100%;fill:#fff;display:block}.fsoc a[aria-label=Instagram] svg{fill:none}.fsoc a[aria-label=SoundCloud],.fsoc a[aria-label=YouTube]{width:20px}
.fform{width:100%}.frow{display:flex;gap:12px}
.frow input{flex:1;min-width:0;background:#000;border:1.5px solid #fff;border-radius:6px;color:#fff;padding:13px 12px;font:700 17px Unbounded;outline:none}.frow input::placeholder{color:#fff;opacity:1}
.frow button{width:110px;border:0;border-radius:3px;font:700 16px Unbounded;color:#000;cursor:pointer;background:radial-gradient(ellipse at center,#fff 0%,#e3e6e9 40%,#9ca2a9 85%,#6e747b 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.fchk{display:flex;gap:16px;align-items:flex-start;margin-top:36px;cursor:pointer}.fchk input{position:absolute;opacity:0}
.fchk span{flex:none;width:26px;height:26px;border:2px solid #fff;border-radius:2px;margin-top:2px;position:relative}.fchk input:checked+span::after{content:"";position:absolute;left:7px;top:2px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.fchk p{font-size:10.5px;font-weight:700;line-height:1.35;letter-spacing:.02em}.fchk a{color:#fff;text-decoration:underline}
.fthanks{font-size:13px;font-weight:700;text-align:center;padding:14px 0}
.fjoin{text-align:center}.ft{color:#fff;text-decoration:none;font-weight:700;font-size:clamp(22px,6vw,32px);letter-spacing:.03em}
.fsub{display:flex;gap:14px;justify-content:center;margin-top:12px}.fsub a{color:#fff;text-decoration:none;font-weight:700;font-size:11px;letter-spacing:.2em}
.flogos{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px;margin:4px 0 26px}.flogos>*{height:34px;width:auto;flex:1;max-width:80px;display:block}.flogos svg{height:100%;width:100%}.fbadge svg{height:100%;width:100%}
.flogos svg[aria-label="Forge emblem"]{height:48px}.flogos svg[aria-label="Forge swirl"]{height:42px}
.fcopy{font:700 11px system-ui,sans-serif;margin-bottom:4px}
.flegal{display:flex;flex-wrap:wrap;justify-content:center;font:12.5px system-ui,sans-serif;line-height:1.7;max-width:420px}.flegal a{color:#fff;text-decoration:none;padding:0 7px;border-left:1px solid #fff;line-height:1}.flegal a:first-child{border:0}
.flegal a{margin:4px 0}
.fend{display:block;width:100vw;height:1px;background:#444;margin-top:70px}
#menu .site-foot{padding:10px 0 0;width:100%}#menu .site-foot .fl:first-child{width:100%}
@media(min-width:601px){.site-foot{padding-top:110px}.fchk p{font-size:12px}.flogos>*{max-width:110px;height:44px}}
#world{transform-style:flat}#stage{perspective:none}.card{left:0!important;top:0!important;transform-origin:center;will-change:transform,filter}
#forge{z-index:10}

header{z-index:100!important;background:#000!important}body.menu-open header{background:transparent!important}
#menu{z-index:90}
#hero nav.social,#hero footer{display:none!important}
#hero .corner{z-index:30}#hero #stage{z-index:0}

a.card{display:block;color:#fff;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}

/* time view (clock icon / logo): label timeline replaces the hero */
#timeview{display:none;position:relative;min-height:100svh;padding:calc(96px + env(safe-area-inset-top)) 34px 40px 40px;background:#000;font-family:Unbounded}
body.timeView #hero{display:none}body.timeView #timeview{display:block}
#timeview .tvprog{position:absolute;left:0;top:calc(80px + env(safe-area-inset-top));bottom:0;width:3px;background:linear-gradient(#fff,rgba(255,255,255,.15));box-shadow:0 0 10px rgba(255,255,255,.5)}
#timeview .yr{font-weight:900;font-size:clamp(48px,14vw,96px);margin:0 0 26px;color:#fff}
#timeview .ev{margin-bottom:30px}#timeview .ev .d{font-weight:700;font-size:17px;margin-bottom:12px;color:#fff}
#timeview .ev .h{font:400 20px/1.4 system-ui,-apple-system,sans-serif;color:#fff}
#timeview .ev.s .d{font-size:11px;color:#9a9da2;margin-bottom:8px}#timeview .ev.s .h{font-size:14px;color:#a6a9ae}
#timeview .ev a{color:inherit;text-decoration:none}#timeview .ev a:active{opacity:.7}
.logo{cursor:pointer}
#timeview .yr.sm{font-size:clamp(22px,6.4vw,40px);margin-top:20px}
#timeview .ev .n{margin-top:6px;font:700 10px/1.3 Unbounded;letter-spacing:.06em;text-transform:uppercase;color:#e6e7e9}
#timeview .ev .q{margin-top:8px;font:italic 400 13px/1.45 system-ui,-apple-system,sans-serif;color:#c9cbcf}
.flicense{font:400 10px/1.4 system-ui,sans-serif;color:#9a9da2;margin:2px 0 8px;text-align:center}
.nointro #intro{display:none!important}
#timeview .ev,.ev{overflow-wrap:break-word;min-width:0;max-width:100%}
/* ===== desktop (>=900px): right-side menu panel, Atlantic-style ===== */
@media(min-width:900px){
#menu{left:auto;right:0;top:var(--hb,66px);bottom:0;width:clamp(300px,30vw,480px);transform:translateX(100%);opacity:1;transition:transform .5s cubic-bezier(.2,.7,.2,1),visibility .5s;border-left:1px solid #1b1b1b}
body.menu-open #menu{transform:none}
body.menu-open{overflow:auto}body.menu-open header{background:#000!important}
body.menu-open .logo b,body.menu-open .view{opacity:1;pointer-events:auto}
.mwrap{padding:18px 28px 40px}
.mi{font-size:26px;padding:14px 0 4px}
.ml{width:100%;margin:16px 0 10px}
.msoc{margin:16px 0 4px}
#menu form{flex-direction:row;flex-wrap:wrap;width:100%;gap:10px}#menu form input[type=email]{flex:1;min-width:0;border-radius:4px;border-color:#fff;font:700 15px Unbounded}#menu form button{border-radius:3px;padding:13px 22px;font-size:15px;letter-spacing:0;text-transform:none}
}
/* ===== desktop (>=900px): footer in three columns ===== */
@media(min-width:900px){
#foot{display:grid;max-width:none;width:100%;box-sizing:border-box;padding:0 32px 0;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.05fr);column-gap:56px;align-items:start;
grid-template-areas:"top top top" "soc join logos" "form jl logos" "form . copy" "form . lic" "form . legal" "end end end"}
#foot>.fl:first-child{grid-area:top;width:100%;margin:0 0 60px}
#foot>.fsoc{grid-area:soc;margin:0 0 22px}
#foot>.fform{grid-area:form;max-width:440px}#foot .frow button{width:140px;padding:14px 0}#foot .fchk{margin-top:28px}#foot .fchk p{font-size:11px;margin:0}
#foot>.fform+.fl{display:none}
#foot>.fjoin{grid-area:join;justify-self:center}#foot .ft{font-size:22px}#foot .fsub{margin-top:6px}
#foot>.fjoin+.fl{grid-area:jl;width:150px;justify-self:center;margin:18px 0 0}
#foot>.flogos{grid-area:logos;align-self:end;justify-content:flex-start;margin:60px 0 10px;gap:14px}#foot .flogos>*{flex:none;width:60px;max-width:none;height:30px}#foot .flogos svg[aria-label="Forge emblem"]{height:40px}#foot .flogos svg[aria-label="Forge swirl"]{height:36px}
#foot>.fcopy{grid-area:copy;margin:0 0 2px}#foot>.flicense{grid-area:lic;text-align:left;margin:2px 0 6px}
#foot>.flegal{grid-area:legal;justify-content:flex-start;max-width:none;font-size:12px}#foot .flegal a:first-child{padding-left:0}
#foot>.fend{grid-area:end;width:100%;margin-top:70px}
}
/* legal links: separator belongs to the preceding item, so a wrapped line never starts with "|" */
.flegal a,.flegal a:first-child{border:0;padding:0;white-space:nowrap;display:inline-flex;align-items:center}
.flegal a::after{content:"";display:inline-block;width:1px;height:.95em;background:#fff;margin:0 7px}
.flegal a:last-child::after{display:none}
#foot .flegal a:first-child{padding-left:0}