/* The member's own page: a poster with their name in the site's block letters, then the app they run,
   the time they spent and what they did, as numbers in the credits' manner. Calm sheets, one colour per
   kind of work, the same strips as the foot's columns. */
.ac{--y:#7c4dff}
.ac-in{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.ac-wait{min-height:70vh}
.ac-crumb{margin:0 0 14px;color:inherit;opacity:.78;font:500 13px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}

/* the poster: the download page's, in the menus' violet */
.ac-poster{position:relative;overflow:hidden;background:#b8a3ff;color:#0b0b0f}
.ac-poster-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end;max-width:1180px;margin:0 auto;padding:clamp(40px,4.6vw,76px) clamp(16px,4vw,32px) 0}
.ac-who{min-width:0;padding-bottom:clamp(40px,5vw,72px)}
.ac-kicker{margin:0 0 clamp(14px,1.6vw,24px);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.ac-word{margin:0 0 0 -.03em;font:800 clamp(64px,10vw,200px)/.92 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.02em;white-space:nowrap;color:#0b0b0f;--d:#7a5ae0;text-shadow:.004em .004em 0 var(--d),.008em .008em 0 var(--d),.012em .012em 0 var(--d),.016em .016em 0 var(--d),.02em .02em 0 var(--d),.024em .024em 0 var(--d),.028em .028em 0 var(--d),.032em .032em 0 var(--d),.036em .036em 0 var(--d),.04em .04em 0 var(--d)}
.ac-facts{display:flex;flex-wrap:wrap;gap:14px clamp(22px,3vw,48px);margin:clamp(22px,2.4vw,34px) 0 0}
.ac-facts div{min-width:0}
.ac-facts dt{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ac-facts dd{margin:0;font:600 17px/1.3 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;overflow-wrap:anywhere}
.ac-facts dd:empty{display:none}
.ac-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:clamp(22px,2.4vw,32px)}
.ac-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:8px;background:#0b0b0f;color:#fff !important;font:700 16px/1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;transition:background-color .15s}
.ac-btn:hover,.ac-btn:focus-visible{background:#6d3df2;outline:0}
.ac-btn-s{height:42px;margin-top:22px;padding:0 18px;font-size:15px;background:var(--ink);color:var(--bg) !important}
.ac-btn-s:hover,.ac-btn-s:focus-visible{background:var(--accent);color:#fff !important}
.ac-link{padding:0;border:0;background:none;color:inherit;font:700 16px/1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;cursor:pointer}
.ac-link:hover,.ac-link:focus-visible{text-decoration-color:#6d3df2;outline:0}
.ac-art{align-self:end}
.ac-mascot{display:block;width:clamp(170px,20vw,300px);height:auto;margin-bottom:-4px;transform-origin:50% 100%}
html:not(.still) .ac-mascot{animation:ac-rise .7s cubic-bezier(.3,1.4,.4,1) .15s backwards}
@keyframes ac-rise{from{transform:translateY(40%) rotate(-6deg);opacity:0}}

/* the guest's poster */
.ac-guest{background:var(--tile);padding:clamp(64px,9vw,128px) 0}
.ac-gword{margin:0;font:800 clamp(44px,12vw,180px)/.86 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.045em;color:var(--ink)}
.ac-lede{max-width:560px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.5}
.ac-guest .ac-btn{background:var(--ink);color:var(--bg) !important}
.ac-guest .ac-link{color:var(--ink)}

/* sections */
.ac-sec{padding:clamp(56px,7vw,96px) 0 0}
.ac-h{margin:0 0 26px;font:800 clamp(32px,4vw,54px)/1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.ac-k{margin:0 0 12px;color:var(--c,var(--muted));font:500 12.5px/1.2 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}
.ac-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.ac-card{padding:24px 26px 28px;border-top:4px solid var(--c);border-radius:4px 4px 12px 12px;background:var(--tile);box-shadow:0 0 0 1px var(--line)}
.ac-ver{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:4px 0}
.ac-ver b{font:700 clamp(34px,4vw,48px)/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:-.02em;color:var(--ink)}
.ac-ver span{color:var(--muted);font-size:15px}
.ac-none{margin:4px 0 0;color:var(--muted);font-size:15.5px;line-height:1.5}
.ac-new{margin:16px 0 0;padding:10px 14px;border-radius:8px;background:color-mix(in srgb,#38d9a9 16%,transparent);color:var(--ink);font-size:15px;line-height:1.45}
.ac-list{margin:0;padding:0;list-style:none}
.ac-list li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.ac-list li:first-child{border-top:0;padding-top:2px}
.ac-list b{font:700 17px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;color:var(--ink)}
.ac-list span{color:var(--muted);font-size:14.5px}
.ac-list i{color:var(--muted);font:500 12px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;font-style:normal;letter-spacing:.04em;text-transform:uppercase}

/* time */
.ac-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.ac-nums>div{padding-top:16px;border-top:4px solid #b8a3ff}
.ac-nums>div:nth-child(2){border-color:#f783ac}
.ac-nums>div:nth-child(3){border-color:#ffd43b}
.ac-num{margin:0;font:800 clamp(34px,4.6vw,64px)/1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.ac-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:clamp(4px,.8vw,10px);height:180px;margin-top:34px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.ac-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.ac-bar i{display:block;min-height:3px;border-radius:5px 5px 2px 2px;background:#b8a3ff;transform-origin:50% 100%}
.ac-bar.is-today i{background:#ffd43b}
.ac-bar.is-zero i{background:var(--line2)}
.ac-bar span{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);color:var(--muted);font:500 11px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;white-space:nowrap}
html:not(.still) .ac-bar i{animation:ac-grow .6s cubic-bezier(.3,.8,.3,1) backwards;animation-delay:calc(var(--n) * 35ms)}
@keyframes ac-grow{from{transform:scaleY(0)}}
.ac-note{max-width:760px;margin:20px 0 0;color:var(--muted);font-size:14.5px;line-height:1.55}

/* work */
.ac-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.ac-tile{padding:20px 22px 22px;border-top:4px solid var(--c);border-radius:4px 4px 12px 12px;background:var(--tile);box-shadow:0 0 0 1px var(--line)}
.ac-tile .ac-num{margin-bottom:12px}
.ac-sub{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.ac-sub b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}

/* soon */
.ac-soon{margin-top:clamp(64px,8vw,112px);background:#f783ac;color:#0b0b0f}
.ac-soon-in{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(36px,4vw,56px)}
.ac-soon-k{margin:0;font:600 13px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.ac-soon-t{margin:0;font:800 clamp(26px,3.4vw,46px)/1.05 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.025em}

@media (max-width:860px){
.ac-poster-in{grid-template-columns:minmax(0,1fr)}
.ac-art{position:absolute;right:-6px;top:14px}
.ac-mascot{width:112px}
.ac-who{padding-right:92px}
.ac-two,.ac-tiles{grid-template-columns:minmax(0,1fr)}
.ac-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac-num{font-size:clamp(26px,8vw,40px)}
.ac-bars{height:140px}
.ac-bar span{font-size:9.5px}
.ac-bar:nth-child(even) span{visibility:hidden}
}