/* After Six HQ: the owner's riso studio at dusk. Night, aubergine, paper, fluoro pink, sunflower, riso blue; Bricolage + Instrument Sans + DM Mono + Instrument Serif italic. UI chrome only, no drawings. */
@font-face{font-family:"Bricolage";src:url(fonts/bricolage-s.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans-s.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans-italic-s.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"DM Mono";src:url(fonts/dm-mono-latin-400-normal-s.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url(fonts/dm-mono-latin-500-normal-s.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-italic-s.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root{--baize:#16142a;--baize-2:#211e3d;--baize-3:#2e2a52;--walnut:#262150;--walnut-2:#3a3168;--walnut-3:#b8135f;--brass:#ff4f9a;--brass-lite:#ffcf3a;--brass-deep:#5a4f8a;--paper:#f4efe3;--paper-2:#ebe3d0;--ink:#1e1b33;--on-dark:#f4efe3;--on-dark-soft:#c4bedb;--pb-ease:cubic-bezier(.65,.05,.25,1);
--hq-bg:#16142a;--hq-surface:#262150;--hq-surface-2:#332b5e;--hq-ink:#f4efe3;--hq-muted:#cdc7e2;--hq-line:rgba(255,207,58,.2);--hq-line-strong:#8f86b8;--hq-accent:#ff4f9a;--hq-on-accent:#16142a;--hq-highlight:#ffcf3a;--hq-key-num:#ffcf3a;--hq-link:#ffcf3a;--hq-focus:#ffcf3a;--hq-accent-line:#ff4f9a;
--hq-ok:#6cc98b;--hq-ok-bg:#1d4a31;--hq-ok-ink:#c9f0d4;--hq-no:#ec8a80;--hq-no-bg:#4f1f1b;--hq-no-ink:#ffd3cd;--hq-watch:#e7b955;--hq-watch-bg:#4a3812;--hq-watch-ink:#f8e2a8;--hq-ok-ink-on-surface:#c9f0d4;--hq-no-ink-on-surface:#ffd3cd;--hq-watch-ink-on-surface:#f8e2a8;
--hq-bg-glass:rgba(22,20,42,.92);--hq-bg-fade:rgba(22,20,42,.6);--hq-total-line:rgba(22,20,42,.25);--hq-shadow:rgba(0,0,0,.6);--hq-gen-opacity:0;
--hq-f-display:"Bricolage","Arial Black",system-ui,sans-serif;--hq-f-text:"Instrument Sans",Arial,system-ui,sans-serif;--hq-f-mono:"DM Mono",ui-monospace,monospace;--hq-display-weight:800;--hq-display-track:-.02em;--as-serif:"Instrument Serif",Georgia,serif;
--ho-r:14px;--ho-r-sm:10px;--ho-av-bg:#ff4f9a;--ho-pts-r:999px;--ho-alert-bg:#211e3d;--ho-goal-bg:#211e3d;--ho-kicker:#ffcf3a;--ho-brief-bg:#f4efe3;--ho-brief-ink:#1e1b33;--ho-brief-border:1px solid #ff4f9a;--ho-sign-font:"Instrument Serif",Georgia,serif;--ho-sign-size:.95rem}
body.hq-body{background:var(--baize);color:var(--on-dark);font-variant-numeric:tabular-nums}
h1,h2,.hq-sec-head h2{font-family:var(--hq-f-display)}
.hl,.pb-wm,h1 em{font-family:var(--as-serif);font-style:italic;font-weight:400;color:var(--brass-lite)}
.hq-top{background:rgba(33,30,61,.94);border-bottom:1px solid var(--brass-deep)}
.pb-brand{display:flex;align-items:center;gap:.55rem;color:var(--on-dark);text-decoration:none}
.pb-wmark{font-family:var(--hq-f-display);font-weight:600;font-size:1.35rem;letter-spacing:-.01em}
.pb-brand small{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-lite)}
/* paper minutes for the brief */
.ho-brief{--hq-ink:#1e1b33;--hq-muted:#4a4560;--hq-line:rgba(30,27,51,.16);--hq-surface:#fbf8f0;--hq-surface-2:#ebe3d0;--hq-accent:#b8135f;--hq-on-accent:#fff;--hq-link:#b8135f;--hq-focus:#b8135f;--ho-kicker:#b8135f;--hq-ok-ink-on-surface:#135a2c;--hq-no-ink-on-surface:#7f1a12;--hq-watch-ink-on-surface:#5e3b00;--hq-ok-ink:#135a2c;--hq-no-ink:#7f1a12;--hq-watch-ink:#5e3b00;--ho-bi-needs-bg:#b8135f;--ho-bi-needs-ink:#fff;color:#1e1b33}
.ho-brief .hq-btn.ghost{color:#1e1b33;border-color:#b8135f}
/* marquee */
.pb-marq{background:var(--brass);color:#16142a;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--brass-deep)}
.pb-marq-in{display:inline-flex;gap:2.2rem;padding:.4rem 0;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;animation:pb-marq 40s linear infinite}
.pb-marq-in span::before{content:"●";margin-right:2.2rem;opacity:.55}
@keyframes pb-marq{to{transform:translateX(-50%)}}
/* hero with real images, layered parallax */
.pb-hero{background:var(--baize)}
.pb-hero::after{background:linear-gradient(180deg,rgba(22,20,42,.55) 0%,rgba(22,20,42,.88) 45%,var(--baize) 100%)!important;opacity:1!important}
.pb-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.pb-scene-room{position:absolute;inset:-6% 0 auto;width:100%;height:78%;object-fit:cover;opacity:.75;transform:translate3d(0,var(--py,0),0) scale(1.08)}
.pb-scene-fan{position:absolute;right:3%;top:16rem;display:flex;transform:translate3d(0,var(--py,0),0)}
.pb-scene-fan img{width:7.2rem;height:9.6rem;object-fit:cover;border:3px solid var(--brass);border-radius:6px;margin-left:-2.2rem;box-shadow:0 12px 30px -10px rgba(0,0,0,.7);transform:rotate(calc((var(--i,3) - 3) * 4deg)) translateY(calc(var(--lift,0) * 1px));transition:transform .5s var(--pb-ease);opacity:.95}
.pb-scene-fan img:nth-child(1){--i:0}.pb-scene-fan img:nth-child(2){--i:1}.pb-scene-fan img:nth-child(3){--i:2}.pb-scene-fan img:nth-child(4){--i:3}.pb-scene-fan img:nth-child(5){--i:4}.pb-scene-fan img:nth-child(6){--i:5}.pb-scene-fan img:nth-child(7){--i:6}
@media (max-width:1100px){.pb-scene-fan{display:none}}
.pb-kinetic{font-family:var(--hq-f-display);font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.2;margin-top:.8rem;max-width:30ch}
.pb-kinetic em{font-family:var(--as-serif);font-weight:400;color:var(--brass-lite)}
.pb-kinetic .w{display:inline-block;opacity:0;transform:translateY(.6em) rotate(2deg);animation:pb-word .7s var(--pb-ease) forwards;animation-delay:calc(var(--d,0) * 70ms)}
@keyframes pb-word{to{opacity:1;transform:none}}
.pb-why{color:var(--on-dark-soft);font-size:.95rem;margin-bottom:.8rem;max-width:70ch}
.hq-card,.hq-kpis>*{border-color:rgba(255,79,154,.35)}
.hq-btn{border-radius:999px}
.hq-sec{border-top:1px solid rgba(255,79,154,.18)}
.hq-sec-head h2{font-weight:600}
.hq-eyebrow b{color:var(--brass-lite)}
/* staff: portrait cards that lift and turn over */
.pb-staff{background:linear-gradient(180deg,var(--baize-2),var(--baize))}
.pb-staff .hq-team{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:.8rem}
.pb-staff .hq-bot{position:relative;display:block;padding:0;overflow:hidden;background:var(--walnut);border:1px solid var(--brass-deep);border-radius:var(--r,14px);transition:transform .35s var(--pb-ease),box-shadow .35s}
.pb-staff .hq-bot:hover{transform:translateY(-5px);box-shadow:0 18px 30px -18px rgba(0,0,0,.8)}
.pb-staff .hq-bot .hq-art{width:100%;height:auto;aspect-ratio:1;border-radius:0;margin:0;background:var(--walnut-2);border-bottom:2px solid var(--brass)}
.pb-staff .hq-bot .hq-art img{width:100%;height:100%;object-fit:cover;display:block}
.pb-staff .hq-bot h3{font-family:var(--hq-f-display);font-size:1.05rem;padding:.55rem .7rem 0}
.pb-staff .hq-bot .hq-role{display:block;padding:0 .7rem;color:var(--on-dark-soft)}
.pb-staff .hq-bot .hq-bot-hrs{display:none}
.pb-shift{display:table;margin:.45rem .7rem .7rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#16142a;background:var(--brass-lite);border-radius:999px;padding:.1rem .5rem}
.pb-turn{position:absolute;top:.5rem;right:.5rem;min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--brass);background:rgba(22,20,42,.85);color:var(--brass-lite);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;padding:0 .7rem}
.pb-back{position:absolute;inset:0;background:var(--paper);color:var(--ink);padding:.9rem .8rem 3.4rem;font-size:.86rem;line-height:1.35;transform:translateY(102%);transition:transform .45s var(--pb-ease);overflow:auto}
.pb-back b{font-family:var(--hq-f-display)}
.pb-back p+p{margin-top:.45rem}
.pb-back .pb-q{font-family:var(--hq-f-display);font-style:italic;font-size:.95rem;color:#b8135f}
.hq-bot.is-turned .pb-back{transform:none}
.hq-bot.is-turned .pb-turn{z-index:2;background:var(--walnut);bottom:.5rem;top:auto}
/* day player */
.pb-day{background:var(--walnut);border:1px solid var(--brass-deep);border-radius:14px;padding:1rem 1.1rem 1.2rem;margin-bottom:1.2rem}
.pb-day-top{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between}
.pb-day-top b{font-family:var(--hq-f-display);font-size:1.5rem;color:var(--brass-lite)}
.pb-day-track{position:relative;margin:1rem 2.4rem 0;height:calc(2.4rem + var(--lanes,4) * 4.1rem);border-top:1px solid var(--brass-deep)}
.pb-day-hours span{position:absolute;top:.3rem;left:var(--at);transform:translateX(-50%);font-size:.72rem;color:var(--on-dark-soft)}
.pb-day-jobs li{position:absolute;left:var(--at);top:calc(1.9rem + var(--lane,0) * 4.1rem);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:4.4rem;text-align:center;font-size:.7rem;transition:opacity .3s,transform .4s var(--pb-ease)}
.pb-day-jobs li img{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid var(--brass);object-fit:cover}
.pb-day-jobs li.is-later{color:var(--on-dark-soft)}.pb-day-jobs li.is-later img{filter:grayscale(.85) brightness(.7)}
.pb-day-jobs li.is-done img{box-shadow:0 0 0 3px rgba(255,207,58,.35)}
.pb-day-jobs li.is-pop{animation:pb-pop .5s var(--pb-ease)}
@keyframes pb-pop{40%{transform:translateX(-50%) scale(1.25)}}
.pb-day-now{position:absolute;top:0;bottom:0;left:var(--at);width:2px;background:var(--brass-lite);transition:left .1s linear}
.pb-day-now.is-off{display:none}
.pb-day-log{margin-top:.6rem;min-height:1.4em;color:var(--brass-lite)}
@media (max-width:760px){.pb-day-track{height:auto;border-top:0;margin-inline:0}.pb-day-hours,.pb-day-now{display:none}.pb-day-jobs{display:grid;gap:.4rem}.pb-day-jobs li{position:static;transform:none;flex-direction:row;width:auto;gap:.6rem;text-align:left;font-size:.85rem}.pb-day-jobs li.is-pop{animation:none}}
.pb-log-top{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.pb-log-h{font-family:var(--hq-f-display);font-size:1.2rem}
#hq-feed:not(.is-all) li:nth-child(n+5){display:none}
.hq-feed .hq-dot img{width:100%;height:100%;object-fit:cover}
/* how it earns */
.pb-earn{position:relative;overflow:hidden;isolation:isolate}
.pb-earn-bg{position:absolute;inset:0;z-index:-1}
.pb-earn-bg img{width:100%;height:120%;object-fit:cover;opacity:.35;transform:translate3d(0,var(--py,0),0)}
.pb-earn-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--baize) 25%,rgba(22,20,42,.55))}
.pb-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.9rem;margin:1rem 0}
.pb-plan{background:rgba(33,30,61,.92);border:1px solid var(--brass-deep);border-radius:14px;padding:1rem 1.1rem;transition:transform .35s var(--pb-ease)}
.pb-plan:hover{transform:translateY(-4px) rotate(-.4deg)}
.pb-plan.is-feature{border:2px solid var(--brass)}
.pb-plan-k{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-lite)}
.pb-plan h3{font-family:var(--hq-f-display);font-size:1.3rem;margin:.2rem 0}
.pb-price{font-family:var(--hq-f-display);font-size:2.2rem;color:var(--brass-lite);line-height:1.1}
.pb-price small{font-family:var(--hq-f-text);font-size:.9rem;color:var(--on-dark-soft)}
.pb-fold,.pb-panel{background:var(--walnut);border:1px solid var(--brass-deep);border-radius:14px}
.pb-fold>summary{cursor:pointer;padding:.9rem 1.1rem;display:flex;gap:.8rem;align-items:baseline;flex-wrap:wrap;min-height:44px;font-weight:600;color:var(--brass-lite)}
.pb-fold>summary small{color:var(--on-dark-soft);font-weight:400}
.pb-fold>*:not(summary){margin:0 1.1rem 1rem}
.pb-small{font-size:.85rem;color:var(--on-dark-soft)}
/* needs you */
.pb-needs-head{display:grid;gap:1rem;align-items:center}
@media (min-width:900px){.pb-needs-head{grid-template-columns:minmax(0,1fr) 26rem}}
.pb-gavel{margin:0;border-radius:14px;overflow:hidden;border:2px solid var(--brass);aspect-ratio:16/8}
.pb-gavel img{width:100%;height:116%;object-fit:cover;transform:translate3d(0,var(--py,0),0)}
/* numbers panels */
.pb-panels{display:grid;gap:.6rem}
.pb-panel>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.85rem 1rem;min-height:44px}
.pb-panel>summary::-webkit-details-marker,.pb-fold>summary::-webkit-details-marker{display:none}
.pb-p-n{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--brass);color:#16142a;display:grid;place-items:center;font-family:var(--hq-f-display);font-weight:700}
.pb-p-txt{display:grid;gap:.15rem}
.pb-p-t{font-family:var(--hq-f-display);font-size:1.15rem;font-weight:600}
.pb-p-why{font-size:.88rem;color:var(--on-dark-soft)}
.pb-p-cta{font-size:.8rem;font-weight:600;color:#16142a;background:var(--brass-lite);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}
.pb-panel .pb-p-shut,.pb-panel[open] .pb-p-open{display:none}
.pb-panel[open] .pb-p-shut{display:inline}
.pb-panel .pb-in{border-top:1px solid var(--brass-deep);padding-top:1.4rem}
.pb-panel .pb-in .hq-wrap{padding-left:1rem;padding-right:1rem}
.pb-panel-acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
@media (max-width:600px){.pb-panel>summary{grid-template-columns:2.2rem minmax(0,1fr)}.pb-p-cta{grid-column:2;justify-self:start}}
.hq-foot{background:var(--walnut);border-top:2px solid var(--brass)}
.pb-credits{font-size:.82rem;color:var(--on-dark-soft)}
.pb-thunk{animation:pb-thunk .45s var(--pb-ease)}
@keyframes pb-thunk{30%{transform:translateY(3px) scale(.99)}}
@media (prefers-reduced-motion:reduce){.pb-marq-in,.pb-kinetic .w,.pb-day-jobs li.is-pop,.pb-thunk{animation:none!important;opacity:1;transform:none}.pb-back,.pb-staff .hq-bot,.pb-plan{transition:none}}
html[data-motion="off"] .pb-marq-in,html[data-motion="off"] .pb-kinetic .w{animation:none!important;opacity:1;transform:none}
/* portraits inside owner-layer avatars fill their ring */
.ho-brief-av,.ho-clear-art{overflow:hidden}
.ho-brief-av img,.ho-clear-art img,.ho-crew img,[class*="ho-crew"] img,.ho-av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.hq-crew span img,.hq-art img{display:block;width:100%;height:100%;object-fit:cover}
.hq-av{overflow:hidden}.hq-av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}