.thow{background-color:var(--thow-bg, #f6eddd);color:var(--thow-ink, #1c3b27)}.thow__inner{max-width:var(--page-content-width, 90rem);margin-inline:auto;padding-block:clamp(3.5rem,8vw,7rem);padding-inline:clamp(1.25rem,4vw,4rem)}.thow__head{max-width:46rem;margin-block-end:clamp(2.5rem,5vw,4.5rem)}.thow__eyebrow{display:flex;align-items:center;gap:.6rem;font-family:var(--font-accent--family);font-size:.9rem;letter-spacing:.16em;text-transform:lowercase;opacity:.75;margin:0 0 .6rem}.thow__eyebrow:before,.thow__eyebrow:after{content:"\2726";font-size:.75em}.thow__title{font-family:var(--font-heading--family);font-size:clamp(1.9rem,4.2vw,3.5rem);line-height:1;text-transform:uppercase;margin:0}.thow__intro{max-width:42ch;font-size:1rem;line-height:1.55;opacity:.8;margin-block-start:1rem}.thow__steps{position:relative;display:grid;grid-template-columns:repeat(var(--thow-columns, 3),minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}.thow__rail{position:absolute;top:4rem;left:calc(100% / var(--thow-columns, 3) / 2);width:calc(100% - 100% / var(--thow-columns, 3));border-top:2px dashed currentcolor;opacity:.35;pointer-events:none}.thow__step{position:relative;z-index:1;text-align:center}.thow__marker{position:relative;display:grid;place-items:center;height:8rem;margin-block-end:1.25rem}.thow__glyph{position:relative;z-index:1;display:grid;place-items:center;width:8rem;height:8rem;border-radius:999px;background-color:var(--thow-bg, #f6eddd)}.thow__glyph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid currentcolor;opacity:.22}.thow__glyph .tstep-icon{width:4.5rem;height:4.5rem}.thow__num{position:absolute;z-index:2;top:.1rem;left:calc(50% + 2.6rem);display:grid;place-items:center;min-width:2.1rem;height:2.1rem;padding-inline:.45rem;border-radius:999px;background-color:var(--thow-accent, #b0472f);color:var(--thow-bg, #f6eddd);font-family:var(--font-heading--family);font-size:.95rem;line-height:1}.thow__name{font-family:var(--font-heading--family);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.15;text-transform:uppercase;margin:0 0 .5rem}.thow__text{max-width:30ch;margin-inline:auto;font-size:.95rem;line-height:1.55;opacity:.8}.trichios-choreo .thow__rail{transform:scaleX(0);transform-origin:left center;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.trichios-choreo .thow__rail.is-in{transform:scaleX(1)}.trichios-choreo .thow__step{opacity:0;transform:translate3d(0,2rem,0);transition:opacity .7s ease calc(var(--thow-index, 0) * .14s + .26s),transform .9s cubic-bezier(.16,1,.3,1) calc(var(--thow-index, 0) * .14s + .26s)}.trichios-choreo .thow__step.is-in{opacity:1;transform:none}@media screen and (max-width:749px){.thow__steps{--thow-gap: 1.75rem;grid-template-columns:minmax(0,1fr);gap:var(--thow-gap)}.thow__rail{display:none}.thow__step:before{content:"";position:absolute;z-index:0;left:calc(2.5rem - 1px);top:2.5rem;width:0;height:calc(100% + var(--thow-gap));border-left:2px dashed currentcolor;opacity:.35}.thow__step:last-child:before{display:none}.thow__step{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.25rem;align-items:start;text-align:start}.thow__copy{padding-block-start:.55rem}.thow__marker{height:5rem;margin-block-end:0}.thow__glyph{width:5rem;height:5rem}.thow__glyph .tstep-icon{width:2.75rem;height:2.75rem}.thow__num{top:-.2rem;left:calc(50% + 1.3rem);min-width:1.6rem;height:1.6rem;padding-inline:.35rem;font-size:.8rem}.thow__text{margin-inline:0}}@media(prefers-reduced-motion:reduce){.trichios-choreo .thow__rail,.trichios-choreo .thow__step{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-how-to.css.map */