/* Nobevan Gummies: product discovery within the existing brand system. */
.gummies-page{
  --gummy-section-space:88px;
  --gummy-copy-measure:70ch;
  --gummy-card-border:var(--color-border);
}
.gummy-hero{position:relative;display:grid;place-items:center;min-height:390px;isolation:isolate;overflow:hidden;background:var(--blue-50)}
.gummy-hero-image,.gummy-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.gummy-hero-image{object-fit:cover;object-position:center 52%;z-index:-2}
.gummy-hero-shade{z-index:-1;background:rgb(255 255 255 / .20)}
.gummy-hero-content{padding-block:76px;text-align:center;color:var(--blue-800)}
.gummy-hero h1{max-width:1200px;margin-inline:auto;font:600 clamp(34px,3.6vw,48px)/1.13 var(--head);letter-spacing:-.025em;word-spacing:.025em;text-wrap:balance;text-shadow:none}
.breadcrumbs{margin-top:27px;font-size:16px;font-weight:500;text-shadow:none}
.breadcrumbs ol{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.breadcrumbs li{display:flex;align-items:center;gap:10px}
.breadcrumbs li+li::before{content:"›";opacity:.8}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs [aria-current="page"]{opacity:1}
.gummy-section{padding-block:var(--gummy-section-space)}
.gummy-section-heading{margin-bottom:42px}
.gummy-section-heading h2{font-size:clamp(30px,2.85vw,41px);line-height:1.2;letter-spacing:-.025em}
.gummy-section-heading .marked-heading{justify-content:flex-start}
.gummy-section-heading>p{max-width:var(--gummy-copy-measure);margin-top:20px;color:var(--color-muted);font-size:20px;line-height:1.6}
.gummy-intro-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.gummy-intro-copy{min-width:0}
.gummy-intro-copy .gummy-section-heading{margin-bottom:24px}
.gummy-intro-copy h2{max-width:650px;margin-bottom:0;font-size:clamp(31px,2.95vw,42px);line-height:1.18;letter-spacing:-.025em;text-align:left;text-wrap:balance}
.gummy-intro-copy h2.marked-heading{display:block}
.gummy-intro-copy>.button{margin-top:27px;min-width:192px}
.gummy-intro-copy p{font-size:19px;line-height:1.65;color:var(--color-muted);max-width:65ch}
.gummy-intro-copy p+p{margin-top:25px}
.gummy-intro-copy strong{font-weight:700;color:var(--blue-800)}
.gummy-intro-photo{margin:0;overflow:hidden;border-radius:var(--radius);background:var(--blue-50)}
.gummy-intro-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gummy-catalog{background:var(--blue-50)}
.gummy-catalog .gummy-section-heading{max-width:1050px;margin-inline:auto;text-align:center}
.gummy-catalog .gummy-section-heading .marked-heading{justify-content:center}
.gummy-catalog .gummy-section-heading p{margin-inline:auto}
.gummy-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.gummy-product-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid var(--gummy-card-border);border-radius:var(--radius);background:var(--white);text-align:left;transition:border-color 220ms var(--ease),box-shadow 220ms var(--ease)}
.gummy-product-open{display:flex;flex:1;flex-direction:column;align-items:stretch;width:100%;padding:0;text-align:inherit;border-radius:inherit}
.gummy-product-open:focus-visible{outline-offset:-4px}
.gummy-product-photo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.35;padding:20px 25px 4px;overflow:hidden;background:var(--white)}
.gummy-product-photo img{width:100%;height:100%;object-fit:contain;transform:translateY(0) scale(1);transition:transform 360ms var(--ease)}
.gummy-product-copy{display:flex;flex:1;flex-direction:column;width:100%;padding:24px 25px 25px}
.gummy-product-title{display:block;font:600 23px/1.25 var(--head);letter-spacing:-.018em;text-wrap:pretty}
.gummy-product-title>span{min-width:0}
.product-category{margin-top:9px;font:400 16px/1.45 var(--body);color:var(--color-muted)}
.gummy-product-link{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px;color:var(--blue-500);font:500 15px/1.4 var(--head)}
.gummy-product-link .icon,.gummy-product-link svg{width:18px;height:18px;transition:transform 220ms var(--ease)}
.gummy-product-card:hover{border-color:var(--blue-500);box-shadow:0 6px 20px rgb(23 44 75 / .055)}
.gummy-product-card:hover .gummy-product-photo img{transform:translateY(-3px) scale(1.035)}
.gummy-product-card:hover .gummy-product-link{color:var(--blue-800)}
.gummy-product-card:hover .gummy-product-link .icon,.gummy-product-card:hover .gummy-product-link svg{transform:translateX(5px)}
.gummy-product-card:active .gummy-product-photo img{transform:translateY(0) scale(1.015)}
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:36px}
.catalog-pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--color-border);border-radius:4px;background:var(--white);color:var(--blue-800);font:500 16px/1 var(--head);transition:border-color 180ms,background 180ms,color 180ms}
.catalog-pagination button:hover:not(:disabled){border-color:var(--blue-500);color:var(--blue-500)}
.catalog-pagination button[aria-current="page"],.catalog-pagination button[aria-current="true"],.catalog-pagination button.is-active{background:var(--blue-500);border-color:var(--blue-500);color:var(--white)}
.catalog-pagination button .icon{width:18px;height:18px}
.catalog-pagination [data-gummy-page="previous"] .icon,#gummy-gallery-previous .icon{transform:rotate(180deg)}
.catalog-status{text-align:center;font-size:14px;line-height:1.5;color:var(--color-muted);margin-top:13px}
.gummy-solutions .gummy-section-heading{max-width:1100px;margin:0 auto 52px;text-align:center}
.gummy-solutions .gummy-section-heading .marked-heading{justify-content:center}
.gummy-solutions .gummy-section-heading p{max-width:880px;margin-inline:auto}
.solution-rows{display:grid;gap:58px}
.gummy-solution-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.gummy-solution-photo{min-width:0;order:0;margin:0;overflow:hidden;border-radius:var(--radius);background:var(--blue-50)}
.gummy-solution-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gummy-solution-copy{min-width:0;order:1}
.gummy-solution-copy .gummy-solution-number{display:block;margin:0 0 18px;font:500 clamp(44px,4vw,60px)/1 var(--head);letter-spacing:-.045em;color:var(--orange-400)}
.gummy-solution-copy h3.marked-heading{display:block;font-size:clamp(26px,2.1vw,30px);line-height:1.25;letter-spacing:-.02em;text-align:left;text-wrap:pretty}
.gummy-solution-cta{margin-top:26px;min-width:190px}
.gummy-solution-cta:hover{background:var(--orange-400);color:var(--blue-950)}
.gummy-solution-row:nth-child(even) .gummy-solution-photo{order:2}

