.q{--dim:#8a8a8a;--faint:#ffffff1f;--mono:var(--font-label), ui-monospace, monospace;--display:var(--font-display), system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .1, 1);box-sizing:border-box;color:#ddd;min-height:100vh;font-family:var(--display);background:#000;padding:26px 8vw 12vh}.q ::selection{color:#000;background:#fff}.q a{color:inherit;text-decoration:none}.q-back,.q-label,.q-placard dt,.q-no,.q-meta,.q-date,.q-links{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.q-back,.q-links a{color:#fff;position:relative}.q-back:after,.q-links a:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--ease);background:currentColor;position:absolute;top:50%;left:-5px;right:-5px;transform:rotate(-9deg)scaleX(0)}.q-back:hover:after,.q-links a:hover:after,.q-back:focus-visible:after,.q-links a:focus-visible:after{transform:rotate(-9deg)scaleX(1)}.q-back{letter-spacing:.2em;display:inline-block}.q-head{max-width:1000px;padding:12vh 0 0}.q-label{color:var(--dim);margin:0}.q-title{font:800 clamp(64px, 11vw, 176px)/.9 var(--display);letter-spacing:-.045em;color:#fff;margin:.14em 0 .2em}.q-lede{color:#b4b4b4;max-width:560px;margin:0;font-size:17px;line-height:1.65}.q-placard{border-top:1px solid var(--faint);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:720px;margin:44px 0 0;display:grid}.q-placard div{border-bottom:1px solid var(--faint);padding:14px 16px 14px 0}.q-placard dt{color:var(--dim);font-size:10px}.q-placard dd{color:#fff;margin:6px 0 0;font-size:14px}.q-list{border-top:1px solid var(--faint);max-width:1000px;margin:72px 0 0;padding:0;list-style:none}.q-row{border-bottom:1px solid var(--faint);grid-template-columns:76px minmax(0,1fr) 170px;align-items:start;gap:24px;padding:26px 0;display:grid}.q-no{color:var(--dim);padding-top:12px}.q-name{font:700 clamp(24px, 2.6vw, 28px)/1.1 var(--display);letter-spacing:-.02em;color:#fff;margin:0}.q-name a:after{content:"";position:absolute;inset:0}.q-row{position:relative}.q-name a:hover,.q-row:hover .q-name a{font-style:italic}.q-tag{color:#b4b4b4;max-width:560px;margin:8px 0 0;font-size:15px;line-height:1.55}.q-meta{color:var(--dim);margin:12px 0 0;font-size:10px;line-height:1.7}.q-side{text-align:right;flex-direction:column;align-items:flex-end;gap:10px;padding-top:12px;display:flex}.q-date{color:var(--dim)}.q-links{z-index:1;gap:18px;display:flex;position:relative}.q-links a{transition:transform .3s var(--ease);align-items:center;gap:6px;display:inline-flex}.q-links a svg{transition:transform .3s var(--ease)}.q-links a:hover svg{transform:translate(2px,-2px)}@media (max-width:760px){.q{padding:22px 22px 10vh}.q-head{padding-top:9vh}.q-list{margin-top:48px}.q-row{grid-template-columns:1fr;gap:8px;padding:22px 0}.q-no{padding:0}.q-side{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0 0}}