.lumen{position:relative;min-height:82svh;padding:2rem 0 3rem;background:radial-gradient(120% 80% at 50% 0%,#22345a,#1b2a4a 45%,#101d38);color:var(--constitution-ink);overflow:hidden;perspective:1600px}.lumen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:repeating-linear-gradient(45deg,transparent 0 22px,rgba(216,173,90,.6) 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,rgba(216,173,90,.4) 22px 23px);mask-image:radial-gradient(120% 100% at 50% 30%,#000 30%,transparent 75%)}.lumen__head{position:relative;z-index:3;text-align:center;max-width:60ch;margin:0 auto 1.4rem;padding:0 1.2rem}.lumen__eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#e6bd6e;margin:0 0 .5rem}.lumen__title{font-family:var(--display);font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);margin:0 0 .6rem;color:#fff}.lumen__intro{color:var(--constitution-ink-muted);font-size:.98rem;line-height:1.6}.lumen__stage{position:relative;z-index:2;height:30rem;transform-style:preserve-3d;margin-top:1rem}@media(max-width:640px){.lumen__stage{height:32rem}}.lumen__card{position:absolute;top:0;left:50%;width:min(92vw,26rem);height:100%;margin-left:calc(min(92vw,26rem)/-2);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s ease,filter .7s ease;will-change:transform,opacity;cursor:pointer}.lumen__card[data-pos="0"]{transform:translate(0) rotateY(0) scale(1);z-index:30;opacity:1}.lumen__card[data-pos="-1"]{transform:translate(-58%) rotateY(34deg) scale(.82);z-index:20;opacity:.8;filter:brightness(.7)}.lumen__card[data-pos="1"]{transform:translate(58%) rotateY(-34deg) scale(.82);z-index:20;opacity:.8;filter:brightness(.7)}.lumen__card[data-pos="-2"]{transform:translate(-104%) rotateY(42deg) scale(.66);z-index:10;opacity:.35;filter:brightness(.5)}.lumen__card[data-pos="2"]{transform:translate(104%) rotateY(-42deg) scale(.66);z-index:10;opacity:.35;filter:brightness(.5)}.lumen__card[data-pos=far]{transform:translate(0) scale(.5);opacity:0;z-index:1;pointer-events:none}.lumen__page{position:relative;height:100%;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#16233f,#101d34);box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #d8ad5a80;display:flex;flex-direction:column;padding:1.4rem 1.5rem 1.3rem}.lumen__page:before{content:"";position:absolute;inset:10px;border:1.5px solid rgba(216,173,90,.8);border-radius:2px;pointer-events:none;box-shadow:inset 0 0 0 3px #101d34,inset 0 0 0 4.5px #d8ad5a59}.lumen__page:after{content:"";position:absolute;inset:10px;pointer-events:none;background:radial-gradient(circle at 0 0,#e6bd6e 3px,transparent 4px),radial-gradient(circle at 100% 0,#e6bd6e 3px,transparent 4px),radial-gradient(circle at 0 100%,#e6bd6e 3px,transparent 4px),radial-gradient(circle at 100% 100%,#e6bd6e 3px,transparent 4px)}.lumen__pnum{position:relative;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#e6bd6e;text-align:center;margin:.3rem 0 .2rem}.lumen__ptitle{position:relative;font-family:var(--display);font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);color:#fff;text-align:center;margin:.1rem 0 .5rem;line-height:1.15}.lumen__pera{position:relative;font-family:var(--mono);font-size:.68rem;color:var(--constitution-ink-muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .9rem}.lumen__plate{position:relative;margin:0 auto .9rem;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;color:#16233f;background:radial-gradient(circle at 35% 30%,#f0d79a,#d8ad5a 70%,#a8801f);box-shadow:0 4px 14px #0006,inset 0 1px 2px #ffffff80;font-size:1.5rem}.lumen__figure{position:relative;margin:0 auto .7rem;width:100%}.lumen__img{display:block;width:100%;height:10.5rem;object-fit:cover;border-radius:2px;background:#0c1730;box-shadow:0 6px 18px #00000073,inset 0 0 0 1px #d8ad5ae6,0 0 0 4px #101d34,0 0 0 5px #d8ad5a66}.lumen__cap{position:relative;font-size:.7rem;font-style:italic;color:#e6bd6e;text-align:center;line-height:1.35;margin:.5rem 0 0;opacity:.92}.lumen__page.has-img{padding-top:1.15rem;padding-bottom:1.1rem}.lumen__page.has-img .lumen__ptitle{font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);margin-bottom:.35rem}.lumen__page.has-img .lumen__blurb{font-size:.86rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.lumen__art{position:relative;font-size:.86rem;font-style:italic;color:#e6bd6e;text-align:center;line-height:1.45;margin:0 0 .7rem}.lumen__blurb{position:relative;font-size:.92rem;line-height:1.55;color:var(--constitution-ink);text-align:center;margin:0 0 .9rem;overflow:auto}.lumen__plink{position:relative;margin-top:auto;text-align:center}.lumen__plink a{font-family:var(--mono);font-size:.78rem;color:#16233f;background:#e6bd6e;padding:.45rem .9rem;border-radius:999px;text-decoration:none}.lumen__plink a:hover{background:#f0d79a}.lumen__controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:1.4rem;margin-top:1.4rem}.lumen__arrow{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(216,173,90,.7);background:#d8ad5a14;color:#e6bd6e;cursor:pointer;display:grid;place-items:center;font-size:1.2rem;transition:background .2s,transform .1s}.lumen__arrow:hover{background:#d8ad5a33}.lumen__arrow:active{transform:scale(.94)}.lumen__compass{width:60px;height:60px}.lumen__compass svg{width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.lumen__count{font-family:var(--mono);font-size:.8rem;color:#e6bd6e;min-width:3.5rem;text-align:center}.lumen__dots{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:1rem}.lumen__dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(216,173,90,.6);background:transparent;cursor:pointer;padding:0}.lumen__dot.is-active{background:#e6bd6e}@media(prefers-reduced-motion:reduce){.lumen__card{transition:opacity .3s ease}.lumen__card[data-pos="-1"],.lumen__card[data-pos="1"],.lumen__card[data-pos="-2"],.lumen__card[data-pos="2"]{transform:translate(0) scale(1);opacity:0;pointer-events:none}.lumen__compass svg{transition:none}}
