.yss-faq{--yss-bg: #fbf7f1;--yss-card: #fdfbf8;--yss-card-open: #f8f3ed;--yss-surface: #f4eee6;--yss-beige: #e9ded1;--yss-pill: #efe7dd;--yss-cta-bg: #eee5da;--yss-accent: #9a7657;--yss-accent-ui: #8a6a4e;--yss-accent-hover: #785c43;--yss-text: #171717;--yss-muted: #68635d;--yss-border: rgba(23, 23, 23, .1);--yss-border-strong: rgba(23, 23, 23, .2);--yss-white: #ffffff;--yss-serif: var(--font-heading-family, Georgia, "Times New Roman", serif);--yss-serif-weight: 400;--yss-serif-style: normal;--yss-sans: var(--font-body-family, "Helvetica Neue", Arial, sans-serif);--yss-max: 128rem;--yss-gutter: clamp(2rem, 4vw, 5.6rem);--yss-radius: .6rem;--yss-radius-sm: .4rem;--yss-ease: cubic-bezier(.4, 0, .2, 1);--yss-speed: .35s;display:block;padding-top:var(--yss-pad-top, 0);padding-bottom:var(--yss-pad-bottom, 6.4rem);background-color:var(--yss-bg);color:var(--yss-text);font-family:var(--yss-sans);font-style:var(--font-body-style, normal);font-weight:var(--font-body-weight, 400);font-size:1.5rem;line-height:1.6;letter-spacing:normal;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.yss-faq *,.yss-faq *:before,.yss-faq *:after{box-sizing:border-box}.yss-faq .yss-faq__sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yss-faq__container{width:100%;max-width:calc(var(--yss-max) + 2 * var(--yss-gutter));margin-inline:auto;padding-inline:var(--yss-gutter)}.yss-faq__icon{display:block;flex:none;width:2.4rem;height:2.4rem}.yss-faq__img{display:block;width:100%;height:100%;object-fit:cover}.yss-faq__placeholder{background-color:var(--yss-beige);fill:#17171747}.yss-faq__eyebrow{margin:0;color:var(--yss-accent-ui);font-size:1.1rem;font-weight:500;line-height:1.4;letter-spacing:.26em;text-transform:uppercase}.yss-faq__eyebrow--muted{color:var(--yss-muted)}.yss-faq__rte>*{margin:0}.yss-faq__rte>*+*{margin-top:.8em}.yss-faq__rte a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.yss-faq__rte a:hover{color:var(--yss-accent-ui)}.yss-faq__rte ul,.yss-faq__rte ol{padding-left:1.8em}.yss-faq__rte strong{color:var(--yss-text);font-weight:600}.yss-faq a:focus-visible,.yss-faq button:focus-visible{outline:2px solid var(--yss-text);outline-offset:3px;box-shadow:none}.yss-faq__btn{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.4rem;margin:0;padding:0 2.8rem;border:1px solid transparent;border-radius:var(--yss-radius-sm);font-family:var(--yss-sans);font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color .25s var(--yss-ease),border-color .25s var(--yss-ease),color .25s var(--yss-ease)}.yss-faq__btn .yss-faq__icon{width:2rem;height:2rem}.yss-faq__btn-arrow{transition:transform .25s var(--yss-ease)}.yss-faq__btn:hover .yss-faq__btn-arrow{transform:translate(.3rem)}.yss-faq__btn--solid{background-color:var(--yss-accent-ui);border-color:var(--yss-accent-ui);color:var(--yss-white)}.yss-faq__btn--solid:hover{background-color:var(--yss-accent-hover);border-color:var(--yss-accent-hover);color:var(--yss-white)}.yss-faq__btn--outline{width:100%;background-color:var(--yss-white);border-color:var(--yss-border-strong);color:var(--yss-text)}.yss-faq__btn--outline:hover{border-color:var(--yss-text);color:var(--yss-text)}.yss-faq__btn--sm{min-height:4.8rem;padding:0 2.4rem;font-size:1.45rem}.yss-faq__hero{display:grid;grid-template-columns:minmax(var(--yss-gutter),1fr) minmax(0,calc(var(--yss-max) * .46)) minmax(0,calc(var(--yss-max) * .54)) minmax(var(--yss-gutter),1fr);min-height:clamp(44rem,34vw,52rem)}.yss-faq__hero-content{position:relative;z-index:1;grid-column:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:3.2rem 4.8rem 5.2rem 0}.yss-faq__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin:0 0 clamp(2.8rem,3vw,4.4rem);padding:0;list-style:none;font-size:1.25rem;line-height:1.4}.yss-faq__breadcrumb li{display:inline-flex;align-items:center;gap:1.2rem}.yss-faq__breadcrumb li+li:before{content:"";width:.5rem;height:.5rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);opacity:.55}.yss-faq__breadcrumb a{color:inherit;text-decoration:none}.yss-faq__breadcrumb a:hover{text-decoration:underline;text-underline-offset:.25em}.yss-faq__title{margin:1.4rem 0 2.4rem;color:var(--yss-text);font-family:var(--yss-serif);font-style:var(--yss-serif-style);font-weight:var(--yss-serif-weight);font-size:clamp(4.2rem,2rem + 3.8vw,7.8rem);line-height:.98;letter-spacing:-.02em;word-break:normal;overflow-wrap:break-word}.yss-faq__title--long{font-size:clamp(3.8rem,1.6rem + 3.3vw,6.6rem)}.yss-faq__title--xlong{font-size:clamp(3.4rem,1.6rem + 2.6vw,5.4rem)}.yss-faq__hero-text{max-width:46rem;margin-bottom:3.2rem;font-size:clamp(1.5rem,1.2rem + .4vw,1.8rem);line-height:1.55}.yss-faq__hero .yss-faq__btn{min-height:clamp(5rem,4rem + .9vw,5.8rem);padding-inline:clamp(2.4rem,1.6rem + 1.2vw,3.6rem);font-size:clamp(1.5rem,1.3rem + .2vw,1.65rem)}.yss-faq__hero-media{position:relative;grid-column:3 / 5;overflow:hidden;background-color:var(--yss-surface)}.yss-faq__hero-media>.yss-faq__img,.yss-faq__hero-media>svg{position:absolute;top:0;right:0;bottom:0;left:0}.yss-faq__hero-media--fade:after{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:linear-gradient(90deg,var(--yss-bg),transparent);pointer-events:none}.yss-faq__cats-wrap{position:relative;margin-top:clamp(2.4rem,2.4vw,3.2rem)}.yss-faq__cats-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:4.2rem;height:4.2rem;margin:0;padding:0;border:1px solid var(--yss-border-strong);border-radius:50%;background-color:var(--yss-white);color:var(--yss-text);box-shadow:0 .2rem .8rem #17171714;cursor:pointer;transform:translateY(-50%);-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--yss-ease),visibility .2s var(--yss-ease),border-color .2s var(--yss-ease)}.yss-faq__cats-arrow:hover{border-color:var(--yss-text)}.yss-faq__cats-arrow--prev{left:calc(var(--yss-gutter) * -1 + .6rem)}.yss-faq__cats-arrow--next{right:calc(var(--yss-gutter) * -1 + .6rem)}.yss-faq__cats-arrow .yss-faq__icon{width:2rem;height:2rem}.yss-faq__cats-arrow--prev .yss-faq__icon{transform:rotate(90deg)}.yss-faq__cats-arrow--next .yss-faq__icon{transform:rotate(-90deg)}.yss-faq__cats-arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}.yss-faq .yss-faq__cats-arrow[hidden]{display:none}.yss-faq__cats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(1.2rem,1.6vw,2.4rem);margin:0;padding:0;list-style:none}.yss-faq__cats>li{display:flex;min-width:0}.yss-faq__cat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.2rem;min-height:10.4rem;margin:0;padding:2.2rem 1rem 1.6rem;border:1px solid var(--yss-border);border-radius:var(--yss-radius);background-color:var(--yss-card);color:var(--yss-text);font-family:var(--yss-sans);font-size:clamp(1.35rem,1.1rem + .25vw,1.5rem);line-height:1.25;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .25s var(--yss-ease),border-color .25s var(--yss-ease),color .25s var(--yss-ease)}.yss-faq__cat:hover{border-color:var(--yss-border-strong);background-color:var(--yss-white)}.yss-faq__cat[aria-pressed=true]{border-color:var(--yss-accent-ui);background-color:var(--yss-accent-ui);color:var(--yss-white);font-weight:500}.yss-faq__cat-icon{width:3rem;height:3rem}.yss-faq__main{margin-top:clamp(2.4rem,2.6vw,3.6rem)}.yss-faq__grid{display:grid;grid-template-columns:minmax(0,31fr) minmax(0,69fr);gap:clamp(2rem,2.2vw,3.2rem);align-items:start}.yss-faq__support{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--yss-radius);background-color:var(--yss-surface)}.yss-faq__support-media{position:relative;aspect-ratio:7 / 8;background-color:var(--yss-beige)}.yss-faq__support-media>.yss-faq__img,.yss-faq__support-media>svg{position:absolute;top:0;right:0;bottom:0;left:0}.yss-faq__support-body{padding:clamp(2.4rem,2.4vw,3.2rem) clamp(2rem,2vw,2.8rem)}.yss-faq__support-title{margin:1.4rem 0 1.2rem;color:var(--yss-text);font-family:var(--yss-serif);font-style:var(--yss-serif-style);font-weight:var(--yss-serif-weight);font-size:clamp(3rem,1.6rem + 1.8vw,4.4rem);line-height:1.06;letter-spacing:-.015em}.yss-faq__support-text{margin-bottom:2.4rem;color:var(--yss-muted);font-size:1.5rem;line-height:1.5}.yss-faq__list{display:flex;flex-direction:column;gap:.8rem}.yss-faq__item{--yss-item-pad: clamp(1.2rem, 1.2vw, 1.6rem);--yss-item-gap: clamp(1.2rem, 1.4vw, 2rem);--yss-pill-w: 4.8rem;border:1px solid var(--yss-border);border-radius:var(--yss-radius);background-color:var(--yss-card);transition:background-color var(--yss-speed) var(--yss-ease),border-color var(--yss-speed) var(--yss-ease)}.yss-faq__item:hover{border-color:var(--yss-border-strong)}.yss-faq__item.is-open{background-color:var(--yss-card-open)}.yss-faq .yss-faq__item[hidden]{display:none!important}.yss-faq__q{margin:0;font:inherit;letter-spacing:normal}.yss-faq__trigger{display:flex;align-items:center;gap:var(--yss-item-gap);width:100%;min-height:5.8rem;margin:0;padding:1.2rem clamp(1.6rem,2vw,2.4rem) 1.2rem var(--yss-item-pad);border:0;border-radius:var(--yss-radius);background:transparent;color:var(--yss-text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.yss-faq__num{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--yss-pill-w);height:2.6rem;border-radius:99rem;background-color:var(--yss-pill);color:var(--yss-text);font-family:var(--yss-sans);font-size:1.2rem;font-weight:600;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums}.yss-faq__q-text{flex:1;min-width:0;font-family:var(--yss-serif);font-style:var(--yss-serif-style);font-weight:var(--yss-serif-weight);font-size:clamp(1.7rem,1.3rem + .5vw,2rem);line-height:1.3;letter-spacing:-.005em}.yss-faq__chevron{display:grid;flex:none;place-items:center;width:2.4rem;height:2.4rem;margin-left:auto;transition:transform var(--yss-speed) var(--yss-ease)}.yss-faq__chevron .yss-faq__icon{width:2rem;height:2rem}.yss-faq__trigger[aria-expanded=true] .yss-faq__chevron{transform:rotate(180deg)}.yss-faq__panel{overflow:hidden;transition:height var(--yss-speed) var(--yss-ease)}.yss-faq__answer{padding:.2rem clamp(2rem,5vw,6.4rem) 2.4rem calc(var(--yss-item-pad) + var(--yss-pill-w) + var(--yss-item-gap));color:var(--yss-muted);font-size:1.45rem;line-height:1.7}.yss-faq__empty{margin:0;padding:3.2rem 2.4rem;border:1px dashed var(--yss-border-strong);border-radius:var(--yss-radius);color:var(--yss-muted);text-align:center}.yss-faq .yss-faq__empty[hidden]{display:none!important}.no-js .yss-faq .yss-faq__panel[hidden]{display:block}.no-js .yss-faq .yss-faq__chevron,.no-js .yss-faq .yss-faq__cats-wrap{display:none}.yss-faq__benefits-wrap{margin-top:clamp(3.2rem,3.4vw,4.8rem)}.yss-faq__benefits{display:grid;grid-template-columns:repeat(var(--yss-benefit-cols, 4),minmax(0,1fr));margin:0;padding:2.8rem 1.6rem;list-style:none;border-radius:var(--yss-radius);background-color:var(--yss-surface)}.yss-faq__benefit{position:relative;display:flex;align-items:center;justify-content:center;gap:2rem;padding:.4rem 2rem}.yss-faq__benefit+.yss-faq__benefit:before{content:"";position:absolute;top:50%;left:0;width:1px;height:4.8rem;background-color:var(--yss-border-strong);transform:translateY(-50%)}.yss-faq__benefit-icon{width:4.6rem;height:4.6rem}.yss-faq__benefit-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.yss-faq__benefit-title{font-size:1.65rem;font-weight:600;line-height:1.3}.yss-faq__benefit-sub{color:var(--yss-muted);font-size:1.4rem;line-height:1.35}.yss-faq__cta{display:grid;grid-template-columns:minmax(0,25fr) minmax(0,27fr) minmax(0,44fr);align-items:center;margin-top:clamp(2.4rem,2.2vw,3.2rem);padding:clamp(1.6rem,1.4vw,2rem) clamp(2.4rem,3vw,4.4rem);border-radius:var(--yss-radius);background-color:var(--yss-cta-bg)}.yss-faq__cta-head{display:flex;align-items:center;align-self:stretch;padding-right:clamp(2rem,2.4vw,3.6rem);border-right:1px solid var(--yss-border-strong)}.yss-faq__cta-title{margin:0;color:var(--yss-text);font-family:var(--yss-serif);font-style:var(--yss-serif-style);font-weight:var(--yss-serif-weight);font-size:clamp(2.4rem,1.4rem + 1.1vw,3.2rem);line-height:1.15;letter-spacing:-.01em}.yss-faq__cta-body{padding-inline:clamp(2rem,2.4vw,3.6rem) 2rem}.yss-faq__cta-text{max-width:36rem;margin-bottom:1.8rem;font-size:1.4rem;line-height:1.55}.yss-faq__cta-visual{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.8rem,1.2vw,1.8rem);min-width:0}.yss-faq__cta-product{position:relative;flex:0 1 15.2rem;min-width:0;aspect-ratio:1}.yss-faq__cta-product>.yss-faq__img,.yss-faq__cta-product>svg{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.yss-faq__cta-product>svg{border-radius:var(--yss-radius)}.yss-faq__cta-upload{display:grid;flex:0 0 auto;place-items:center;width:clamp(8.4rem,8.6vw,12.4rem);aspect-ratio:1;border:1px solid var(--yss-border);border-radius:var(--yss-radius);background-color:var(--yss-white);color:var(--yss-accent)}.yss-faq__cta-upload .yss-faq__icon{width:4rem;height:4rem}.yss-faq__cta-symbol{display:block;flex:none;color:var(--yss-text)}.yss-faq__cta-symbol .yss-faq__icon{width:2.6rem;height:2.6rem}@media screen and (max-width:1199px){.yss-faq__cta{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);row-gap:2.8rem;padding-block:clamp(2.4rem,3.4vw,3.2rem)}.yss-faq__cta-visual{grid-column:1 / -1;justify-content:center;padding-top:2.8rem;border-top:1px solid var(--yss-border)}}@media screen and (max-width:989px){.yss-faq__hero{display:flex;flex-direction:column;min-height:0}.yss-faq__hero-content{width:100%;max-width:calc(var(--yss-max) + 2 * var(--yss-gutter));margin-inline:auto;padding:2.4rem var(--yss-gutter) 3.6rem}.yss-faq__hero-media{aspect-ratio:16 / 9}.yss-faq__hero-media--fade:after{inset:0 0 auto;width:auto;height:18%;background:linear-gradient(180deg,var(--yss-bg),transparent)}.yss-faq__cats{display:flex;gap:1.2rem;margin-inline:calc(var(--yss-gutter) * -1);padding:.6rem var(--yss-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--yss-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.yss-faq__cats::-webkit-scrollbar{display:none}.yss-faq__cats-wrap:before,.yss-faq__cats-wrap:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:7.2rem;opacity:0;pointer-events:none;transition:opacity .2s var(--yss-ease)}.yss-faq__cats-wrap:before{left:calc(var(--yss-gutter) * -1);background:linear-gradient(90deg,var(--yss-bg) 35%,transparent)}.yss-faq__cats-wrap:after{right:calc(var(--yss-gutter) * -1);background:linear-gradient(270deg,var(--yss-bg) 35%,transparent)}.yss-faq__cats-wrap.can-prev:before,.yss-faq__cats-wrap.can-next:after{opacity:1}.yss-faq__cats>li{flex:0 0 13.2rem;scroll-snap-align:start}.yss-faq__cat{min-height:9.6rem;padding-top:1.8rem}.yss-faq__grid{grid-template-columns:minmax(0,1fr)}.yss-faq__support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.yss-faq__support-media{aspect-ratio:auto;min-height:32rem}.yss-faq__support-body{align-self:center}.yss-faq__btn--outline{width:auto}.yss-faq__benefits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.4rem;padding:2.4rem 1.2rem}.yss-faq__benefit{justify-content:flex-start;padding:0 1.6rem}.yss-faq__benefit+.yss-faq__benefit:before{display:none}.yss-faq__benefit:nth-child(2n):before{display:block}}@media screen and (max-width:767px){.yss-faq__hero-media{aspect-ratio:4 / 3}.yss-faq__hero-text{max-width:none}.yss-faq__btn{min-height:5rem;padding:0 2.4rem}.yss-faq__support{display:flex}.yss-faq__support-media{aspect-ratio:4 / 3;min-height:0}.yss-faq__btn--outline{width:100%}.yss-faq__item{--yss-pill-w: 3.8rem}.yss-faq__trigger{align-items:flex-start;min-height:5.4rem;padding-block:1.4rem}.yss-faq__num{height:2.4rem;font-size:1.1rem}.yss-faq__q-text{padding-top:.1rem}.yss-faq__answer{padding-right:1.6rem;padding-bottom:2rem;font-size:1.4rem}.yss-faq__cta{grid-template-columns:minmax(0,1fr);row-gap:2rem}.yss-faq__cta-head{padding:0 0 2rem;border-right:0;border-bottom:1px solid var(--yss-border-strong)}.yss-faq__cta-body{padding:0}.yss-faq__cta-body .yss-faq__btn{width:100%}.yss-faq__cta-visual{justify-content:space-between;gap:.6rem;padding-top:2rem}.yss-faq__cta-upload{width:clamp(6rem,18vw,8.4rem)}.yss-faq__cta-upload .yss-faq__icon{width:3.2rem;height:3.2rem}.yss-faq__cta-symbol .yss-faq__icon{width:2rem;height:2rem}}@media screen and (max-width:479px){.yss-faq__benefit{flex-direction:column;justify-content:flex-start;gap:1rem;padding:0 .8rem;text-align:center}.yss-faq__benefit-icon{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.yss-faq *,.yss-faq *:before,.yss-faq *:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/yss-faq-page.css.map */