/* ================= Base ================= */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: var(--header-h); }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text-1);
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  line-height: var(--lh-base);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
  word-break: keep-all;
  transition: background var(--dur-base), color var(--dur-base);
}
h1, h2, h3, h4, p, ol, ul, dl, dd { margin: 0; }
ol, ul { padding: 0; list-style: none; }
img { display: block; max-width: 100%; }
a { color: var(--link); }
a:hover { color: var(--accent-hover); }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
[hidden] { display: none !important; }

.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: var(--page-px); top: 10px; z-index: 100; background: var(--bg); padding: 6px 12px; }

/* ================= Layout ================= */
.container { max-width: var(--page-max); margin-inline: auto; padding-inline: var(--page-px); }
.section-pb { padding-bottom: var(--space-section); }
.band { background: var(--surface-muted); transition: background var(--dur-base); }
.band__inner { padding-block: var(--space-section); }

/* ================= Typography ================= */
.eyebrow { margin-bottom: var(--space-5); font-size: var(--fs-xs); font-weight: var(--fw-regular); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--text-3); }
.display { font-size: var(--fs-display); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); text-wrap: balance; }
.h2 { font-size: var(--fs-2xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.lead { font-size: var(--fs-md); color: var(--text-2); text-wrap: pretty; }

/* ================= Buttons ================= */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: var(--radius); font-weight: var(--fw-semibold); line-height: 1.2; text-decoration: none; transition: opacity var(--dur-fast) var(--ease); }
.btn:hover { opacity: 0.75; }
.btn--primary { background: var(--text-1); border-color: var(--text-1); color: var(--bg); }
.btn--primary:hover { color: var(--bg); }
.btn--lg { padding: 14px 30px; font-size: var(--fs-md); }

.btn-text { padding: 6px 4px; font-size: var(--fs-sm); font-weight: var(--fw-light); color: var(--text-3); }
.btn-text:hover { color: var(--text-1); }
.btn-outline { padding: 6px 12px; font-size: var(--fs-sm); font-weight: var(--fw-light); border: 1px solid var(--border); border-radius: var(--radius); }
.icon-btn { width: 44px; height: 44px; border: 1px solid var(--border); font-size: var(--fs-lg); }
.icon-btn:hover { border-color: var(--border-strong); }

/* ================= Header ================= */
.site-header { position: sticky; top: 0; z-index: 10; background: var(--bg); border-bottom: 1px solid var(--border); transition: background var(--dur-base); }
.site-header__inner { height: var(--header-h); display: flex; align-items: center; gap: var(--space-5); }
.brand { display: inline-flex; gap: 0.3em; margin-right: auto; font-size: var(--fs-lg); letter-spacing: var(--ls-tight); color: var(--text-1); text-decoration: none; }
.brand:hover { color: var(--text-1); }
.brand__light { font-weight: var(--fw-light); }
.brand__bold { font-weight: var(--fw-bold); }

.nav { display: flex; align-items: center; gap: var(--space-6); }
.nav__link { font-weight: var(--fw-light); color: var(--text-1); text-decoration: none; transition: opacity var(--dur-fast); }
.nav__link:hover { color: var(--text-1); opacity: 0.6; }

.header-actions { display: flex; align-items: center; gap: var(--space-3); }
.menu-toggle { display: none; padding: 6px 14px; min-height: 44px; font-size: var(--fs-sm); font-weight: var(--fw-light); background: var(--text-1); color: var(--bg); border-radius: var(--radius); }

.mobile-nav { display: flex; flex-direction: column; padding: var(--space-3) var(--page-px) var(--space-6); border-top: 1px solid var(--border); }
.mobile-nav__link { padding: var(--space-4) 0; font-size: var(--fs-xl); font-weight: var(--fw-light); color: var(--text-1); text-decoration: none; border-bottom: 1px solid var(--border); }

.mobile-nav__actions { display: flex; gap: var(--space-3); padding-top: var(--space-5); }
.mobile-nav__actions .btn-outline { min-height: 44px; padding-inline: 16px; }

@media (max-width: 767px) {
  .nav, .header-actions .btn-text, .header-actions .btn-outline { display: none; }
  .menu-toggle { display: inline-flex; align-items: center; }
}
@media (min-width: 768px) {
  .mobile-nav { display: none !important; }
  .header-actions { margin-left: var(--space-3); }
}

/* ================= Hero ================= */
.hero { padding-block: var(--space-section); }
.hero__title { max-width: 14ch; overflow-wrap: anywhere; }
html[lang="en"] .hero__title { max-width: 16ch; }
.hero__lead { margin-top: var(--space-6); max-width: 520px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-7); }

