/* OEM/ODM overview. Poppins, beige photography and the approved local interactions. */
.solutions-page{
 --solution-beige:#f3ece3;--solution-ivory:#faf8f4;--solution-ink:#172c4b;
 --solution-action:#b7c8df;--solution-action-deep:#5d769b;--solution-muted:#53637a;
 --blue-500:#5d769b;--blue-600:#4b658b;--blue-800:#172c4b;--orange-400:#5d769b;
 --footer-ice:#e3f0f7;
 color:var(--solution-ink);background:#fff;
}
.solutions-page .button{background:var(--solution-action);border:1px solid #a3b8d3;color:var(--solution-ink);letter-spacing:0}
.solutions-page .button:hover{background:var(--solution-action-deep);border-color:var(--solution-action-deep);color:#fff}
.solutions-page .button:focus-visible,.solutions-page a:focus-visible,.solutions-page summary:focus-visible{outline-color:var(--solution-action-deep)}
.solutions-page .language-menu button:hover,.solutions-page .language-menu button[aria-current=true],.solutions-page .nav-panel button:hover,.solutions-page .nav-panel a:hover{background:#edf1f6;color:#425f86}
.solutions-section{padding:84px 0 90px;scroll-margin-top:105px}
.solutions-section-heading{max-width:1000px;margin:0 auto 46px;text-align:center}
.solutions-section-heading h2{font:700 clamp(30px,2.85vw,42px)/1.3 var(--head);letter-spacing:0;color:var(--solution-ink)}
.solutions-section-heading>p{max-width:970px;margin:20px auto 0;color:var(--solution-muted);font:400 17px/1.85 var(--body);text-wrap:pretty}

.solutions-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--solution-beige)}
.solutions-hero-media{position:absolute;inset:0;z-index:-2;margin:0}
.solutions-hero-media img{width:100%;height:100%;object-fit:cover;object-position:25% center}
.solutions-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3ece3 0%,rgb(243 236 227 / .98) 27%,rgb(243 236 227 / .88) 40%,rgb(243 236 227 / 0) 58%)}
.solutions-hero-layout{display:flex;align-items:center;min-height:610px}
.solutions-hero-copy{width:52%;max-width:650px;padding:62px 0 68px}
.solutions-breadcrumbs{margin-bottom:24px;font:400 13px/1.6 var(--body);color:#5e6c7c}
.solutions-breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.solutions-breadcrumbs li+li::before{content:"/";display:inline-block;margin-right:10px;color:#8c96a2}
.solutions-breadcrumbs a:hover{color:var(--solution-action-deep);text-decoration:underline;text-underline-offset:4px}
.solutions-hero h1{max-width:21ch;font:700 clamp(36px,3.3vw,50px)/1.22 var(--head);letter-spacing:0;color:var(--solution-ink);text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.solutions-hero-copy>p{max-width:60ch;margin:25px 0 30px;font:400 16px/1.85 var(--body);color:#43536a;text-wrap:pretty}
.solutions-hero .button{min-width:220px}

.solutions-offer{background:#fff}
.solutions-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 28px}
.solution-format-card{display:block;min-width:0;text-align:center}
.solution-format-image{display:block;aspect-ratio:29/25;overflow:hidden;border-radius:6px}
.solution-format-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}
.solution-format-card h3{margin:18px 0 0;font:600 21px/1.4 var(--head);color:var(--solution-ink);letter-spacing:0}
.solution-format-card:hover .solution-format-image img{transform:scale(1.035)}
.solution-format-card:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

.solutions-packaging{background:var(--solution-ivory)}
.solutions-packaging .solutions-section-heading{max-width:1050px}
.solutions-packaging-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 24px}
.solution-packaging-card{min-width:0;margin:0;text-align:center}
.solution-packaging-image{aspect-ratio:1.13;border-radius:6px;overflow:hidden}
.solution-packaging-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}
.solution-packaging-card figcaption{max-width:26ch;margin:16px auto 0;font:600 17px/1.5 var(--head);color:var(--solution-ink);text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.solution-packaging-card:hover .solution-packaging-image img{transform:scale(1.035)}

.solutions-process{--process-gap:58px;background:#fff;padding-bottom:100px}
.solutions-process .solutions-section-heading{margin-bottom:54px}
.solutions-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px var(--process-gap);list-style:none;margin:0;padding:0}
.solution-process-step{position:relative;min-width:0;text-align:center;scroll-margin-top:118px}
.solution-process-visual{position:relative;width:182px;max-width:76%;margin:0 auto 26px}
.solution-process-crop{aspect-ratio:1;border-radius:46% 54% 51% 49% / 55% 44% 56% 45%;overflow:hidden;background:#eef0ef;box-shadow:0 8px 18px rgb(26 47 76 / .07);transition:transform 300ms ease-out}
.solution-process-crop img{width:100%;height:100%;object-fit:cover;transition:transform 380ms ease}
.solution-process-step:nth-child(even) .solution-process-crop{border-radius:54% 46% 43% 57% / 44% 55% 45% 56%}
.solution-process-step:nth-child(3n) .solution-process-crop{border-radius:44% 56% 53% 47% / 51% 42% 58% 49%}
.solution-process-step:hover .solution-process-crop img{transform:scale(1.045)}
.solution-process-step:hover .solution-process-crop{transform:rotate(15deg)}
.solution-process-number{position:absolute;right:-8px;top:0;display:flex;align-items:center;justify-content:center;gap:4px;min-width:67px;min-height:29px;padding:6px 11px;border-radius:22px;background:var(--solution-action-deep);color:#fff;font:600 12px/1 var(--body)}
.solution-process-step h3{max-width:29ch;margin:0 auto 12px;font:700 21px/1.4 var(--head);color:var(--solution-ink);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.solution-process-step p{max-width:36ch;margin:0 auto;font:400 15px/1.85 var(--body);color:var(--solution-muted);text-wrap:pretty}
.solution-process-connector{position:absolute;left:calc(50% + 110px);top:79px;width:calc(100% + var(--process-gap) - 220px);height:24px;overflow:visible;fill:none;stroke:#a3b3c6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 380ms ease}
.solution-process-step:nth-child(3n) .solution-process-connector,.solution-process-step:last-child .solution-process-connector{display:none}
.solution-process-step:hover .solution-process-connector{transform:translateX(4px)}

.solutions-faq{background:var(--solution-ivory);padding-bottom:92px}
.solutions-faq .faq-container{max-width:1140px}
.solutions-faq .solutions-section-heading{margin-bottom:38px}
.solutions-faq .faq-list{display:grid;gap:8px}
.solutions-faq .faq-item,.solutions-faq .faq-item:first-child{border:0}
.solutions-faq .faq-item summary{padding:18px 22px;gap:24px;border-radius:20px;background:#eeece8;color:var(--solution-ink);font:600 16px/1.55 var(--head);letter-spacing:0;transition:background-color 200ms}
.solutions-faq .faq-item summary:hover{background:#e7e9ed}
.solutions-faq .faq-item[open] summary{color:var(--solution-ink);background:#e8edf3}
.solutions-faq .faq-toggle{position:relative;display:block;flex:0 0 22px;width:22px;height:22px;background:transparent;border:0;border-radius:0;color:var(--solution-ink)}
.solutions-faq .faq-toggle::before,.solutions-faq .faq-toggle::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%);transition:transform 200ms}
.solutions-faq .faq-toggle::before{width:12px;height:2px}
.solutions-faq .faq-toggle::after{width:2px;height:12px}
.solutions-faq .faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) scaleY(0)}
.solutions-faq .faq-item .faq-answer{animation:none}
.solutions-faq .faq-answer p{max-width:none;margin:0;padding:18px 22px 29px;font:400 16px/1.9 var(--body);color:var(--solution-muted)}

.solutions-tail{position:relative;isolation:isolate;overflow:hidden;background:#e8edf0;padding:68px 0 330px;min-height:620px}
.solutions-tail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.solutions-tail-shade{position:absolute;inset:0;background:rgb(232 237 240 / .06);z-index:-1}
.solutions-tail-copy{max-width:870px;text-align:center}
.solutions-tail-copy h2{max-width:25ch;margin:0 auto;font:700 clamp(30px,2.9vw,42px)/1.32 var(--head);color:var(--solution-ink);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.solutions-tail-copy>p{max-width:740px;margin:22px auto 29px;font:400 17px/1.85 var(--body);color:#3f526c;text-wrap:pretty}
.solutions-page .site-footer{background:linear-gradient(180deg,var(--footer-ice) 0%,#f0f7fb 46%,#fff 100%);color:var(--solution-ink)}
.solutions-page .footer-curve svg{fill:var(--footer-ice)}
.solutions-page .footer-column h3,.solutions-page .contact-label{color:var(--solution-ink)}
.solutions-page .footer-column li a,.solutions-page .footer-column li button,.solutions-page .footer-contact a,.solutions-page .footer-contact p{font:400 16px/1.45 var(--body);color:#455972}
.solutions-page .footer-column li a:hover,.solutions-page .footer-column li button:hover,.solutions-page .footer-contact a:hover{color:#425f86}
.solutions-page .footer-bottom{border-top-color:#c6dae6;color:#50657c}
.solutions-page .footer-bottom button{color:var(--solution-ink)}
.solutions-page .social-icon{background:#fff;border:1px solid #d5e6eb}
.solutions-page .button-footer{font-size:13px}

@media(max-width:1200px){
 .solutions-hero-copy{width:54%}
 .solutions-hero h1{font-size:42px}
 .solutions-process{--process-gap:38px}
 .solutions-format-grid{gap:30px 24px}
 .solutions-packaging-grid{gap:30px 20px}
 .solution-packaging-card figcaption{font-size:16px}
 .solution-process-visual{width:170px}
 .solution-process-connector{left:calc(50% + 102px);top:73px;width:calc(100% + var(--process-gap) - 204px)}
 .solution-process-step h3{font-size:20px}
}
@media(max-width:1000px){
 .solutions-section{padding:68px 0 76px}
 .solutions-hero-media img{object-position:37% center}
 .solutions-hero-layout{min-height:590px}
 .solutions-hero-copy{width:58%;padding-block:48px}
 .solutions-hero h1{font-size:38px}
 .solutions-hero-copy>p{font-size:15px;line-height:1.8}
 .solutions-hero-shade{background:linear-gradient(90deg,#f3ece3 0%,rgb(243 236 227 / .97) 34%,rgb(243 236 227 / .86) 47%,rgb(243 236 227 / 0) 70%)}
 .solutions-packaging-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
 .solutions-packaging-grid .solution-packaging-card:last-child{grid-column:2}
 .solutions-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:52px}
 .solution-process-step:nth-child(3n) .solution-process-connector{display:block}
 .solution-process-step:nth-child(even) .solution-process-connector,.solution-process-step:last-child .solution-process-connector{display:none}
 .solution-process-step:last-child{grid-column:1/-1;width:calc((100% - var(--process-gap))/2);justify-self:center}
}
@media(max-width:760px){
 .solutions-section{padding:52px 0 60px}
 .solutions-section-heading{margin-bottom:32px}
 .solutions-section-heading h2{font-size:30px}
 .solutions-section-heading>p{margin-top:17px;font-size:16px;line-height:1.8}
 .solutions-hero-layout{min-height:0;display:block}
 .solutions-hero-copy{width:100%;max-width:none;padding:32px 0 36px}
 .solutions-breadcrumbs{margin-bottom:19px;font-size:12px}
 .solutions-hero h1{max-width:22ch;font-size:34px;line-height:1.25}
 .solutions-hero-copy>p{max-width:none;margin:21px 0 25px;font-size:15px;line-height:1.85}
 .solutions-hero-media{position:relative;inset:auto;z-index:auto;height:280px;margin-top:0}
 .solutions-hero-media img{object-position:right center}
 .solutions-hero-shade{display:none}
 .solutions-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
 .solution-format-card h3{margin-top:13px;font-size:18px}
 .solutions-packaging-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 .solutions-packaging-grid .solution-packaging-card:last-child{grid-column:auto}
 .solution-packaging-card figcaption{margin-top:13px;font-size:15px;line-height:1.55}
 .solutions-process{--process-gap:30px}
 .solutions-process .solutions-section-heading{margin-bottom:38px}
 .solution-process-visual{width:158px;margin-bottom:21px}
 .solution-process-step h3{font-size:18px}
 .solution-process-step p{font-size:14px;line-height:1.8}
 .solution-process-connector{top:68px;left:calc(50% + 95px);width:calc(100% + var(--process-gap) - 190px)}
 .solution-process-number{right:-6px;font-size:11px;min-width:61px;padding-inline:8px}
 .solutions-faq .faq-item summary{padding:17px 18px;font-size:15px;gap:18px;border-radius:17px}
 .solutions-faq .faq-answer p{padding:17px 18px 25px;font-size:15px;line-height:1.85}
 .solutions-tail{min-height:590px;padding:52px 0 285px}
 .solutions-tail-copy h2{font-size:30px;max-width:23ch}
 .solutions-tail-copy>p{font-size:16px;line-height:1.8;margin:19px auto 25px}
 .solutions-tail-shade{background:rgb(232 237 240 / .08)}
 .solutions-page .footer-brand{align-items:flex-start}
}
@media(max-width:600px){
 .solutions-process-grid{grid-template-columns:1fr;row-gap:44px}
 .solution-process-step:last-child{grid-column:auto;width:auto;justify-self:stretch}
 .solution-process-step p{max-width:38ch;font-size:15px}
 .solution-process-step h3{max-width:29ch;font-size:20px}
 .solution-process-visual{width:180px;max-width:70%;margin-bottom:23px}
 .solution-process-step:nth-child(n) .solution-process-connector{display:none}
 .solution-process-number{font-size:12px;min-width:66px}
 .solutions-hero-media{height:245px}
}
@media(max-width:360px){
 .solutions-hero h1{font-size:30px}
 .solutions-section-heading h2,.solutions-tail-copy h2{font-size:27px}
 .solution-format-card h3{font-size:17px}
 .solutions-packaging-grid{gap:25px 14px}
 .solution-packaging-card figcaption{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .solution-format-image img,.solution-packaging-image img,.solution-process-crop,.solution-process-crop img,.solution-process-connector{transition:none}
 .solution-format-card:hover .solution-format-image img,.solution-packaging-card:hover .solution-packaging-image img,.solution-process-step:hover .solution-process-crop,.solution-process-step:hover .solution-process-crop img,.solution-process-step:hover .solution-process-connector{transform:none}
}