/* Reality: an image-led, two-column editorial portfolio. The Sim keeps its list. */
#site.light-sim #work{padding-top:80px;padding-bottom:85px}
#site.light-sim #work .sectionhead{margin-bottom:32px;padding-bottom:24px;align-items:baseline}
#site.light-sim #work .sectionhead h2{font-size:clamp(48px,6vw,82px)}
#site.light-sim #work .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;overflow:visible}
#site.light-sim #work .project{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;background:none;overflow:visible;outline-offset:7px}
#site.light-sim #work .project::before{display:none}
#site.light-sim #work .visual{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/10;margin:0;opacity:1;transform:none!important;filter:none;border:1px solid #dfe0e2;box-shadow:none;overflow:hidden;border-radius:0;pointer-events:none;z-index:0;animation:none!important;background:#f1f1f1}
#site.light-sim #work .visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .65s cubic-bezier(.16,1,.3,1)}
#site.light-sim #work .visual.xero img{object-fit:contain;background:#f2f2ef}
#site.light-sim #work .visual.piguet img{object-position:50% 42%}
#site.light-sim #work .visual::after{display:none}
#site.light-sim #work .projectline{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:17px 30px 0 0;width:100%;box-sizing:border-box;pointer-events:none}
#site.light-sim #work .projectline::before{content:'0' counter(sim-project);font:9px/1.2 monospace;color:#979b9e;letter-spacing:1px}
#site.light-sim #work .projectline::after{content:'↗';position:absolute;right:1px;top:34px;font-size:23px;font-weight:400;color:#20232c;transition:transform .3s}
#site.light-sim #work .projectline strong{max-width:100%;font-size:clamp(22px,2.1vw,32px);line-height:1.15;letter-spacing:-.045em;font-weight:400;color:#3d3632;transform:none}
#site.light-sim #work .projectline span{font:8px/1.6 monospace;letter-spacing:.8px;color:#8f7d71;max-width:100%}
#site.light-sim #work .project:hover,#site.light-sim #work .project:focus-visible,#site.light-sim #work .project.preview-open{background:none}
#site.light-sim #work .project:hover .visual,#site.light-sim #work .project:focus-visible .visual,#site.light-sim #work .preview-open .visual{opacity:1;transform:none!important;animation:none!important;box-shadow:none}
#site.light-sim #work .project:hover .visual img,#site.light-sim #work .project:focus-visible .visual img{transform:scale(1.025)}
#site.light-sim #work .project:hover strong,#site.light-sim #work .project:focus-visible strong{color:#20232c;transform:none}
#site.light-sim #work .project:hover .projectline::after,#site.light-sim #work .project:focus-visible .projectline::after{transform:translate(3px,-3px)}
#site.light-sim #work .project:focus-visible{outline:2px solid #20232c}
@media(max-width:900px){#site.light-sim #work .grid{gap:32px 23px}#site.light-sim #work .projectline strong{font-size:24px}}
@media(max-width:600px){#site.light-sim #work{padding-top:55px;padding-bottom:60px}#site.light-sim #work .grid{grid-template-columns:1fr;gap:30px}#site.light-sim #work .sectionhead{margin-bottom:25px}#site.light-sim #work .sectionhead h2{font-size:48px}#site.light-sim #work .projectline strong{font-size:25px}#site.light-sim #work .projectline{gap:8px;padding-top:14px}#site.light-sim #work .projectline::after{top:29px}}
@media(prefers-reduced-motion:reduce){#site.light-sim #work .visual img,#site.light-sim #work .projectline::after{transition:none}#site.light-sim #work .project:hover .visual img,#site.light-sim #work .project:focus-visible .visual img{transform:none}}
/* Keep the 2 × 2 arrangement, with compact thumbnails and copy alongside. */
#site.light-sim #work{padding-top:65px;padding-bottom:70px}
#site.light-sim #work .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 38px}
#site.light-sim #work .project{display:grid;grid-template-columns:clamp(110px,12vw,165px) minmax(0,1fr);gap:22px;align-items:center;padding:0;min-height:0}
#site.light-sim #work .visual{width:100%;height:auto;aspect-ratio:4/3}
#site.light-sim #work .projectline{padding:0 23px 0 0;gap:9px;min-width:0}
#site.light-sim #work .projectline strong{font-size:clamp(20px,1.8vw,27px);line-height:1.15;max-width:100%}
#site.light-sim #work .projectline span{font-size:7px;line-height:1.6;letter-spacing:.6px}
#site.light-sim #work .projectline::before{font-size:8px}
#site.light-sim #work .projectline::after{top:17px;font-size:19px}
@media(max-width:900px){#site.light-sim #work .grid{gap:27px 24px}#site.light-sim #work .project{grid-template-columns:105px minmax(0,1fr);gap:16px}#site.light-sim #work .projectline strong{font-size:21px}#site.light-sim #work .projectline{padding-right:0}#site.light-sim #work .projectline::after{display:none}}
@media(max-width:600px){#site.light-sim #work{padding-top:48px;padding-bottom:52px}#site.light-sim #work .grid{grid-template-columns:1fr;gap:25px}#site.light-sim #work .project{grid-template-columns:112px minmax(0,1fr);gap:19px}#site.light-sim #work .projectline{gap:8px;padding:0}#site.light-sim #work .projectline strong{font-size:22px}#site.light-sim #work .projectline span{font-size:7px}}
@media(max-width:360px){#site.light-sim #work .project{grid-template-columns:95px minmax(0,1fr);gap:15px}#site.light-sim #work .projectline strong{font-size:20px}}
/* Give the compact project grid a more generous, typographic section rhythm. */
#site.light-sim #work{padding-top:110px;padding-bottom:120px}
#site.light-sim #work .sectionhead{margin-bottom:42px;padding-bottom:30px}
#site.light-sim #work .sectionhead h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,8.4vw,128px);font-weight:700;line-height:.96;letter-spacing:-.075em}
#site.light-sim #work .grid{gap:46px 44px}
#site.light-sim #work .project{min-height:185px;align-items:center}
#site.light-sim #work .projectline strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.4vw,37px);font-weight:700;line-height:1.06;letter-spacing:-.06em}
#site.light-sim #work .projectline{gap:12px}
#site.light-sim #work .projectline::before{font-size:9px;letter-spacing:1px}
#site.light-sim #work .projectline span{font-size:8px;line-height:1.65}
#site.light-sim #work .projectline::after{top:19px;font-size:21px}
@media(min-width:1400px){#site.light-sim #work .project{min-height:215px}}
@media(max-width:900px){#site.light-sim #work{padding-top:85px;padding-bottom:95px}#site.light-sim #work .grid{gap:35px 28px}#site.light-sim #work .project{min-height:175px}#site.light-sim #work .projectline strong{font-size:26px}}
@media(max-width:600px){#site.light-sim #work{padding-top:70px;padding-bottom:75px}#site.light-sim #work .sectionhead{margin-bottom:30px;padding-bottom:24px}#site.light-sim #work .sectionhead h2{font-size:clamp(55px,13vw,74px)}#site.light-sim #work .grid{gap:24px}#site.light-sim #work .project{min-height:140px}#site.light-sim #work .projectline strong{font-size:25px}#site.light-sim #work .projectline{gap:9px}#site.light-sim #work .projectline span{font-size:7px}}