.symbol-category-page .symbol-category-hero{background-position:right 58%;min-height:20rem}.symbol-category-hero .symbol-hero-copy{width:69%;padding-block:1.65rem 2.2rem}.symbol-category-back{min-height:var(--arcana-control-height);color:#eadbc3;align-items:center;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.symbol-category-back:hover{color:#ffdfaa}.symbol-category-hero .symbol-eyebrow{margin-top:1.15rem}.symbol-category-hero h1{letter-spacing:-.025em;margin-top:.45rem;font-size:clamp(2.5rem,3.6vw,3.8rem)}.symbol-category-hero .symbol-hero-subtitle{max-width:43rem;margin-top:.8rem;line-height:1.5}.symbol-category-badges{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.symbol-category-badges>span{color:#eee0c9;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere;background:#171122c9;border:1px solid #c7a4698c;border-radius:2rem;max-width:100%;padding:.35rem .85rem;font-size:.64rem;line-height:1.45}.symbol-category-seal{outline-offset:.5rem;color:#e2b879;pointer-events:none;background:radial-gradient(circle at 50% 35%,#312042df,#0a1020f2 75%);border:1px solid #d2ad6f99;border-radius:50%;outline:1px solid #c2a37059;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:12rem;height:12rem;display:flex;position:absolute;top:50%;right:9%;transform:translateY(-50%);box-shadow:0 0 35px #100b24,inset 0 0 25px #aa74bf14}.symbol-category-seal>svg{width:6rem;height:6rem}.symbol-category-seal>span{letter-spacing:.24em;text-transform:uppercase;font-size:.52rem;line-height:1.5}.symbol-category-wall{margin-top:1.2rem;padding-top:1.5rem}.symbol-category-wall .symbol-wall-heading{align-items:center;margin-bottom:.85rem}.symbol-category-flourish{color:#d9b277;margin-left:auto;font:2.8rem/1 Georgia,serif}.symbol-category-page .symbol-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .9rem}.symbol-category-page .symbol-entry-tablet{min-height:25rem;padding-top:2.2rem}.symbol-entry-number{color:#cfb58c;letter-spacing:.2em;text-transform:uppercase;font-size:.55rem;font-weight:600;line-height:1.5}.symbol-entry-glyph{color:#e2bd83;background:radial-gradient(circle,#5b3a6b30,#090e181f);border:1px solid #b798635e;border-radius:50%;flex-shrink:0;place-items:center;width:5.7rem;height:5.7rem;margin:.9rem 0 1rem;display:grid}.symbol-entry-glyph>span{font-family:Georgia,Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:3.25rem;line-height:1.1}.symbol-entry-glyph>svg{width:3.5rem;height:3.5rem}.symbol-entry-tablet>p{max-width:24rem}.symbol-entry-keywords{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.symbol-entry-keywords li{color:#d4c4de;letter-spacing:.035em;background:#34243c52;border:1px solid #a78bab47;border-radius:2rem;max-width:100%;padding:.3rem .65rem;font-size:.6rem;line-height:1.4}.symbol-category-page .symbol-library-state .symbol-actions{justify-content:center}@container arcana-canvas-route (max-width:1050px){.symbol-category-hero .symbol-hero-copy{width:70%}.symbol-category-seal{width:9rem;height:9rem;right:6%}.symbol-category-seal>svg{width:4.5rem;height:4.5rem}.symbol-category-seal>span{font-size:.45rem}.symbol-category-page .symbol-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-entry-keywords li{font-size:.68rem}}@container arcana-canvas-route (max-width:650px){.symbol-category-hero .symbol-hero-copy{width:100%;padding:1.5rem 1.4rem 2rem}.symbol-category-seal{display:none}.symbol-category-wall .symbol-wall-heading{flex-direction:row}.symbol-category-page .symbol-entry-grid{grid-template-columns:minmax(0,1fr)}.symbol-category-page .symbol-entry-tablet{min-height:25rem}.symbol-entry-number{font-size:.6rem}.symbol-entry-keywords li{font-size:.7rem}.symbol-category-hero .symbol-hero-copy{padding:1rem}.symbol-category-hero{min-height:0}.symbol-category-hero h1{font-size:1.85rem}.symbol-category-page .symbol-entry-tablet{min-height:0;padding-top:1.5rem}.symbol-entry-glyph{width:3.5rem;height:3.5rem;margin:.65rem 0}.symbol-entry-glyph>span{font-size:2.25rem}.symbol-entry-glyph>svg{width:2.25rem;height:2.25rem}.symbol-category-wall .symbol-wall-heading{flex-wrap:wrap}}