/* ================= Section head & tabs ================= */
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-5); padding-bottom: var(--space-5); border-bottom: 1px solid var(--border-strong); margin-bottom: var(--space-5); }
.tabs { display: flex; flex-wrap: wrap; gap: 6px 24px; }
#work .tabs { margin-bottom: var(--space-6); }
.tab { min-height: 44px; padding: 6px 0; font-size: var(--fs-sm); color: var(--text-3); border-bottom: 1px solid transparent; transition: color var(--dur-fast); }
.tab:hover { color: var(--text-1); }
.tab[aria-current="true"] { font-weight: var(--fw-bold); color: var(--text-1); border-bottom-color: var(--text-1); }

/* ================= Media placeholder ================= */
.media { display: grid; place-items: center; overflow: hidden; background: var(--surface-muted); color: var(--text-3); font-size: var(--fs-xs); white-space: nowrap; }
.media img { width: 100%; height: 100%; object-fit: cover; }

/* ================= Work grid ================= */
.work-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--space-7) var(--space-6); }
.card { display: flex; flex-direction: column; gap: var(--space-4); color: var(--text-1); text-decoration: none; }
.card:hover { color: var(--text-1); }
.card__media img { transition: transform var(--dur-reveal) var(--ease-out); }
.card:hover .card__media img { transform: scale(1.03); }
.card__media { aspect-ratio: 4 / 3; border-radius: var(--radius); }
.card__meta { font-size: var(--fs-xs); color: var(--text-3); }
.card__title { font-size: var(--fs-lg); font-weight: var(--fw-bold); line-height: 1.35; }

/* ================= Services ================= */
.services { display: flex; flex-wrap: wrap; gap: var(--space-7); }
.services__intro { flex: 1 1 260px; }
.services__lead { margin-top: var(--space-4); max-width: 320px; color: var(--text-2); }
.services__list { flex: 2 1 480px; min-width: 0; }
.service { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; padding-block: var(--space-6); border-top: 1px solid var(--border); }
.service__no { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-3); }
.service__title { font-size: var(--fs-xl); font-weight: var(--fw-bold); line-height: 1.3; }
.service__desc { margin-top: 6px; color: var(--text-2); }

/* ================= Detail: gallery ================= */
.detail-tabs { padding-top: var(--space-5); }
.gallery { position: relative; padding-top: var(--space-6); }
.gallery__stage { height: clamp(240px, 56vw, 720px); }
.gallery__stage img { width: 100%; height: 100%; object-fit: cover; animation: fade 600ms var(--ease-out) both; }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }
.gallery__nav { position: absolute; top: var(--space-6); height: clamp(240px, 56vw, 720px); width: 20%; min-width: 44px; font-size: var(--fs-xl); color: var(--text-1); transition: opacity var(--dur-fast); }
.gallery__nav:hover { opacity: 0.7; }
.gallery__chip { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 36px; font-weight: var(--fw-light); line-height: 1; color: #ffffff; opacity: 0.85; text-shadow: 0 0 6px rgba(0, 0, 0, 0.35); }
.gallery__nav--prev { left: var(--page-px); text-align: left; padding-left: var(--space-5); }
.gallery__nav--next { right: var(--page-px); text-align: right; padding-right: var(--space-5); }
.dots { display: flex; flex-wrap: wrap; justify-content: center; margin-top: var(--space-3); }
.dot { width: 32px; height: 32px; display: grid; place-items: center; }
.dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--border); }
.dot[aria-current="true"]::before { background: var(--text-1); }

