body.artifacts-page{background:#090908;color:#e5ded3}.artifacts-hero{min-height:75svh;display:flex;align-items:end;padding:140px max(20px,calc((100% - 1160px)/2)) 10vh;background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.28)),linear-gradient(0deg,#090908,transparent),url('images/characters-archive-texture.jpg') center/cover}.artifacts-hero>div{max-width:760px}.artifacts-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4.5rem,10vw,9rem);line-height:.8;text-transform:uppercase;margin:.7rem 0 2rem}.artifacts-hero p:last-child{color:#c4bbaf;font-size:1.1rem;line-height:1.7}.breadcrumbs{display:flex;gap:10px;margin-bottom:50px}.breadcrumbs a{color:inherit}.eyebrow{color:#bca36e;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.tome-nav{position:sticky;top:74px;z-index:10;overflow:auto;background:#0d0c0b;border-block:1px solid #30291f}.tome-nav>div{display:flex;justify-content:center;width:max-content;min-width:100%}.tome-nav a{padding:15px;color:#958d82;text-decoration:none;white-space:nowrap}.tome-nav a.active{color:#dbcaaa;border-bottom:1px solid #bca36e}.artifact-teaser{width:min(900px,calc(100% - 40px));margin:auto;padding:100px 0 30px}.artifact-teaser h2,.archive-story h2,.archive-gate h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);text-transform:uppercase;margin:.5rem 0}.artifact-teaser p:last-child,.archive-story p{color:#a59d92;line-height:1.8}.archive-material.archive-loading{min-height:35vh}.archive-story{width:min(1100px,calc(100% - 40px));margin:60px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.archive-story.reverse>div{order:2}.archive-story img{width:100%}@media(max-width:800px){.tome-nav{top:64px}.tome-nav>div{justify-content:flex-start}.archive-story{grid-template-columns:1fr}.archive-story.reverse>div{order:0}}
@media(max-width:600px){.artifacts-hero>div{min-width:0}.artifacts-hero h1{font-size:clamp(2.8rem,12vw,4.5rem);overflow-wrap:anywhere}}

.artifact-catalog{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(2rem,5vw,5rem) 0 clamp(5rem,8vw,8rem)}
.artifact-catalog__head{max-width:700px;margin-bottom:2.5rem}.artifact-catalog__head h2{font:500 clamp(2.7rem,5vw,5rem)/.95 "Cormorant Garamond",Georgia,serif;text-transform:uppercase;margin:.2em 0}.artifact-catalog__head>p:last-child{color:#a99e92;line-height:1.7}
.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.artifact-card{--artifact-accent:#9b8363;min-width:0;border:1px solid rgba(201,174,127,.22);background:linear-gradient(160deg,#1b1713,#0b0a09);display:flex;flex-direction:column;overflow:hidden}.artifact-card--will{--artifact-accent:#8d9873}.artifact-card--harvest{--artifact-accent:#8f719f}.artifact-card--elements{--artifact-accent:#9da9aa}.artifact-card--wishes{--artifact-accent:#af9b70}.artifact-card--dragons{--artifact-accent:#b47b53}.artifact-card--frauster{--artifact-accent:#c1b8a6}.artifact-card--galdvin{--artifact-accent:#7d9fb0}
.artifact-card__visual{height:170px;background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--artifact-accent),transparent 82%),transparent 65%),#100e0d;border-bottom:1px solid color-mix(in srgb,var(--artifact-accent),transparent 55%);display:grid;place-items:center;overflow:hidden}.artifact-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.artifact-card__visual>span{font:500 5rem/1 Georgia,serif;color:color-mix(in srgb,var(--artifact-accent),transparent 55%)}
.artifact-card__visual{position:relative}.artifact-card__visual img{display:block}.artifact-card--will .artifact-card__visual img,.artifact-card--harvest .artifact-card__visual img,.artifact-card--elements .artifact-card__visual img,.artifact-card--dragons .artifact-card__visual img{object-position:center 45%}.artifact-card__visual .artifact-card__image-note{position:absolute;right:0;bottom:0;left:0;padding:1.1rem .8rem .55rem;background:linear-gradient(transparent,rgba(5,8,10,.9));color:#f0e8d9;font:700 .61rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:right}.artifact-card--galdvin .artifact-card__visual img{object-position:center 23%}
.artifact-card__body{flex:1;display:flex;flex-direction:column;padding:clamp(1.2rem,2.6vw,2rem)}.artifact-card__index{color:var(--artifact-accent);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.artifact-card h3{margin:.3rem 0 1.1rem;font:500 clamp(2rem,3vw,2.8rem)/1 "Cormorant Garamond",Georgia,serif}.artifact-card dl{margin:0 0 1rem;border-block:1px solid rgba(201,174,127,.12)}.artifact-card dl>div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;padding:.5rem 0}.artifact-card dt{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#897e72}.artifact-card dd{margin:0;color:#d1c5b7;overflow-wrap:anywhere}.artifact-card__body>p:not(.artifact-card__index){color:#a99e92;line-height:1.6}.artifact-card__status{display:block;margin-top:auto;padding-top:1.2rem;color:var(--artifact-accent);font-size:.66rem;letter-spacing:.12em;font-weight:700}.artifact-card--locked .artifact-card__status{color:#dbc397}.artifact-card__link{display:inline-flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.7rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--artifact-accent),transparent 45%);color:#e9ddca;text-decoration:none;font-size:.72rem;letter-spacing:.12em;font-weight:700}.artifact-card__link:hover,.artifact-card__link:focus-visible{background:color-mix(in srgb,var(--artifact-accent),transparent 84%);outline-color:var(--artifact-accent)}
@media(max-width:960px){.artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.artifact-grid{grid-template-columns:1fr}.artifact-card__visual{height:150px}}
body.artifacts-page .artifact-card__visual{height:220px;padding:12px;background:radial-gradient(circle at center,color-mix(in srgb,var(--artifact-accent),transparent 84%),transparent 70%),#100e0d}body.artifacts-page .artifact-card__visual img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}body.artifacts-page .artifact-card__visual .artifact-card__unknown{font:500 6rem/1 Georgia,serif;color:#d9bd85;text-shadow:0 0 28px #d9bd8560}
