@property --ajrakh-card-tilt{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --ajrakh-card-index{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --ajrakh-card-rise{syntax: "<number>"; inherits: false; initial-value: 0;}@property --ajrakh-card-depth{syntax: "<number>"; inherits: false; initial-value: 0;}@property --ajrakh-card-shade{syntax: "<number>"; inherits: false; initial-value: 0;}html:has(.ajrakh-making),body:has(.ajrakh-making){overflow-x:clip!important}.ajrakh-making{--ajrakh-making-shade: 14, 9, 9;--ajrakh-making-sepia: #3b2d24;--ajrakh-making-madder: #82291e;--ajrakh-making-ink: #0a0a0a;--ajrakh-making-photo: #bcae96;--ajrakh-making-rise-distance: 75svh;position:relative}.ajrakh-making .ajrakh-making__track{display:block;position:relative}.ajrakh-making .ajrakh-making__stage{display:flex;position:relative;flex-direction:column;align-items:center;overflow:hidden;padding:57px 0 27px}.ajrakh-making .ajrakh-making__track.is-pinned{overflow:clip;height:calc(100svh + (var(--ajrakh-making-count, 1) - 1) * var(--ajrakh-making-step, 60svh))}.ajrakh-making .ajrakh-making__track.is-pinned:before{content:"";display:block;position:sticky;top:0;height:100vh;height:100lvh;margin-bottom:-100vh;margin-bottom:-100lvh;pointer-events:none;background-color:var(--ajrakh-cloth-color, transparent);background-image:var(--ajrakh-cloth-image, none);background-position:top left;background-repeat:repeat;background-size:var(--ajrakh-cloth-tile-mobile, 250px) auto}.ajrakh-making.ajrakh-making--shade .ajrakh-making__track.is-pinned:before{background-image:linear-gradient(rgba(var(--ajrakh-making-shade),.4895),rgba(var(--ajrakh-making-shade),.4895)),var(--ajrakh-cloth-image, none);background-position:top left,top left;background-repeat:no-repeat,repeat;background-size:100% 100%,var(--ajrakh-cloth-tile-mobile, 250px) auto}.ajrakh-making.ajrakh-making--shade .ajrakh-making__track:not(.is-pinned) .ajrakh-making__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgba(var(--ajrakh-making-shade),.55);opacity:.89}.ajrakh-making .ajrakh-making__track.is-pinned .ajrakh-making__stage{position:sticky;top:0;justify-content:center;height:100svh}.ajrakh-making .ajrakh-making__heading{position:relative;z-index:1;max-width:361px;margin:0 0 30px;padding:0 16px;font-family:"Space Grotesk",var(--font-heading-family);font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.02em;text-align:center;text-transform:uppercase;color:#fff}.ajrakh-making .ajrakh-making__viewport{position:relative;z-index:1;width:100%;height:440px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ajrakh-making .ajrakh-making__track[data-mobile-mode=tap] .ajrakh-making__viewport{cursor:pointer}.ajrakh-making .ajrakh-making__row{position:relative;width:100%;height:100%}.ajrakh-making .ajrakh-making__pager{position:absolute;top:50%;right:max(16px,env(safe-area-inset-right,0px));z-index:10;transform:translateY(-50%)}.ajrakh-making .ajrakh-making__pager .ajrakh-pager{flex-direction:column}.ajrakh-making .ajrakh-making__pager .ajrakh-pager__dot{transition:height .35s ease,opacity .35s ease}.ajrakh-making .ajrakh-making__pager .ajrakh-pager__dot:after{top:-2px;right:-8px;bottom:-2px;left:-8px}.ajrakh-making .ajrakh-making__pager .ajrakh-pager__dot.is-active{width:3px;height:22px}.ajrakh-making .ajrakh-making-card{display:flex;position:absolute;top:30px;left:50%;z-index:calc(var(--ajrakh-card-index, 0) + 1);flex-direction:column;isolation:isolate;width:290px;padding:14px 14px 0;transform:translate3d(-50%,calc(var(--ajrakh-card-rise) * var(--ajrakh-making-rise-distance) - var(--ajrakh-card-depth) * 8px),0) rotate(calc(var(--ajrakh-card-tilt) + var(--ajrakh-card-rise) * 8deg));backface-visibility:hidden;will-change:transform}.ajrakh-making .ajrakh-making__track.is-animated .ajrakh-making-card{transition:transform .7s cubic-bezier(.22,1,.36,1)}.ajrakh-making .ajrakh-making-card:before{content:"";position:absolute;top:-1.05%;left:-4.83%;z-index:-1;width:109.66%;height:107.33%;pointer-events:none;background:var(--ajrakh-paper-mobile) center / 100% 100% no-repeat}.ajrakh-making .ajrakh-making-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-color:rgb(var(--ajrakh-making-shade));opacity:var(--ajrakh-card-shade);will-change:opacity}.ajrakh-making .ajrakh-making__track.is-animated .ajrakh-making-card__shade{transition:opacity .7s ease-out}.ajrakh-making .ajrakh-making-card__photo{display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;width:100%;height:197px;background-color:var(--ajrakh-making-photo);box-shadow:0 2px 4px #3b2d2440}.ajrakh-making .ajrakh-making-card__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid var(--ajrakh-making-sepia);opacity:.18}.ajrakh-making .ajrakh-making-card__img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ajrakh-making .ajrakh-making-card__label{padding:0 8px;font-family:"Montserrat",var(--font-body-family);font-size:9px;font-weight:600;line-height:1.2;letter-spacing:.16em;text-align:center;text-transform:uppercase;color:var(--ajrakh-making-sepia);opacity:.55}.ajrakh-making .ajrakh-making-card__text{display:flex;flex-direction:column;gap:4px;padding:14px 4px 18px}.ajrakh-making .ajrakh-making-card__number{margin:0;font-family:"Space Grotesk",var(--font-heading-family);font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--ajrakh-making-madder)}.ajrakh-making .ajrakh-making-card__copy{display:flex;flex-direction:column;gap:4px;padding-top:6px;color:var(--ajrakh-making-ink)}.ajrakh-making .ajrakh-making-card__title{margin:0;font-family:"Space Grotesk",var(--font-heading-family);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:0;color:inherit}.ajrakh-making .ajrakh-making-card__body{margin:0;font-family:"Montserrat",var(--font-body-family);font-size:13px;font-weight:400;line-height:1.5;color:inherit;opacity:.78}.ajrakh-making .ajrakh-making-card__mark{position:absolute;top:7px;right:11px;width:15px;height:15px;background:linear-gradient(var(--ajrakh-making-sepia),var(--ajrakh-making-sepia)) 6.8px 0 / 1.4px 15px no-repeat,linear-gradient(var(--ajrakh-making-sepia),var(--ajrakh-making-sepia)) 0 7.6px / 15px 1.4px no-repeat;opacity:.82;transform:rotate(3deg)}@media(prefers-reduced-motion:reduce){.ajrakh-making .ajrakh-making__track.is-animated .ajrakh-making-card,.ajrakh-making .ajrakh-making__track.is-animated .ajrakh-making-card__shade{transition:none}}@media(min-width:768px){.ajrakh-making .ajrakh-making__stage{padding:0}.ajrakh-making.ajrakh-making--shade .ajrakh-making__track:not(.is-pinned) .ajrakh-making__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(var(--ajrakh-making-shade),0) 56%,rgba(var(--ajrakh-making-shade),.85)),linear-gradient(180deg,rgba(var(--ajrakh-making-shade),.82),rgba(var(--ajrakh-making-shade),.6),rgba(var(--ajrakh-making-shade),.42) 60%,rgba(var(--ajrakh-making-shade),.28));opacity:1}.ajrakh-making.ajrakh-making--shade .ajrakh-making__stage:after{content:"";position:absolute;top:50%;left:50%;width:min(1251px,87vw);height:375px;pointer-events:none;background-color:rgba(var(--ajrakh-making-shade),.42);border-radius:50%;filter:blur(45px);transform:translate(-50%,-50%)}.ajrakh-making .ajrakh-making__heading{max-width:1000px;font-size:56px;margin:0 0 4px}.ajrakh-making .ajrakh-making__viewport{height:auto;overflow-x:auto;overflow-y:hidden;padding:30px 0 48px;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}.ajrakh-making .ajrakh-making__viewport::-webkit-scrollbar{display:none}.ajrakh-making .ajrakh-making__track.is-sliding{overflow:clip;height:var(--ajrakh-making-track-height, auto)}.ajrakh-making .ajrakh-making__track.is-sliding:before{content:"";display:block;position:sticky;top:0;height:100vh;margin-bottom:-100vh;pointer-events:none;background-color:var(--ajrakh-cloth-color, transparent);background-image:var(--ajrakh-cloth-image, none);background-position:top left;background-repeat:repeat;background-size:clamp(250px,var(--ajrakh-cloth-tile-desktop, 29vw),440px) auto}.ajrakh-making.ajrakh-making--shade .ajrakh-making__track.is-sliding:before{background-image:linear-gradient(180deg,rgba(var(--ajrakh-making-shade),0) 56%,rgba(var(--ajrakh-making-shade),.85)),linear-gradient(180deg,rgba(var(--ajrakh-making-shade),.82),rgba(var(--ajrakh-making-shade),.6),rgba(var(--ajrakh-making-shade),.42) 60%,rgba(var(--ajrakh-making-shade),.28)),var(--ajrakh-cloth-image, none);background-position:top left,top left,top left;background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,clamp(250px,var(--ajrakh-cloth-tile-desktop, 29vw),440px) auto}.ajrakh-making.ajrakh-making--shade .ajrakh-making__track.is-sliding .ajrakh-making__stage:before{content:none}.ajrakh-making .ajrakh-making__track.is-sliding .ajrakh-making__stage{position:sticky;top:var(--ajrakh-making-sticky-top, 0px)}.ajrakh-making .ajrakh-making__track.is-sliding .ajrakh-making__viewport{overflow:hidden;cursor:auto}.ajrakh-making .ajrakh-making__track.is-sliding .ajrakh-making__row{transform:translate3d(calc(var(--ajrakh-making-offset, 0px) * -1),0,0);will-change:transform}.ajrakh-making .ajrakh-making__viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ajrakh-making .ajrakh-making__row{display:flex;align-items:center;gap:40px;width:max-content;height:auto;padding:0 15px 0 15vw}.ajrakh-making .ajrakh-making__pager{display:none}.ajrakh-making .ajrakh-making-card{position:relative;top:auto;left:auto;z-index:auto;flex:none;width:300px;transform:rotate(var(--ajrakh-card-tilt, 0deg));will-change:auto}.ajrakh-making .ajrakh-making__track.is-animated .ajrakh-making-card{transition:none}.ajrakh-making .ajrakh-making-card:before{top:-1.1%;left:-4.67%;width:109.34%;height:107.68%;background-image:var(--ajrakh-paper-desktop)}.ajrakh-making .ajrakh-making-card__shade{display:none}.ajrakh-making .ajrakh-making-card__photo{height:204px}}@keyframes ajrakh-making-rise{0%{transform:translate3d(-50%,var(--ajrakh-making-rise-distance),0) rotate(calc(var(--ajrakh-card-tilt) + 8deg))}to{transform:translate3d(-50%,0,0) rotate(var(--ajrakh-card-tilt))}}@keyframes ajrakh-making-lift{0%{translate:0 0}to{translate:0 calc(var(--ajrakh-card-lift-max) * -8px)}}@keyframes ajrakh-making-darken{0%{opacity:0}to{opacity:calc(var(--ajrakh-card-lift-max) * .07)}}@supports (animation-timeline: view()){@media(max-width:767px){.ajrakh-making .ajrakh-making__track.is-scroll-driven{view-timeline-name:--ajrakh-making;view-timeline-axis:block}.ajrakh-making .ajrakh-making__track.is-scroll-driven .ajrakh-making-card{--ajrakh-card-steps: calc(var(--ajrakh-making-count, 2) - 1);--ajrakh-card-lift-max: min(calc(var(--ajrakh-card-steps) - var(--ajrakh-card-index)), 4);--ajrakh-card-rise-start: calc((var(--ajrakh-card-index) - 1) / var(--ajrakh-card-steps) * 100%);--ajrakh-card-lift-start: calc(var(--ajrakh-card-index) / var(--ajrakh-card-steps) * 100%);--ajrakh-card-lift-end: calc((var(--ajrakh-card-index) + var(--ajrakh-card-lift-max)) / var(--ajrakh-card-steps) * 100%);transform:translate3d(-50%,0,0) rotate(var(--ajrakh-card-tilt));animation-name:ajrakh-making-rise,ajrakh-making-lift;animation-duration:auto,auto;animation-timing-function:cubic-bezier(.33,1,.68,1),linear;animation-fill-mode:both,both;animation-timeline:--ajrakh-making,--ajrakh-making;animation-range:contain var(--ajrakh-card-rise-start) contain var(--ajrakh-card-lift-start),contain var(--ajrakh-card-lift-start) contain var(--ajrakh-card-lift-end);will-change:transform,translate}.ajrakh-making .ajrakh-making__track.is-scroll-driven .ajrakh-making-card[data-index="0"]{animation-name:none,ajrakh-making-lift}.ajrakh-making .ajrakh-making__track.is-scroll-driven .ajrakh-making-card__shade{opacity:0;animation:ajrakh-making-darken linear both;animation-timeline:--ajrakh-making;animation-range:contain var(--ajrakh-card-lift-start) contain var(--ajrakh-card-lift-end)}}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/ajrakh-making-stylesheet.css.map */