.ed{background:var(--ed-bg,#fff);color:var(--ed-fg,var(--ink));padding-block:var(--ed-space,48px)}.ed__container--wide{max-width:none}.ed__grid{display:grid;gap:28px;align-items:center}.ed__media{min-width:0}.ed__frame{position:relative;aspect-ratio:var(--ed-ratio,4 / 5);border-radius:var(--ed-radius,20px);overflow:hidden;background:var(--off);isolation:isolate}.ed__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.045);visibility:hidden;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),visibility 0s linear .7s}.ed__slide.is-active{opacity:1;transform:none;visibility:visible;transition-delay:0s}.ed__slide img,.ed__slide video,.ed__empty,.ed__empty svg{display:block;width:100%;height:100%;object-fit:cover}.ed__empty svg{background:var(--off)}.ed__chip{position:absolute;left:14px;bottom:14px;z-index:2;max-width:calc(100% - 28px);padding:8px 14px;border-radius:999px;background:#ffffffeb;color:#070707;font-size:12px;font-weight:600;letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .35s ease,transform .35s ease}.ed__chip[hidden]{display:none}.ed__chip:empty{display:none}.ed__chip.is-swap{opacity:0;transform:translateY(6px)}.ed__copy{display:grid;gap:14px;align-content:center;min-width:0;max-width:560px}.ed__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.ed__title{font-size:clamp(30px,4.2vw,54px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.ed__text{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6;opacity:.8;max-width:46ch}.ed__text p{margin:0 0 .7em}.ed__steps{display:grid;gap:4px;margin-top:6px}.ed__step{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;width:100%;padding:12px 14px;border:0;border-radius:16px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.ed__step:hover{background:#7f7f7f17}.ed__step:focus-visible{outline:2px solid #5c7a00;outline-offset:2px}.ed__num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#7f7f7f29;font-size:13px;font-weight:600;transition:background-color .3s ease,color .3s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}.ed__step.is-active{background:#fff;color:#070707;box-shadow:0 0 0 1px #00000014,0 14px 30px -20px #0006}.ed__step.is-active .ed__num{background:var(--ed-accent,#c0f20a);color:#070707;transform:scale(1.08)}.ed__stepbody{display:grid;min-width:0}.ed__steptitle{font-size:15px;font-weight:600;line-height:34px}.ed__stepdesc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}.ed__stepdesc>span{min-height:0;overflow:hidden;font-size:14px;line-height:1.5;opacity:0;transition:opacity .35s ease}.ed__step.is-active .ed__stepdesc{grid-template-rows:1fr}.ed__step.is-active .ed__stepdesc>span{opacity:.75;padding-bottom:4px;transition-delay:.12s}.ed__step:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--ed-fg,#070707);opacity:0;transform:scaleX(0);transform-origin:left}hoad-showcase[data-running=true] .ed__step.is-active:after{opacity:.35;animation:ed-progress var(--ed-seconds,6s) linear forwards}@keyframes ed-progress{to{transform:scaleX(1)}}.ed__link{display:inline-flex;align-items:center;gap:10px;justify-self:start;margin-top:8px;padding:12px 20px;border-radius:999px;background:var(--ed-fg,#070707);color:var(--ed-bg,#fff);font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.ed__link i{font-style:normal;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.ed__link:hover{transform:translateY(-1px);box-shadow:0 12px 24px -14px #00000080}.ed__link:hover i{transform:translate(4px)}.ed__link:focus-visible{outline:2px solid #5c7a00;outline-offset:3px}.ed--reveal.is-ready [data-ed-in],.ed--reveal.is-ready .ed__frame{opacity:0;transform:translateY(22px)}.ed--reveal.is-ready.is-in [data-ed-in],.ed--reveal.is-ready.is-in .ed__frame{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.ed--reveal.is-ready.is-in .ed__eyebrow{transition-delay:.05s}.ed--reveal.is-ready.is-in .ed__title{transition-delay:.12s}.ed--reveal.is-ready.is-in .ed__text{transition-delay:.2s}.ed--reveal.is-ready.is-in .ed__steps{transition-delay:.28s}.ed--reveal.is-ready.is-in .ed__link{transition-delay:.34s}@media(min-width:900px){.ed__grid{grid-template-columns:calc(var(--ed-share,55) * 1%) minmax(0,1fr);column-gap:clamp(36px,6vw,96px)}.ed__grid.ed--right{grid-template-columns:minmax(0,1fr) calc(var(--ed-share,55) * 1%)}.ed__grid.ed--right .ed__media{order:2}.ed__frame{max-height:calc(var(--ed-maxh,70) * 1vh)}}@media(max-width:899px){.ed__grid.ed--mobile-text .ed__media{order:2}.ed__frame{border-radius:calc(var(--ed-radius,20px) * .8)}}@media(prefers-reduced-motion:reduce){.ed__slide{transition:none;transform:none}.ed__step,.ed__num,.ed__stepdesc,.ed__stepdesc>span,.ed__chip,.ed__link,.ed__link i{transition:none}.ed--reveal.is-ready [data-ed-in],.ed--reveal.is-ready .ed__frame{opacity:1;transform:none}hoad-showcase[data-running=true] .ed__step.is-active:after{animation:none}}hoad-showcase[data-motion=off] .ed__slide{transition:none;transform:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hoad-editorial.css.map */