/* Literra global quotes. */
.quotes-page{min-height:100vh}
.quotes-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:clamp(48px,9vw,112px) 0 80px}
.quotes-head{margin:0 auto 42px;text-align:center}
.quotes-eyebrow{margin-bottom:10px;color:#8c7431;font:600 .68rem Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.quotes-head h1{font:400 clamp(2.35rem,5vw,4.2rem)/1.05 var(--font-serif,Georgia,serif);letter-spacing:-.03em}
.quote-stage{display:grid;justify-items:center;gap:18px}
.quote-card{position:relative;width:min(920px,100%);min-height:520px;padding:76px 88px 74px;box-sizing:border-box;border:1px solid #e1ddd2;background:#fffefa;box-shadow:0 24px 70px rgba(28,27,26,.07);display:flex;flex-direction:column;justify-content:center}
.quote-card.is-changing{opacity:.42;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}
.quote-mark{position:absolute;left:45px;top:30px;color:#c5b48a;font:400 6.2rem/.7 Georgia,serif;pointer-events:none}
.quote-text{position:relative;z-index:1;max-width:760px;margin:0;font:400 clamp(2rem,4vw,3.45rem)/1.22 var(--font-serif,Georgia,serif);letter-spacing:-.025em}
.quote-credit{margin-top:44px;display:grid;justify-items:end;text-align:right;align-self:flex-end;max-width:80%}
.quote-author{font:500 .93rem/1.4 Inter,Arial,sans-serif;color:#383632}
.quote-author::before{content:'~ ';color:#8a8781}
.quote-book{margin-top:3px;color:#8a8781;font:400 .72rem/1.5 Inter,Arial,sans-serif;letter-spacing:.03em}
.quote-controls{display:flex;align-items:center;justify-content:center;gap:22px;min-height:42px}
.quote-counter{min-width:52px;text-align:right;color:#8a8781;font:600 .66rem/1 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.quote-next{border:1px solid #ded9cf;background:#1c1b1a;color:#fff;padding:11px 16px;font:600 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.quote-next:hover{opacity:.86}
.quote-status{min-height:18px;margin-top:10px;text-align:center;color:#8a8781;font:400 .78rem/1.5 Inter,Arial,sans-serif}
@media(max-width:768px){
  .quotes-shell{width:min(100% - 24px,680px);padding:42px 0 56px}
  .quotes-head{margin-bottom:26px}
  .quote-card{min-height:470px;padding:70px 26px 58px}
  .quote-mark{left:20px;top:25px;font-size:5rem}
  .quote-text{font-size:clamp(1.75rem,8vw,2.55rem);line-height:1.24}
  .quote-credit{margin-top:34px;max-width:92%}
  .quote-author{font-size:.82rem}
  .quote-book{font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){.quote-card.is-changing{transition:none}}