/* Homepage project galleries and PhotoBlend spotlight. */
#vayloom-spotlight[hidden]{display:none!important}
.project-home #photoblend-spotlight{scroll-margin-top:90px}
.project-home :is(#work,#technology){scroll-margin-top:0}
.project-scroll-scene{position:relative;height:calc(100svh + 140vw)}
.project-scroll-sticky{position:sticky;top:0;height:100svh;min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:94px 0 30px}
.project-scroll-sticky>.shead{flex:none;margin-bottom:24px}
.project-gallery{min-width:0;flex:none}
.gallery-toolbar{display:flex;align-items:center;gap:22px;padding:0 0 14px}
.gallery-position,.gallery-hint,.project-meta,.project-status,.project-index{font:10px/1.6 var(--fm);letter-spacing:.09em;text-transform:uppercase}
.gallery-position{color:var(--mut);white-space:nowrap}
.gallery-hint{margin-left:auto;color:var(--dim);font-size:8px;white-space:nowrap}
.gallery-progress{display:block;position:relative;width:clamp(70px,14vw,180px);height:1px;background:var(--line)}
.gallery-progress-fill{position:absolute;inset:0;background:var(--acc-hi);transform:scaleX(0);transform-origin:left}
.project-window{width:100%;min-width:0;overflow:hidden;perspective:1200px}
.project-track{display:flex;position:relative;width:max-content;gap:clamp(32px,5vw,80px);align-items:center;will-change:transform;transform:translate3d(0,0,0);transform-style:flat;padding-block:14px}
.project-slide{display:flex;align-self:stretch;flex:0 0 min(72vw,760px);width:min(72vw,760px);min-width:0;transform-origin:center;backface-visibility:hidden;transform-style:flat}
.project-slide-link{display:flex;flex-direction:column;flex:1;position:relative;isolation:isolate;width:100%;color:var(--txt);text-decoration:none;cursor:pointer}
.project-slide-link::after{content:'';position:absolute;inset:0;z-index:1}
.project-art{position:relative;height:clamp(190px,34svh,340px);display:grid;place-items:center;overflow:hidden}
/* Fade only the glow to zero at every edge; keep the artwork unmasked. */
.project-art::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--project-art-background,none);background-size:var(--project-art-size,cover);background-position:var(--project-art-position,center);filter:brightness(1.2);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 22%,#000B 48%,#0004 74%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 22%,#000B 48%,#0004 74%,transparent 100%)}
.project-art>.card-art{z-index:1;width:100%;height:100%;aspect-ratio:auto;display:grid;place-items:center;border:0;border-radius:0;background:transparent!important;mask-image:none;-webkit-mask-image:none}
.project-art img{width:min(70%,420px)!important;height:auto!important;max-height:30svh!important;object-fit:contain;transform:none!important;transition:none!important}
.project-art svg{max-width:90%;max-height:30svh}
.project-slide-caption{position:relative;padding:18px 0 0}
.project-slide-caption::before{content:'';position:absolute;top:0;left:0;width:48px;height:2px;background:var(--project-accent)}
.project-meta{font-size:9px;color:var(--project-accent);margin:0 0 8px}
.project-slide-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.project-title{font:600 clamp(24px,2.8vw,35px)/1.2 var(--fd);letter-spacing:-.025em}
.project-open{color:var(--project-accent);font-size:25px}
.project-slide-foot{display:flex;justify-content:space-between;gap:16px;padding:12px 0;margin-top:12px;border-top:1px solid var(--line2)}
.project-status,.project-index{font-size:9px;color:var(--dim)}
.project-track:focus-visible,.project-slide-link:focus-visible{outline:2px solid var(--acc-hi);outline-offset:-3px}
@media(max-width:700px){
 .project-scroll-sticky{padding:86px 0 20px;min-height:550px}
 .project-scroll-sticky>.shead{margin-bottom:18px}
 .gallery-toolbar{gap:14px}
 .gallery-hint{font-size:7px;letter-spacing:.05em}
 .gallery-position{font-size:9px}
 .gallery-progress{width:50px}
 .project-slide{width:calc(100vw - 64px);flex-basis:calc(100vw - 64px)}
 .project-art{height:clamp(170px,29svh,250px)}
 .project-art img{width:86%!important;max-height:25svh!important}
 .project-slide-caption{padding-top:14px}
 .project-title{font-size:24px}
 .project-meta{font-size:8px}
 .project-slide-foot{padding:10px 0;margin-top:10px}
 .project-status,.project-index{font-size:8px}
}
@media(max-height:650px) and (min-width:701px){.project-scroll-sticky{min-height:0;padding-top:80px;padding-bottom:12px}.project-scroll-sticky>.shead{margin-bottom:10px}.project-scroll-sticky .shead h2{font-size:30px}.project-art{height:26svh}}
@media(prefers-reduced-motion:reduce){
 .project-scroll-scene{height:auto!important}
 .project-scroll-sticky{position:static;height:auto;min-height:0;padding:0}
 .project-window{overflow-x:auto}
 .project-track{transform:none!important;will-change:auto;padding-inline:0!important}
 .project-slide{transform:none!important;opacity:1!important}
}