.gummy-solution-copy p{max-width:65ch;margin-top:23px;color:var(--color-muted);font-size:20px;line-height:1.65}
.gummy-solution-copy strong{color:var(--blue-800);font-weight:700}
.gummy-faq-section{background:var(--blue-50)}
.gummy-faq-section .section-heading{margin-bottom:42px}
.gummy-faq-section .faq-container{max-width:1040px}
.gummy-faq-section .section-heading h2{font-size:clamp(30px,2.85vw,41px);line-height:1.2}
.gummy-project-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--blue-950);color:var(--white);padding:86px 0 110px}
.gummy-cta-image,.gummy-cta-shade{position:absolute;inset:0;width:100%;height:100%}
.gummy-cta-image{z-index:-2;object-fit:cover;object-position:center 62%}
.gummy-cta-shade{z-index:-1;background:linear-gradient(90deg,rgb(19 37 63 / .49),rgb(19 37 63 / .43) 68%,rgb(19 37 63 / .34))}
.gummy-cta-content{text-align:center;max-width:1010px}
.gummy-cta-content h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.025em;text-shadow:0 2px 12px rgb(19 37 63 / .75)}
.gummy-cta-content h2.marked-heading{justify-content:center}
.gummy-cta-content>p{max-width:850px;margin:23px auto 30px;font-size:20px;line-height:1.6;color:var(--white);text-shadow:0 1px 8px rgb(19 37 63 / .8)}
.gummy-cta-content .button{min-width:210px}
#gummy-product-dialog{width:min(1100px,calc(100% - 48px));padding:58px 42px 40px}
#gummy-product-dialog .dialog-close{width:44px;height:44px;top:10px;right:12px}
.gummy-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:42px;align-items:start}
.gummy-gallery{min-width:0}
.gummy-gallery-image{width:100%;aspect-ratio:1;max-height:475px;object-fit:contain;background:var(--white);border:1px solid var(--color-border);border-radius:4px}
.gummy-gallery-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.gummy-gallery-thumbnails button{min-width:0;min-height:44px;aspect-ratio:1;padding:3px;border:1px solid var(--color-border);border-radius:3px;background:var(--white);transition:border-color 160ms}
.gummy-gallery-thumbnails button img{width:100%;height:100%;object-fit:contain}
.gummy-gallery-thumbnails button:hover,.gummy-gallery-thumbnails button[aria-current="true"],.gummy-gallery-thumbnails button[aria-pressed="true"],.gummy-gallery-thumbnails button.is-active{border-color:var(--blue-500);box-shadow:inset 0 0 0 1px var(--blue-500)}
.gummy-gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;font-size:15px;color:var(--color-muted)}
.gummy-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;color:var(--blue-500)}
.gummy-gallery-controls button:hover:not(:disabled){background:var(--blue-50);border-color:var(--blue-500)}
.gummy-gallery-controls .icon{width:19px;height:19px}
.gummy-detail-copy{min-width:0;padding-top:10px}
.gummy-detail-copy h2.marked-heading{justify-content:flex-start;align-items:center;gap:11px;font-size:34px;line-height:1.2;letter-spacing:-.025em;margin-bottom:0}
.gummy-detail-copy .product-category,.gummy-detail-copy .category{font-size:17px;margin-top:17px;color:var(--blue-500)}
.gummy-detail-copy .product-description,.gummy-detail-copy .description{font-size:19px;line-height:1.6;color:var(--color-muted);margin-top:24px}
.gummy-detail-copy .product-note,.gummy-detail-copy .note{font-size:14px;line-height:1.6;color:var(--color-muted);margin-top:22px}
.gummy-detail-copy .button{margin-top:27px}
@media(min-width:1600px){
 .gummy-hero{min-height:420px}
}
@media(max-width:1100px){
 .gummy-intro-layout{gap:44px}
 .gummy-intro-copy p,.gummy-solution-copy p{font-size:19px}
 .gummy-intro-copy h2{font-size:34px}
 .gummy-product-grid{gap:20px}
 .gummy-product-copy{padding:21px 20px 23px}
 .gummy-product-title{font-size:21px;gap:8px}
 .gummy-product-photo{padding:18px 21px 3px}
 .gummy-solution-row{gap:46px}
}
@media(max-width:900px){
 .gummies-page{--gummy-section-space:70px}
 .gummy-hero{min-height:340px}
 .gummy-hero h1{font-size:44px;max-width:750px}
 .gummy-hero-content{padding-block:62px}
 .gummy-section-heading{margin-bottom:32px}
 .gummy-section-heading h2{font-size:34px}
 .gummy-section-heading>p{font-size:19px}
 .gummy-intro-layout{gap:34px}
 .gummy-intro-copy p{font-size:18px;line-height:1.65}
 .gummy-intro-copy h2{font-size:32px;margin-bottom:21px}
 .gummy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gummy-product-title{font-size:22px}
 .gummy-product-photo{aspect-ratio:1.42;padding-inline:24px}
 .gummy-solution-row{gap:34px}
 .gummy-solution-copy h3.marked-heading{font-size:26px;gap:9px}
 .gummy-solution-copy p{font-size:18px;margin-top:19px}
 .solution-rows{gap:45px}
 .gummy-cta-content>p{font-size:19px}
 .gummy-detail-layout{gap:28px}
 #gummy-product-dialog{padding:58px 28px 32px}
 .gummy-detail-copy h2.marked-heading{font-size:29px}
 .gummy-detail-copy .product-description,.gummy-detail-copy .description{font-size:18px}
}
@media(max-width:760px){
 .gummies-page{--gummy-section-space:60px}
 .gummy-hero{min-height:320px}
 .gummy-hero h1{font-size:clamp(31px,5.8vw,40px);line-height:1.15}
 .gummy-hero-image{object-position:52% center}
 .gummy-hero-shade{background:rgb(255 255 255 / .20)}
 .gummy-hero-content{padding-block:54px}
 .breadcrumbs{font-size:15px;margin-top:21px}
 .gummy-section-heading h2{font-size:28px;line-height:1.23}
 .gummy-faq-section .section-heading{margin-bottom:30px}
 .gummy-faq-section .section-heading h2{font-size:30px}
 .gummy-section-heading .marked-heading{align-items:center;gap:10px}
 .gummy-section-heading>p{font-size:18px;margin-top:18px}
 .gummy-intro-layout{grid-template-columns:1fr;gap:28px}
 .gummy-intro-copy p{max-width:none;font-size:18px}
 .gummy-intro-copy h2{max-width:630px;font-size:30px}
 .gummy-intro-copy>.button{margin-top:24px}
 .gummy-intro-copy p+p{margin-top:20px}
 .gummy-intro-photo img{aspect-ratio:16/10}
 .gummy-product-grid{gap:18px}
 .gummy-product-photo{aspect-ratio:1.15;padding:16px 16px 0}
 .gummy-product-copy{padding:20px 17px 21px}
 .gummy-product-title{font-size:20px;gap:7px}
 .product-category{font-size:15px}
 .gummy-product-link{font-size:14px;padding-top:18px}
 .gummy-solutions .gummy-section-heading{margin-bottom:34px}
 .gummy-solution-row{grid-template-columns:1fr;gap:26px}
 .gummy-solution-photo,.gummy-solution-row:nth-child(even) .gummy-solution-photo{order:0}
 .gummy-solution-copy{order:1}
 .gummy-solution-photo img{aspect-ratio:4/3}
 .gummy-solution-copy h3.marked-heading{font-size:27px}
 .gummy-solution-copy p{font-size:18px;margin-top:17px}
 .gummy-solution-copy .gummy-solution-number{font-size:44px;margin-bottom:15px}
 .gummy-solution-cta{margin-top:23px}
 .solution-rows{gap:48px}
 .gummy-project-cta{padding:64px 0 86px}
 .gummy-cta-content h2{font-size:32px}
 .gummy-cta-content>p{font-size:18px;line-height:1.6;margin-block:21px 27px}
 .gummy-cta-shade{background:rgb(19 37 63 / .48)}
 .gummy-detail-layout{grid-template-columns:1fr;gap:28px}
 #gummy-product-dialog{width:calc(100% - 24px);padding:58px 24px 30px;max-height:calc(100svh - 24px)}
 .gummy-gallery-image{max-height:370px}
 .gummy-gallery-thumbnails{gap:6px}
 .gummy-gallery-thumbnails button{min-height:44px}
 .gummy-detail-copy{padding-top:0}
 .gummy-detail-copy h2.marked-heading{font-size:30px}
 .gummy-detail-copy .product-description,.gummy-detail-copy .description{font-size:18px;margin-top:20px}
}
@media(max-width:600px){
 .gummy-product-grid{grid-template-columns:1fr}
 .gummy-product-photo{aspect-ratio:1.35;padding:18px 28px 0}
 .gummy-product-copy{padding:21px 23px 24px}
 .gummy-product-title{font-size:23px;gap:9px}
 .product-category{font-size:16px}
 .gummy-product-link{font-size:15px;padding-top:19px}
 .catalog-pagination{gap:7px;margin-top:28px}
 .gummy-catalog .gummy-section-heading .marked-heading{justify-content:flex-start;text-align:left}
 .gummy-catalog .gummy-section-heading{text-align:left}
 .gummy-catalog .gummy-section-heading p{margin-inline:0}

}
@media(max-width:360px){
 .gummy-hero{min-height:300px}
 .gummy-hero h1{font-size:30px}
 .gummy-intro-copy h2{font-size:28px}
 .gummy-section-heading h2{font-size:28px}
 .gummy-solution-copy h3.marked-heading{font-size:25px;gap:8px}
 .gummy-product-copy{padding-inline:20px}
 .gummy-product-title{font-size:22px}
 .gummy-cta-content h2{font-size:28px}
 #gummy-product-dialog{padding-inline:18px}
 .gummy-gallery-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}
 .gummy-gallery-thumbnails button{aspect-ratio:1.25}
}
@media(prefers-reduced-motion:reduce){
 .gummy-product-card,.gummy-product-photo img,.gummy-product-link .icon,.gummy-product-link svg,.gummy-gallery-thumbnails button,.catalog-pagination button,.gummy-faq-section .chevron{transition:none}
 .gummy-product-card:hover .gummy-product-photo img,.gummy-product-card:active .gummy-product-photo img{transform:none}
 .gummy-product-card:hover .gummy-product-link .icon,.gummy-product-card:hover .gummy-product-link svg{transform:none}
 #gummy-product-dialog[open]{animation:none}
}