/* Quasar opening v3: three Airframe finishes. Scoped for review and rollback. */
.quasar-opening {
  padding-block: 44px 40px;
  background: radial-gradient(ellipse at 88% 12%,rgba(155,132,93,.08),transparent 56%),#211e1f;
}
.quasar-opening__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.16fr);
  gap: 22px 44px;
  align-items: start;
}
.quasar-opening__title { grid-column: 1; grid-row: 1; }
.quasar-opening__title .eyebrow { font-size: .75rem; letter-spacing: .18em; margin-bottom: 16px; }
.quasar-opening h1 { font-size: clamp(2.375rem,5vw,4.4rem); line-height: 1; letter-spacing: 0; overflow-wrap: anywhere; }
.quasar-opening__media {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #514a42;
  border-radius: 16px;
  background: #f2f0ed;
}
.quasar-opening__media img { display: block; width: 100%; height: auto; }
.quasar-opening__details { grid-column: 1; grid-row: 2; min-width: 0; }
.quasar-opening__tagline {
  font: 500 clamp(1.5rem,2.5vw,2rem)/1.15 var(--font-display);
  letter-spacing: -.025em;
  color: #f0ede6;
  margin-bottom: 14px;
}
.quasar-opening__tagline span { color: var(--accent); }
.quasar-opening__lead { max-width: 45ch; font-size: 1rem; line-height: 1.5; color: #c4bfb9; }
.quasar-opening__facts {
  display: grid;
  grid-template-columns: .85fr 1.15fr 1fr;
  gap: 14px;
  border-block: 1px solid #514a42;
  padding-block: 15px;
  margin-block: 22px 18px;
}
.quasar-opening__facts dt { font-size: .75rem; color: #b4ada1; line-height: 1.3; margin-bottom: 6px; }
.quasar-opening__facts dd { font: 500 1.1rem/1.35 var(--font-display); color: #f0ede6; }
.quasar-opening__facts dd span { font: 400 .8rem/1.35 var(--font-body); color: #c4beb3; }
.quasar-opening__price { font: 600 1.4rem/1.3 var(--font-display); color: #f0ede6; }
.quasar-opening__price span { font-size: .85rem; font-weight: 400; color: #b4ada1; }
.quasar-opening__unloaded { font-size: .95rem; line-height: 1.5; color: #f0ede6; margin-top: 10px; }
.quasar-opening__options { font-size: .85rem; line-height: 1.5; color: #bcb4aa; margin-top: 8px; }
.quasar-opening__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.quasar-opening__actions .btn { min-height: 48px; padding: 12px 22px; font-size: .9rem; }
.quasar-opening__delivery { margin-top: 18px; color: #b4ada1; font-size: .8rem; line-height: 1.6; }
.quasar-opening__delivery span { display: block; }
.quasar-intro { padding-block: 40px 48px; background: #211e1f; border-top: 1px solid rgba(255,242,135,.13); }
.quasar-intro__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; }
.quasar-intro .eyebrow { font-size: .75rem; margin-bottom: 16px; }
.quasar-intro h2 { max-width: 21ch; font-size: clamp(1.65rem,2.8vw,2.3rem); line-height: 1.12; }
.quasar-intro__copy { max-width: 65ch; color: #c4bfb9; font-size: 1rem; line-height: 1.6; }
.quasar-intro__copy p + p { margin-top: 14px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .quasar-opening__grid { gap: 20px 26px; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); }
  .quasar-opening__media { align-self: start; margin-top: 25px; }
  .quasar-opening__facts { gap: 10px; }
  .quasar-opening__facts dd span { display: block; }
  .quasar-opening__actions .btn { padding-inline: 16px; }
  .quasar-intro__grid { gap: 32px; }
}
@media (max-width: 700px) {
  .quasar-opening { padding-block: 28px 32px; }
  .quasar-opening__grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .quasar-opening__title, .quasar-opening__media, .quasar-opening__details { grid-column: 1; grid-row: auto; }
  .quasar-opening h1 { font-size: 2.375rem; }
  .quasar-opening__media { border-radius: 12px; aspect-ratio: 4 / 3; }
  .quasar-opening__media img { height: 100%; object-fit: cover; object-position: center; }
  .quasar-opening__tagline { font-size: 1.65rem; }
  .quasar-opening__facts { gap: 10px; margin-top: 20px; }
  .quasar-opening__facts dd span { display: block; }
  .quasar-opening__actions { gap: 10px; }
  /* A real basis keeps both buttons on one row and moves the text links below. */
  .quasar-opening__actions .btn { flex: 1 1 140px; padding-inline: 14px; white-space: nowrap; }
  .quasar-intro { padding-block: 30px 34px; }
  .quasar-intro__grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .quasar-intro h2 { max-width: 23ch; font-size: 1.85rem; }
}

/* Sound first: one featured demo with compact, existing endorsements. */
.quasar-listen{padding:48px 0 42px;background:#292526;border-block:1px solid #49423d;scroll-margin-top:90px}
.quasar-listen__heading{margin-bottom:26px}.quasar-listen__heading .eyebrow{margin-bottom:10px}
.quasar-listen__heading h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.12;margin-bottom:12px}
.quasar-listen__heading>p:last-child{color:var(--muted)}
.quasar-listen__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.quasar-listen__film{min-width:0}.quasar-listen .video{width:100%;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden}
.quasar-listen__caption{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin-top:14px;font-size:.85rem}
.quasar-listen__caption span,.quasar-listen__hint{color:var(--muted)}.quasar-listen__hint{font-size:.75rem;margin-top:8px}
.quasar-listen__voices{display:grid;gap:24px}.quasar-listen__voices figure{margin:0;padding:0 0 24px;border-bottom:1px solid #514a42}
.quasar-listen blockquote{font:500 clamp(1.08rem,1.55vw,1.35rem)/1.45 var(--font-display);color:#f0ede6;margin:0 0 14px}
.quasar-listen figcaption strong,.quasar-listen figcaption span{display:block;font-size:.8rem}.quasar-listen figcaption span{color:var(--muted);margin-top:3px}
.quasar-listen__more{font-size:.85rem;color:var(--accent);text-underline-offset:5px}
@media(max-width:760px){.quasar-listen{padding:32px 0}.quasar-listen__grid{grid-template-columns:1fr;gap:26px}.quasar-listen__voices{gap:20px}.quasar-listen__voices figure{padding-bottom:20px}}

.quasar-quotes{margin:32px 0 20px;padding:26px 32px;background:#211e1f;border:1px solid #514a42;border-radius:12px}
.quasar-quotes__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.quasar-quotes__top .eyebrow{margin:0;font-size:.7rem}
.quasar-quotes button{font:inherit;cursor:pointer;color:var(--accent);background:transparent;border:1px solid #514a42;border-radius:30px;min-width:40px;min-height:40px}
.quasar-quotes__pause{font-size:.75rem!important;padding:6px 14px}.quasar-quotes [hidden]{display:none!important}
.quasar-quote{margin:0 0 24px}.quasar-quotes.is-enhanced .quasar-quotes__slides{display:grid}
.quasar-quotes.is-enhanced .quasar-quote{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;margin:0;max-width:850px}
.quasar-quotes.is-enhanced .quasar-quote.is-active{opacity:1;visibility:visible}
.quasar-quotes blockquote{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}
.quasar-quotes__controls,.quasar-quotes__dots{display:flex;align-items:center;gap:8px}.quasar-quotes__controls{margin-top:24px}
.quasar-quotes__dots button{font-size:0;border:0;position:relative;min-width:32px;width:32px}
.quasar-quotes__dots button:after{content:'';width:6px;height:6px;border-radius:50%;background:#79736b;position:absolute;inset:0;margin:auto}
.quasar-quotes__dots button[aria-current=true]:after{background:var(--accent);width:9px;height:9px}
.quasar-quotes button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.quasar-quotes{padding:20px;margin-top:26px}.quasar-quotes__dots{gap:0}.quasar-listen__caption{display:grid}}
@media(prefers-reduced-motion:reduce){.quasar-quotes.is-enhanced .quasar-quote{transition:none}}
@media(max-width:360px){.quasar-quotes__dots button{min-width:20px;width:20px}.quasar-quotes__controls{gap:4px}.quasar-quotes__top{gap:8px}.quasar-quotes__top .eyebrow{letter-spacing:.1em}.quasar-quotes__pause{padding-inline:10px}}
.quasar-quotes__dots button{padding:0;flex-shrink:0}.quasar-quotes__controls>[data-quote-prev],.quasar-quotes__controls>[data-quote-next]{padding:0;width:40px;flex-shrink:0}
.quasar-quotes__controls{display:grid;grid-template-columns:40px minmax(0,192px) 40px;gap:8px}.quasar-quotes__dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;min-width:0}.quasar-quotes .quasar-quotes__dots button{width:100%;min-width:0}

/* Compact editorial quote alongside the section heading. */
.quasar-listen__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:28px}
.quasar-listen__intro .quasar-listen__heading{margin:0}
.quasar-listen__intro .quasar-quotes{margin:0;padding:0 0 0 26px;background:transparent;border:0;border-left:1px solid #514a42;border-radius:0;min-width:0}
.quasar-quotes__top{margin-bottom:10px}.quasar-quotes__top .eyebrow{font-size:.65rem}
.quasar-quotes blockquote{font-size:1rem;line-height:1.45;margin-bottom:8px}
.quasar-quotes figcaption span{display:none}.quasar-quotes figcaption strong{font-size:.75rem;color:var(--muted)}
.quasar-quotes__controls{margin-top:8px;grid-template-columns:28px minmax(0,156px) 28px;gap:4px}
.quasar-quotes button{min-height:28px}.quasar-quotes__controls>[data-quote-prev],.quasar-quotes__controls>[data-quote-next]{width:28px;min-width:28px;border:0}
.quasar-quotes__pause{font-size:.65rem!important;min-height:28px;padding:3px 10px}
.quasar-quotes__dots button:after{width:4px;height:4px}.quasar-quotes__dots button[aria-current=true]:after{width:6px;height:6px}
.quasar-listen__more{display:inline-block;margin-top:16px}
@media(max-width:760px){.quasar-listen__intro{grid-template-columns:1fr;gap:22px}.quasar-listen__intro .quasar-quotes{padding-left:16px}.quasar-quotes blockquote{font-size:.95rem}}

.quasar-quotes figcaption{display:flex;align-items:center;gap:10px;min-height:36px}
.quasar-quote__avatar{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:cover;border-radius:50%;border:1px solid #625b50}