.h2-queens{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hq{opacity:0;animation:fadeUp 1.4s var(--ease-out) .5s forwards;background:0 0;margin:0;padding:0;position:relative}.hq.cm{transform:rotate(-2deg)}.hq.za{margin-top:var(--space-16);animation-delay:.75s;transform:rotate(2deg)}@keyframes fadeUp{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}.hq-art{isolation:isolate;padding:5.5% 5.5% 22.5%;position:relative;box-shadow:0 34px 70px -28px #000000d9}.hq-frame{z-index:0;background-size:100% 100%;position:absolute;inset:0;overflow:hidden}.hq.cm .hq-frame{background-image:url(/assets/frame-cm.svg)}.hq.za .hq-frame{background-image:url(/assets/frame-za.svg)}.hq-frame:before{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#0000000f 0 1px,#0000 1px 3px);position:absolute;inset:0}.hq-frame:after{content:"";background:linear-gradient(100deg,#0000,#ffffff52,#0000);width:45%;animation:7s ease-in-out infinite sheen;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-12deg)}.hq.za .hq-frame:after{animation-delay:3.5s}@keyframes sheen{0%,55%{left:-60%}85%,to{left:130%}}.hq-img{z-index:1;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;filter:grayscale()sepia(.2)contrast(1.08);width:100%;max-width:100%;height:auto;display:block;position:relative;box-shadow:0 0 0 1px #00000059,0 0 0 3px #f3ecdce6}.hq figcaption{color:var(--on-dark-muted);letter-spacing:.1em;text-transform:uppercase;gap:2px;padding:14px 2px 0;font-size:11px;display:grid}.hq figcaption b{font-family:var(--font-display);font-weight:500;font-size:var(--text-base);letter-spacing:0;text-transform:none;color:var(--ivory)}.hq-note{font-family:var(--font-display);color:var(--on-dark-muted);font-style:italic;font-size:var(--text-base);max-width:40ch;margin-top:var(--space-2);grid-column:1/-1}@media (prefers-reduced-motion:reduce){.hq{opacity:1;animation:none}.hq-frame:after{animation:none;display:none}}@media (width<=1000px){.h2-queens{max-width:520px;margin-bottom:var(--space-8);order:-1}.hq-note{font-size:var(--text-sm)}}@media (width<=560px){.h2-queens{gap:var(--space-3)}.hq.za{margin-top:var(--space-8)}.hq figcaption{padding:8px 2px 10px;font-size:9px}.hq figcaption b{font-size:var(--text-sm)}.hq-img{box-shadow:0 0 0 1px #00000059,0 0 0 2px #f3ecdce6}}