.oing-section{margin-top:var(--ig-space,24px);padding:var(--ig-padding,96px) 0;background:var(--ig-bg,#FFFCF9);color:var(--ig-text,#fff)}
.oing-wrap{box-sizing:border-box;max-width:calc(var(--ig-max,1328px) + 80px);padding:0 40px;margin:auto}
.r-site .oing-section .oing-heading h2{font:500 var(--ig-heading,40px)/1.15 var(--ig-heading-font,'Often Martian Medium',monospace);color:var(--ig-accent,#2F3097);letter-spacing:-.02em;text-align:center;margin:0;text-transform:uppercase}
.r-site .oing-heading p{font:500 var(--ig-subtitle-size,20px)/32px var(--often-font-offer,monospace);color:var(--ig-accent,#2F3097);text-align:center;margin:12px 0 0;letter-spacing:0}
.oing-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:var(--ig-panel-height,450px);margin-top:var(--ig-heading-gap,36px);border-radius:var(--ig-panel-radius,40px);padding:var(--ig-panel-padding,34px);background:var(--ig-overlay,#171318)}
.oing-art,.oing-overlay{position:absolute;inset:0;pointer-events:none;z-index:-1}
.r-site .oing-art .oing-background{display:block;width:100%;height:100%;object-fit:cover}
.oing-overlay{background:var(--ig-overlay,#171318);opacity:var(--ig-overlay-alpha,.15)}
often-ingredient-carousel{display:block;min-width:0;width:100%}
.oing-track{position:relative;display:grid;grid-template-rows:repeat(var(--ig-rows,2),minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ig-cols,4) - 1)*var(--ig-gap,32px))/var(--ig-cols,4));gap:var(--ig-gap,32px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.oing-track::-webkit-scrollbar{display:none}
.oing-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.oing-card{box-sizing:border-box;min-width:0;min-height:var(--ig-card-height,140px);display:flex;align-items:center;justify-content:center;gap:var(--ig-card-inner-gap,18px);padding:var(--ig-card-padding,15px) var(--ig-card-right,8px) var(--ig-card-bottom,10px) var(--ig-card-left,20px);border-radius:var(--ig-card-radius,18px);background:var(--ig-card,rgba(23,19,24,.46));border:1px solid var(--ig-border,rgba(255,255,255,.2));backdrop-filter:blur(var(--ig-blur,18px));-webkit-backdrop-filter:blur(var(--ig-blur,18px));box-shadow:0 10px 30px rgb(0 0 0 / .12),inset 0 1px 0 rgb(255 255 255 / .16);scroll-snap-align:start;color:var(--ig-card-text,var(--ig-text,#fff))}
.r-site .oing-card .oing-portrait{width:var(--ig-image,84px);height:var(--ig-image,84px);flex-shrink:0;border-radius:50%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.oing-copy{min-width:0;flex:1;align-self:center}
.r-site .oing-section .oing-card h3{font:850 var(--ig-title,22px)/1.25 var(--ig-body-font,'Often Inter',Arial,sans-serif);color:inherit;letter-spacing:0;text-transform:none;text-align:left;margin:0 0 4px;overflow-wrap:break-word}
.r-site .oing-card p{font:500 var(--ig-copy,18px)/1.15 var(--ig-body-font,'Often Inter',Arial,sans-serif);color:inherit;letter-spacing:0;margin:0}
.oing-card a{display:inline-flex;align-items:center;min-height:44px;font:600 13px/1.2 var(--often-font-offer,Arial);color:inherit;text-underline-offset:4px}
.oing-controls{display:flex;justify-content:center;align-items:center;gap:64px;margin-top:20px;color:var(--ig-text,#fff)}
.oing-controls[hidden]{display:none}
.oing-controls button{display:grid;place-items:center;background:none;border:0;color:inherit;width:44px;height:44px;padding:0;cursor:pointer}
.oing-controls span{font:500 12px/1 var(--ig-body-font,Arial)}
.r-site .oing-section :focus-visible{outline:2px solid var(--ig-text,#fff);outline-offset:3px}
.oing-evidence{text-align:center;margin-top:24px;font:500 14px/1.4 var(--ig-body-font,Arial)}
.r-site .oing-evidence p,.r-site .oing-evidence a{color:var(--ig-text,#fff)}
@media(min-width:1024px) and (max-width:1316px){.oing-track{grid-auto-columns:calc((100% - 2*var(--ig-gap,32px))/3)}}
@media(min-width:1024px) and (max-width:1279px){.oing-panel{padding:24px;min-height:calc(var(--ig-panel-height,450px) - 38px)}.oing-track{gap:20px;grid-auto-columns:calc((100% - 40px)/3)}.oing-card{padding-right:20px}.r-site .oing-card .oing-portrait{width:64px;height:64px}.r-site .oing-section .oing-card h3{font-size:18px}}
@media(max-width:1023px){.oing-wrap{padding:0 20px}.oing-panel{min-height:0;padding:var(--ig-mobile-panel-padding,0px)}.oing-track{grid-auto-columns:calc((100% - (var(--ig-mobile-cols,2) - 1)*var(--ig-mobile-gap,12px))/var(--ig-mobile-cols,2));gap:var(--ig-mobile-gap,12px)}.r-site .oing-card p{font-size:var(--ig-mobile-copy,15px);line-height:1.15}.oing-card{padding-right:20px}.oing-controls{margin-top:4px;margin-bottom:4px}}
@media(max-width:767px){.oing-section{padding-top:var(--ig-mobile-section-padding,56px);padding-bottom:var(--ig-mobile-section-padding,56px)}.r-site .oing-section .oing-heading h2{font-size:var(--ig-heading-mobile,27px)}.r-site .oing-heading p{font-size:18px;line-height:32px;margin-top:8px}.oing-panel{margin-top:28px;border-radius:min(var(--ig-panel-radius,40px),24px)}.oing-card{flex-direction:column;align-items:center;min-height:var(--ig-mobile-card-height,252px);padding:var(--ig-mobile-card-padding,12px) var(--ig-mobile-card-side,0px);gap:10px;border-radius:20px}.r-site .oing-card .oing-portrait{width:var(--ig-mobile-image,84px);height:var(--ig-mobile-image,84px)}.oing-copy{align-self:stretch;flex:0 1 auto}.r-site .oing-section .oing-card h3{font-size:var(--ig-mobile-title,22px);text-align:center}.r-site .oing-card p{text-align:center}.oing-card a{justify-content:center;width:100%}}
@supports not (backdrop-filter:blur(1px)){.oing-card{background:rgb(32 25 32 / .9)}}
@media(prefers-reduced-motion:reduce){.oing-track{scroll-behavior:auto}}

.oing-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px var(--ig-badge-gap,30px);list-style:none;margin:var(--ig-badge-space,28px) 0 0;padding:0;color:var(--ig-badge-color,#2F3097)}
.oing-badge{display:flex;align-items:center;justify-content:center;gap:9px;font:600 var(--ig-badge-size,22px)/1.2 var(--often-font-offer,monospace);text-transform:uppercase;letter-spacing:0}
.oing-badge svg,.r-site .oing-badge-icon{display:block;flex:0 0 26px;width:26px;height:26px;object-fit:contain}
@media(max-width:767px){.oing-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.oing-badge{font-size:min(var(--ig-badge-size,22px),17px);justify-content:flex-start;gap:7px}.oing-badge svg,.r-site .oing-badge-icon{flex-basis:22px;width:22px;height:22px}}

.oing-cta-wrap{display:flex;justify-content:center;margin-top:var(--ig-cta-space,40px)}
.r-site a.oing-cta{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;max-width:var(--ig-cta-width,384px);min-height:var(--ig-cta-height,62px);padding:14px 24px;background:var(--ig-cta-bg,#EB98E3);color:var(--ig-cta-color,#2F3097);border:1px solid transparent;border-radius:var(--ig-cta-radius,12px);font:800 var(--ig-cta-size,22px)/1.15 'Often Inter',Arial,sans-serif;text-decoration:none;text-align:center;transition:filter .15s ease}
.oing-cta svg{flex:0 0 28px}.oing-cta:hover{filter:brightness(.96)}.r-site .oing-cta:focus-visible{outline:3px solid var(--ig-cta-color,#2F3097);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.r-site a.oing-cta{transition:none}}

.oing-track.oing-fit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
  cursor: auto;
  --fit-cols: var(--ig-cols);
  --fit-gap: var(--ig-gap);
  gap: var(--fit-gap);
}
.oing-fit > .oing-card {
  flex: 0 0 calc((100% + var(--fit-gap)) / var(--fit-cols) - var(--fit-gap));
  overflow-wrap: anywhere;
}
@media (max-width: 1023px) {
  .oing-track.oing-fit {
    --fit-cols: var(--ig-mobile-cols);
    --fit-gap: var(--ig-mobile-gap);
  }
}
