/* Works family: slate-grey controls and surfaces; shared chrome keeps its palette. */
body.subpage.page-works main,
body.subpage.page-works .breadcrumb,
body.page-top .section--works{
  --works-start:#55616b;
  --works-end:#929da6;
  --works-accent:#606d77;
  --works-hover:#5f727e;
  --works-ink:#3d4a55;
  --works-muted:#626e77;
  --works-line:#d1d9de;
  --works-soft:#eef1f3;
  --ink:var(--works-ink);
  --muted:var(--works-muted);
  --accent:var(--works-accent);
  --deep:#414d57;
  --line:var(--works-line);
  --soft:var(--works-soft);
  --accent-sheet:#e1e6e9;
}
body.subpage.page-works{background:#f8fafb}
body.subpage.page-works main{color:var(--works-ink)}
body.subpage.page-works :is(#works-awards-heading,#works-heading){background:linear-gradient(110deg,var(--works-start),var(--works-end));color:#fff}
body.subpage.page-works :is(#works-awards-heading,#works-heading)::before{background:#d0d9df}
body.subpage.page-works .works-heading-eyebrow{color:#edf1f4}
body.subpage.page-works .works-grid{background:#eef1f3;border-color:var(--works-line);box-shadow:0 10px 26px #3d4a5509}
body.subpage.page-works .works-item:nth-child(n){border-color:var(--works-line);box-shadow:0 6px 16px #3d4a550c}
body.subpage.page-works .works-caption{color:var(--works-ink)}
body.subpage.page-works .works-caption::after{border-color:#cbd4db;background-image:url('../img/ui/arrow-forward-slate.svg')}
body.subpage.page-works a.works-item:is(:hover,:focus-visible){border-color:#82939f;box-shadow:0 14px 28px #3d4a5529}
body.subpage.page-works a.works-item:nth-child(3n+1):is(:hover,:focus-visible){box-shadow:8px 9px 0 #dce3e8,0 16px 28px #3d4a5521}
body.subpage.page-works a.works-item:nth-child(3n+2):is(:hover,:focus-visible){box-shadow:0 18px 32px #3d4a5526}
body.subpage.page-works a.works-item:is(:hover,:focus-visible) .works-caption::after{background-color:#e7ecef;border-color:#82939f}
body.subpage.page-works .award-card{color:var(--works-ink);border-color:var(--works-line);box-shadow:0 5px 16px #3d4a550c}
body.subpage.page-works .award-card-photo{background:var(--works-soft)}
body.subpage.page-works .award-card-link{color:var(--works-accent);border-color:#d9e0e5}
body.subpage.page-works .award-card-arrow{border-color:#c3cdd5;background-image:url('../img/ui/arrow-forward-slate.svg')}
body.subpage.page-works .award-card:is(:hover,:focus-visible){border-color:#82939f;box-shadow:0 9px 22px #3d4a551f}
body.subpage.page-works .award-card:is(:hover,:focus-visible) :is(.award-card-link,.award-card-arrow){border-color:#82939f}
body.subpage.page-works-detail .work-thumb{background:#eef1f3;border-color:var(--works-line);box-shadow:0 8px 20px #3d4a5521}
body.subpage.page-works-detail .work-cap{color:var(--works-ink);border-color:var(--works-line)}
body.subpage.page-works-detail .work-cap :is(.client,.work-award-description){color:var(--works-muted)}
body.subpage.page-works-detail a.btn-back{background:var(--works-accent);border-color:var(--works-accent);color:#fff}
body.subpage.page-works-detail a.btn-back:is(:hover,:focus-visible){background:var(--works-hover);border-color:var(--works-hover);box-shadow:0 8px 18px #3d4a5538,inset 0 1px 0 #ffffff2e}
body.subpage.page-works-detail a.btn-back:active{background:var(--works-hover);border-color:var(--works-hover);box-shadow:inset 0 2px 5px #29343e33}
body.subpage.page-works .initiatives-fuji::before{border-color:#d0d9de;background:linear-gradient(135deg,#e0e6ea,#e9edee)}
body.subpage.page-works a.fuji-hero .fuji-cta .btn-link{background:var(--works-accent);border-color:var(--works-accent)}
body.subpage.page-works :is(.fuji-hero__cap p,.fuji-lead){color:var(--works-muted)}
body.subpage.page-works a.fuji-hero:is(:hover,:focus-visible,:active) .fuji-cta .btn-link{background:var(--works-hover);border-color:var(--works-hover);box-shadow:0 6px 14px #3d4a5529}
body.subpage.page-works :is(a.award-card,a.works-item,a.fuji-hero,a.btn-back):focus-visible{outline-color:var(--works-accent)}
/* TOP Works keeps its approved photo movement and backing-sheet response. */
body.page-top .section--works a.wide.works{box-shadow:8px 10px 0 #d7dee3,0 18px 38px #3d4a552b}
body.page-top .section--works a.wide.works .cap{background:linear-gradient(135deg,#f7f9faf7,#e5eaedf7);color:var(--works-ink)}
body.page-top .section--works a.wide.works .cap::before{background:var(--works-accent)}
body.page-top .section--works a.wide.works .section-head{background:linear-gradient(110deg,#fffffff5,#e9eef1e6);color:var(--works-ink)}
body.page-top .section--works a.wide.works .section-head .eyebrow{background:linear-gradient(130deg,#414d57,#626f7a);color:#fff}
body.page-top .section--works a.wide.works .cap p{color:var(--works-muted)}
body.page-top .section--works a.wide.works .top-panel-link{background:#f2f4f5;border-color:#b8c4cd;color:var(--works-accent)}
body.page-top .section--works a.wide.works .top-panel-link>span{background:#e9eef1;border-color:#c4cfd7;color:var(--works-accent)}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:11px 13px 0 #b8c4cd,0 18px 38px #3d4a553b,inset 0 0 0 2px #ffffffd1}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{box-shadow:0 14px 32px #29343e40,inset 0 0 0 1px #82939f40}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .top-panel-link{background:#e4eaee;border-color:#82939f}
body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .top-panel-link>span{background:var(--works-accent);border-color:var(--works-accent);color:#fff}
body.page-top .section--works a.wide.works:focus-visible{outline-color:var(--works-accent)}
body.page-top .section--works a.wide.works:active{outline-color:var(--works-hover)}
@media(max-width:760px){
 body.subpage.page-works a.works-item:nth-child(3n+1):is(:hover,:focus-visible){box-shadow:5px 6px 0 #dce3e8,0 14px 24px #3d4a5521}
 body.page-top .section--works a.wide.works{background:#eef1f3;box-shadow:5px 7px 0 #d7dee3,0 15px 24px #3d4a552b}
 body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:7px 9px 0 #b8c4cd,0 15px 24px #3d4a5533,inset 0 0 0 2px #ffffffc2}
 body.page-top .section--works a.wide.works:is(:hover,:focus-visible) .cap{box-shadow:0 10px 24px #29343e38,inset 0 0 0 1px #82939f40}
}
@media(max-width:620px){
 body.page-top .section--works .wide.works[data-interaction-motion]{box-shadow:0 0 0 #d7dee300,0 16px 28px #3d4a552b,inset 0 0 0 2px #ffffff94}
 body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:2px 2px 0 #b8c4cd,0 16px 28px #3d4a5533,inset 0 0 0 2px #ffffffc2}
}
@media(prefers-reduced-motion:reduce){
 body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:8px 10px 0 #b8c4cd,0 18px 38px #3d4a553b,inset 0 0 0 2px #ffffffd1}
 @media(max-width:760px){body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:5px 7px 0 #b8c4cd,0 15px 24px #3d4a5533,inset 0 0 0 2px #ffffffc2}}
 @media(max-width:620px){body.page-top .section--works a.wide.works:is(:hover,:focus-visible){box-shadow:0 0 0 #d7dee300,0 16px 28px #3d4a5533,inset 0 0 0 2px #ffffffc2}}
}