/* A quiet, luminous window for the work itself. */
html.ag body :is(#project,#alternateGalleryPreview){width:min(1180px,94vw);max-width:1180px;max-height:88svh;padding:28px;border:1px solid #c2a4de70;border-radius:30px;background:linear-gradient(135deg,#342947,#211d39);color:#f7ebff;box-shadow:0 0 0 7px #b792d90c,0 0 65px #ae6adc25,0 24px 80px #0d0a235c;overflow:auto}
html.ag body :is(#project,#alternateGalleryPreview)::backdrop{background:#151329a8;backdrop-filter:blur(14px)}
html.ag body #project .dialog-head,html.ag body #alternateGalleryPreview .alt-preview-toolbar{position:absolute;top:20px;right:23px;min-height:0;width:auto;padding:0;border:0;background:transparent;z-index:3}
html.ag body #project .dialog-head>span,html.ag body #alternateGalleryPreview .alt-preview-toolbar>span{display:none}
html.ag body #project .dialog-head button,html.ag body #alternateGalleryPreview .alt-preview-toolbar button{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:27px;line-height:1}
html.ag body :is(#project,#alternateGalleryPreview) button:focus-visible{outline:2px solid #e0a6fa;outline-offset:3px}
html.ag body #projectBody,html.ag body #alternateGalleryPreview .alt-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:center}
html.ag body #projectBody .project-media,html.ag body #alternateGalleryPreview .alt-preview-media{margin:0;padding:0;border:1px solid #dbc9ea66;border-radius:16px;overflow:hidden;background:#f0eee8;min-width:0;grid-column:1;grid-row:1}
html.ag body #projectBody .project-media figure{margin:0;min-width:0;display:flex;justify-content:center;align-items:center}
html.ag body #projectBody .project-media img,html.ag body #alternateGalleryPreview .alt-preview-media :is(img,video){display:block;width:100%;height:auto;max-height:64svh;object-fit:contain;border-radius:0;background:transparent}
html.ag body #projectBody .project-media-page img,html.ag body #alternateGalleryPreview.has-project-set .alt-preview-media img{max-height:none}
html.ag body #projectBody .project-media-pair{grid-template-columns:1fr;gap:16px;padding:16px}
html.ag body #projectBody .project-details,html.ag body #alternateGalleryPreview .alt-preview-intro{grid-column:2;grid-row:1;padding:32px 0 12px;align-self:start;min-width:0}
html.ag body #projectBody .project-client,html.ag body #alternateGalleryPreview .alt-preview-intro>span{display:block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:36px;font-weight:500;line-height:1.04;letter-spacing:-1.5px;color:#fff;margin:17px 0 18px}
html.ag body #projectBody h2,html.ag body #alternateGalleryPreview .alt-preview-intro h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:46px;font-weight:400;line-height:1.02;letter-spacing:-1.5px;color:#e0a6fa;margin:0 0 28px;overflow-wrap:anywhere}
html.ag body #projectBody .project-description,html.ag body #alternateGalleryPreview .alt-preview-intro p{font-size:13px;line-height:1.65;letter-spacing:0;color:#e0d7ec;max-width:none;margin:0}
html.ag body #alternateGalleryPreview .alt-preview-media figcaption{color:#4b4054;padding:0 14px 14px;font-size:12px}
html.ag body #alternateGalleryPreview.has-project-set .alt-preview-media{padding:16px}
html.ag body #alternateGalleryPreview.has-project-set :is(.alt-project-set-heading>span,figcaption){color:#4b4054}
@media(max-width:750px){
 html.ag body :is(#project,#alternateGalleryPreview){width:94vw;max-height:90svh;padding:20px;border-radius:22px}
 html.ag body #projectBody,html.ag body #alternateGalleryPreview .alt-preview-body{grid-template-columns:minmax(0,1fr);gap:24px}
 html.ag body #projectBody .project-details,html.ag body #alternateGalleryPreview .alt-preview-intro{grid-column:1;grid-row:1;padding:15px 34px 0 0}
 html.ag body #projectBody .project-media,html.ag body #alternateGalleryPreview .alt-preview-media{grid-column:1;grid-row:2;border-radius:12px}
 html.ag body #projectBody .project-client,html.ag body #alternateGalleryPreview .alt-preview-intro>span{font-size:29px;letter-spacing:-1px;margin:10px 0 14px}
 html.ag body #projectBody h2,html.ag body #alternateGalleryPreview .alt-preview-intro h2{font-size:38px;letter-spacing:-1px;margin-bottom:20px}
 html.ag body #projectBody .project-media img,html.ag body #alternateGalleryPreview .alt-preview-media :is(img,video){max-height:none}
 html.ag body #project .dialog-head,html.ag body #alternateGalleryPreview .alt-preview-toolbar{top:15px;right:15px}
}
html.ag body #alternateGalleryPreview .alt-preview-intro>span{color:#fff!important}
html.ag body #alternateGalleryPreview.has-project-set :is(.alt-project-set-heading h3,.alt-project-set-heading>span,figcaption){color:#4b4054!important}

/* Fill Virtue’s window and place the poster centers at the frame’s midpoint. */
html.ag body #project[data-project-name="virtue juice bar"] .project-media figure{aspect-ratio:1.65;overflow:hidden}
html.ag body #project[data-project-name="virtue juice bar"] .project-media img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 33%;transform:scale(1.1);transform-origin:50% 0}

html.ag body :is(#project,#alternateGalleryPreview) .project-spark{position:relative;display:block;width:28px;height:28px;margin:0 0 22px;isolation:isolate}
html.ag body :is(#project,#alternateGalleryPreview) .project-spark:before{content:'';position:absolute;inset:-5px;background:radial-gradient(circle,#d9a1f15e,transparent 68%);filter:blur(5px);z-index:-1}
html.ag body :is(#project,#alternateGalleryPreview) .project-spark svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 4px #e3acfa60)}
html.ag body :is(#project,#alternateGalleryPreview)[open]{animation:project-window-fade .3s ease-out both}
html.ag body :is(#project,#alternateGalleryPreview)[open]::backdrop{animation:project-backdrop-fade .3s ease-out both}
@keyframes project-window-fade{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes project-backdrop-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html.ag body :is(#project,#alternateGalleryPreview)[open],html.ag body :is(#project,#alternateGalleryPreview)[open]::backdrop{animation:none}}

/* The glow stays in the frame, away from the artwork and reading area. */
html.ag body :is(#project,#alternateGalleryPreview){background:radial-gradient(ellipse at 100% 100%,#bd80e249 0%,#8954b525 22%,transparent 55%),linear-gradient(135deg,#342947,#211d39);box-shadow:0 0 0 7px #b792d90c,0 0 65px #ae6adc25,0 24px 80px #0d0a235c,35px 35px 80px -30px #cb8aee55}
html.ag body :is(#project[data-star-position],#alternateGalleryPreview[data-star-position]) :is(.project-details,.alt-preview-intro){display:flex;flex-direction:column;align-self:stretch}
html.ag body :is(#project,#alternateGalleryPreview)[data-star-position="top"] .project-spark{order:-1;margin:0 0 18px}
html.ag body :is(#project,#alternateGalleryPreview)[data-star-position="bottom"] .project-spark{order:2;margin:28px 0 0}
@media(min-width:751px){html.ag body :is(#project,#alternateGalleryPreview)[data-star-position="bottom"] .project-spark{margin-top:auto;padding-top:0}}