/* Objects belong to the existing Work section, with no additional scene. */
#ning-water-garden .ng-work{--work-lamp-on:1;--work-lamp-focus:0;--work-light-x:48%;--work-light-y:42%;--work-lamp-size:min(54vw,680px);--work-lamp-top:30px;--work-book-width:clamp(210px,19vw,248px);--work-book-bottom:68px;--work-book-gap:36px;isolation:isolate;min-height:980px;padding-top:calc(var(--work-lamp-top) + var(--work-lamp-size) * .42 + 64px);padding-bottom:calc(var(--work-book-width) * .75 + 16.5px + var(--work-book-bottom) + var(--work-book-gap))}
.work-reading-beam{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(13px);mix-blend-mode:screen;opacity:calc(var(--work-lamp-on) * (.72 + var(--work-lamp-focus) * .28));transition:opacity .4s}
.work-reading-pool{position:absolute;left:var(--work-light-x);top:var(--work-light-y);width:70%;height:310px;transform:translate(-50%,-50%) rotate(-14deg);background:radial-gradient(ellipse,#e7bd783b, #bd894922 36%,transparent 70%);mix-blend-mode:screen;pointer-events:none;z-index:0;opacity:calc(var(--work-lamp-on) * (.75 + var(--work-lamp-focus) * .25));transition:opacity .4s}
#ning-water-garden .ng-work>.ng-section-head,#ning-water-garden .ng-work>.ng-project,#ning-water-garden .ng-work>.ng-work-end{position:relative;z-index:1}
/* The rear elbow and upright sit off the left edge; the diagonal arm reaches into view. */
#ning-water-garden .work-reading-lamp{position:absolute;top:var(--work-lamp-top);bottom:0;left:calc(var(--work-lamp-size) * -.32);width:var(--work-lamp-size);padding:0;border:0;background:transparent;z-index:0;cursor:pointer;filter:brightness(calc(.25 + var(--work-lamp-on) * .40)) drop-shadow(0 7px 8px #0007);transition:filter .4s}
/* Keep the head and articulated arm at their original proportions; only the straight shaft extends. */
.work-reading-lamp img{display:block;position:absolute;left:0;width:100%;height:var(--work-lamp-size);object-fit:fill;transform:scaleX(-1);pointer-events:none}
.work-lamp-head{top:0;clip-path:inset(0 0 52% 0)}
.work-lamp-base{display:none!important}
.work-lamp-shaft{position:absolute;left:0;right:0;top:calc(var(--work-lamp-size) * .47);bottom:0;overflow:hidden;pointer-events:none}
.work-lamp-shaft img{top:-520%;height:1000%}
#ning-water-garden .ng-work>.ng-section-head{text-shadow:0 2px 7px #050b0b,0 0 20px #050b0b}
#ning-water-garden .ng-work .ng-project-toggle{text-shadow:0 2px 6px #050b0b,0 0 14px #050b0ba8}
.work-lamp-hint{position:absolute;top:calc(var(--work-lamp-size) * .45);left:60%;font:10px/1.5 Arial,sans-serif;white-space:nowrap;color:#ddcda9;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s}
.work-reading-lamp:is(:hover,:focus-visible) .work-lamp-hint{opacity:1;transform:translateY(0)}
#ning-water-garden .ng-work .ng-project.is-lamp-lit .ng-title{color:#f4ddb4;text-shadow:0 0 24px #deb66e30}
/* Reserve the full book image, caption and hover clearance below the closing copy. */
.work-corner-book{position:absolute;right:14%;bottom:var(--work-book-bottom);width:var(--work-book-width);z-index:2;cursor:pointer;filter:brightness(calc(.60 + var(--work-lamp-on) * .16)) drop-shadow(0 8px 8px #0009);transition:filter .3s}
.work-corner-book img{display:block;width:100%;height:auto;aspect-ratio:4/3;transition:transform .4s}
.work-corner-book:is(:hover,:focus-visible){filter:brightness(.95) drop-shadow(0 12px 12px #0009)}
.work-corner-book:is(:hover,:focus-visible) img{transform:translateY(-5px) rotate(-1deg)}
.work-book-hint{display:block;text-align:center;color:#d5c7ab;font:11px/1.5 Arial,sans-serif;letter-spacing:.04em}
.work-book-hint span{display:inline-block;margin-left:8px}
@media(max-width:760px){
  #ning-water-garden .ng-work{--work-lamp-size:390px;--work-lamp-top:24px;--work-book-width:190px;--work-book-bottom:48px;min-height:0;padding-top:calc(var(--work-lamp-top) + var(--work-lamp-size) * .42 + 48px)}
  .work-corner-book{right:16%}
  .work-reading-pool{width:95%;height:245px}.work-lamp-hint{font-size:9px}
  .work-reading-beam{filter:blur(9px)}
}
@media(prefers-reduced-motion:reduce){.work-reading-beam,.work-reading-pool,.work-reading-lamp,.work-lamp-hint,.work-corner-book,.work-corner-book img{transition:none}.work-corner-book:is(:hover,:focus-visible) img{transform:none}}