/* The ordered list remains readable before JavaScript and with reduced motion. */
.q-chapter-sequence{position:relative;margin:35px auto 0;max-width:1280px;isolation:isolate}
.q-chapter-stage{position:relative;background:radial-gradient(ellipse at 50% 38%,#01a4ff0c 0%,#01a4ff03 40%,transparent 70%)}
.q-chapter-number{display:block;font:800 min(84svh,800px)/1 var(--q-font);letter-spacing:-.09em;color:#0074b419;backface-visibility:hidden;transform-origin:50% 50%;pointer-events:none}
.q-chapter-number-track{display:none;position:absolute;inset:0 0 auto;z-index:0;pointer-events:none}
.q-chapter-numbers{display:none;grid-template-columns:minmax(0,1fr);perspective:1200px;overflow:clip;pointer-events:none}
.q-number-rotor{position:relative;transform-style:preserve-3d;will-change:transform}
.q-chapters{position:relative;z-index:1;list-style:none;margin:0;padding:0}
.q-chapter{position:relative;padding:50px 25px;border-top:1px solid #0074b42e;text-align:center}
.q-chapter-role{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font:600 12px/1.4 var(--q-body);text-transform:uppercase;letter-spacing:.045em;color:#0074b4;margin:0 0 20px}
.q-chapter-counter{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#647487}
.q-chapter h3{font:800 clamp(40px,6.25vw,90px)/1.02 var(--q-font);letter-spacing:-.06em;word-spacing:.065em;text-transform:uppercase;color:#020204;margin:0 auto;max-width:1080px}
.q-chapter-underline{display:block;width:clamp(140px,27vw,380px);height:2px;background:#01a4ff;margin:25px auto 23px;transform-origin:50% 50%}
.q-chapter-copy{position:relative;font:400 17px/1.6 var(--q-body);color:#485563;max-width:54ch;margin:0 auto}
.q-chapter-benefit{position:relative;font:400 18px/1.5 var(--q-body);color:#34495d;max-width:54ch;margin:20px auto 0}
.q-chapter-benefit strong{font-weight:650;color:#0074b4}

/* Restore the 3D number wheel, bounded by the first and last reading centres. */
.is-chapter-animated .q-chapter-number-track{display:block}
.is-chapter-animated .q-chapter-numbers{position:sticky;top:0;height:100svh;display:grid;place-items:center}
.is-chapter-animated .q-chapter-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.is-chapter-animated .q-chapters{padding:0 0 12svh}
.is-chapter-animated .q-chapter{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7svh 24px;border:0}
.is-chapter-animated .q-chapter>*{flex:none}

@media(min-width:1600px){.q-chapter h3{font-size:96px}.q-chapter-copy{font-size:18px}}
@media(max-width:1000px){.q-chapter h3{font-size:clamp(44px,7vw,72px)}.q-chapter-copy{font-size:16px}.q-chapter-benefit{font-size:17px}}
@media(max-width:700px){
  .q-chapter-sequence{margin-top:25px}
  .q-chapter{padding:36px 0}
  .q-chapter-role{font-size:10px;gap:9px;margin-bottom:18px;letter-spacing:.035em}
  .q-chapter h3{font-size:clamp(34px,9.8vw,48px);line-height:1.04;letter-spacing:-.055em;max-width:100%}
  .q-chapter-underline{width:50%;margin:23px auto 21px}
  .q-chapter-copy{font-size:15px;line-height:1.6;max-width:36ch}
  .q-chapter-benefit{font-size:16px;line-height:1.5;max-width:33ch;margin-top:18px}
  .q-chapter-number{font-size:min(129.6vw,540px);letter-spacing:-.075em}
  .is-chapter-animated .q-chapters{padding:0 0 10svh}
  .is-chapter-animated .q-chapter{min-height:105svh;padding:7svh 0}
}
@media(max-width:359px){.q-chapter h3{font-size:32px}.q-chapter-role{font-size:9px}.q-chapter-copy{font-size:14px}.q-chapter-benefit{font-size:15px}.q-chapter-underline{margin-block:20px}}
@media(max-height:700px) and (min-width:701px){.q-chapter h3{font-size:clamp(38px,6vw,58px)}.q-chapter-role{margin-bottom:14px}.q-chapter-underline{margin-block:18px}.q-chapter-copy{font-size:15px}.q-chapter-benefit{font-size:16px;margin-top:14px}}
@media(max-width:700px) and (max-height:680px){.q-chapter h3{font-size:clamp(30px,8.5vw,38px)}.q-chapter-copy{font-size:14px}.q-chapter-benefit{font-size:14px}.q-chapter-role{margin-bottom:12px}.q-chapter-underline{margin-block:16px}}
@media(prefers-reduced-motion:reduce){
  .q-chapter-numbers,.is-chapter-animated .q-chapter-numbers{display:none}
  .is-chapter-animated .q-chapters{padding:0}
  .is-chapter-animated .q-chapter{min-height:0;display:block;padding:40px 0;border-top:1px solid #0074b42e}
  .q-chapter-underline{transform:none!important}
}