/* An actual visible glass mount around every photograph and artwork. Images stay sharp. */
:root{--panel-edge:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff25,inset 0 -1px 0 #ffffff15,0 18px 36px #0008,0 2px 6px #0008}
.project-card{background:transparent;border:0;overflow:visible;box-shadow:none}
.project-card:hover{background:transparent;border-color:transparent}
.hero .hero-link,.project-card .image,.project-gallery>button,.flow-art,.photo-index .glass-gallery>button{
 position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff38;border-radius:19px;
 padding:clamp(12px,1.5vw,22px);background:linear-gradient(135deg,#dceaff26,#6989b610 48%,#ffffff17);
 box-shadow:var(--panel-edge);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);
}
.hero .hero-link::before,.project-card .image::before,.project-gallery>button::before,.flow-art::before,.photo-index .glass-gallery>button::before{
 content:'';position:absolute;inset:-28px;z-index:-1;background-image:var(--artwork,none);background-size:cover;background-position:center;filter:blur(25px) saturate(1.25);opacity:.3;pointer-events:none;
}
.hero .hero-link::after,.project-card .image::after,.project-gallery>button::after,.flow-art::after,.photo-index .glass-gallery>button::after{
 content:'';display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff13,transparent 35%,transparent 73%,#ffffff09);box-shadow:inset 0 1px 1px #ffffff65;
}
.project-card .image img,.project-gallery>button img,.flow-art img,.photo-index .glass-gallery>button img{position:relative;display:block;z-index:1;padding:0!important;border-radius:7px;box-shadow:0 6px 16px #0007;filter:none;background:transparent}
.project-card .image img{width:100%;height:100%;object-fit:contain;transform:none}
.project-card:hover .image img{transform:none}
.project-card .image.photography img,.photo-ribbon .project-card .image img,.flow-art img,.photo-index .glass-gallery>button img{object-fit:cover}
.project-card .tile-caption{background:transparent;padding:18px 3px 6px;border:0}
.project-gallery,.project-gallery.sfts,.project-gallery.toxic{gap:28px;align-items:start}
.project-gallery>button,.project-gallery.sfts>button,.project-gallery.toxic>button{height:auto!important;min-height:0;grid-row:auto;display:block}
.project-gallery>button img,.project-gallery.sfts>button img,.project-gallery.sfts>button:first-child img,.project-gallery.toxic>button img{width:100%;height:auto!important;max-height:68svh;aspect-ratio:var(--panel-ratio,1);object-fit:contain;margin:0}
.flow-art{padding:14px}.flow-art img{width:100%;height:100%}
.photo-index .glass-gallery>button{padding:12px}.photo-index .glass-gallery>button img{width:100%;height:100%}
.photo-ribbon .project-card{padding:0}.photo-ribbon .project-card:nth-child(even){padding-top:0}
.index .project-card .image{padding:7px;border-radius:12px}.index .project-card .tile-caption{padding:0}
.viewer-help{position:relative;flex:none;margin:0;text-align:center;font-size:11px;line-height:1.4;color:#c5ced8}
#lightbox .lightbox-stage{touch-action:pinch-zoom;cursor:default;overscroll-behavior:contain}
#lightbox .lightbox-stage.viewport-zoomed,#lightbox .lightbox-stage.zoomed{touch-action:pan-x pan-y pinch-zoom;cursor:grab}
#lightbox .lightbox-stage img{object-fit:contain;object-position:center;background:transparent;filter:none}
@media(max-width:800px){.project-gallery,.project-gallery.sfts,.project-gallery.toxic{gap:24px}.project-card .image,.project-gallery>button{padding:12px;border-radius:16px}.project-gallery>button img{max-height:66svh}.flow-art{padding:12px;border-radius:17px}.photo-index .glass-gallery>button{padding:9px;border-radius:14px}.viewer-help{font-size:10px}.project-card .tile-caption{padding:14px 2px 4px}}
@media(max-height:520px) and (orientation:landscape){.viewer-help{display:none}.viewer-surface{gap:7px;padding-block:8px}#lightbox .controls{display:flex;min-height:44px;flex-wrap:nowrap}#lightbox .controls>*{width:auto!important;flex:1}#lightbox .lightbox-bar{min-height:44px}}
@media(prefers-reduced-transparency:reduce){.hero .hero-link,.project-card .image,.project-gallery>button,.flow-art,.photo-index .glass-gallery>button{background:#202731;backdrop-filter:none;-webkit-backdrop-filter:none}.project-card .image::before,.project-gallery>button::before{display:none}}
@media(prefers-contrast:more){.hero .hero-link,.project-card .image,.project-gallery>button,.flow-art,.photo-index .glass-gallery>button{border-color:#eee}.viewer-help{color:#fff}}
@media(forced-colors:active){.project-card .image,.project-gallery>button{border:1px solid CanvasText}.project-card .image::before,.project-gallery>button::before{display:none}}
#lightbox .controls button:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}
#lightbox .lightbox-stage:not(.zoomed) img{cursor:default}
.source-download{margin-top:24px}.source-download a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;color:#e0e9f3}

.identity-stage .project-card:first-child img{width:100%;height:100%;max-width:100%}
.hero-shell .hero{background:transparent}.hero .hero-link{padding:16px}.hero .hero-link img,.hero.art .hero-link img{padding:0;margin:0;width:100%;height:100%;border-radius:9px;box-shadow:0 7px 18px #0008;position:relative;z-index:1;filter:none}.hero.art .hero-link img{object-fit:contain}
@media(max-width:800px){.hero .hero-link{padding:10px;border-radius:16px}}