.early-index{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:34px auto 0;max-width:900px}.early-index a{font-size:14px;color:#c4d2d6;text-decoration:none;border-bottom:1px solid #6c828b;padding:6px 0}.early-project{scroll-margin-top:80px}.early-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:34px;align-items:start}.early-heading h2{margin:0 0 24px}.early-heading h3{font-size:19px;line-height:1.3;margin:0 0 15px}.early-heading p:not(.eyebrow){color:#53656f;line-height:1.7;font-size:14px;margin:0}.early-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:26px 30px;padding:clamp(22px,3vw,42px);background:linear-gradient(135deg,#8c9fa7,#5a727d);border-radius:12px;align-items:start}.early-gallery figure{margin:0;min-width:0}.early-gallery figure:first-child{grid-row:span 2}.early-gallery figcaption{color:#f3f7f8;font-size:13px;line-height:1.5;margin-bottom:16px;min-height:22px}.early-image{display:block;width:100%;padding:0;border:0;background:white;border-radius:7px;position:relative;cursor:zoom-in;overflow:hidden}.early-image img{display:block;width:100%;height:auto}.early-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;background:#263c47e8;color:#fff;border:1px solid #ffffff70;border-radius:50%;width:29px;height:29px;font-size:20px}.early-mobile-gallery{grid-template-columns:repeat(3,1fr)}.early-mobile-gallery figure:first-child{grid-row:auto}.early-mobile-gallery .early-image-viewport{display:block;height:480px;overflow:hidden}.early-mobile-gallery .early-image img{width:100%}.early-lightbox{width:min(1200px,94vw);max-height:94vh;padding:24px;border:1px solid #a5b8c0;border-radius:12px;background:#e0e6e9;box-sizing:border-box}.early-lightbox::backdrop{background:#111c21e8}.early-lightbox form{display:flex;justify-content:flex-end}.early-lightbox form button{cursor:pointer;font-size:30px;line-height:1;width:38px;height:38px;border-radius:50%;border:1px solid #7d929b;background:transparent;color:#263c47}.early-lightbox-label{font-size:15px;margin:0 50px 20px 0}.early-lightbox-scroll{max-height:76vh;overflow:auto}.early-lightbox-scroll img{display:block;width:100%;height:auto}.early-image:focus-visible,.early-index a:focus-visible{outline:3px solid #c5ce36;outline-offset:5px}
@media(max-width:750px){.early-heading{grid-template-columns:1fr;gap:8px}.early-gallery{gap:22px;padding:20px;grid-template-columns:1fr 1fr}.early-gallery figure:first-child{grid-column:1/-1;grid-row:auto}.early-mobile-gallery{grid-template-columns:repeat(3,1fr);gap:12px}.early-mobile-gallery figure:first-child{grid-column:auto}.early-mobile-gallery .early-image-viewport{height:300px}.early-gallery figcaption{font-size:11px;min-height:34px;margin-bottom:12px}.early-lightbox{padding:14px}.early-expand{right:5px;bottom:5px;width:24px;height:24px;font-size:16px}}

.early-mobile-gallery .early-image{max-width:215px;margin-inline:auto}.early-mobile-gallery .early-image-viewport{height:410px}.early-mobile-gallery figcaption{max-width:215px;margin-inline:auto}@media(max-width:750px){.early-mobile-gallery .early-image-viewport{height:260px}}

/* Mobile originals use the same handset as the recent case studies. */
.early-mobile-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.early-mobile-gallery figure{width:100%;max-width:270px;margin-inline:auto}
.early-mobile-gallery figure:first-child{grid-column:auto;grid-row:auto}
.early-mobile-gallery figcaption{max-width:none;min-height:40px;margin:0 0 16px}
.earlier-work-case .early-mobile-gallery .device-phone{width:100%;max-width:270px;box-sizing:border-box}
.earlier-work-case .early-mobile-gallery .device-phone-screen{background:#fff;aspect-ratio:9/19.5;overflow:auto!important;scrollbar-width:thin;scrollbar-color:#8b9da4 #fff}
.earlier-work-case .early-mobile-gallery .device-phone-screen>img{display:block;width:100%;height:auto;max-width:none;border-radius:0;object-fit:initial}
@media(max-width:600px){.early-mobile-gallery{grid-template-columns:1fr;gap:32px;padding:28px 20px}.early-mobile-gallery figure{max-width:270px}.early-mobile-gallery figcaption{font-size:12px;min-height:0}}



.early-fresenius-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,4vw,58px);align-items:start}
.early-fresenius-layout .early-heading{display:block;margin:0}.early-fresenius-layout .early-heading h3{margin-top:0}
.fresenius-slideshow{min-width:0;padding:clamp(22px,3vw,42px)}
.fresenius-slideshow .vectra-slides{aspect-ratio:792/1224;background:white}
.fresenius-slideshow .vectra-slide-heading{align-items:start}
.fresenius-slideshow .vectra-slide-heading>p{min-height:40px}
@media(max-width:900px){.early-fresenius-layout{grid-template-columns:1fr}.early-fresenius-layout .early-heading{max-width:640px}.fresenius-slideshow{max-width:720px;width:100%;margin-inline:auto}}

/* Collection artwork is static; only slideshow navigation remains interactive. */
.earlier-work-case .early-image{cursor:default}

/* Project navigation: fine vertical separators. */
.early-index{column-gap:0;row-gap:14px;max-width:none}
.early-index a{border-bottom:0;padding:4px 20px;transition:color .2s}
.early-index a+a{border-left:1px solid #728b9170}
.early-index a:hover{color:#fff}
@media(max-width:700px){.early-index a{padding:4px 14px}}