/* Reality's image accordion; The Sim retains the original project list. */
.work-accordion,.work-accordion-hint{display:none}
#site.light-sim #work{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,3.2fr);gap:5%;align-items:start;background:#0b0b0b;color:#fff;padding:90px 5% 95px}
#site.light-sim #work>.grid{display:none}
#site.light-sim #work>.sectionhead{display:flex;flex-direction:column;align-items:start;border:0;margin:0;padding:12px 0;gap:28px}
#site.light-sim #work .sectionhead h2{font-size:clamp(40px,4.5vw,72px);line-height:1.02;color:#fff;max-width:240px}
#site.light-sim #work .work-accordion-hint{display:block;font-size:13px;line-height:1.6;color:#b7becb;max-width:180px;margin:0}
#site.light-sim #work .work-accordion{display:flex;gap:14px;min-width:0;width:100%;height:clamp(410px,38vw,580px)}
#site.light-sim #work .work-accordion-card{position:relative;isolation:isolate;flex:0 0 66px;min-width:0;overflow:hidden;background:#e2e7ef;transition:flex .75s cubic-bezier(.22,1,.36,1);border-radius:0}
#site.light-sim #work .work-accordion-card.accordion-active{flex:1 1 0}
#site.light-sim #work .work-accordion-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b36ed,transparent 65%);opacity:.75;z-index:1;pointer-events:none;transition:opacity .4s}
#site.light-sim #work .accordion-active::after{opacity:1}
#site.light-sim #work .work-accordion-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;transition:filter .6s,transform .9s;filter:saturate(.7)}
#site.light-sim #work .accordion-active .work-accordion-image{filter:none;transform:scale(1.01)}
#site.light-sim #work .work-accordion-toggle{position:absolute;inset:0;z-index:2;width:100%;border:0;border-radius:0;padding:0;background:none;color:#fff;cursor:pointer}
#site.light-sim #work .work-accordion-toggle:focus-visible{outline:3px solid #2355ff;outline-offset:-4px}
#site.light-sim #work .work-accordion-label{position:absolute;bottom:22px;left:50%;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:15px;letter-spacing:-.02em;white-space:nowrap;padding:14px 10px;background:#0b0b0b;border:1px solid #fff;box-sizing:border-box;color:#fff;transition:opacity .2s}
#site.light-sim #work .accordion-active .work-accordion-label{opacity:0}
#site.light-sim #work .work-accordion-details{position:absolute;left:28px;right:28px;bottom:28px;z-index:3;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .4s;pointer-events:none}
#site.light-sim #work .accordion-active .work-accordion-details{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}
#site.light-sim #work .work-accordion-details h3{font-size:clamp(26px,2.6vw,42px);line-height:1.06;color:#fff;margin:0 0 12px;max-width:520px}
#site.light-sim #work .work-accordion-details p{font-size:9px;line-height:1.5;letter-spacing:.08em;color:#dbe6ff;margin:0 0 22px}
#site.light-sim #work .work-accordion-link{display:inline-flex;gap:25px;align-items:center;color:#fff;font-size:10px;letter-spacing:.05em;text-decoration:none}
#site.light-sim #work .work-accordion-link>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff;background:#2355ff;color:#fff;border-radius:50%;font-size:25px;line-height:1;transition:background .2s,translate .2s}
#site.light-sim #work .work-accordion-link:hover>span{background:#1645cc;translate:3px 0}
#site.light-sim #work .work-accordion-link:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(max-width:1100px){#site.light-sim #work{grid-template-columns:1fr;gap:30px}#site.light-sim #work>.sectionhead{flex-direction:row;justify-content:space-between;align-items:end}#site.light-sim #work .sectionhead h2{max-width:none;font-size:52px}#site.light-sim #work .work-accordion{height:450px}}
@media(max-width:650px){
 #site.light-sim #work{padding:58px 6% 64px;gap:24px}
 #site.light-sim #work>.sectionhead{flex-direction:column;align-items:start;gap:14px}
 #site.light-sim #work .sectionhead h2{font-size:42px}
 #site.light-sim #work .work-accordion-hint{max-width:none;font-size:12px}
 #site.light-sim #work .work-accordion{flex-direction:column;height:610px;gap:10px}
 #site.light-sim #work .work-accordion-card{flex-basis:58px}
 #site.light-sim #work .work-accordion-label{left:20px;bottom:0;top:0;display:flex;align-items:center;writing-mode:horizontal-tb;transform:none;right:14px;left:14px;top:8px;bottom:8px;padding:0 12px;background:#0b0b0b;font-size:14px}
 #site.light-sim #work .work-accordion-details{left:22px;right:22px;bottom:22px}
 #site.light-sim #work .work-accordion-details h3{font-size:30px}
}
@media(prefers-reduced-motion:reduce){#site.light-sim #work .work-accordion *{transition:none!important}}

#site.light-sim #work .work-accordion-link>span{box-sizing:border-box;flex-shrink:0}
#site.light-sim #work .work-accordion-link>span>svg{display:block;width:18px;height:18px;transform:none}