.faq{--faq-line: color-mix(in srgb, var(--faq-fg) 18%, transparent);--faq-ease: cubic-bezier(.22, 1, .36, 1);--faq-icon: 2.375rem;display:block;padding-block:clamp(5.5rem,3rem + 6vw,10rem);background:var(--faq-bg);color:var(--faq-fg)}.faq__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(3rem,1rem + 6vw,8rem);align-items:start}.faq__aside{position:sticky;top:clamp(6rem,4rem + 4vw,8rem)}.faq__eyebrow{margin:0 0 var(--space-m);font-family:var(--font-body);font-size:clamp(.8125rem,.78rem + .15vw,.9375rem);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--faq-fg) 70%,transparent)}.faq__heading{margin:0;font-family:var(--font-heading);font-size:clamp(2.5rem,1.4rem + 2.6vw,4rem);font-weight:700;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.faq__text{max-width:24rem;margin:var(--space-l) 0 0;font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.55;color:color-mix(in srgb,var(--faq-fg) 82%,transparent);text-wrap:pretty}.faq__cta{margin-top:clamp(2rem,1.5rem + 1.5vw,2.75rem)}.faq__list{margin:0;padding:0;list-style:none}.faq-item{position:relative;border-bottom:1px solid var(--faq-line)}.faq-item:first-child{border-top:1px solid var(--faq-line)}.faq-item__heading{margin:0;font:inherit}.faq-item__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);width:100%;padding:clamp(1.35rem,1.1rem + .7vw,1.85rem) 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.faq-item__toggle:focus-visible{outline:2px solid var(--faq-fg);outline-offset:4px}.faq-item__question{font-family:var(--font-heading);font-size:clamp(1.1875rem,1.05rem + .45vw,1.5rem);font-weight:700;line-height:1.2;text-wrap:pretty;transition:translate .45s var(--faq-ease)}.faq-item__icon{position:relative;flex:none;width:var(--faq-icon);height:var(--faq-icon);border:1px solid color-mix(in srgb,var(--faq-fg) 30%,transparent);border-radius:50%;color:var(--faq-fg);transition:background-color .35s ease,border-color .35s ease,color .35s ease}.faq-item__icon:before,.faq-item__icon:after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;border-radius:1px;background:currentColor;translate:-50% -50%}.faq-item__icon:after{rotate:90deg;transition:rotate .5s var(--faq-ease)}.faq-item.is-open .faq-item__icon{border-color:var(--faq-fg);background:var(--faq-fg);color:var(--faq-bg)}.faq-item.is-open .faq-item__icon:after{rotate:0deg}@media(hover:hover){.faq-item__toggle:hover .faq-item__icon{border-color:var(--faq-fg)}.faq-item:not(.is-open) .faq-item__toggle:hover .faq-item__question{translate:.3rem 0}}.faq-item__panel{display:grid;grid-template-rows:1fr}.js .faq-item__panel{grid-template-rows:0fr;transition:grid-template-rows .6s var(--faq-ease)}.js .faq-item.is-open .faq-item__panel{grid-template-rows:1fr}.faq-item__panel-inner{min-height:0;overflow:hidden}.faq-item__body{display:grid;grid-template-columns:minmax(0,1fr) var(--faq-icon);column-gap:var(--space-m);align-items:end;padding-bottom:clamp(1.5rem,1.2rem + .8vw,2.125rem)}.faq-item__mark{justify-self:center;width:auto;height:1.75rem;color:var(--faq-fg);opacity:var(--faq-mark, .2)}.faq-item__answer{max-width:38rem;font-size:var(--text-base);line-height:1.6;color:color-mix(in srgb,var(--faq-fg) 82%,transparent);text-wrap:pretty}.faq-item__answer>*{margin:0}.faq-item__answer>*+*{margin-top:.75em}.js .faq-item__answer{opacity:0;translate:0 -.5rem;transition:opacity .3s ease,translate .5s var(--faq-ease)}.js .faq-item.is-open .faq-item__answer{opacity:1;translate:0 0;transition:opacity .5s ease .15s,translate .6s var(--faq-ease) .1s}.js .faq-item__mark{opacity:0;transition:opacity .2s ease}.js .faq-item.is-open .faq-item__mark{opacity:var(--faq-mark, .2);transition:opacity .9s ease .45s}.js .faq:not(.is-in) .faq-in{opacity:0;translate:0 1rem}.faq .faq-in{transition:opacity .9s var(--ease-out) calc(var(--d, 0) * .12s),translate .9s var(--ease-out) calc(var(--d, 0) * .12s)}.js .faq-item:not(.is-in){opacity:0;translate:0 .75rem}.faq-item{transition:opacity .8s var(--ease-out) var(--in-delay, 0s),translate .9s var(--ease-out) var(--in-delay, 0s)}@media(prefers-reduced-motion:reduce){.faq .faq-in,.faq-item,.faq-item__icon,.faq-item__icon:after,.faq-item__question,.js .faq-item__mark,.js .faq-item__panel,.js .faq-item__answer{transition:none}}@media(max-width:989px){.faq__inner{display:flex;flex-direction:column;gap:0}.faq__aside{display:contents}.faq__intro{order:1;margin-bottom:clamp(2.5rem,1.75rem + 2.5vw,3.5rem)}.faq__list{order:2}.faq__cta{order:3;margin-top:clamp(2.25rem,1.75rem + 2vw,3rem)}}@media(max-width:749px){.faq{--faq-icon: 2.125rem}.faq-item__body{grid-template-columns:minmax(0,1fr);row-gap:.75rem}.faq-item__mark{justify-self:end;height:1.5rem;margin-right:calc(var(--faq-icon) / 2 - .55rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-faq.css.map */