craft-story-carousel{display:block}.dio-craft{padding-block:var(--dio-pad-top) var(--dio-pad-bottom)}.dio-craft__experience{display:flex;flex-direction:column;gap:clamp(2rem,4vw,4rem)}.dio-craft__stage{display:grid;gap:2rem;min-width:0}.dio-craft__card{min-width:0;color:inherit}.dio-craft__card-surface{overflow:hidden;height:100%;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid color-mix(in srgb,var(--dio-text) 16%,transparent);border-radius:.8rem;background:var(--dio-surface, #1c1f23)}.dio-craft__card[data-craft-active=true] .dio-craft__card-surface{border-color:var(--dio-accent);box-shadow:inset 0 0 0 1px var(--dio-accent)}.dio-craft__card-media{overflow:hidden;aspect-ratio:var(--craft-media-ratio);background:var(--dio-stage)}.dio-craft__card-image,.dio-craft__card-media .dio-placeholder,.dio-craft__card-media .placeholder-svg{width:100%;height:100%;display:block}.dio-craft__card-image{object-fit:cover;object-position:var(--craft-image-position, center center)}.dio-craft__card-content{min-width:0;align-self:center;padding:clamp(2.4rem,5vw,5rem)}.dio-craft__step-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--dio-accent);font-size:1.1rem;font-weight:700;letter-spacing:.12em}.dio-craft__card h3{margin:1.4rem 0 0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(3rem,5vw,5.6rem);letter-spacing:0;line-height:1;overflow-wrap:anywhere}.dio-craft__card p{margin:1.6rem 0 0;color:color-mix(in srgb,var(--dio-text) 70%,transparent);line-height:1.65}.dio-craft__card .dio-craft__card-note{padding-top:1.4rem;border-top:1px solid color-mix(in srgb,var(--dio-text) 12%,transparent);color:color-mix(in srgb,var(--dio-text) 52%,transparent);font-size:1.2rem}.dio-craft__selectors{display:none}craft-story-carousel.is-enhanced .dio-craft__selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}craft-story-carousel.is-enhanced .dio-craft__stage{overflow:hidden;overflow:clip;display:grid;padding:2rem clamp(.8rem,4vw,1.6rem) 3.5rem;perspective:80rem;touch-action:pan-y pinch-zoom;transform-style:preserve-3d}craft-story-carousel.is-enhanced .dio-craft__stage.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}craft-story-carousel.is-enhanced .dio-craft__card{grid-area:1 / 1;z-index:var(--craft-z-index, 1);width:min(86%,68rem);margin:auto;opacity:var(--craft-opacity, 1);transform:translate3d(var(--craft-x, 0%),var(--craft-y, 0%),var(--craft-z, 0px)) rotateY(var(--craft-rotate, 0deg)) scale(var(--craft-scale, 1));transform-style:preserve-3d;transition:transform var(--craft-rotation-duration) cubic-bezier(.22,1,.36,1),opacity var(--craft-rotation-duration) ease;cursor:pointer}craft-story-carousel.is-enhanced .dio-craft__card[data-craft-active=true]{cursor:default}.dio-craft__selector{min-width:0;min-height:5.6rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--dio-text) 20%,transparent);border-radius:.4rem;color:color-mix(in srgb,var(--dio-text) 68%,transparent);background:color-mix(in srgb,var(--dio-surface, #1c1f23) 88%,transparent);font:inherit;text-align:left;cursor:pointer}.dio-craft__selector span{color:var(--dio-accent);font-size:1.1rem;font-weight:700;letter-spacing:.1em}.dio-craft__selector strong{min-width:0;font-size:1.3rem;line-height:1.25;overflow-wrap:anywhere}.dio-craft__selector.is-active{border-color:var(--dio-accent);color:var(--dio-text);background:color-mix(in srgb,var(--dio-accent) 10%,var(--dio-surface, #1c1f23));box-shadow:inset 0 0 0 1px var(--dio-accent)}.dio-craft__selector:focus-visible{outline:2px solid var(--dio-accent);outline-offset:3px}@media screen and (max-width:749px){.dio-craft--mobile-selectors-first .dio-craft__experience{flex-direction:column-reverse}}@media screen and (min-width:750px){.dio-craft__card-media{align-self:stretch;height:100%}craft-story-carousel.is-enhanced .dio-craft__stage{padding:2.5rem clamp(2rem,5vw,5rem) 4rem;perspective:100rem}craft-story-carousel.is-enhanced .dio-craft__card{width:min(82%,76rem)}.dio-craft__card-surface{grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr)}.dio-craft__card.is-media-empty .dio-craft__card-surface{grid-template-columns:minmax(0,1fr)}craft-story-carousel.is-enhanced .dio-craft__selectors{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}@media screen and (min-width:990px){craft-story-carousel.is-enhanced .dio-craft__stage{padding:3rem clamp(3rem,6vw,8rem) 5rem;perspective:120rem}craft-story-carousel.is-enhanced .dio-craft__card{width:min(78%,82rem)}.dio-craft__card h3{font-size:clamp(3.6rem,4.4vw,6.4rem)}}@media(prefers-reduced-motion:reduce){.dio-craft__selector,craft-story-carousel.is-enhanced .dio-craft__card{transition:none}craft-story-carousel.is-enhanced .dio-craft__stage{perspective:none}craft-story-carousel.is-enhanced .dio-craft__card{visibility:hidden;opacity:0;transform:none;pointer-events:none}craft-story-carousel.is-enhanced .dio-craft__card[data-craft-active=true]{visibility:visible;opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-3dio-craft-story.css.map */