.atl-craft{--stage-pad: clamp(1.5rem, 4vw, 4rem);--spine-w: clamp(1.75rem, 4vw, 3.5rem);position:relative;background:var(--atl-ink);color:var(--atl-parch);overflow-x:clip}.atl-craft__intro{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.4rem);padding-block:clamp(4rem,12vh,9rem) clamp(2.5rem,7vh,5rem);max-width:54rem}.atl-craft__eyebrow{margin:0}.atl-craft__heading{margin:0;font-size:var(--atl-step-3);color:var(--atl-bone)}.atl-craft__lede{max-width:46ch;color:var(--atl-tan)}.atl-craft__lede p{margin:0}.atl-craft__run{position:relative;display:grid;grid-template-columns:var(--spine-w) 1fr}.atl-craft__spine{position:relative}.atl-craft__thread{position:absolute;top:0;bottom:0;left:50%;width:1px;background:color-mix(in srgb,var(--atl-copper) 85%,transparent);transform-origin:50% 0;transform:scaleX(1) scaleY(var(--atl-progress, 0))}.atl-craft__hole{position:absolute;left:50%;top:calc((var(--i) + .5) / var(--atl-stages) * 100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--atl-parch);opacity:.3;transform:scale(.45);transition:transform .55s var(--atl-ease-awl),opacity .55s var(--atl-ease-silk)}.atl-craft__hole.is-punched{opacity:1;transform:scale(1)}.atl-craft__stages{list-style:none;margin:0;padding:0}.atl-stage{position:sticky;top:0;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:var(--stage-pad);padding-inline-end:var(--atl-gutter);background:var(--atl-ink);z-index:calc(var(--i) + 1)}.atl-stage__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.5rem,3.4vw,3.4rem);align-items:center;width:100%;max-width:82rem;margin-inline:auto;--gorunur: clamp(0, (.92 - var(--p, 0)) / .35, 1);--giden: calc(1 - var(--gorunur));opacity:var(--gorunur);transform:translateY(calc(-2.6% * var(--giden))) scale(calc(1 - .04 * var(--giden)));will-change:transform,opacity}.atl-stage__media{position:relative;margin:0;width:100%;height:min(72svh,46rem);overflow:hidden;background:var(--atl-hide)}.atl-stage__img,.atl-stage__vid{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.4s var(--atl-ease-silk)}.atl-stage.is-active .atl-stage__img,.atl-stage.is-active .atl-stage__vid{transform:scale(1)}.atl-stage__placeholder{display:grid;place-items:center;align-content:center;gap:.9rem;height:100%;padding:2rem;text-align:center;border:1px solid var(--atl-rule);background:repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--atl-bark) 30%,transparent) 14px 15px)}.atl-stage__placeholder .atl-mark{font-size:var(--atl-step--1);color:var(--atl-tan);border:1px solid var(--atl-rule);padding:.55em 1.1em;background:var(--atl-ink)}.atl-stage__body{display:flex;flex-direction:column;gap:clamp(.5rem,1.4vw,.9rem);max-width:34rem;opacity:clamp(0,(var(--gelis, 1) - .5) / .35,1);transform:translateY(calc(.6rem*(1 - clamp(0,(var(--gelis, 1) - .5) / .35,1))))}.atl-stage__no{margin:0;font-family:var(--atl-font-body);font-size:var(--atl-step--1);letter-spacing:var(--atl-track-mark);color:var(--atl-copper);font-variant-numeric:tabular-nums}.atl-stage__title{margin:0;font-size:var(--atl-step-1);font-weight:500;color:var(--atl-parch);letter-spacing:var(--atl-track-wide)}.atl-stage__line{margin:.15em 0 .4em;font-size:var(--atl-step-2);color:var(--atl-bone);text-wrap:balance}.atl-stage__text{color:var(--atl-tan);max-width:44ch;font-size:var(--atl-step-0);line-height:1.72}.atl-stage__text p{margin:0 0 .7em}.atl-stage__text p:last-child{margin-bottom:0}.atl-stage__diff{margin-top:clamp(.6rem,1.6vw,1.1rem);padding-inline-start:clamp(.8rem,1.6vw,1.2rem);border-inline-start:1px solid var(--atl-copper)}.atl-stage__diff-label{margin:0 0 .25em;color:var(--atl-copper)}.atl-stage__diff-text{margin:0;color:var(--atl-parch);max-width:40ch}.atl-craft__outro{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.2rem,3vh,2rem);padding-block:clamp(4rem,12vh,8rem)}.atl-craft__outro-text{margin:0;font-size:var(--atl-step-2);color:var(--atl-bone)}.atl-btn{display:inline-block;padding:1em 2.2em;font-family:var(--atl-font-body);font-size:var(--atl-step--1);text-transform:uppercase;letter-spacing:var(--atl-track-mark);color:var(--atl-parch);text-decoration:none;border:1px solid var(--atl-copper);transition:background var(--atl-t-quick) ease,color var(--atl-t-quick) ease}.atl-btn:hover,.atl-btn:focus-visible{background:var(--atl-copper);color:var(--atl-void)}@media(min-width:750px)and (max-height:820px){.atl-stage{--stage-pad: clamp(1rem, 2.5vw, 2rem)}.atl-stage__media{height:62svh}.atl-stage__line{font-size:var(--atl-step-1)}.atl-stage__body{gap:.35rem}.atl-stage__text{font-size:var(--atl-step--1)}.atl-stage__diff{margin-top:.5rem}}@media(max-width:749px){.atl-craft{--spine-w: 1.5rem}.atl-stage{position:static;min-height:0;padding-block:clamp(2.5rem,8vh,4rem)}.atl-stage__inner{grid-template-columns:1fr;gap:1.25rem;transform:none;opacity:1}.atl-stage__media{height:auto}.atl-stage__body{opacity:1;transform:none}.atl-craft__hole{width:6px;height:6px;margin:-3px 0 0 -3px}.atl-stage__media{height:auto;aspect-ratio:3 / 4}.atl-stage__img,.atl-stage__vid{transform:scale(1.03)}.atl-stage.is-active .atl-stage__img,.atl-stage.is-active .atl-stage__vid{transform:scale(1)}.atl-stage__line{font-size:var(--atl-step-1)}}@media(prefers-reduced-motion:reduce){.atl-stage__inner{transform:none!important;opacity:1!important}.atl-stage{overflow:visible}.atl-stage__body{opacity:1!important;transform:none!important}.atl-stage__img,.atl-stage__vid{transform:none!important}.atl-craft__thread{transform:scaleY(1)}.atl-craft__hole{transform:scale(1);opacity:1;transition:none}}.atl-stage--yalin .atl-stage__inner{grid-template-columns:minmax(0,1fr);max-width:52rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/atolye-craft.css.map */