/* ================= Detail: article ================= */
.article { max-width: var(--article-max); margin-inline: auto; padding-top: var(--space-7); }
.article__eyebrow { margin-bottom: var(--space-3); color: var(--text-3); }
.article__title { font-size: var(--fs-2xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.article__subtitle { margin-top: 6px; font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: var(--ls-caps); color: var(--text-3); }
.process { margin: var(--space-7) 0; padding-block: var(--space-6); border-block: 1px solid var(--border); }
.process__title { margin-bottom: var(--space-5); font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--text-3); }
.process__steps { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.process__step { display: flex; flex-direction: column; gap: var(--space-1); }
.process__step::before { content: ""; width: 16px; height: 1px; margin-bottom: var(--space-2); background: var(--border-strong); transform-origin: left; transform: scaleX(0); transition: transform 700ms var(--ease-out) calc(200ms + var(--d, 0) * 120ms); }
.process.is-in .process__step::before { transform: none; }
.process__no { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-3); }
.info { display: grid; grid-template-columns: minmax(80px, 140px) minmax(0, 1fr); gap: var(--space-4) var(--space-5); margin-bottom: var(--space-7); }
.info dt { padding-top: 2px; font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-3); }
.info dd { white-space: pre-line; }
.empty { grid-column: 1 / -1; padding-block: var(--space-7); color: var(--text-3); }
.article__period { margin-top: var(--space-3); font-size: var(--fs-md); color: var(--text-2); }
.rule { border: 0; border-top: 1px solid var(--border); margin: var(--space-6) 0; }
.rule--strong { border-top-color: var(--border-strong); }
.article__section + .article__section { margin-top: var(--space-6); }
.article__section:has(> p:only-child) + .article__section:has(> p:only-child) { margin-top: 8px; }
.article__section h3 { margin-bottom: var(--space-3); font-size: var(--fs-md); font-weight: var(--fw-bold); }
.article__section p { line-height: 1.45; color: var(--text-2); text-wrap: pretty; }
button.btn-download { font-family: inherit; background: transparent; cursor: pointer; }
.btn-download { display: inline-flex; padding: 6px 14px; font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-1); border: 1px solid var(--border-strong); text-decoration: none; transition: opacity var(--dur-fast); }
.btn-download:hover { color: var(--text-1); opacity: 0.6; }

/* ================= Detail: other projects ================= */
.others { padding-block: var(--space-section); }
.others .rule { margin-top: 0; }
.others__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-5); }
.others__title { font-size: var(--fs-lg); font-weight: var(--fw-bold); }
.others__controls { display: flex; gap: 6px; }
.carousel { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(min(220px, 70%), calc((100% - 90px) / 4)); gap: var(--space-6); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.carousel::-webkit-scrollbar { display: none; }
.carousel .card { gap: var(--space-3); scroll-snap-align: start; }
.carousel .card__media { aspect-ratio: 1 / 1; border-radius: 0; }
.carousel .card__title { font-size: var(--fs-md); line-height: 1.4; }

/* ================= Footer ================= */
.site-footer { border-top: 1px solid var(--border); }
.site-footer__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 var(--space-4); padding-block: var(--space-5); font-size: var(--fs-xs); color: var(--text-3); }
.site-footer__links { display: flex; flex-wrap: wrap; gap: 0 var(--space-5); }
.site-footer a { padding-block: var(--space-3); color: var(--text-3); text-decoration: none; }
.site-footer a:hover { color: var(--text-1); }

