.section-open-eh-stu-faq-feature{--oeh-card-size: min(320px, calc(320 * 100vw / 393));--oeh-caption: 0px;--oeh-stack-extra: min(24px, calc(24 * 100vw / 393));--oeh-duration: 5s;--oeh-color-title: #2f2f2f;--oeh-color-body: #666;--oeh-color-strong: #050505;--oeh-color-badge: #3c0579;--oeh-card-bg: #f1f1f1;overflow-x:clip;padding:min(40px,calc(40 * 100vw / 393)) 0 min(64px,calc(64 * 100vw / 393));background:#f8f8f4}.section-open-eh-stu-faq-feature--cream{background:#f8f8f4}.section-open-eh-stu-faq-feature--white{background:#fff}.section-open-eh-stu-faq-feature.has-captions{--oeh-caption: 58px}.section-open-eh-stu-faq-feature__layout{display:flex;flex-direction:column;gap:min(32px,calc(32 * 100vw / 393))}.section-open-eh-stu-faq-feature__badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin:0;padding:8px 16px;border-radius:4px;background:#3c05791a;color:var(--oeh-color-badge);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:18px;font-weight:500;line-height:22px;letter-spacing:.16px}.section-open-eh-stu-faq-feature__heading{margin:0;color:#0a0a0a;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:28px;font-weight:500;line-height:1.2;letter-spacing:.16px}.section-open-eh-stu-faq-feature__media{width:calc(100% + 16px);min-width:0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.section-open-eh-stu-faq-feature__media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.section-open-eh-stu-faq-feature__stack{position:relative;width:100%;height:calc(var(--oeh-card-size));overflow:visible}.section-open-eh-stu-faq-feature__card{position:absolute;top:0;left:0;width:var(--oeh-card-size);background:var(--oeh-card-bg);border-radius:12px;overflow:hidden;opacity:0;pointer-events:none;z-index:0;transform:translate(280%,48px) rotate(28deg);transform-origin:left bottom;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s ease}.section-open-eh-stu-faq-feature__card[data-slot="0"]{opacity:1;z-index:3;pointer-events:auto;transform:translate(0) rotate(0)}.section-open-eh-stu-faq-feature__card[data-slot="1"]{opacity:.8;z-index:2;pointer-events:auto;cursor:pointer;transform:translate(104%) rotate(10deg)}.section-open-eh-stu-faq-feature__photo{position:relative;aspect-ratio:1;overflow:hidden;background:#e7e7e7}.section-open-eh-stu-faq-feature__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05050580,#05050500 25%);pointer-events:none}.section-open-eh-stu-faq-feature__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center center}.section-open-eh-stu-faq-feature.is-zooming .section-open-eh-stu-faq-feature__card[data-slot="0"]:not(.is-leaving) .section-open-eh-stu-faq-feature__img{animation:oeh-stu-faq-feature-zoom var(--oeh-duration) linear forwards}.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card{transition:opacity .8s ease,transform .8s ease}.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card[data-slot="0"]{transition-delay:.12s}.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card[data-slot="1"]{transition-delay:.06s}.section-open-eh-stu-faq-feature--fade.is-zooming .section-open-eh-stu-faq-feature__card[data-slot="0"]:not(.is-leaving) .section-open-eh-stu-faq-feature__img{animation-name:oeh-stu-faq-feature-fade-zoom}.section-open-eh-stu-faq-feature__card.is-instant,.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card.is-instant{transition:none}.section-open-eh-stu-faq-feature__card.is-leaving,.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card.is-leaving{z-index:3;opacity:1;pointer-events:none;transform:translate(0) rotate(0);transition:none}.section-open-eh-stu-faq-feature__card.is-covering,.section-open-eh-stu-faq-feature--fade .section-open-eh-stu-faq-feature__card.is-covering{z-index:5;opacity:1;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.section-open-eh-stu-faq-feature__photo-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#737373;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:14px;line-height:1.3}.section-open-eh-stu-faq-feature__caption{margin:0;padding:16px 24px;overflow:hidden;color:var(--oeh-color-strong);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:16px;font-weight:500;line-height:26px;letter-spacing:.3px;text-align:center;white-space:nowrap;text-overflow:ellipsis}.section-open-eh-stu-faq-feature__copy{display:flex;flex-direction:column;gap:16px;min-width:0}.section-open-eh-stu-faq-feature__controls{order:-1}.section-open-eh-stu-faq-feature__slides{display:grid;min-width:0}.section-open-eh-stu-faq-feature__slide{grid-area:1 / 1;display:flex;flex-direction:column;gap:16px;min-width:0;max-height:0px;opacity:0;visibility:hidden;pointer-events:none;transition:max-height 2s ease 0s,opacity .45s ease .1s}.section-open-eh-stu-faq-feature__slide.is-active{position:relative;z-index:1;opacity:1;visibility:visible;pointer-events:auto;max-height:900px}.section-open-eh-stu-faq-feature__title{margin:0;color:var(--oeh-color-title);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:24px;font-weight:500;line-height:32px;letter-spacing:.16px}.section-open-eh-stu-faq-feature__quote{color:var(--oeh-color-body);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:16px;font-weight:400;line-height:22px;letter-spacing:.16px}.section-open-eh-stu-faq-feature__quote p{margin:0}.section-open-eh-stu-faq-feature__quote strong,.section-open-eh-stu-faq-feature__quote b{color:var(--oeh-color-strong);font-weight:400}.section-open-eh-stu-faq-feature__author{display:flex;flex-direction:column;gap:8px}.section-open-eh-stu-faq-feature__name,.section-open-eh-stu-faq-feature__role{margin:0}.section-open-eh-stu-faq-feature__name{color:var(--oeh-color-title);font-family:"Young Serif",serif;font-size:18px;font-weight:400;line-height:26px;letter-spacing:.3px}.section-open-eh-stu-faq-feature__role{color:var(--oeh-color-body);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:16px;font-weight:400;line-height:22px;letter-spacing:.16px}.section-open-eh-stu-faq-feature__controls{display:flex;align-items:center;justify-content:flex-start;gap:16px}.section-open-eh-stu-faq-feature__arrows{display:none;align-items:center;gap:20px}.section-open-eh-stu-faq-feature__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;background:transparent;cursor:pointer}.section-open-eh-stu-faq-feature__arrow svg{display:block;width:48px;height:48px}.section-open-eh-stu-faq-feature__arrow circle{transition:fill .2s ease}.section-open-eh-stu-faq-feature__arrow:focus-visible,.section-open-eh-stu-faq-feature__dot:focus-visible{outline:2px solid var(--oeh-color-badge);outline-offset:3px}.section-open-eh-stu-faq-feature__dots{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.section-open-eh-stu-faq-feature__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#8d8d8d66;cursor:pointer;transition:width .3s ease,background .3s ease}.section-open-eh-stu-faq-feature__dot:after{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px}.section-open-eh-stu-faq-feature__dot.is-active{width:36px;background:#2f2f2f}@media(hover:hover){.section-open-eh-stu-faq-feature__arrow--prev:hover circle{fill:#dedede}.section-open-eh-stu-faq-feature__arrow--next:hover circle{fill:#2f2f2f}}@media screen and (min-width:750px){.section-open-eh-stu-faq-feature{--oeh-card-size: min(400px, calc(400 * 100vw / 1440));--oeh-stack-extra: min(40px, calc(40 * 100vw / 1440));padding:min(96px,calc(96 * 100vw / 1440)) 0 min(120px,calc(120 * 100vw / 1440))}.section-open-eh-stu-faq-feature__layout{display:grid;grid-template-columns:minmax(0,1fr) min(600px,calc(600 * 100vw / 1440));column-gap:max(40px,min(80px,calc(80 * 100vw / 1440)));row-gap:16px;align-items:start}.section-open-eh-stu-faq-feature--heading .section-open-eh-stu-faq-feature__layout{row-gap:max(32px,min(48px,calc(48 * 100vw / 1440)))}.section-open-eh-stu-faq-feature__kicker{grid-column:1;grid-row:1}.section-open-eh-stu-faq-feature__copy{grid-column:1;grid-row:2;gap:max(24px,min(32px,calc(32 * 100vw / 1440)))}.section-open-eh-stu-faq-feature__layout:not(:has(.section-open-eh-stu-faq-feature__kicker)) .section-open-eh-stu-faq-feature__copy{grid-row:1}.section-open-eh-stu-faq-feature__media{grid-column:2;grid-row:1 / span 2;width:100%;justify-self:end}.section-open-eh-stu-faq-feature__layout:not(:has(.section-open-eh-stu-faq-feature__kicker)) .section-open-eh-stu-faq-feature__media{grid-row:1}.section-open-eh-stu-faq-feature__card[data-slot="1"]{transform:translate(108%) rotate(10deg)}.section-open-eh-stu-faq-feature__card[data-slot="2"]{opacity:1;z-index:1;pointer-events:auto;cursor:pointer;transform:translate(212%,19%) rotate(20deg)}.section-open-eh-stu-faq-feature__badge{font-size:max(18px,min(20px,calc(20 * 100vw / 1440)));line-height:max(22px,min(24px,calc(24 * 100vw / 1440)))}.section-open-eh-stu-faq-feature__heading{font-size:max(28px,min(42px,calc(42 * 100vw / 1440)));line-height:max(34px,min(50px,calc(50 * 100vw / 1440)))}.section-open-eh-stu-faq-feature--badge .section-open-eh-stu-faq-feature__title{font-size:max(24px,min(36px,2.5vw));line-height:max(32px,min(44px,calc(44 * 100vw / 1440)))}.section-open-eh-stu-faq-feature--badge .section-open-eh-stu-faq-feature__slide{gap:max(32px,min(48px,calc(48 * 100vw / 1440)))}.section-open-eh-stu-faq-feature--heading .section-open-eh-stu-faq-feature__title{font-size:max(24px,min(28px,calc(28 * 100vw / 1440)));line-height:max(32px,min(36px,2.5vw))}.section-open-eh-stu-faq-feature--badge .section-open-eh-stu-faq-feature__quote{font-size:max(16px,min(18px,1.25vw));line-height:max(22px,min(26px,calc(26 * 100vw / 1440)))}.section-open-eh-stu-faq-feature__caption{font-size:max(16px,min(18px,1.25vw))}.section-open-eh-stu-faq-feature__controls{order:0;justify-content:space-between}.section-open-eh-stu-faq-feature__arrows{display:flex}}@keyframes oeh-stu-faq-feature-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes oeh-stu-faq-feature-fade-zoom{0%{opacity:0;transform:scale(1)}18%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.section-open-eh-stu-faq-feature__card,.section-open-eh-stu-faq-feature__card.is-leaving,.section-open-eh-stu-faq-feature__slide,.section-open-eh-stu-faq-feature__dot,.section-open-eh-stu-faq-feature__arrow circle{transition:none}.section-open-eh-stu-faq-feature.is-zooming .section-open-eh-stu-faq-feature__card[data-slot="0"] .section-open-eh-stu-faq-feature__img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/334/assets/section-open-eh-stu-faq-feature.css.map */
