.hexagrams-page{position:relative;min-height:100vh;isolation:isolate}.hexagrams-page__content{position:relative;z-index:1;animation:riseIn .5s ease both}.hexagrams-intro{margin-bottom:var(--space-8);text-align:center}.hexagrams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--space-3);max-width:960px;margin:0 auto}.hexagrams-grid .flip-face{background:color-mix(in srgb,var(--color-surface) 82%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hexagrams-wheel{position:fixed;top:54%;left:50%;z-index:-1;width:min(82vw,900px);aspect-ratio:1;overflow:hidden;border-radius:50%;opacity:.16;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:multiply}.hexagrams-wheel:after{position:absolute;inset:0;content:"";border-radius:inherit;box-shadow:inset 0 0 72px 30px var(--color-bg),0 0 72px 30px var(--color-bg)}.hexagrams-wheel__image{width:100%;height:100%;object-fit:cover;object-position:center;filter:sepia(.16) contrast(1.14);user-select:none;will-change:transform}@media(max-width:640px){.hexagrams-wheel{top:52%;width:min(158vw,680px);opacity:.14}.hexagrams-wheel:after{box-shadow:inset 0 0 48px 18px var(--color-bg),0 0 48px 18px var(--color-bg)}.hexagrams-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){.hexagrams-wheel__image{will-change:auto}}