/* Fluq project page (proposal, 13 Nov 2026). Loaded only on /projects/fluq. */
.fq-top-sec .back{margin-bottom:var(--s5)}
.fq-top-sec .p-main .acts .pill .arr{flex:none}
.fq-idea .statement{max-width:15em;margin-top:var(--s4)}
.fq-idea .statement .em{color:var(--mint)}
.fq-idea .ab-trio{margin-top:var(--s7)}

/* mock call, adapted from the fluq.ai round 9 preview (example data only) */
.fq-stage{position:relative;margin:0;padding:clamp(28px,4vw,56px) clamp(16px,3vw,48px) clamp(22px,3vw,36px);border:1px solid var(--line);border-radius:var(--r-xl);background:#0b0b0c;overflow:hidden;isolation:isolate}
.fq-atmos{position:absolute;inset:0;z-index:-1;pointer-events:none}
.fq-glass{position:absolute;left:28%;top:18%;width:min(44vw,560px);height:auto;transform:translateX(-50%);opacity:.9;-webkit-mask-image:radial-gradient(ellipse 72% 76% at 50% 46%,#000 44%,transparent 80%);mask-image:radial-gradient(ellipse 72% 76% at 50% 46%,#000 44%,transparent 80%)}
.fq-caus{position:absolute;inset:0;background:radial-gradient(ellipse 46% 40% at 30% 72%,rgba(232,136,40,.16),transparent 70%),radial-gradient(ellipse 42% 36% at 70% 76%,rgba(47,139,132,.14),transparent 70%)}
.fq-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:start;max-width:980px;margin:0 auto;font-family:var(--f-body)}
.fq-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.fq-lbl{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d6d6da}
.fq-panel{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#1a1b21,#101116);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 40px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.fq-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px 11px;border-bottom:1px solid rgba(255,255,255,.06)}
.fq-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:-.03em;color:#f4f4f5}
.fq-mk{width:18px;height:18px;display:block}
.fq-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#e8e8ea}
.fq-live i{width:7px;height:7px;border-radius:50%;background:#5BD38A;box-shadow:0 0 0 3px rgba(91,211,138,.16)}
.fq-body{padding:16px 17px 19px}
.fq-q{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:#f7f7f8;margin-bottom:16px}
.fq-answers{display:flex;flex-direction:column;gap:14px}
.fq-ans{display:flex;flex-direction:column;gap:6px}
.fq-ans p{font-size:15px;line-height:1.42;color:#e8e8ea}
.fq-src{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12.5px;font-weight:600;color:#FBE6CC;background:rgba(232,136,40,.14);border:1px solid rgba(232,136,40,.42);border-radius:7px;padding:3px 9px 3px 7px;font-variant-numeric:tabular-nums}
.fq-src svg{width:13px;height:13px;flex:none;color:#F2A65A}
.fq-meet{background:linear-gradient(180deg,#17181d,#0f1014);border-color:rgba(255,255,255,.11)}
.fq-share{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#d6d6da}
.fq-share svg{width:15px;height:15px;color:#a9a9ae;flex:none}
.fq-time{font-size:12.5px;color:#8e8e94;font-variant-numeric:tabular-nums}
.fq-screen{padding:12px 12px 0;container-type:inline-size}
.fq-slide{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#F1EFEA,#E6E3DC);color:#1b1b1f;padding:6cqw 6cqw 5cqw;display:grid;grid-template-rows:auto auto 1fr;gap:2.8cqw}
.s-eb{font-size:max(2.4cqw,7.5px);font-weight:700;letter-spacing:.14em;color:#5c5c63}
.s-hd{display:flex;justify-content:space-between;align-items:center;gap:3cqw}
.s-tt{font-size:5cqw;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.s-tg{display:flex;font-size:max(2.5cqw,7.5px);font-weight:600;border:1px solid #d3d0c8;border-radius:999px;padding:.5cqw;white-space:nowrap}
.s-tg span{padding:.8cqw 2.2cqw;border-radius:999px;color:#5c5c63}
.s-tg .on{background:#1b1b1f;color:#f1efea}
.s-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;align-items:stretch}
.s-plan{border:1px solid #d8d5cd;border-radius:2cqw;padding:3cqw;display:grid;align-content:start;gap:1.1cqw;background:#f8f7f3}
.s-plan.pop{border-color:#2F8B84;box-shadow:inset 0 0 0 1px #2F8B84}
.s-n{font-size:max(2.6cqw,8px);font-weight:700;color:#5c5c63}
.s-p{font-size:4.2cqw;line-height:1.1;font-weight:700;letter-spacing:-.03em}
.s-u{font-size:max(2.2cqw,7px);color:#5c5c63}
.fq-people{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px 12px}
.fq-p{display:flex;align-items:center;gap:9px;min-width:0;border-radius:8px;background:#1d1e23;border:1px solid rgba(255,255,255,.08);padding:8px 9px}
.fq-p.on{border-color:rgba(91,211,138,.75);box-shadow:0 0 0 1px rgba(91,211,138,.25)}
.fq-p .av{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#2c2d33;font-size:11px;font-weight:700;color:#e4e4e7}
.fq-p>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.fq-p b{font-size:12.5px;font-weight:600;color:#e8e8ea}
.fq-p small{font-size:11.5px;color:#a9a9ae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fq-cap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto clamp(20px,3vw,32px);text-align:center;font-size:13.5px;color:var(--muted)}
.fq-cap::before,.fq-cap::after{content:"";width:36px;height:1px;background:var(--line-2);flex:none}
.fq-note{font-size:14px;line-height:1.45;color:#c4c4c8;padding:2px 2px 0}
.fq-chaps{border-top:1px solid var(--line);padding-top:var(--s6)}
.fq-chaps .chap p{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--ink-2);max-width:34em}
.fq-chaps .chap p+p{margin-top:var(--s3)}
@media (max-width:820px){
  .fq-cap::before,.fq-cap::after{display:none}
  .fq-pair{grid-template-columns:1fr;max-width:460px}
  .fq-glass{left:50%;top:90px;width:150vw;max-width:600px}
  .fq-p{flex-direction:column;text-align:center;gap:5px;padding:8px 4px}
  .fq-p>span:last-child{align-items:center}
  .fq-p small{white-space:normal}
}
