/* Full-width solution slides; only the original logos/photos add other colours. */
#culture-showcase.solutions-showcase{display:block;padding-block:64px 72px}
.solutions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.solutions-heading .eyebrow{color:#646464;font-size:9px;letter-spacing:1.7px}.solutions-heading h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-1.6px;margin-top:14px;max-width:750px}
.solutions-arrows{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-bottom:3px}.solutions-arrows button{width:44px;height:44px;border:1px solid #d8d8d8;border-radius:50%;background:#fff;font-size:20px;transition:box-shadow .2s,border-color .2s,transform .2s}.solutions-arrows button:hover{border-color:#0DAC55;box-shadow:0 0 0 4px #0dac5514;transform:translateY(-2px)}.solutions-arrows output{font-size:11px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center;color:#606060}
.solutions-tabs{position:sticky;top:114px;z-index:5;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin-bottom:20px;padding:6px;border:1px solid #e3e3e3;border-radius:20px;background:#f5f5f5}.solutions-tabs button{display:flex;gap:12px;align-items:center;justify-content:center;min-width:0;min-height:48px;border:1px solid transparent;border-radius:14px;background:transparent;font-size:13px;color:#656565;transition:background .2s,box-shadow .2s,color .2s}.solutions-tabs button>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;opacity:.65}.solutions-tabs button[aria-selected=true]{background:#fff;border-color:#e2e2e2;color:#202020;box-shadow:0 3px 10px #00000008;font-weight:600}.solutions-tabs button[aria-selected=true]>span:first-child{color:#0DAC55;opacity:1}.solutions-tabs button:hover{color:#202020;border-color:#0DAC55}
.solutions-panel{scroll-margin-top:120px}.solutions-panel.is-current{animation:solution-reveal .35s ease both}.solutions-panels{min-width:0}.solutions-panel:focus{outline-offset:5px}
.lis-card{border:1px solid #e0e0e0;border-radius:30px;padding:36px;background:radial-gradient(ellipse at 12% 15%,#fff 0%,#fafafa 48%,#f1f1f1 100%);box-shadow:0 18px 52px #00000007;overflow:hidden;position:relative}.lis-main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}.lis-intro{min-width:0}.lis-intro>.eyebrow{font-size:9px;letter-spacing:1.3px;color:#606060}.lis-intro h2{font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-2.5px;margin:22px 0 17px}.lis-lead{font-size:15px;line-height:1.8;color:#535353;margin:0}.lis-logo-stage{position:relative;display:grid;place-items:center;min-height:160px;border:1px solid #e6e6e6;border-radius:20px;background:#ffffffba;box-shadow:0 6px 20px #00000004,inset 0 1px #fff;padding:28px;margin:26px 0 22px;backdrop-filter:blur(18px)}.lis-logo-stage img{width:100%;height:auto;max-width:410px;display:block;mix-blend-mode:multiply}.lis-logo-rule{position:absolute;left:28px;right:28px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#0DAC55,transparent)}.lis-goal{font-size:13px;line-height:1.8;color:#535353;margin:0 0 22px}.lis-request{font-size:12px;padding:14px 20px}
.lis-tasks h3{font-size:16px;font-weight:600;letter-spacing:-.25px;margin:3px 0 20px;line-height:1.5}.lis-tasks ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}.lis-tasks li{display:flex;align-items:flex-start;gap:11px;min-width:0;min-height:82px;padding:16px 14px;border:1px solid #e2e2e2;border-radius:17px;background:#ffffffb5;font-size:12px;line-height:1.65;box-shadow:inset 0 1px #fff;backdrop-filter:blur(16px);transition:transform .2s,box-shadow .2s,border-color .2s}.lis-tasks li:hover{transform:translateY(-3px);border-color:#0DAC55;box-shadow:0 8px 22px #0dac5513}.lis-task-number{font-size:9px;font-variant-numeric:tabular-nums;color:#0DAC55;border:1px solid #dcdcdc;background:#fff;border-radius:50%;width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;margin-top:1px}
.lis-summary{border-top:1px solid #dedede;margin-top:29px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 34px}.lis-summary p{font-size:12px;line-height:1.8;color:#626262;margin:0}.lis-summary strong{grid-column:1 / -1;color:#202020;font-size:14px;font-weight:500;line-height:1.6;margin-top:3px}.lis-summary strong:before{content:'';display:inline-block;vertical-align:middle;margin-right:10px;width:7px;height:7px;background:#0DAC55;border-radius:50%}
.solutions-showcase .quality-card{padding:34px;border-radius:30px}.solutions-showcase .quality-header{margin-bottom:22px}.solutions-showcase .quality-header h2{font-size:42px}.solutions-showcase .quality-header>p{font-size:14px}.solutions-showcase .strain-toolbar{max-width:780px;gap:14px;margin-bottom:25px}.solutions-showcase .strain-search-wrap input{font-size:13px;height:48px}.solutions-showcase .strain-controls output{display:block;font-size:11px;min-width:54px}.solutions-showcase .strain-controls button{width:40px;height:46px}.solutions-showcase .quality-body{grid-template-columns:250px minmax(0,1fr);gap:28px;min-height:400px}.solutions-showcase .loop-composition{min-height:400px}.solutions-showcase .large-loop{width:240px;height:240px;left:6px;top:-9px}.solutions-showcase .loop-portrait{left:54px;top:60px;width:152px;height:138px}.solutions-showcase .loop-one{width:67px;height:402px;left:17px;bottom:-30px}.solutions-showcase .loop-two{width:62px;height:372px;left:116px;bottom:-38px}.solutions-showcase .strain-caption{top:246px;left:39px;right:15px}.solutions-showcase .strain-caption strong{font-size:15px}.solutions-showcase .strain-caption>span:first-of-type{font-size:12px}.solutions-showcase .strain-cloud-top{font-size:12px;padding:18px}.solutions-showcase .strain-cloud-top>span:last-child{font-size:11px}.solutions-showcase .strain-cloud{max-height:306px;min-height:306px;gap:10px;padding:8px 16px 16px}.solutions-showcase .strain-tag{min-width:140px;flex:1 1 140px;padding:13px 15px}.solutions-showcase .strain-tag-name{font-size:12px}.solutions-showcase .strain-tag strong{font-size:13px}.solutions-showcase .strain-tag small{font-size:9px}.solutions-showcase .strain-cloud-footer{font-size:10px}.solutions-showcase .strain-empty{min-height:306px}
.solutions-showcase .media-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;align-items:center;border-radius:30px;padding:34px 40px;min-height:640px;background:radial-gradient(ellipse at 72% 40%,#fff 0%,#f8f8f8 62%,#f1f1f1 100%)}.solutions-showcase .media-header{text-align:left;padding-left:14px;max-width:390px}.solutions-showcase .media-header .eyebrow{justify-content:flex-start;font-size:10px}.solutions-showcase .media-header h2{font-size:clamp(38px,4.1vw,60px);line-height:1.07;letter-spacing:-2px;margin:23px 0 20px}.solutions-showcase .media-header>p{font-size:14px;line-height:1.8}.media-catalog-link{margin-top:27px;padding:15px 21px}.solutions-showcase .media-card .petri-stage{max-width:460px;margin-top:0}.solutions-showcase .media-card .petri-name{font-size:18px}.solutions-showcase .media-card .petri-brand{font-size:10px}.solutions-showcase .media-card .petri-hub-label{font-size:15px}
.hero-visual.hero-microscope{background:radial-gradient(ellipse at 70% 20%,#fff,#f0f0f0);border-radius:28px 76px 28px 28px;box-shadow:0 18px 55px #0000000a,inset 0 1px #fff}.hero-microscope .hero-background{object-fit:contain;object-position:50% 50%}.hero-microscope:after{background:linear-gradient(90deg,#ffffff 0%,#ffffff00 14%,#ffffff00 90%,#ffffff6b 100%)}
@keyframes solution-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.lis-main{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.lis-card{padding:28px}.lis-tasks li{font-size:11px;padding:12px;gap:8px}.lis-task-number{width:22px;height:22px;flex-basis:22px}.lis-lead{font-size:14px}.lis-logo-stage{padding:23px;min-height:140px}.solutions-showcase .media-card{padding:30px;gap:16px}.solutions-showcase .media-header{padding-left:0}.solutions-showcase .quality-body{grid-template-columns:230px minmax(0,1fr);gap:18px}.solutions-showcase .strain-tag{min-width:125px;flex-basis:125px}}
@media(max-width:800px){#culture-showcase.solutions-showcase{padding-block:44px 50px}.solutions-heading h2{font-size:35px}.lis-main{grid-template-columns:1fr;gap:30px}.lis-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.lis-intro>.eyebrow,.lis-intro h2{grid-column:1 / -1}.lis-lead{grid-column:1;grid-row:3 / 5}.lis-logo-stage{grid-column:2;grid-row:3 / 5;margin:0;min-height:125px;align-self:start}.lis-goal{grid-column:1 / -1;margin:20px 0}.lis-request{justify-self:start}.lis-summary{gap:15px 25px}.solutions-showcase .quality-body{grid-template-columns:200px minmax(0,1fr);gap:15px}.solutions-showcase .large-loop{left:-15px;width:220px;height:220px}.solutions-showcase .loop-portrait{left:50px;top:55px;width:140px;height:127px}.solutions-showcase .strain-caption{top:224px;left:17px;right:0}.solutions-showcase .loop-two{left:96px}.solutions-showcase .strain-tag{min-width:120px;flex-basis:120px}.solutions-showcase .media-card{grid-template-columns:1fr;gap:25px}.solutions-showcase .media-header{max-width:100%;text-align:center}.solutions-showcase .media-header .eyebrow{justify-content:center}.solutions-showcase .media-header h2{font-size:44px;margin:18px 0 12px}.media-catalog-link{margin-top:18px}.solutions-showcase .media-card .petri-stage{max-width:440px}.solutions-showcase .media-card .petri-selected{max-width:480px}}
@media(max-width:520px){.solutions-heading{gap:15px;align-items:flex-start;margin-bottom:22px}.solutions-heading h2{font-size:29px;letter-spacing:-1px;margin-top:12px}.solutions-heading .eyebrow{font-size:8px}.solutions-arrows{gap:5px;padding-top:27px}.solutions-arrows button{width:37px;height:40px;font-size:18px}.solutions-arrows output{display:none}.solutions-tabs{gap:4px;padding:4px;border-radius:16px;margin-bottom:15px}.solutions-tabs button{font-size:10px;gap:6px;min-height:46px;border-radius:12px}.solutions-tabs button>span:first-child{font-size:8px}.lis-card{padding:24px 19px;border-radius:24px}.lis-intro{display:block}.lis-intro>.eyebrow{font-size:8px;line-height:1.7;letter-spacing:1px}.lis-intro h2{font-size:43px;letter-spacing:-1.5px;margin-top:18px}.lis-lead{font-size:13px;line-height:1.85}.lis-logo-stage{margin:22px 0 20px;padding:23px 18px;border-radius:17px;min-height:125px}.lis-goal{font-size:12px;line-height:1.85;margin:0 0 21px}.lis-main{gap:27px}.lis-tasks h3{font-size:15px;margin-bottom:15px}.lis-tasks ol{grid-template-columns:1fr;gap:8px}.lis-tasks li{font-size:12px;min-height:0;padding:13px 12px;gap:11px;border-radius:14px}.lis-summary{grid-template-columns:1fr;padding-top:21px;gap:14px;margin-top:24px}.lis-summary p{font-size:11px;line-height:1.85}.lis-summary strong{font-size:13px;line-height:1.8}.solutions-showcase .quality-card{padding:22px 17px 17px;border-radius:24px}.solutions-showcase .quality-header h2{font-size:32px}.solutions-showcase .quality-header>p{font-size:11px}.solutions-showcase .strain-toolbar{gap:7px;margin-bottom:17px}.solutions-showcase .strain-controls output{display:none}.solutions-showcase .strain-controls button{width:36px;height:44px}.solutions-showcase .strain-search-wrap input{font-size:10px;height:44px}.solutions-showcase .quality-body{grid-template-columns:111px minmax(0,1fr);gap:5px;min-height:375px}.solutions-showcase .loop-composition{min-height:375px}.solutions-showcase .large-loop{left:-23px;top:3px;width:158px;height:158px}.solutions-showcase .loop-portrait{left:36px;top:40px;width:100px;height:90px}.solutions-showcase .strain-caption{left:0;right:-1px;top:177px;padding:11px 6px;border-radius:14px}.solutions-showcase .strain-caption strong{font-size:11px}.solutions-showcase .strain-caption>span:first-of-type{font-size:10px}.solutions-showcase .loop-one{left:-11px;width:48px;height:288px;bottom:-42px}.solutions-showcase .loop-two{left:42px;width:44px;height:264px;bottom:-42px}.solutions-showcase .strain-cloud-top{padding:12px 10px 9px;font-size:9px}.solutions-showcase .strain-cloud-top>span:last-child{font-size:9px}.solutions-showcase .strain-cloud{padding:6px 8px 10px;gap:7px;min-height:286px;max-height:286px}.solutions-showcase .strain-tag{padding:10px 9px;min-width:0;flex:1 1 100%;width:100%}.solutions-showcase .strain-tag-name{font-size:9px}.solutions-showcase .strain-tag strong{font-size:10px}.solutions-showcase .strain-tag small{font-size:8px}.solutions-showcase .strain-cloud-footer{font-size:8px}.solutions-showcase .strain-empty{min-height:286px;padding:20px 10px;font-size:11px}.solutions-showcase .media-card{padding:25px 17px 20px;min-height:0;border-radius:24px}.solutions-showcase .media-header h2{font-size:35px;letter-spacing:-1.3px}.solutions-showcase .media-header>p{font-size:12px}.solutions-showcase .media-card .petri-name{font-size:13px}.solutions-showcase .media-card .petri-brand{font-size:8px}.solutions-showcase .media-card .petri-hub-label{font-size:12px}.hero-visual.hero-microscope{border-radius:24px 50px 24px 24px}}
@media(prefers-reduced-motion:reduce){.solutions-panel.is-current{animation:none}.solutions-tabs button,.solutions-arrows button,.lis-tasks li{transition:none}.solutions-arrows button:hover,.lis-tasks li:hover{transform:none}}