.oji-color-grades{position:relative;padding:clamp(80px,10vw,120px) 0;background-color:#f5f3ee;text-align:center}.oji-color-grades__header{max-width:800px;margin:0 auto clamp(40px,6vw,60px);padding:0 24px;opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.oji-color-grades.oji-in-view .oji-color-grades__header{opacity:1;transform:translateY(0)}.oji-color-grades__kicker{display:block;font-family:Poppins,sans-serif;font-size:clamp(11px,1.2vw,13px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#5b7340;margin-bottom:12px}.oji-color-grades__title{font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(32px,5vw,48px);font-weight:400;font-style:italic;line-height:1.2;color:#2a3e2f;margin:0}.oji-color-grades__comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);max-width:700px;margin:0 auto;padding:0 24px}.oji-color-grades__item--comparison{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.oji-color-grades__item--comparison:nth-child(1){transition-delay:.4s}.oji-color-grades__item--comparison:nth-child(2){transition-delay:.5s}.oji-color-grades__item--comparison:nth-child(3){transition-delay:.6s}.oji-color-grades.oji-in-view .oji-color-grades__item--comparison{opacity:1;transform:translateY(0)}.oji-color-grades__image{width:100%;max-width:160px;margin:0 auto 16px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.oji-color-grades__item--comparison:hover .oji-color-grades__image{transform:scale(1.05)}.oji-color-grades__image img{width:100%;height:auto;display:block}.oji-color-grades__label{display:block;font-family:Poppins,sans-serif;font-size:clamp(11px,1.1vw,13px);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#6b7b6e}.oji-color-grades__divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,#9BAD87,transparent);margin:clamp(40px,6vw,60px) auto;opacity:0;transform:scaleX(0);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:.3s}.oji-color-grades.oji-in-view .oji-color-grades__divider{opacity:1;transform:scaleX(1)}.oji-color-grades__hero{padding:0 24px}.oji-color-grades__item--hero{opacity:0;transform:translateY(24px) scale(.95);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:.1s}.oji-color-grades.oji-in-view .oji-color-grades__item--hero{opacity:1;transform:translateY(0) scale(1)}.oji-color-grades__image--hero{max-width:280px;margin-bottom:20px}.oji-color-grades__image--hero img{filter:drop-shadow(0 8px 24px rgba(42,62,47,.15))}.oji-color-grades__hero-kicker{display:block;font-family:Poppins,sans-serif;font-size:clamp(10px,1vw,12px);font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:#5b7340;margin-bottom:8px}.oji-color-grades__label--hero{font-size:clamp(14px,1.4vw,16px);font-weight:500;letter-spacing:.18em;color:#2a3e2f}@media (max-width: 599px){.oji-color-grades{padding:clamp(60px,10vw,80px) 0}.oji-color-grades__comparison{grid-template-columns:repeat(3,1fr);gap:12px;max-width:100%;padding:0 16px}.oji-color-grades__image{max-width:90px}.oji-color-grades__label{font-size:9px;letter-spacing:.1em}.oji-color-grades__image--hero{max-width:200px}.oji-color-grades__divider{width:80px;margin:clamp(32px,5vw,48px) auto}}@media (prefers-reduced-motion: reduce){.oji-color-grades__header,.oji-color-grades__item--comparison,.oji-color-grades__item--hero,.oji-color-grades__divider{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oji-color-grades.css.map */