/* Focus areas as an editorial index, with typography and spacing doing the work. */
#site.light-sim #storytelling{background:#f5f5f3;padding:85px 5% 90px;width:100%;max-width:none;border:0;box-sizing:border-box}
#site.light-sim #storytelling .storytelling-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:22px 8%;align-items:end;max-width:1350px;margin:0 auto 55px}
#site.light-sim #storytelling .storytelling-intro>.eyebrow{grid-column:1/-1;font-size:8px;font-weight:500;letter-spacing:1.8px;color:#96909b}
#site.light-sim #storytelling .storytelling-intro h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(46px,6vw,88px);font-weight:700;line-height:1;letter-spacing:-.07em;margin:0;color:#302d33}
#site.light-sim #storytelling .storytelling-intro h2 em{font-family:inherit;font-style:normal;font-weight:700;color:#20232c}
#site.light-sim #storytelling .storytelling-intro>p{font-size:15px;line-height:1.65;max-width:340px;margin:0 0 5px;color:#807986}
#site.light-sim #storytelling .focus-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 65px;max-width:1350px;margin:0 auto}
#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;gap:12px 18px;min-height:0;background:transparent;border:0;border-top:1px solid #d7d4da;border-radius:0;padding:30px 0 37px;overflow:visible;box-shadow:none;box-sizing:border-box}
#site.light-sim #storytelling .focus-area::before,#site.light-sim #storytelling .focus-area::after{display:none}
#site.light-sim #storytelling .focus-area-number{grid-column:1;grid-row:1/4;font:9px/1.5 monospace;letter-spacing:1px;color:#999c9f;padding-top:7px;margin:0}
#site.light-sim #storytelling .focus-area h3{grid-column:2;font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:0;color:#3f3935}
#site.light-sim #storytelling .focus-area p{grid-column:2;font-size:14px;line-height:1.65;color:#807986;max-width:445px;margin:0}
#site.light-sim #storytelling .focus-area-label{grid-column:2;font:7px/1.5 monospace;letter-spacing:1.3px;color:#969a9e;margin:4px 0 0}
@media(max-width:900px){#site.light-sim #storytelling{padding-top:65px;padding-bottom:65px}#site.light-sim #storytelling .storytelling-intro{grid-template-columns:1fr;gap:20px;margin-bottom:40px}#site.light-sim #storytelling .storytelling-intro>p{max-width:460px}#site.light-sim #storytelling .focus-areas{gap:0 35px}#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){grid-template-columns:22px minmax(0,1fr);gap:12px 12px}#site.light-sim #storytelling .focus-area h3{font-size:28px}}
@media(max-width:600px){#site.light-sim #storytelling{padding:50px 6% 55px}#site.light-sim #storytelling .storytelling-intro{margin-bottom:32px}#site.light-sim #storytelling .storytelling-intro h2{font-size:45px}#site.light-sim #storytelling .storytelling-intro>p{font-size:14px}#site.light-sim #storytelling .focus-areas{grid-template-columns:1fr}#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){padding:26px 0 30px;gap:11px 14px}#site.light-sim #storytelling .focus-area h3{font-size:29px}#site.light-sim #storytelling .focus-area p{font-size:14px}}
/* Services read as a numbered index; Selected Work remains a thumbnail grid. */
#site.light-sim #storytelling .focus-areas{display:block}
#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){display:grid;grid-template-columns:40px minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:9px 30px;align-items:start;padding:30px 0 32px}
#site.light-sim #storytelling .focus-area:last-child{border-bottom:1px solid #d7d4da}
#site.light-sim #storytelling .focus-area-number{grid-column:1;grid-row:1/3;padding-top:9px}
#site.light-sim #storytelling .focus-area h3{grid-column:2;grid-row:1;font-size:clamp(27px,3vw,43px);line-height:1.08}
#site.light-sim #storytelling .focus-area p{grid-column:3;grid-row:1/3;padding-top:3px;font-size:15px;line-height:1.65;max-width:440px}
#site.light-sim #storytelling .focus-area-label{grid-column:2;grid-row:2;margin-top:3px}
@media(max-width:900px){#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){grid-template-columns:25px minmax(0,1fr) minmax(0,1fr);gap:10px 20px}#site.light-sim #storytelling .focus-area h3{font-size:29px}#site.light-sim #storytelling .focus-area p{font-size:14px}}
@media(max-width:600px){#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto auto;gap:10px 15px;padding:25px 0 29px}#site.light-sim #storytelling .focus-area-number{grid-row:1/4;padding-top:6px}#site.light-sim #storytelling .focus-area h3{grid-column:2;grid-row:1;font-size:30px}#site.light-sim #storytelling .focus-area p{grid-column:2;grid-row:2;padding-top:0}#site.light-sim #storytelling .focus-area-label{grid-column:2;grid-row:3}}