@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#100e0b;--ink:#eee5d6;--muted:#b5a58f;--gold:#d1aa70;--line:#6f57383d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse at 15% 28%,#49301a35,transparent 45%),var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:.3em}a:hover{color:var(--gold)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,.opening,.law{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.03}h1{font-size:clamp(5rem,12vw,10rem);letter-spacing:-.05em;margin:.1em 0}h2{font-size:clamp(2.6rem,4vw,4.2rem);margin:.3em 0 .5em}p{margin:0 0 1.3em}.eyebrow{color:var(--gold);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.masthead{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:.78rem}.masthead a{text-decoration:none}.brand{letter-spacing:.08em}.masthead nav{display:flex;gap:28px}.introduction{text-align:center;padding:65px 20px 44px}.opening{font-size:clamp(1.7rem,3vw,2.4rem);color:#d8c3a4;margin:0 auto 26px}.invitation{color:var(--muted);font-size:.8rem}.explorer{max-width:1440px;margin:auto;padding:0 4% 80px;display:grid;grid-template-columns:1.25fr 1fr;gap:5%;align-items:start}.artifact-column{position:sticky;top:24px}.artifact{margin:0}.medallion{position:relative;border-radius:8px;overflow:hidden;isolation:isolate}.medallion img{display:block;width:100%;height:auto}.medallion:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,40%),#ffe0a418,transparent 32%);mix-blend-mode:screen}.marks{position:absolute;inset:0}.mark{position:absolute;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid #e7c78e;border-radius:50%;background:#171008df;color:#ffe3ae;text-decoration:none;font-size:.8rem;box-shadow:0 0 0 5px #17100830,0 3px 15px #0009;transition:box-shadow .2s,background .2s}.mark:hover,.mark[aria-current="true"]{background:#d1aa70;color:#150e07;box-shadow:0 0 0 8px #d1aa7025,0 0 34px #d1aa7066}.ravens{left:23%;top:26%}.roots{left:48%;top:28%}.wolves{left:23%;top:63%}.gateway{left:48%;top:61%}.hands{left:48%;top:78%}figcaption{text-align:center;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;padding:20px 0 8px}.art-link{display:block;text-align:center;color:var(--gold);font-size:.75rem}.readings{padding-top:16px;min-width:0}.reading-note{font-size:.78rem;color:var(--muted);max-width:48ch}.readings details{border-top:1px solid var(--line);scroll-margin-top:30px}.readings details:last-of-type{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 0;cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.65rem;line-height:1.15}summary::-webkit-details-marker{display:none}.number{font:500 .65rem 'DM Sans',sans-serif;color:var(--gold);align-self:flex-start;padding-top:8px}summary small{display:block;font:400 .68rem 'DM Sans',sans-serif;color:var(--muted);margin-top:8px;letter-spacing:.04em}.toggle{font:300 1.5rem 'DM Sans',sans-serif;margin-left:auto;color:var(--gold);transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}details[open] summary{color:#e8c690}.reading{padding:0 12px 28px 36px;font-size:.86rem;color:#d2c6b5}.reading blockquote{border-left:1px solid var(--gold);margin:22px 0;padding:0 0 0 16px;color:var(--gold);font-family:Georgia,serif;font-style:italic}.reading a{font-size:.72rem}.vow{max-width:850px;margin:auto;padding:80px 30px 90px;text-align:center;border-top:1px solid var(--line)}.vow>p:not(.eyebrow):not(.law){max-width:58ch;margin:0 auto 30px;color:var(--muted);font-size:.9rem}.vow .law{font-size:clamp(2rem,4vw,3.1rem);color:var(--gold);margin:40px 0 25px}.vow a{font-size:.78rem}.closing{max-width:1120px;margin:auto;padding:32px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:.83rem}.closing a{text-decoration:none}footer{padding:36px 24px;text-align:center;color:var(--muted);font-size:.67rem}footer p:last-child{max-width:72ch;margin:auto;font-size:.62rem;color:#988b78}.skip{position:absolute;top:-100px;left:16px;z-index:9;background:var(--bg);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.introduction{padding-top:80px}}
@media(max-width:850px){.explorer{grid-template-columns:1fr;gap:38px;padding:0 6% 50px}.artifact-column{position:static;max-width:620px;width:100%;margin:auto}.readings{max-width:620px;margin:auto;width:100%}.introduction{padding-top:45px}.masthead{flex-wrap:wrap}.masthead nav{gap:20px}.vow{padding:60px 24px}.closing{flex-wrap:wrap}.mark{width:44px;height:44px;transform:translate(-15%,-15%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.medallion:after{display:none}}