.problem-section{--problem-onyx: #04100b;--problem-smoke: #F2F0EF;--problem-gold: #C9A35C;--problem-gold-soft: rgba(201, 163, 92, .4);--problem-maroon: #8C1F1F;position:relative;overflow:hidden;isolation:isolate;background:var(--problem-onyx);padding:clamp(5.5rem,11vw,10rem) 0}.problem-section__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.problem-section__image{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%;object-fit:cover;object-position:center;filter:blur(var(--problem-blur, 8px)) saturate(.8) brightness(.75)}.problem-section__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(4,16,11,calc(var(--problem-overlay-opacity, 75) / 100 + .1)),rgba(4,16,11,calc(var(--problem-overlay-opacity, 75) / 100)),rgba(4,16,11,calc(var(--problem-overlay-opacity, 75) / 100 + .1)))}.problem-section__container{position:relative;z-index:1;max-width:50rem;margin:0 auto}.problem-section__eyebrow-wrap{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:1.4rem;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.problem-section__eyebrow-wrap.is-visible{opacity:1;transform:translateY(0)}.problem-section__rule{display:block;width:32px;height:1px;background:var(--problem-gold-soft)}.problem-section__eyebrow{margin:0;font-family:var(--font-body-family, "Inter", sans-serif);font-size:1.15rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--problem-maroon)}.problem-section__heading{margin:0 0 clamp(2.8rem,5.5vw,4.5rem);font-family:var(--font-heading-family, "Fraunces", Georgia, serif);font-weight:500;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.15;text-align:center;color:var(--problem-smoke);opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.problem-section__heading.is-visible{opacity:1;transform:translateY(0)}.problem-section__symptoms{display:flex;flex-direction:column;gap:1.1rem;margin:0 0 clamp(2.8rem,5.5vw,4.5rem);padding:0;list-style:none}.problem-section__line{display:flex;align-items:flex-start;gap:1rem;opacity:0;transform:translate(-16px);transition:opacity .55s ease,transform .55s ease}.problem-section__line.is-visible{opacity:1;transform:translate(0)}.problem-section__marker{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:.15em;border-radius:50%;background:#c9a35c1a;color:var(--problem-gold);font-size:1.1rem}.problem-section__line-text{font-family:var(--font-body-family, "Inter", sans-serif);font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:400;line-height:1.45;color:var(--problem-smoke);opacity:.9}.problem-section__panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:clamp(2.2rem,4.5vw,3.2rem) clamp(1.8rem,4vw,3rem);border:1px solid var(--problem-gold-soft);border-radius:4px;background:linear-gradient(165deg,#c9a35c14,#04100b66 60%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.problem-section__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;box-shadow:0 0 0 1px #c9a35c14,0 20px 60px #00000059;pointer-events:none}.problem-section__panel.is-visible{opacity:1;transform:translateY(0)}.problem-section__panel-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#c9a35c1f;border:1px solid var(--problem-gold-soft);color:var(--problem-gold);font-size:1.5rem}.problem-section__panel-text{max-width:38rem;font-family:var(--font-body-family, "Inter", sans-serif);font-size:clamp(1.35rem,1.9vw,1.6rem);line-height:1.65;color:var(--problem-smoke);opacity:.85}.problem-section__panel-text p{margin:0 0 .6em}.problem-section__panel-text p:last-child{margin-bottom:0}.problem-section__panel-text strong,.problem-section__panel-text b{color:var(--problem-gold);font-weight:600;opacity:1}@media screen and (max-width:749px){.problem-section{padding:clamp(4rem,14vw,6.5rem) 0}.problem-section__heading{font-size:clamp(2.2rem,7vw,2.8rem);margin-bottom:2.4rem}.problem-section__symptoms{margin-bottom:2.4rem}.problem-section__line-text{font-size:1.45rem}.problem-section__panel{padding:2rem 1.5rem}.problem-section__panel-text{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.problem-section__line,.problem-section__heading,.problem-section__panel,.problem-section__eyebrow-wrap{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/problem-section.css.map */