.alchemira-uses,.alchemira-uses *{box-sizing:border-box}.alchemira-uses{background:#F6F2E9;color:#302c26}.alchemira-uses{--gold:#b88b3e;--ink:#302c26;max-width:1480px;margin:auto;padding:64px 40px 48px}.alchemira-uses header{text-align:center;margin-bottom:42px}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.26em;margin:0 0 17px}.alchemira-uses h1{font-size:clamp(34px,4.3vw,62px);font-weight:400;line-height:1.1;margin:0;letter-spacing:-.04em}.alchemira-uses h1 em{font-weight:400;color:#89734d}.intro{font:16px/1.6 Georgia,serif;color:#766e61;margin:16px 0 0}.ritual-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font:13px/1.4 Arial,sans-serif;color:#756b5c}.ritual-toolbar p{margin:0}.motion-toggle{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #c9bca6;padding:6px 0;cursor:pointer}.ritual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ritual-card{font:inherit;text-align:left;position:relative;isolation:isolate;overflow:hidden;background:#ffffff;border:1px solid #dfd6c6;border-radius:20px;min-width:0;padding:0;cursor:pointer;color:var(--ink);transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}.ritual-card:hover,.ritual-card[aria-expanded=true]{border-color:#b99451;box-shadow:0 12px 35px #5e4b2010;background:#fffcf4;transform:translateY(-3px)}.ritual-card:focus-visible,.motion-toggle:focus-visible{outline:3px solid #98702c;outline-offset:4px}.ritual-art{display:block;position:relative;aspect-ratio:1.25;overflow:hidden;margin:18px 16px 0}.ritual-drawing{display:block;width:100%;height:100%;background-image:var(--ritual-atlas);background-size:400% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;animation:breathe 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s)}.ritual-card:hover .ritual-drawing,.ritual-card[aria-expanded=true] .ritual-drawing{animation:ritual 3s ease-in-out infinite;transform-origin:50% 60%}.oil{position:absolute;left:var(--x,57%);top:var(--y,48%);width:10px;height:14px;background:radial-gradient(circle at 30% 30%,#fff5ba,#dab34f 45%,#ad7526);border-radius:60% 40% 60% 40%;transform:rotate(-30deg);box-shadow:0 0 16px #d8b66555;animation:oil 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}.ritual-card:hover .oil,.ritual-card[aria-expanded=true] .oil{animation:apply-oil 2.4s ease-in-out infinite}.ripple{position:absolute;left:var(--x,57%);top:var(--y,48%);width:40px;height:20px;border:1px solid #ba9147;border-radius:50%;opacity:0}.ritual-card:hover .ripple,.ritual-card[aria-expanded=true] .ripple{animation:ripple 2.4s ease-out infinite}.card-body{display:block;padding:18px 22px 22px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-name{font:24px/1.25 Georgia,serif;letter-spacing:-.025em}.card-toggle{font:22px/1 Arial,sans-serif;font-weight:300;color:#9f8451;transition:transform .3s}.ritual-card[aria-expanded=true] .card-toggle{transform:rotate(45deg)}.card-tagline{display:block;font:12px/1.5 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#897c67;margin-top:8px}.card-tip{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s,opacity .35s;opacity:0}.card-tip>span{overflow:hidden;min-height:0;display:block}.card-tip-inner{display:block;font:15px/1.65 Arial,sans-serif;color:#635b4e;padding-top:15px}.ritual-card[aria-expanded=true] .card-tip{grid-template-rows:1fr;opacity:1}.paused *{animation-play-state:paused!important}@keyframes breathe{50%{transform:translateY(-3px)}}@keyframes ritual{50%{transform:translateY(-5px) rotate(var(--tilt,2deg)) scale(1.025)}}@keyframes oil{50%{opacity:.5;transform:translateY(5px) rotate(-30deg) scale(.8)}}@keyframes apply-oil{0%{opacity:0;transform:translateY(-22px) rotate(-30deg)}30%{opacity:1}70%,100%{opacity:0;transform:translateY(20px) rotate(-30deg) scale(.4)}}@keyframes ripple{25%{opacity:0;transform:translate(-15px,15px) scale(.3)}50%{opacity:.5}100%{opacity:0;transform:translate(-15px,15px) scale(1.8)}}@media(max-width:760px){.alchemira-uses{padding:40px 16px}.alchemira-uses header{margin-bottom:28px}.ritual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ritual-art{margin:12px 6px 0;aspect-ratio:1.05}.card-body{padding:13px 14px 18px}.card-name{font-size:21px}.card-tagline{font-size:11px;letter-spacing:.03em}.card-tip-inner{font-size:14px}.ritual-card{border-radius:16px}}@media(prefers-reduced-motion:reduce){.alchemira-uses *{animation:none!important;transition:none!important}.motion-toggle{display:none}}

/* Different gestures for each ritual. */
.ritual-card[data-ritual="0"]{--x:48%;--y:35%;--tilt:3deg}
.ritual-card[data-ritual="1"]{--x:52%;--y:48%}
.ritual-card[data-ritual="2"]{--x:58%;--y:36%}
.ritual-card[data-ritual="3"]{--x:60%;--y:50%}
.ritual-card[data-ritual="4"]{--x:52%;--y:50%}
.ritual-card[data-ritual="5"]{--x:60%;--y:48%}
.ritual-card[data-ritual="6"]{--x:52%;--y:56%}
.ritual-card[data-ritual="7"]{--x:54%;--y:56%}
.ritual-card[data-ritual="6"] .ripple{width:70px;height:16px}
.ritual-card[data-ritual="5"]:is(:hover,[aria-expanded=true]) .ritual-drawing{animation:cleanse 4s ease-in-out infinite}
@keyframes cleanse{50%{transform:scale(1.035) rotate(-1deg)}}

.alchemira-uses .ritual-card{appearance:none;letter-spacing:normal;white-space:normal;width:100%;height:auto;min-height:0;margin:0;font-family:inherit}.alchemira-uses .ritual-drawing{display:block!important}