.mask-intro{max-width:1500px;margin:auto;padding:0 8% 70px}.mask-intro>p{max-width:850px;color:var(--muted)}.mask-intro blockquote{font:clamp(28px,4vw,48px)/1.2 Georgia,serif;margin:40px 0;padding:30px;border-left:2px solid var(--accent)}#mask-filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}#mask-filters button,.mask-shortlist button,.mask-view{background:#191717;color:var(--text);padding:10px 16px;border:1px solid #51433f}#mask-filters button[aria-pressed=true]{background:var(--accent);color:#101010}.mask-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mask-card{background:#191717;border:1px solid #403834;overflow:hidden}.mask-window{position:relative;overflow:hidden;background:#171717;display:block;width:100%}.mask-window img{position:absolute;max-width:none;height:auto;display:block}.mask-view{padding:0;border:0;display:block;width:100%}.mask-copy{padding:20px}.mask-copy h3{font:24px/1.2 Georgia,serif;margin:10px 0}.mask-copy small{color:var(--accent)}.mask-favorite{display:block;width:100%;padding:12px;background:transparent;border:1px solid #857061;color:var(--text);margin-top:16px}.mask-favorite[aria-pressed=true]{background:#d5bba4;color:#111}.mask-shortlist{padding:30px;margin-top:40px;border:1px solid #51433f;background:#211b19}.mask-shortlist h2{font-size:36px}.mask-shortlist .text-link{display:block;margin:20px 0}.mask-dialog{background:#191717;color:var(--text);border:1px solid #51433f;padding:20px;max-width:90vw;width:480px;max-height:90vh}.mask-dialog::backdrop{background:#000d}.mask-close{padding:10px;background:#222;color:white;border:1px solid #888;margin-bottom:20px}.mask-dialog .mask-window{max-height:65vh}@media(max-width:1100px){.mask-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.mask-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mask-intro{padding:0 5% 45px}.mask-copy{padding:12px}.mask-copy h3{font-size:20px}}@media(max-width:380px){.mask-grid{grid-template-columns:1fr}}