:root{--void:#05060b;--paper:#eee8d8;--muted:#99a0af;--line:rgba(221,226,240,.16);--cyan:#4ce7ff;--red:#ff3158;--gold:#d8b363;--violet:#aa78ff;--ivory:#f0e7cf;color-scheme:dark;font-family:"Manrope",system-ui,sans-serif;color:#f4f5fa;background:var(--void)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 50% -12%,rgba(129,112,184,.16),transparent 30rem),linear-gradient(#05060b,#080914 55%,#05060b);line-height:1.6}a{color:inherit}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-200%);background:white;color:#05060b;padding:.7rem 1rem;font-weight:700}.skip-link:focus{transform:none}.archive-space{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-image:linear-gradient(rgba(159,170,213,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(159,170,213,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.archive-space:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(213,220,255,.15),transparent)}.archive-space:after{content:"";position:absolute;left:50%;bottom:-35vw;width:90vw;height:70vw;transform:translateX(-50%) rotateX(72deg);border:1px solid rgba(172,183,221,.12);border-radius:50%;box-shadow:0 0 0 10vw rgba(172,183,221,.025),0 0 0 20vw rgba(172,183,221,.018)}
.archive-header{width:min(1360px,calc(100% - 40px));height:88px;margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.archive-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.archive-sigil{position:relative;width:44px;height:44px;border:1px solid rgba(220,226,247,.35);border-radius:50%;display:grid;place-items:center}.archive-sigil:before{content:"";width:17px;height:22px;border:1px solid #dce2f7;border-radius:9px 9px 2px 2px}.archive-sigil i{position:absolute;width:5px;height:5px;border-radius:50%;background:#dce2f7}.archive-sigil i:nth-child(1){top:3px}.archive-sigil i:nth-child(2){bottom:4px;left:4px}.archive-sigil i:nth-child(3){bottom:4px;right:4px}.archive-brand strong,.archive-brand small{display:block}.archive-brand strong{font-family:"Cormorant Garamond",serif;font-size:1.05rem;letter-spacing:.03em}.archive-brand small{color:var(--muted);font:400 .55rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.archive-state{color:var(--muted);font:400 .58rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.archive-state i{display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:50%;background:#86ffbc;box-shadow:0 0 10px #86ffbc}.return-link{justify-self:end;text-decoration:none;text-transform:uppercase;font:500 .6rem "DM Mono",monospace;letter-spacing:.1em}.return-link span{color:var(--cyan)}
.archive-intro{min-height:630px;width:min(1100px,calc(100% - 40px));margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 0 4rem}.archive-kicker{color:#b8bdd0;text-transform:uppercase;font:400 .62rem "DM Mono",monospace;letter-spacing:.17em}.archive-intro h1{margin:1rem 0 1.7rem;font:500 clamp(4rem,9vw,8.7rem)/.85 "Cormorant Garamond",serif;letter-spacing:-.045em}.archive-intro h1 em{color:transparent;-webkit-text-stroke:1px rgba(227,231,248,.66);font-weight:400}.archive-deck{max-width:680px;color:#aeb4c4;font-size:1.05rem}.scroll-cue{margin-top:3rem;color:#7f8699;text-transform:uppercase;font:400 .57rem "DM Mono",monospace;letter-spacing:.13em}.scroll-cue span{display:inline-block;width:38px;height:1px;margin-right:.7rem;vertical-align:middle;background:linear-gradient(90deg,transparent,#aeb8db)}
.portal-vault{width:min(1460px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),440px));justify-content:center;gap:1rem;padding-bottom:8rem}.portal{min-width:0;opacity:.7;transform:translateY(24px);transition:opacity .65s,transform .65s}.portal.is-visible{opacity:1;transform:none}.portal-link{display:block;height:100%;text-decoration:none}.portal-frame{position:relative;min-height:760px;height:100%;overflow:hidden;padding:1.25rem;border-radius:210px 210px 10px 10px;border:1px solid rgba(255,255,255,.2);background:#11131c;box-shadow:0 35px 90px rgba(0,0,0,.45);isolation:isolate;transition:transform .35s,border-color .35s,box-shadow .35s}.portal-frame:before{content:"";position:absolute;z-index:-2;inset:8px;border:1px solid rgba(255,255,255,.1);border-radius:202px 202px 7px 7px}.portal:hover .portal-frame,.portal-link:focus-visible .portal-frame{transform:translateY(-10px);border-color:rgba(255,255,255,.5);box-shadow:0 45px 110px rgba(0,0,0,.6)}.portal-index{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;min-height:54px;padding:1rem 2rem .5rem;text-align:center;color:rgba(255,255,255,.64);font:400 .55rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;white-space:normal}.portal-index i{display:block;max-width:100%;font-style:normal;overflow-wrap:anywhere}.portal-emblem{position:absolute;z-index:1;top:100px;left:50%;transform:translateX(-50%);width:260px;height:260px;display:grid;place-content:center;text-align:center;border-radius:50%}.portal-emblem strong{font:600 4.3rem/1 "Cormorant Garamond",serif}.portal-emblem small{margin-top:.5rem;text-transform:uppercase;font:400 .5rem "DM Mono",monospace;letter-spacing:.12em}.portal-atmosphere{position:absolute;z-index:-1;inset:0}.portal-copy{position:absolute;z-index:3;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:5rem 1.25rem 1.25rem;border-radius:14px;background:linear-gradient(transparent,rgba(2,3,8,.78) 24%,rgba(2,3,8,.95) 55%)}.portal-status{margin:0 0 .65rem;text-transform:uppercase;font:400 .56rem "DM Mono",monospace;letter-spacing:.12em}.portal-copy h2{margin:0;max-width:100%;overflow-wrap:anywhere;font:600 clamp(2.3rem,3.7vw,4.2rem)/.9 "Cormorant Garamond",serif;letter-spacing:-.025em}.portal-copy>p:not(.portal-status){color:#c3c6d1;font-size:.87rem;line-height:1.65}.portal-copy ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:1.1rem 0}.portal-copy li{padding:.3rem .45rem;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#babfcd;text-transform:uppercase;font:400 .5rem "DM Mono",monospace}.enter{display:flex;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.18);text-transform:uppercase;font:500 .59rem "DM Mono",monospace;letter-spacing:.1em}.enter b{font-size:1rem}
.lion-portal .portal-frame{background:radial-gradient(circle at 50% 24%,rgba(216,179,99,.22),transparent 28%),linear-gradient(165deg,#161717,#090a0b 58%,#16080b)}.lion-portal .portal-frame:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 47%,rgba(216,179,99,.05) 48%,transparent 49%),linear-gradient(68deg,transparent 47%,rgba(216,179,99,.05) 48%,transparent 49%)}.lion-emblem{border:1px solid rgba(216,179,99,.46);box-shadow:0 0 0 18px rgba(216,179,99,.025),0 0 60px rgba(216,179,99,.13);color:var(--gold)}.lion-emblem .crown{position:absolute;top:33px;left:50%;transform:translateX(-50%);font-size:2rem}.lion-portal .portal-status,.lion-portal .enter{color:var(--gold)}.lion-portal .portal-atmosphere i{position:absolute;background:linear-gradient(transparent,rgba(216,179,99,.18),transparent);width:1px;height:58%;top:10%}.lion-portal .portal-atmosphere i:nth-child(1){left:20%}.lion-portal .portal-atmosphere i:nth-child(2){right:20%}.lion-portal .portal-atmosphere i:nth-child(3){left:50%;background:linear-gradient(transparent,rgba(255,49,88,.2),transparent)}
.zero-portal .portal-frame{background:radial-gradient(circle at 50% 24%,rgba(76,231,255,.19),transparent 28%),linear-gradient(165deg,#07131b,#05070d 57%,#16060d)}.zero-portal .portal-frame:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(76,231,255,.018) 6px)}.zero-emblem{border:1px solid rgba(76,231,255,.45);border-radius:12px;color:var(--cyan);box-shadow:inset 0 0 42px rgba(76,231,255,.05),0 0 60px rgba(76,231,255,.11)}.zero-rings,.zero-rings i{position:absolute;inset:16px;border:1px solid rgba(76,231,255,.25);border-radius:50%}.zero-rings i:first-child{inset:24px -8px}.zero-rings i:last-child{inset:-8px 24px}.zero-portal .portal-status,.zero-portal .enter{color:var(--cyan)}.zero-portal .portal-atmosphere i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(76,231,255,.42),transparent);left:8%;right:8%}.zero-portal .portal-atmosphere i:nth-child(1){top:28%}.zero-portal .portal-atmosphere i:nth-child(2){top:38%;background:linear-gradient(90deg,transparent,rgba(255,49,88,.34),transparent)}.zero-portal .portal-atmosphere i:nth-child(3){top:48%}
.ravenshire-portal .portal-frame{background:radial-gradient(circle at 50% 23%,rgba(182,138,68,.18),transparent 30%),linear-gradient(165deg,#0a1b38,#02050b 58%,#071225)}.ravenshire-emblem{border:1px solid rgba(182,138,68,.62);color:#e7d6ad;box-shadow:0 0 0 14px rgba(55,102,168,.035),0 0 65px rgba(43,91,160,.16)}.arcane-glyph,.arcane-glyph i{position:absolute;inset:17px;border:1px solid rgba(238,231,207,.24);border-radius:50%}.arcane-glyph:before,.arcane-glyph:after{content:"";position:absolute;inset:22%;border:1px solid rgba(83,135,207,.48);transform:rotate(45deg)}.arcane-glyph:after{transform:rotate(0deg)}.arcane-glyph i:nth-child(1){inset:38px -4px}.arcane-glyph i:nth-child(2){inset:-4px 38px}.arcane-glyph i:nth-child(3){inset:65px;border-color:rgba(216,179,99,.45)}.ravenshire-portal .portal-status,.ravenshire-portal .enter{color:#d2ad68}.ravenshire-portal .portal-atmosphere i{position:absolute;width:80px;height:80px;border:1px solid rgba(69,116,181,.22);transform:rotate(45deg)}.ravenshire-portal .portal-atmosphere i:nth-child(1){left:8%;top:35%}.ravenshire-portal .portal-atmosphere i:nth-child(2){right:10%;top:27%;width:45px;height:45px}.ravenshire-portal .portal-atmosphere i:nth-child(3){right:16%;top:48%;border-color:rgba(216,179,99,.17)}
.archive-philosophy{width:min(1000px,calc(100% - 40px));margin:0 auto;padding:3rem 0 10rem;text-align:center}.archive-philosophy blockquote{margin:1.5rem 0;font:500 clamp(3rem,7vw,7rem)/.92 "Cormorant Garamond",serif;letter-spacing:-.04em}.archive-philosophy blockquote em{font-weight:400;color:#aeb6d2}.archive-philosophy>p:last-child{max-width:620px;margin-inline:auto;color:var(--muted)}.archive-footer{width:min(1360px,calc(100% - 40px));min-height:120px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:var(--muted);text-transform:uppercase;font:400 .55rem "DM Mono",monospace}
@media(max-width:1050px){.portal-vault{gap:2rem}.portal-frame{min-height:720px}.portal-copy h2{font-size:clamp(3rem,8vw,5rem)}.archive-intro{min-height:580px}.portal{opacity:1;transform:none}}
@media(max-width:720px){.archive-header{grid-template-columns:1fr auto;height:74px}.archive-state{display:none}.archive-brand strong{font-size:.9rem}.archive-brand small{display:none}.archive-sigil{width:38px;height:38px}.archive-intro{min-height:540px;padding-top:3rem}.archive-intro h1{font-size:clamp(3.5rem,16vw,6rem)}.archive-deck{font-size:.95rem}.portal-vault{width:calc(100% - 20px)}.portal-frame{min-height:690px;border-radius:150px 150px 9px 9px}.portal-frame:before{border-radius:143px 143px 6px 6px}.portal-index{min-height:62px;padding:1.15rem 3.5rem .5rem;font-size:.52rem}.portal-emblem{width:220px;height:220px;top:100px}.portal-copy{left:.8rem;right:.8rem;bottom:.8rem;padding-inline:1rem}.portal-copy h2{font-size:clamp(2.65rem,12vw,4rem)}.archive-philosophy{padding-bottom:7rem}.archive-footer{padding-block:2rem;align-items:flex-start;flex-direction:column}.archive-footer p{margin:0}}
@media(max-width:420px){.return-link{display:none}.archive-header{grid-template-columns:1fr}.portal-copy>p:not(.portal-status){font-size:.82rem}.portal-copy li{font-size:.47rem}.portal-index{padding-inline:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.portal{opacity:1;transform:none}}