:root{color-scheme:dark;--red:#ff304f;--white:#f3eeeb;--muted:#b6a8ae;--black:#09090b;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ff6b82;outline-offset:7px}::selection{background:#a90c2c;color:white}.skip{position:fixed;left:1rem;top:-6rem;z-index:99;background:white;color:black;padding:1rem}.skip:focus{top:1rem}
.site-header{height:6.25rem;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #ffffff14;position:relative;z-index:3;background:#09090b}.wordmark{display:inline-flex;align-items:center;font-weight:900;font-size:1.25rem;letter-spacing:-.055em;white-space:nowrap;line-height:1}.wordmark>span{color:var(--red)}.wordmark>i{height:.4rem;width:.4rem;background:var(--red);margin-left:.8rem;transform:rotate(45deg)}nav{display:flex;gap:2.5rem;align-items:center;font-size:.875rem;font-weight:600}nav a:hover{color:#ff6b82}.header-entry{padding:.65rem 0 .65rem 2rem;border-left:1px solid #56353f;display:flex;gap:1.5rem}
.hero{position:relative;isolation:isolate;min-height:46rem;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-3;background:#120b0f url('/crimson-arena.webp') center/cover no-repeat;animation:reveal 1.3s ease-out}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09090bf2 3%,#09090bc4 39%,#09090b05 80%),linear-gradient(0deg,#09090b,transparent 25%,transparent 80%,#09090b40)}.hero-content{padding:4rem 5.5% 7rem;width:100%}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:700;color:#ff6279;display:flex;align-items:center;gap:1rem;margin:0 0 1.8rem}.eyebrow>span{width:2rem;height:2px;background:var(--red)}
h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(3.25rem,5.8vw,6.5rem);line-height:1.03;font-weight:900;letter-spacing:-.012em;margin:0;max-width:58rem}h1 em{font-style:normal;color:var(--red)}.hero-description{color:#c7bbc0;font-size:1.125rem;margin:1.75rem 0 2rem;line-height:1.7}.entry-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;background:#e51d3b;color:#fff;padding:1.05rem 1.5rem;font-size:.9375rem;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#ff3656;transform:translateY(-3px)}.primary span{font-size:1.4rem;font-weight:400;line-height:1}.access-label{font-size:.75rem;color:#c5afb8;display:flex;align-items:center;gap:.55rem;max-width:16rem;line-height:1.5}.access-label svg{width:1rem;height:1rem;flex-shrink:0}.hero-bottom{position:absolute;bottom:2rem;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#a2949c;font-size:.75rem;letter-spacing:.12em}.hero-bottom a{display:flex;gap:1.5rem;color:#d0bec6}.hero-bottom a:hover{color:var(--red)}
.collection{padding:6rem 5.5%;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;max-width:1600px;margin:auto}.intro .eyebrow{margin-bottom:1.5rem}h2{font-size:clamp(2rem,3vw,3rem);font-weight:700;letter-spacing:-.055em;line-height:1.15;margin:0 0 1.5rem}h2 span{color:#a997a1}.intro>p:last-child{font-size:1rem;color:var(--muted);max-width:25rem;line-height:1.8}.chapter{padding:1.7rem 0;border-top:1px solid #4a2834;display:grid;grid-template-columns:7.7rem 1fr;gap:1.1rem}.chapter-num{font-size:.75rem;letter-spacing:.08em;color:#ca7c8f;padding-top:.35rem}.chapter h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.04em;margin:0;display:flex;justify-content:space-between;gap:1rem;transition:color .2s}.chapter h3 span{color:#b28392;font-weight:400}.chapter p{font-size:.875rem;color:#af9ca6;margin:.6rem 0 0}.chapter:hover h3,.chapter:hover h3 span{color:#ff5772}.collection-note{font-size:.8125rem;line-height:1.7;color:#ac96a1;margin:1.1rem 0 0;border-top:1px solid #34232b;padding-top:1.4rem}
.closing{margin:0 5.5%;border-top:1px solid #43212e;border-bottom:1px solid #43212e;padding:3rem 0 3.5rem}.closing>p{font-size:.75rem;color:#c48c9b;letter-spacing:.16em;margin:0 0 1.5rem}.closing>a{font-size:clamp(2.4rem,6.2vw,6.5rem);font-weight:700;letter-spacing:-.07em;line-height:1.1;display:flex;align-items:center;gap:.25em}.closing em{font-family:Georgia,serif;color:var(--red);font-weight:400}.closing>a>span{margin-left:auto;font-size:.8em;transition:transform .25s}.closing>a:hover>span{transform:translate(5px,-5px);color:var(--red)}
footer{padding:2.5rem 5.5%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}footer p,footer>a:last-child{font-size:.8125rem;color:#a6929d}footer .wordmark{font-size:1rem}@keyframes reveal{from{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1800px){.hero{min-height:52rem}.hero-content{padding-left:max(5.5%,calc((100vw - 1600px)/2))}}
@media(max-width:800px){.site-header{height:5rem;padding:0 6%}.wordmark{font-size:1.125rem}nav{gap:1rem}nav>a:first-child{display:none}.header-entry{padding-left:1rem;gap:.8rem;font-size:.8125rem}.hero{min-height:43rem}.hero-content{padding:4rem 6% 7rem}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#09090be0,#09090b88),linear-gradient(0deg,#09090b,transparent 30%)}h1{font-size:clamp(2.65rem,7.8vw,4.2rem);line-height:1.07}.hero-description{font-size:1rem;margin-top:1.5rem}.entry-group{gap:1.1rem;align-items:flex-start;flex-direction:column}.access-label{max-width:none}.hero-bottom{left:6%;right:6%;font-size:.6875rem;letter-spacing:.08em}.hero-bottom>a{display:none}.collection{padding:3.5rem 6%;grid-template-columns:1fr;gap:2rem}.intro>p:last-child{max-width:33rem}.chapter{grid-template-columns:6.5rem 1fr;gap:.6rem}.chapter h3{font-size:1.2rem}.chapter-num{font-size:.6875rem}.closing{margin:0 6%;padding:2.5rem 0}.closing>a{font-size:clamp(2rem,8vw,3.8rem);flex-wrap:wrap}footer{padding:2rem 6%;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:800px){.site-header{height:auto;min-height:5rem;padding-top:1.2rem;padding-bottom:1.2rem;flex-wrap:wrap;gap:1.2rem}.hero h1{overflow-wrap:anywhere}.hero-content{min-width:0}.entry-group>*{max-width:100%}.chapter{grid-template-columns:min(6.5rem,27%) minmax(0,1fr)}.chapter-num,.chapter h3,.closing>a{overflow-wrap:anywhere}.chapter h3 span{flex-shrink:0}.hero-bottom>span{overflow-wrap:anywhere}.closing>a{font-size:clamp(2rem,8vw,3.8rem)}}