/* ================= Request form ================= */
.rq { position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column; background: var(--bg); color: var(--text-1); }
.rq__progress { display: flex; gap: var(--space-1); padding: 6px 6px 0; }
.rq__progress span { flex: 1; height: 2px; background: var(--border); transition: background var(--dur-base); }
.rq__progress span.is-on { background: var(--text-1); }
.rq__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); height: var(--header-h); padding-inline: var(--page-px); }
.brand--static { margin-right: 0; }
.rq__bar .btn-outline { min-height: 44px; }
.rq__stage { flex: 1; min-height: 0; display: flex; justify-content: center; padding: var(--space-5) var(--page-px) calc(var(--header-h) + 28px); overflow-y: auto; }
.rq__panel { width: 100%; max-width: 640px; margin-block: auto; animation: rq-in var(--dur-base) var(--ease); }
@keyframes rq-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.rq__no { margin-bottom: var(--space-4); font-size: var(--fs-xs); font-weight: var(--fw-semibold); letter-spacing: var(--ls-caps); color: var(--text-3); }
.rq__q { font-size: clamp(20px, 3vw, 26px); font-weight: var(--fw-regular); line-height: 1.4; }
.rq__req { color: var(--text-3); }
.rq__sub { margin-top: var(--space-3); color: var(--text-3); }
.rq__options { display: flex; flex-direction: column; gap: 8px; margin-top: var(--space-6); }
.rq__opt { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 380px; min-height: 44px; padding: 10px 12px; font-size: var(--fs-md); text-align: left; border: 1px solid var(--border); border-radius: var(--radius); transition: border-color var(--dur-fast), background var(--dur-fast); }
.rq__opt:hover { border-color: var(--border-strong); }
.rq__opt[aria-pressed="true"] { background: var(--surface-muted); border-color: var(--border-strong); }
.rq__opt[aria-pressed="true"]::after { content: "✓"; margin-left: auto; font-size: var(--fs-sm); }
.rq__key { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; font-size: 11px; font-weight: var(--fw-semibold); border: 1px solid var(--border-strong); border-radius: 2px; }
.rq__opt[aria-pressed="true"] .rq__key { background: var(--text-1); color: var(--bg); border-color: var(--text-1); }
.rq__input { display: block; width: 100%; margin-top: var(--space-6); padding: 10px 0; font: inherit; font-size: clamp(20px, 3vw, 26px); font-weight: var(--fw-light); color: var(--text-1); background: transparent; border: 0; border-bottom: 1px solid var(--text-1); border-radius: 0; outline: none; }
.rq__input::placeholder { color: var(--text-3); opacity: 0.6; }
.rq__actions { display: flex; align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.rq__btn { min-height: 44px; padding: 10px 20px; font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--bg); background: var(--text-1); border-radius: var(--radius); transition: opacity var(--dur-fast); }
.rq__btn:hover { opacity: 0.75; }
.rq__hint { font-size: var(--fs-xs); color: var(--text-3); }
.rq__err { margin-top: var(--space-4); font-size: var(--fs-xs); }
.rq__done { font-size: var(--fs-2xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.rq__done-body { margin: var(--space-4) 0 var(--space-6); font-size: var(--fs-md); color: var(--text-2); }
.rq__nav { display: flex; gap: 2px; margin-top: var(--space-6); }
.rq__nav button { width: 40px; height: 40px; background: var(--text-1); color: var(--bg); font-size: 20px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: opacity var(--dur-fast); }
.rq__nav button:first-child { border-radius: var(--radius) 0 0 var(--radius); }
.rq__nav button:last-child { border-radius: 0 var(--radius) var(--radius) 0; }
.rq__nav button:hover { opacity: 0.75; }
.chev { display: block; width: 8px; height: 8px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }
.chev--prev { transform: translateX(2px) rotate(45deg); }
.chev--next { transform: translateX(-2px) rotate(-135deg); }

/* ================= Motion ================= */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out); transition-delay: calc(var(--d, 0) * 80ms); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal-mask { opacity: 0; transition: opacity 700ms var(--ease-out) calc(var(--d, 0) * 80ms); }   /* 위→아래 닦아내기 대신 조용히 나타남 (Rey 09-29 '어색') */
.reveal-mask.is-in { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-mask { opacity: 1; transform: none; clip-path: none; }
  .process__step::before { transform: none; }
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* ================= Small screens ================= */
@media (max-width: 480px) {
  .section-head { flex-wrap: wrap; }
  .service { grid-template-columns: 32px minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-5); }
  .service__title { font-size: var(--fs-lg); }
  .info { grid-template-columns: 1fr; gap: var(--space-1); }
  .info dd + dt { margin-top: var(--space-4); }
}

/* ── 에피소드 부품 (3design 09-29 · tools/build_episodes.py 가 채운다) ── */
.gallery__stage { position: relative; }
.gallery__stage video { width: 100%; height: 100%; object-fit: cover; display: block; }
.gallery__cap { position: absolute; left: var(--space-4); bottom: var(--space-4); max-width: calc(100% - 2 * var(--space-4)); padding: 3px 9px; border-radius: 999px; background: var(--bg); color: var(--text-1); font-size: var(--fs-xs); white-space: normal; }
.article__section p + p { margin-top: var(--space-4); }
.article__section .article__quote { font-size: var(--fs-xl); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--ls-tight); color: var(--text-1); }
.article__section figure { margin: var(--space-6) 0 0; }
.ep-tries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.ep-try { margin: 0; border-top: 2px solid var(--border-strong); padding-top: var(--space-3); }
.ep-try--fail { border-top-color: var(--text-3); }
.ep-try img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; margin-bottom: var(--space-3); }
.ep-try figcaption { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.5; }
.ep-try figcaption b { color: var(--text-1); }
.ep-ba { position: relative; overflow: hidden; aspect-ratio: var(--ratio, 16 / 9); --pos: 50%; touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: ew-resize; background: var(--surface-muted); }
.ep-ba img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.ep-ba__before { clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.ep-ba__line { opacity: 0; transition: opacity var(--dur-fast) var(--ease); }
.ep-ba.is-lines .ep-ba__line { opacity: 1; }
.ep-ba__bar { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; margin-left: -1px; background: #fff; pointer-events: none; }
.ep-ba__knob { position: absolute; top: 50%; left: var(--pos); width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; background: #fff; color: #1a1a1a; display: grid; place-items: center; font-weight: var(--fw-bold); pointer-events: none; }
.ep-ba__tag { position: absolute; top: var(--space-3); left: var(--space-3); padding: 2px 9px; border-radius: 999px; background: #fff; color: #1a1a1a; font-size: var(--fs-xs); pointer-events: none; }
.ep-ba__tag--r { left: auto; right: var(--space-3); }
.ep-ba input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ep-ba:focus-within { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.ep-ba__tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin-top: var(--space-4); font-size: var(--fs-xs); color: var(--text-3); }
.ep-ba__tools .btn-outline[aria-pressed="true"] { background: var(--text-1); color: var(--bg); }
.ep-video video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--surface-muted); }
.ep-video figcaption { margin-top: var(--space-3); font-size: var(--fs-xs); color: var(--text-3); }
.card--soon { cursor: default; }
[data-view="detail"] .btn-download[hidden] { display: none; }
@media (max-width: 767px) { .ep-tries { grid-template-columns: 1fr; } }
.rq__consent { margin-top: var(--space-4); font-size: var(--fs-xs); color: var(--text-3); line-height: 1.5; max-width: 560px; }
.rq__consent a { color: var(--link); }
.nav__link { display: inline-flex; align-items: center; min-height: 32px; }
.gallery__stage img.is-contain { object-fit: contain; background: #fff; }
/* 의뢰 파일 올리기 */
.rq__drop { position: relative; margin-top: var(--space-5); border: 1px dashed var(--border-strong); border-radius: var(--radius); padding: var(--space-5); max-width: 640px; transition: background var(--dur-fast); }
.rq__drop.is-over { background: var(--surface-muted); }
.rq__file { position: absolute; width: 1px; height: 1px; opacity: 0; }
.rq__drop label { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }
.rq__drop label b { font-size: var(--fs-md); color: var(--text-1); }
.rq__drop label span { font-size: var(--fs-xs); color: var(--text-3); }
.rq__drop:focus-within { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.rq__flist { list-style: none; margin: var(--space-3) 0 0; padding: 0; }
.rq__flist:empty { display: none; }
.rq__flist li { display: flex; justify-content: space-between; gap: var(--space-4); padding: 6px 0; border-top: 1px solid var(--border); font-size: var(--fs-xs); color: var(--text-2); }
.rq__fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rq__fstat { flex: none; color: var(--text-3); font-variant-numeric: tabular-nums; }
.rq__btn[disabled] { opacity: .4; cursor: wait; }