.gq{background:var(--surface-page);color:var(--text-primary);border-top:1px solid var(--border-rule);min-height:100vh;padding:var(--space-20) var(--gutter);justify-content:center;align-items:center;gap:var(--space-10);text-align:center;flex-direction:column;display:flex}.gq-kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--text-faint)}.gq-quote{font-family:var(--font-condensed);letter-spacing:var(--track-tight);max-width:24ch;margin:0;font-size:clamp(28px,4.4vw,60px);font-weight:600;line-height:1.5;position:relative}.gq-mark{color:var(--text-faint)}.gq-name{appearance:none;font:inherit;color:inherit;vertical-align:middle;cursor:pointer;background:0 0;border:0;width:clamp(72px,7vw,112px);height:1em;padding:0;display:inline-block;position:relative}.gq-portrait{background:var(--surface-tile);width:100%;box-shadow:var(--shadow-frame);border-radius:10px;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.gq-portrait img{aspect-ratio:1;object-fit:cover;filter:grayscale()contrast(1.08);width:100%;display:block}.gq-monogram{font-family:var(--font-condensed);letter-spacing:var(--track-tight);color:var(--text-muted);aspect-ratio:1;place-items:center;width:100%;font-size:clamp(20px,3vw,36px);font-weight:800;display:grid}.gq-tooltip{white-space:nowrap;font-family:var(--font-mono);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--text-inverse);background:var(--surface-ink);border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-frame);opacity:0;pointer-events:none;z-index:5;padding:6px 11px;font-size:10px;transition:opacity .2s,transform .25s cubic-bezier(.34,1.2,.64,1);position:absolute;bottom:calc(50% + clamp(72px,7vw,112px)/2 + 9px);left:50%;transform:translate(-50%,6px)}.gq-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--surface-ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.gq-name:hover .gq-tooltip,.gq-name:focus-visible .gq-tooltip,.gq-name.is-open .gq-tooltip{opacity:1;transform:translate(-50%)}.gq-attrib{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.gq-guardian{font-family:var(--font-condensed);font-weight:800;font-size:var(--text-display);letter-spacing:var(--track-tight);text-transform:uppercase;color:var(--text-primary);line-height:1}.gq-guardian-logo{width:auto;height:102px;transition:filter var(--dur-mode,.2s) var(--ease-standard,ease);display:block}[data-theme=dark] .gq-guardian-logo{filter:brightness(0)invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gq-guardian-logo{filter:brightness(0)invert()}}.gq-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-mono);text-transform:uppercase;color:var(--text-primary);opacity:.6;text-decoration:none;transition:opacity .15s linear}.gq-link:hover{opacity:1}@media (max-width:768px){.gq{padding:var(--space-14) var(--gutter);gap:var(--space-7);min-height:100svh}.gq-quote{max-width:20ch;font-size:clamp(20px,5.6vw,27px);line-height:1.4}.gq-name{width:clamp(46px,12vw,60px)}.gq-tooltip{bottom:calc(50% + clamp(46px,12vw,60px)/2 + 8px)}.gq-guardian-logo{height:58px}}