.eeg-selected-work,.eeg-selected-work * { box-sizing:border-box; }
.eeg-selected-work { padding:84px 0 80px; background:#f3f6f8; color:#112f50; font-family:"Figtree",Arial,sans-serif; }
.eeg-selected-work-inner { max-width:1200px; width:calc(100% - 64px); margin:auto; }
.eeg-selected-work-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:36px; }
.eeg-selected-work .eeg-work-eyebrow { color:#176bb4; font:700 12px/1.5 "Figtree",Arial,sans-serif; text-transform:uppercase; letter-spacing:.13em; margin:0 0 16px; }
.eeg-selected-work h2 { color:#112f50; font:750 clamp(30px,3.5vw,48px)/1.1 "Figtree",Arial,sans-serif; letter-spacing:-.035em; margin:0; max-width:620px; }
.eeg-work-all { display:inline-flex; align-items:center; min-height:44px; color:#165d97; font-size:15px; font-weight:650; text-decoration:none; gap:18px; flex-shrink:0; }
.eeg-work-all:hover { color:#112f50; text-decoration:underline; text-underline-offset:5px; }
.eeg-selected-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.eeg-project-story { display:block; color:#112f50; text-decoration:none; min-width:0; }
.eeg-project-story-image { overflow:hidden; border-radius:12px; background:#dce6ef; aspect-ratio:4/3; }
.eeg-project-story-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.eeg-project-story-caption { display:flex; align-items:center; justify-content:space-between; padding-top:20px; gap:20px; }
.eeg-project-story-caption p { margin:0 0 6px; color:#5a6a7b; font-size:13px; line-height:1.4; }
.eeg-project-story-caption h3 { margin:0; color:#112f50; font:700 26px/1.2 "Figtree",Arial,sans-serif; letter-spacing:-.025em; }
.eeg-project-story-caption > span { color:#176bb4; font-size:26px; line-height:1; }
.eeg-project-story:hover img { transform:scale(1.035); }
.eeg-selected-work a:focus-visible { outline:3px solid #176bb4; outline-offset:6px; }
.eeg-work-browse { display:none; }
.eeg-selected-work-grid:focus-visible { outline:3px solid #176bb4; outline-offset:4px; }
[id^="project-"] { scroll-margin-top:110px; }
@media(max-width:1000px) { .eeg-selected-work-grid { gap:20px; } .eeg-project-story-caption h3 { font-size:23px; } }
@media(max-width:767px) {
 .eeg-selected-work { padding:40px 0; }
 .eeg-selected-work-inner { width:calc(100% - 40px); }
 .eeg-selected-work-heading { display:block; margin-bottom:18px; }
 .eeg-selected-work-heading h2 { margin-bottom:12px; font-size:clamp(28px,6.8vw,36px); }
 .eeg-selected-work .eeg-work-browse { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 16px; margin:0 0 10px; color:#465d73; font-size:12px; line-height:1.5; }
 .eeg-work-browse > span { color:#176bb4; font-weight:650; }
 .eeg-selected-work-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:min(84vw,360px); align-items:start; gap:16px; margin-inline:-20px; padding:8px 20px 16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:20px; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#8daac4 #e1e9f0; }
 .eeg-project-story { scroll-snap-align:start; border-radius:16px; }
 .eeg-project-story-image { aspect-ratio:16/10; border-radius:16px; }
 .eeg-project-story-caption { padding-top:14px; }
}
@media(prefers-reduced-motion:reduce) { .eeg-project-story-image img { transition:none; } .eeg-project-story:hover img { transform:none; } }