.myop-pdpstory{width:100%}.myop-pdpstory>*{width:100%}.myop-pdpstory__panel{padding-inline:clamp(2rem,6vw,8rem)}.myop-pdpstory__body{max-width:90rem;margin-inline:auto;text-align:var(--panel-align, center)}.myop-pdpstory__panel[style*=left] .myop-pdpstory__body{margin-inline:0}.myop-pdpstory__eyebrow{margin:0 0 1.2rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.16em;font-size:1.25rem;color:var(--brand-gold, #F37021)}.myop-pdpstory__heading{margin:0 0 1.6rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.02em;line-height:1.08;font-size:clamp(2.4rem,3.6vw,3.6rem)}.myop-pdpstory__heading.is-underlined{display:inline-block;padding-bottom:.4rem;border-bottom:3px solid var(--brand-gold, #F37021)}.myop-pdpstory__text{margin:0 auto;max-width:64ch;line-height:1.8;font-size:clamp(1.5rem,1.8vw,1.75rem);opacity:.85}.myop-pdpstory__panel[style*=left] .myop-pdpstory__text{margin-inline:0}.myop-pdpstory__panel--split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.4rem,5vw,6rem);max-width:132rem;margin-inline:auto}.myop-pdpstory__panel--image_right{direction:rtl}.myop-pdpstory__panel--image_right>*{direction:ltr}.myop-pdpstory__media img{width:100%;height:auto;border-radius:20px;display:block}@media screen and (max-width:749px){.myop-pdpstory__panel--split{grid-template-columns:1fr}.myop-pdpstory__panel--image_right{direction:ltr}}.myop-pdpstory__banner{text-align:center;padding-inline:clamp(1.6rem,4vw,4rem);overflow:hidden}.myop-pdpstory__banner-eyebrow{margin:0 0 1.4rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.05em;color:var(--brand-gold, #F37021);font-size:clamp(1.8rem,2.6vw,2.6rem)}.myop-pdpstory__banner-lead{max-width:70ch;margin:0 auto 3.2rem;line-height:1.8;font-size:clamp(1.5rem,1.8vw,1.75rem);opacity:.85}.myop-pdpstory__outline{display:flex;gap:4rem;white-space:nowrap;justify-content:center;font-family:var(--font-heading-family);text-transform:uppercase;font-size:clamp(3.4rem,8vw,8rem);letter-spacing:.02em;line-height:1}.myop-pdpstory__outline span{-webkit-text-stroke:1.4px currentColor;color:transparent;opacity:.85}.myop-pdpstory__faqgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(3rem,6vw,8rem);max-width:132rem;margin-inline:auto;padding-inline:clamp(2rem,5vw,6rem)}.myop-pdpstory__faqgrid--single{grid-template-columns:1fr;max-width:80rem}.myop-pdpstory__faq-title{margin:0 0 2rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(2.2rem,3vw,3rem)}.myop-pdpstory__faq-item{border-bottom:1px solid rgba(var(--color-foreground),.16)}.myop-pdpstory__faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.9rem 0;font-size:1.6rem;color:var(--brand-gold, #F37021);font-weight:500}.myop-pdpstory__faq-item summary::-webkit-details-marker{display:none}.myop-pdpstory__faq-item summary svg{flex:none;transition:transform .3s var(--ease-primary, ease)}.myop-pdpstory__faq-item[open] summary svg{transform:rotate(45deg)}.myop-pdpstory__faq-answer{padding:0 0 1.9rem;line-height:1.75;max-width:62ch;opacity:.85}.myop-pdpstory__contact-title{margin:0 0 .8rem;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.03em;line-height:1.1;font-size:clamp(2.2rem,3vw,3rem)}.myop-pdpstory__contact-sub{margin:0 0 2rem;opacity:.8;font-size:1.5rem}.myop-pdpstory__form{display:flex;flex-direction:column;gap:1.2rem}.myop-pdpstory__form .field__input{width:100%;padding:1.4rem 1.6rem;border-radius:12px;border:1px solid rgba(var(--color-foreground),.25);background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-size:1.5rem}.myop-pdpstory__form textarea.field__input{resize:vertical;min-height:10rem}.myop-pdpstory__form .button{margin-top:.6rem;align-self:flex-start}.myop-pdpstory__form-success{color:var(--brand-gold, #F37021);margin-bottom:1rem}@media screen and (max-width:749px){.myop-pdpstory__faqgrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.myop-pdpstory__faq-item summary svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-myop-pdp-story.css.map */