/* Softly rounded photographs with a restrained aurora at their edges. */
.cosmic .artwork-frame{--light-x:50%;--light-y:35%;position:relative;isolation:isolate;display:block;background:none;border:0;border-radius:24px;padding:0;box-shadow:none;overflow:visible;line-height:0}
.cosmic .artwork-frame:before{content:none;display:none}
.cosmic .artwork-frame:after{content:'';position:absolute;inset:2px;z-index:-1;border:0;border-radius:24px;pointer-events:none;padding:0;mask:none;background:linear-gradient(135deg,#9877c644,transparent 48%,#65a89938);filter:blur(17px);opacity:.5;transition:opacity .45s,transform .6s;box-shadow:none}
.cosmic .artwork-frame>img{position:relative;z-index:1;display:block;border:0;outline:0;background:none;border-radius:24px;filter:none;mix-blend-mode:normal;box-shadow:none;margin-inline:auto}
.cosmic.material-light .artwork-frame:hover{border:0;box-shadow:none}.cosmic.material-light .artwork-frame:hover:after{opacity:.7;transform:translate(var(--drift-x,0px),var(--drift-y,0px))}
.cosmic .artwork-frame:focus-visible{outline:2px solid #efd3fa;outline-offset:5px;border-radius:24px}
.cosmic .portfolio-grid{column-gap:32px}.cosmic .portfolio-grid .artwork-frame{margin-bottom:28px;break-inside:avoid}
.cosmic .home-gallery{gap:32px}.cosmic .home-gallery .artwork-frame{width:fit-content;max-width:100%;justify-self:center;background:none}.cosmic .home-gallery .artwork-frame img{width:auto;height:auto;max-width:100%;max-height:min(51svh,560px);background:none}
.cosmic .ed-gallery{gap:32px}.cosmic .ed-gallery .artwork-frame{margin:0;max-width:100%;width:fit-content;justify-self:center}.cosmic .ed-gallery .artwork-frame img{width:auto;height:auto;max-width:100%;max-height:62svh}.cosmic .editorial-card .artwork-frame{margin:0 auto 6px;width:fit-content;max-width:100%}.cosmic .editorial-card .artwork-frame img{width:auto;height:auto;max-width:100%;max-height:360px}
.cosmic .gallery-tabs button{border:0;border-radius:25px;background:#b2a0d00d}.cosmic .gallery-tabs button[aria-selected=true]{background:#d8b9ed1c;box-shadow:0 6px 24px #0905104d}
.quiet-artwork .artwork-frame:after{opacity:0}

/* W1 stays walnut and brass. The lettering sits on a small paper label. */
.compact-cabinet .drawer-label{position:relative;isolation:isolate;width:75%;max-width:250px;margin:0 auto;min-height:47px;padding:5px 9px 7px;background:radial-gradient(ellipse at 17% 18%,#fff9e87d,transparent 68%),repeating-linear-gradient(6deg,#573b1610 0 1px,transparent 1px 4px),linear-gradient(112deg,#edd8b4,#f1e3ce 55%,#d7c29c);color:#342619;border:0;border-radius:2px 4px 2px 3px;box-shadow:0 2px 3px #130b0588,0 5px 8px #130b0538,inset 0 1px #fff6df9e;transform:rotate(-.6deg)}
.compact-cabinet .cabinet-drawer:nth-child(even) .drawer-label{transform:rotate(.55deg)}
.compact-cabinet .drawer-label:before{content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;opacity:.38;background:radial-gradient(1px 1px at 12% 22%,#74502377,transparent),radial-gradient(1px 1px at 67% 83%,#74502355,transparent),radial-gradient(1px 1px at 88% 16%,#fff7dfcc,transparent);background-size:19px 17px,23px 21px,13px 15px}
.compact-cabinet .drawer-label .drawer-category{color:#68533b;font-size:7px;line-height:1.1;letter-spacing:.08em;margin:0 0 2px;text-shadow:none}
.compact-cabinet .drawer-label .drawer-title{color:#342619;font-family:Allura,cursive;font-size:29px;line-height:1.05;text-shadow:none}
.compact-cabinet .cabinet-drawer>summary{padding-top:13px}.compact-cabinet .cabinet-drawer>summary:focus-visible{outline:2px solid #edd8b4;outline-offset:-3px;border-radius:10px}
.compact-cabinet .drawer-index{top:auto;bottom:12px;left:17px;font-family:var(--font-stamp);font-size:14px;font-weight:700;line-height:1;letter-spacing:.08em;color:#2d1a0f;mix-blend-mode:multiply;text-shadow:0 .7px .6px #cf975967,0 -.5px .6px #120803aa,0 0 1.5px #53230c88;opacity:.94}
@media(max-width:720px){.compact-cabinet .drawer-index{top:auto;bottom:11px;left:12px;font-size:12px}}

/* The chosen hybrid can also be compared with the three earlier studies. */
.chosen-framing{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 18px;font-size:12px}.chosen-framing button{padding:10px 17px;min-height:42px;border:0;border-radius:23px;background:#d8baed20;color:#eee1f5;cursor:pointer}.chosen-framing button[aria-pressed=true]{background:#ddc6ef32;box-shadow:0 6px 24px #03061044}.chosen-framing a{padding:8px 0;color:#cec4dd}
.observatory-demo[data-option="hybrid"] .frame-print:before{display:none;content:none}
.observatory-demo[data-option="hybrid"] .frame-print:after{content:'';position:absolute;inset:2px;z-index:-1;pointer-events:none;border-radius:24px;background:linear-gradient(135deg,#9877c644,transparent 48%,#65a89938);filter:blur(17px);opacity:.5}
.observatory-demo[data-option="hybrid"] .frame-print .photo-button,.observatory-demo[data-option="3"] .frame-print .photo-button{border-radius:24px;width:fit-content;max-width:100%;margin:auto}
.observatory-demo[data-option="hybrid"] .frame-print img,.observatory-demo[data-option="3"] .frame-print img{border-radius:24px;width:auto;height:auto;max-width:100%;max-height:280px}
@media(max-width:720px){.cosmic .artwork-frame,.cosmic .artwork-frame>img{border-radius:20px}.cosmic .portfolio-grid{column-gap:25px}.cosmic .portfolio-grid .artwork-frame{margin-bottom:25px}.cosmic .home-gallery{gap:22px}.cosmic .ed-gallery{gap:26px}.cosmic .artwork-frame:after{filter:blur(14px);inset:2px;border-radius:20px}.cosmic .observatory .collection-images{gap:13px}.compact-cabinet .drawer-label{width:92%;padding:5px 4px 6px;min-height:44px}.compact-cabinet .drawer-label .drawer-category{font-size:6.5px;letter-spacing:.03em}.compact-cabinet .drawer-label .drawer-title{font-size:25px}.compact-cabinet .cabinet-drawer>summary{padding-top:17px}.observatory-demo[data-option="hybrid"] .frame-print img,.observatory-demo[data-option="3"] .frame-print img{height:auto;max-height:235px;border-radius:20px}.chosen-framing{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.cosmic .artwork-frame:after{transition:none;transform:none!important}}