.jo-hiw-page{--cream: #F2EDDC;--cream-light: #FAF9F5;--dark: #282B1E;--olive: #483D1A;--gold: #C4A54F;--gold-light: #D2BA70;--body: #6a5e4a}.hiw{max-width:960px;margin:0 auto;padding:72px 24px 80px}.hiw__header{text-align:center;margin-bottom:64px}.hiw__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;opacity:0;animation:hiwFadeUp .7s ease forwards .2s}.hiw__eyebrow-line{width:32px;height:1px;background:var(--gold)}.hiw__eyebrow-text{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.hiw__title{font-family:Playfair Display,serif;font-size:clamp(36px,5vw,52px);color:var(--dark);line-height:1.1;margin-bottom:16px;opacity:0;animation:hiwFadeUp .7s ease forwards .4s}.hiw__title em{font-style:italic;color:var(--olive)}.hiw__subtitle{font-size:16px;line-height:1.7;color:var(--body);max-width:480px;margin:0 auto;opacity:0;animation:hiwFadeUp .7s ease forwards .55s}.hiw__steps{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:110px auto auto auto 1fr;gap:0 28px;position:relative}.hiw__steps:before{content:"";position:absolute;top:55px;left:calc(16.666% + 20px);right:calc(16.666% + 20px);height:1px;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));opacity:0;animation:hiwFadeIn 1s ease forwards 1.4s}.hiw__step{grid-row:span 5;display:grid;grid-template-rows:subgrid;text-align:center}.hiw__step:nth-child(1){opacity:0;animation:hiwFadeUp .8s ease forwards .7s}.hiw__step:nth-child(2){opacity:0;animation:hiwFadeUp .8s ease forwards 1s}.hiw__step:nth-child(3){opacity:0;animation:hiwFadeUp .8s ease forwards 1.3s}.hiw__icon-wrap{width:110px;height:110px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center}.hiw__icon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--gold);opacity:.4}.hiw__icon-svg{width:66px;height:66px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hiw__icon-svg svg{width:100%;height:100%}.hiw__num{font-family:Playfair Display,serif;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;padding-top:24px;padding-bottom:8px;display:block}.hiw__word{font-family:Playfair Display,serif;font-size:32px;font-weight:700;color:var(--dark);line-height:1;display:block;padding-bottom:12px}.hiw__step:nth-child(2) .hiw__word{font-style:italic}.hiw__desc{font-size:14px;line-height:1.75;color:var(--body);max-width:220px;margin:0 auto;padding-bottom:24px;align-self:start}.hiw__photo{border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #282b1e21;align-self:stretch;min-height:340px}.hiw__photo img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block;transition:transform .5s ease}.hiw__photo:hover img{transform:scale(1.03)}.hiw__photo-placeholder{width:100%;height:100%;min-height:340px;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:14px;letter-spacing:.05em}.hiw__cta{text-align:center;margin-top:64px;opacity:0;animation:hiwFadeUp .7s ease forwards 1.8s}.hiw__cta-btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:18px 52px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .2s}.hiw__cta-btn:hover{opacity:.88;transform:translateY(-1px)}.faq{background:var(--cream);padding:80px 24px}.faq__inner{max-width:720px;margin:0 auto}.faq__header{text-align:center;margin-bottom:56px}.faq__eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.faq__eyebrow-line{width:32px;height:1px;background:var(--gold);opacity:.5}.faq__eyebrow-text{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.faq__title{font-family:Playfair Display,serif;font-size:clamp(30px,4vw,42px);color:var(--dark);line-height:1.15}.faq__title em{font-style:italic;color:var(--olive)}.faq__list{border-top:1px solid rgba(196,165,79,.25)}.faq__item{border-bottom:1px solid rgba(196,165,79,.25)}.faq__q{width:100%;background:none;border:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:15px;font-weight:500;color:var(--dark);text-align:left;line-height:1.5;transition:color .2s;font-family:inherit}.faq__q:hover{color:var(--olive)}.faq__chevron{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid rgba(196,165,79,.5);position:relative;transition:transform .3s,background .2s}.faq__chevron:before,.faq__chevron:after{content:"";position:absolute;top:50%;left:50%;background:var(--gold);border-radius:1px}.faq__chevron:before{width:9px;height:1.5px;transform:translate(-50%,-50%)}.faq__chevron:after{width:1.5px;height:9px;transform:translate(-50%,-50%)}.faq__q[aria-expanded=true] .faq__chevron{background:var(--gold);border-color:var(--gold);transform:rotate(45deg)}.faq__q[aria-expanded=true] .faq__chevron:before,.faq__q[aria-expanded=true] .faq__chevron:after{background:var(--cream)}.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq__a>p{overflow:hidden;font-size:14px;line-height:1.8;color:var(--body);margin:0;padding:0;transition:padding .35s ease}.faq__item--open .faq__a{grid-template-rows:1fr}.faq__item--open .faq__a>p{padding-bottom:22px}.cta-band{background:var(--cream-light);padding:80px 24px;text-align:center}.cta-band__inner{max-width:580px;margin:0 auto}.cta-band__eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.cta-band__title{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,38px);color:var(--dark);line-height:1.2;margin-bottom:16px}.cta-band__sub{font-size:15px;color:var(--body);line-height:1.7;margin-bottom:36px}.cta-band__btns{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cta-band__btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:16px 42px;border-radius:50px;text-decoration:none;cursor:pointer;transition:transform .2s,opacity .2s}.cta-band__btn:hover{transform:translateY(-1px);opacity:.88}.cta-band__btn--primary{color:#faf9f5}.cta-band__btn--secondary{background:transparent;color:var(--dark);border:1.5px solid var(--dark)}@keyframes hiwFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hiwFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:989px)and (min-width:641px){.hiw__steps{gap:0 16px}.hiw__icon-wrap{width:90px;height:90px}.hiw__icon-svg{width:52px;height:52px}.hiw__steps:before{top:45px}.hiw__word{font-size:26px}.hiw__photo{min-height:260px}}@media(max-width:640px){.hiw{padding:48px 0 56px}.hiw__header{padding:0 20px;margin-bottom:24px}.hiw__tabs{display:flex!important;justify-content:center;gap:0;margin-bottom:16px;border-bottom:1px solid rgba(196,165,79,.2)}.hiw__tab{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--body);padding:10px 20px 12px;cursor:pointer;position:relative;transition:color .2s}.hiw__tab:after{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:var(--gold);transition:left .25s,right .25s}.hiw__tab.active{color:var(--dark)}.hiw__tab.active:after{left:16px;right:16px}.hiw__steps{display:flex;flex-direction:row;grid-template-rows:unset;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 20px 16px;scrollbar-width:none}.hiw__steps::-webkit-scrollbar{display:none}.hiw__steps:before{display:none}.hiw__step{flex:0 0 72vw;max-width:280px;scroll-snap-align:center;display:flex;flex-direction:column;grid-template-rows:unset;grid-row:unset;opacity:1!important;animation:none!important;border-radius:14px;overflow:hidden;border:2px solid transparent;box-shadow:0 2px 12px #282b1e12;background:#fff;transition:border-color .25s,box-shadow .25s}.hiw__step.active{border-color:var(--gold);box-shadow:0 4px 20px #c4a54f38}.hiw__photo{height:300px;min-height:unset;border-radius:0;box-shadow:none;border-bottom:1px solid rgba(196,165,79,.15);order:-1}.hiw__photo-placeholder{min-height:unset;height:100%}.hiw__icon-wrap,.hiw__word{display:none}.hiw__num{display:block;padding-top:14px;padding-bottom:2px;font-size:11px}.hiw__desc{font-size:13px;line-height:1.65;max-width:none;margin:0;padding:0 16px 20px;background:#fff;text-align:center}.hiw__cta{margin-top:28px;padding:0 20px}.faq,.cta-band{padding:56px 20px}.cta-band__btns{flex-direction:column;align-items:stretch}.cta-band__btn{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jo-how-it-works-page.css.map */