/* Publication-wide art direction and category compositions. */
:root { --qq-brand-original:#ee0d4d; --qq-section-color:#ee0d4d; --qq-section-ink:#bb093b; --qq-section-on:#fff; --qq-section-wash:#fff5f7; }
.site-header__bottom { border-bottom-color:var(--qq-brand-original); }
.qq-brand__name b,.qq-footer-brand b { color:var(--qq-brand-original); }
.qq-brand__descriptor { margin-top:.2rem; letter-spacing:.42em; }
.qq-home { padding-top:2rem; }
.qq-home article a { color:inherit; text-decoration:none; }
.qq-home .qq-cover-title a { color:#fff; }
.qq-home .qq-cover-title { font-size:clamp(2rem,3.5vw,3.75rem); }
.qq-cover-copy .qq-category { color:#ffadc5; }
.qq-home .qq-cover-copy .qq-category { color:#ffadc5; }
.qq-home .qq-binge-feature a { color:#fff; }
.qq-home .qq-binge-feature h3 { color:#fff; }
.qq-home .qq-radar-story h3 { font-size:clamp(1rem,1.5vw,1.4rem); }
.qq-menu > li { position:relative; }
.qq-submenu-toggle { min-width:32px; min-height:44px; padding:0 .25rem; background:transparent; border:0; color:inherit; cursor:pointer; font-size:1rem; vertical-align:middle; }
.qq-menu .sub-menu { list-style:none; margin:0; }
html.js .qq-menu .sub-menu { display:none; }
html.js .qq-menu .is-expanded > .sub-menu { display:block; }
.qq-drawer-navigation .menu-item-has-children > a { display:inline-flex; width:calc(100% - 48px); }
.qq-drawer-navigation .qq-submenu-toggle { width:44px; }
.qq-cover-label { background:var(--qq-brand-original); color:var(--qq-brand-original-on); }
.qq-menu .current-menu-item > a,.qq-menu .current-menu-ancestor > a { text-decoration:underline; text-decoration-color:var(--qq-brand-original); text-underline-offset:.5em; }
.qq-desk { padding-bottom:5rem; }
.qq-desk-header { background:var(--qq-section-wash); border-bottom:1px solid var(--qq-c-border-strong); padding:2rem 0 0; }
.qq-desk-kicker { display:flex; gap:1rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; }
.qq-desk-kicker a { color:var(--qq-section-ink); }
.qq-desk-heading { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.4rem 0; }
.qq-desk-heading h1 { font:500 clamp(2.6rem,6.6vw,7rem)/1.06 var(--qq-c-font-serif); letter-spacing:-.05em; margin:0; overflow-wrap:anywhere; }
.qq-desk-heading h1 span { color:var(--qq-section-color); }
.qq-desk-symbol { color:var(--qq-section-color); font-size:clamp(3rem,8vw,8rem); line-height:1; }
.qq-desk-description { max-width:44rem; font-size:1rem; line-height:1.8; color:var(--qq-c-text-secondary); margin-bottom:1.5rem; }
.qq-desk-subnav { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; align-items:center; font-size:.78rem; }
.qq-desk-subnav > * { display:inline-flex; min-height:44px; align-items:center; color:var(--qq-c-text); }
.qq-desk-subnav > span { border-bottom:3px solid var(--qq-section-color); font-weight:700; }
.qq-desk-content { padding-top:2.25rem; }
.qq-desk-lead-grid,.qq-desk-wall { display:grid; grid-template-columns:minmax(0,1fr); gap:2rem; }
.qq-desk-card { min-width:0; }
.qq-desk-card a { color:var(--qq-c-text); text-decoration:none; display:block; }
.qq-desk-card a:hover h2 { color:var(--qq-section-ink); text-decoration:underline; text-underline-offset:.16em; }
.qq-desk-card-media { aspect-ratio:16/10; background:var(--qq-c-surface); overflow:hidden; }
.qq-desk-card-media img,.qq-desk-card-media picture { display:block; width:100%; height:100%; object-fit:cover; }
.qq-desk-card-copy { padding-top:1rem; }
.qq-desk-card-meta { display:flex; align-items:center; justify-content:space-between; font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--qq-section-ink); margin-bottom:.7rem; }
.qq-desk-card-meta b { font:italic 1.3rem var(--qq-c-font-serif); }
.qq-desk-card h2 { font:600 1.45rem/1.3 var(--qq-c-font-serif); letter-spacing:-.02em; margin:0 0 1rem; }
.qq-desk-card--lead h2 { font-size:clamp(1.8rem,2.8vw,3.2rem); }
.qq-desk-card--lead .qq-desk-card-copy > p { color:var(--qq-c-text-secondary); font-size:.9rem; line-height:1.7; margin:0 0 1rem; }
.qq-desk-card-byline { display:flex; align-items:center; gap:.5rem; font-size:.7rem; color:var(--qq-c-text-muted); }
.qq-desk-card-byline b { margin-left:auto; color:var(--qq-section-ink); font-size:1.3rem; }
.qq-desk-section-title { display:flex; justify-content:space-between; align-items:center; border-top:2px solid var(--qq-section-color); margin:3rem 0 1.75rem; padding-top:1rem; }
.qq-desk-section-title h2 { font:500 clamp(1.6rem,3vw,2.5rem) var(--qq-c-font-serif); margin:0; }
.qq-desk-section-title > span { color:var(--qq-section-ink); font-size:2rem; }
.qq-desk--journal .qq-desk-heading h1 { font-style:italic; }
.qq-desk--wall .qq-desk-heading h1 { font-family:var(--qq-c-font-sans); font-weight:700; letter-spacing:-.06em; }
.qq-desk--wall .qq-desk-card { border-bottom:1px solid var(--qq-c-border-strong); padding-bottom:1.25rem; }
.qq-desk .navigation { margin-top:3rem; }
.qq-article-header { border-top-color:var(--qq-section-color); }
.qq-article-header .qq-category,.qq-breadcrumb a { color:var(--qq-section-ink); }
.qq-article-content a { color:var(--qq-section-ink); }
.qq-page-main { background:var(--qq-c-canvas); }
.qq-page-header { padding:2rem; margin-bottom:2.5rem; background:var(--qq-section-wash); border-top:4px solid var(--qq-section-color); }
.qq-page-header .entry-title { font:500 clamp(2.6rem,5vw,5rem)/1.12 var(--qq-c-font-serif); letter-spacing:-.045em; }
.qq-page-content { max-width:72ch; }
.qq-page-layout { gap:3rem; }
.qq-page-layout .qq-sidebar { border-top:4px solid var(--qq-section-color); padding-top:1rem; }
.qq-page-directory h2 { font:500 1.8rem var(--qq-c-font-serif); margin:1rem 0; }
.qq-page-directory ul { list-style:none; padding:0; margin:0; }
.qq-page-directory a { display:flex; justify-content:space-between; gap:1rem; font-size:.8rem; color:var(--qq-c-text); text-decoration:none; border-bottom:1px solid var(--qq-c-border-strong); padding:1rem 0; }
.qq-page-directory [aria-current="page"] { font-weight:700; color:var(--qq-section-ink); }
.qq-composition-wall .qq-page-header .entry-title { font-family:var(--qq-c-font-sans); font-weight:700; }
.qq-composition-journal .qq-page-header .entry-title { font-style:italic; }
.qq-composition-journal .qq-page-header { border-top:0; border-left:5px solid var(--qq-section-color); }
.qq-desk .page-numbers { display:flex; list-style:none; flex-wrap:wrap; gap:.5rem; padding:0; margin-top:3rem; }
.qq-desk .page-numbers a,.qq-desk .page-numbers span { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; padding:.5rem; border:1px solid var(--qq-c-field-border); color:var(--qq-section-ink); text-decoration:none; }
.qq-desk .page-numbers .current { background:var(--qq-section-color); color:var(--qq-section-on); }
.qq-publication-footer { background:#0c0c10; color:#f5f5f7; border-top:4px solid var(--qq-brand-original); padding-top:3rem; }
.qq-footer-masthead { display:grid; gap:2rem; padding-bottom:2.5rem; border-bottom:1px solid #42424a; }
.qq-footer-masthead .qq-footer-brand > span { font-size:clamp(2.8rem,6vw,5.5rem); line-height:1.1; }
.qq-footer-masthead > p { max-width:29rem; color:#bcbcc6; font-size:.9rem; line-height:1.9; margin:0; }
.qq-footer-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1rem; padding:2.5rem 0; }
.qq-footer-directory h2 { font:600 .72rem var(--qq-c-font-sans); letter-spacing:.13em; text-transform:uppercase; color:#f5f5f7; margin:0 0 1.3rem; }
.qq-footer-directory ul { margin:0; padding:0; list-style:none; display:block; }
.qq-footer-directory a { color:#bcbcc6; text-decoration:none; font-size:.8rem; line-height:1.5; display:inline-block; padding:.4rem 0; }
.qq-footer-directory a:hover { color:#fff; text-decoration:underline; }
.qq-footer-feedback { background:transparent; border:1px solid #8c8c99; border-radius:0; padding:.8rem; text-align:left; color:#fff; margin-top:1.5rem; min-height:44px; font-size:.75rem; cursor:pointer; }
.qq-publication-footer .site-footer__bottom { padding:1.5rem 0; border-color:#42424a; color:#bcbcc6; font-size:.68rem; }
.qq-feedback { position:fixed; z-index:80; bottom:1rem; right:1rem; width:min(25rem,calc(100% - 2rem)); max-height:85dvh; overflow:auto; padding:1.6rem; background:var(--qq-c-canvas); color:var(--qq-c-text); border:1px solid var(--qq-c-field-border); border-top:4px solid var(--qq-brand-original); box-shadow:0 12px 60px #0003; }
.qq-feedback[hidden],.qq-feedback form[hidden],[data-feedback-open][hidden] { display:none; }
.qq-feedback h2 { font:600 1.75rem/1.2 var(--qq-c-font-serif); margin:.6rem 1.2rem .7rem 0; }
.qq-feedback p { font-size:.8rem; line-height:1.7; }
.qq-feedback .qq-eyebrow { font-size:.6rem; }
.qq-feedback-close { position:absolute; top:.15rem; right:.15rem; border:0; background:transparent; color:inherit; width:44px; height:44px; font-size:1.6rem; cursor:pointer; }
.qq-feedback fieldset { padding:1rem 0; border:0; display:flex; flex-wrap:wrap; gap:.5rem; margin:0; }
.qq-feedback legend,.qq-feedback form > label { font-size:.75rem; font-weight:600; }
.qq-feedback fieldset label { font-size:.75rem; display:flex; gap:.35rem; align-items:center; min-height:44px; }
.qq-feedback textarea { width:100%; margin-top:.5rem; background:var(--qq-c-canvas); color:var(--qq-c-text); border:1px solid var(--qq-c-field-border); padding:.6rem; }
.qq-feedback .qq-feedback-privacy { font-size:.65rem; }
.qq-feedback-status:empty { display:none; }
@media (min-width:768px) {
	.main-navigation .qq-menu > li { white-space:nowrap; }
	.main-navigation .qq-menu > li > a { display:inline-flex; vertical-align:middle; }
	.main-navigation .qq-menu .sub-menu { position:absolute; top:100%; left:0; z-index:90; width:17rem; background:#151519; border:1px solid #55555f; padding:.6rem; box-shadow:0 12px 30px #0003; }
	.main-navigation .qq-menu > li:last-child .sub-menu { left:auto; right:0; }
	.main-navigation .qq-menu .sub-menu a { display:block; white-space:normal; padding:.8rem; color:#f5f5f7; font-size:.76rem; }
	.main-navigation .qq-menu .sub-menu a:hover { background:#292930; }
	.main-navigation .qq-menu .sub-menu .sub-menu { top:0; left:100%; }
	html:not(.js) .main-navigation .sub-menu { display:none; }
	html:not(.js) .main-navigation li:hover > .sub-menu,html:not(.js) .main-navigation li:focus-within > .sub-menu { display:block; }
	.qq-desk-wall { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.qq-desk-lead-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:1.6rem 2.75rem; }
	.qq-desk-lead-grid > .qq-desk-card--lead { grid-row:span 3; }
	.qq-desk--spotlight .qq-desk-lead-grid > .qq-desk-card:not(.qq-desk-card--lead) a { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:1.2rem; border-bottom:1px solid var(--qq-c-border-strong); padding-bottom:1rem; }
	.qq-desk--spotlight .qq-desk-lead-grid > .qq-desk-card:not(.qq-desk-card--lead) .qq-desk-card-copy { padding:0; }
	.qq-desk--journal .qq-desk-lead-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.qq-desk--journal .qq-desk-card--lead { grid-column:1/-1; grid-row:auto; border-bottom:1px solid var(--qq-c-border-strong); padding-bottom:2rem; margin-bottom:1rem; }
	.qq-desk--journal .qq-desk-card--lead a { display:grid; grid-template-columns:1.3fr 1fr; gap:2.5rem; align-items:center; }
	.qq-desk--wall .qq-desk-lead-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.qq-desk--wall .qq-desk-card--lead { grid-row:auto; }
	.qq-desk--wall .qq-desk-card--lead h2 { font-size:1.45rem; }
	.qq-desk--wall .qq-desk-card--lead .qq-desk-card-copy > p { display:none; }
	.qq-footer-masthead { grid-template-columns:1.4fr 1fr; align-items:center; }
	.qq-footer-directory { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; }
}
@media (prefers-reduced-motion:reduce) { .qq-feedback { scroll-behavior:auto; } }

.qq-cover-copy .qq-meta, .qq-binge-feature__copy .qq-meta { color:#ededf2; }
