/* Editorial quotation interlude between the artwork and fruit experiments. */
.creative-quotes{padding:10px 4.2% 100px;background:var(--bg,#080808);color:var(--fg,#eeede9);scroll-margin-top:110px}
.cq-inner{max-width:1440px;margin:0 auto}
.cq-kicker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #30302e;padding-top:22px;font-size:10px;letter-spacing:.16em;color:#969693}
.cq-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:42px 0 36px}
.cq-heading h2{font-family:var(--cn-sans);font-weight:400;font-size:clamp(34px,4vw,62px);line-height:1.3;letter-spacing:-.045em}
.cq-heading h2 span{display:inline-block;font-family:var(--cn-song);font-weight:700;color:var(--cn-red,#ff6559);transform:skewX(-5deg);margin-left:.1em}
.cq-heading>p{color:#969693;font-size:13px;line-height:1.8}
.cq-stage{position:relative;border:1px solid #30302e;border-radius:18px;padding:38px 5% 22px;overflow:hidden;background:linear-gradient(125deg,#141413,#0b0b0b 65%)}
.cq-mark{position:absolute;right:5%;top:4px;font-family:Georgia,serif;font-size:210px;line-height:1;color:var(--quote-accent);opacity:.13;pointer-events:none}
.cq-figure{position:relative;margin:0;min-height:325px;display:flex;flex-direction:column}
.cq-topic{font-size:11px;letter-spacing:.12em;color:var(--quote-accent)}
.cq-figure blockquote{margin:30px 0 28px}
.cq-translation{font-family:var(--cn-sans);font-size:clamp(30px,3.6vw,56px);font-weight:400;line-height:1.5;letter-spacing:.035em;text-wrap:balance}
.cq-translation>span{color:var(--quote-accent)}
.cq-stage[data-long="true"] .cq-translation{font-size:clamp(25px,2.5vw,39px);line-height:1.65}
.cq-original{font-family:var(--serif,Georgia);font-style:italic;font-size:clamp(18px,1.7vw,25px);line-height:1.5;letter-spacing:.015em;color:#aaa9a4;max-width:850px;margin-top:17px}
.cq-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-bottom:27px}
.cq-author{display:flex;flex-direction:column;gap:8px}.cq-author-name{font-size:15px}.cq-author-meta{font-size:11px;color:#969693}
.cq-source{font-size:12px;color:#c4c3be;white-space:nowrap;padding:10px 0}.cq-source:hover{color:var(--quote-accent)}.cq-source span{margin-left:10px}
.cq-controls{display:flex;align-items:center;gap:22px;border-top:1px solid #30302e;padding-top:18px}.cq-counter{font-size:12px;font-variant-numeric:tabular-nums;color:var(--quote-accent);letter-spacing:.08em}.cq-translation-note{font-size:10px;color:#888884}
.cq-arrows{display:flex;gap:8px;margin-left:auto}.cq-arrows button{background:transparent;border:1px solid #44443e;border-radius:50%;width:38px;height:38px;font-size:18px;transition:background .2s}.cq-arrows button:hover{background:#30302e}
.cq-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}
.cq-select{min-width:0;text-align:left;background:transparent;border:1px solid #30302e;border-radius:12px;padding:18px 20px;color:#969693;transition:border-color .2s,background .2s,transform .2s}
.cq-select.is-active{background:#151513;border-color:var(--quote-accent);color:var(--fg)}.cq-select:hover{transform:translateY(-3px);border-color:var(--quote-accent)}
.cq-select-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.06em}.cq-select.is-active .cq-select-top{color:var(--quote-accent)}.cq-select-name{display:block;margin-top:21px;font-size:16px;font-weight:400}.cq-select-english{display:block;margin-top:7px;font-size:11px;color:#969693}
@media(max-width:700px){.creative-quotes{padding:0 20px 64px}.cq-heading{display:block;margin:30px 0 25px}.cq-heading>p{margin-top:12px;font-size:12px}.cq-stage{padding:26px 22px 18px;border-radius:14px}.cq-mark{font-size:160px;top:12px}.cq-figure{min-height:340px}.cq-figure blockquote{margin:26px 0}.cq-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cq-select{padding:16px}.cq-select-name{font-size:14px;margin-top:15px}.cq-controls{gap:12px}.cq-translation-note{max-width:110px;line-height:1.6}.cq-author-meta{font-size:10px}.cq-source{font-size:11px}.cq-stage[data-long="true"] .cq-translation br{display:none}}
@media(prefers-reduced-motion:reduce){.creative-quotes *{animation:none!important;transition:none!important}.cq-select:hover{transform:none}}