.matte-scene{--matte-x:0deg;--matte-y:-4deg;position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate;perspective:1300px;background:radial-gradient(ellipse at 50% 35%,#2c3944 0,#111923 60%,#0b0c10 100%);padding:clamp(32px,7%,64px)}
.matte-ambient{position:absolute;inset:8%;border-radius:50%;background:#d4af3710;filter:blur(50px);pointer-events:none}.matte-panel{position:relative;display:grid;place-items:center;max-width:100%;max-height:100%;width:100%;height:100%;transform:rotateX(var(--matte-x)) rotateY(var(--matte-y));transition:transform .35s ease;filter:drop-shadow(18px 26px 18px #0009)}
.matte-face{position:relative;display:grid;place-items:center;max-width:100%;max-height:100%;width:fit-content;height:100%;margin:auto;background:repeating-linear-gradient(0deg,#c4c8cc 0,#c4c8cc 1px,#bec4c8 1px,#bec4c8 2px);border:1px solid #d8dde1;box-shadow:3px 1px 0 #a5adb5,5px 2px 0 #5e6873,7px 3px 0 #252d35;overflow:hidden}
.art-gallery .matte-art{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:1;aspect-ratio:auto}
.matte-grain,.matte-diffusion{position:absolute;inset:0;z-index:2;pointer-events:none}.matte-grain{background:repeating-linear-gradient(0deg,#fff0 0 1px,#fff9 1px 2px,#0003 2px 3px);mix-blend-mode:soft-light;opacity:.075}.matte-diffusion{background:linear-gradient(125deg,#fff2,#fff0 38%,#0000000a 75%,#ffffff0a);mix-blend-mode:soft-light;opacity:.34}.matte-tag{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 9px;border:1px solid #d4af3744;border-radius:30px;color:#e6d6a7;background:#10141bcc;font:10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.12em;white-space:nowrap}.gallery-slide--matte{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;width:100%}.gallery-slide--matte[hidden]{display:none!important}.gallery-slide--matte figcaption{position:relative!important;padding:10px 14px!important;background:#14161d!important;color:#c8cbd1!important;font-size:11px!important;line-height:1.5!important}.gallery-thumbs .matte-thumb{position:relative}.matte-thumb span{position:absolute;bottom:3px;left:3px;right:3px;text-align:center;background:#0b0c10d9;color:#e8d497;font-size:8px;line-height:16px;letter-spacing:.08em}.matte-shortcut{position:absolute;z-index:4;top:14px;left:14px;border:1px solid #d4af3770!important;border-radius:99px!important;background:#10141bdb!important;color:#eddcaa!important;backdrop-filter:blur(24px);padding:9px 13px!important;font-size:11px!important;line-height:1.3;box-shadow:0 5px 22px #0003}.matte-shortcut:focus-visible{outline:2px solid #ff6b35;outline-offset:4px}@media(prefers-reduced-motion:reduce){.matte-panel{transform:none;transition:none}}@media(max-width:600px){.matte-scene{padding:30px 26px}.matte-shortcut{top:8px;left:8px;font-size:10px!important;padding:8px 10px!important}}
.gallery-images{position:relative;display:block;aspect-ratio:3/4;height:auto;overflow:hidden}.gallery-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0}.gallery-slide[hidden]{display:none!important}.gallery-slide--matte{display:grid;grid-template-rows:minmax(0,1fr) auto}.matte-panel{container-type:size;min-width:0;min-height:0}.matte-face{width:100%;height:100%;min-width:0;min-height:0}.matte-face .matte-art{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}
@supports(width:1cqw){.matte-face{width:min(100cqw,calc(100cqh * var(--matte-ratio,.75)));height:min(100cqh,calc(100cqw / var(--matte-ratio,.75)));}}