:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f3ee;background:#11141c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0%,#293f5c 0,transparent 48%),#11141c;min-height:100vh}a{color:inherit}header{max-width:1360px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{text-decoration:none;font-size:23px;font-weight:900;letter-spacing:.04em}.brand span{color:#ffd17b}header p{font-size:13px;color:#c3c9d4;margin:0}.intro,.shelf{max-width:1360px;margin:auto;padding:0 32px}.intro{padding-top:46px;padding-bottom:35px}.eyebrow{color:#ffd17b;text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:750;margin:0 0 14px}h1{font-size:clamp(32px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}.intro>p:last-child{max-width:630px;color:#c3c9d4;font-size:17px;line-height:1.6;margin:0}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-bottom:50px}.volume{min-width:0}.cover{display:block;position:relative;text-decoration:none;border-radius:3px;transition:transform .2s;box-shadow:0 14px 30px #0007;background:#222b39;aspect-ratio:210/297;overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover}.cover:after{content:"Ouvrir la BD →";position:absolute;inset:auto 12px 12px;background:#10141ee8;padding:12px;text-align:center;border:1px solid #ffffff50;font-size:14px;font-weight:700;backdrop-filter:blur(10px)}.cover:hover{transform:translateY(-6px)}a:focus-visible{outline:3px solid #ffd17b;outline-offset:5px}.volume .meta{color:#ffd17b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:21px 0 7px}.volume h2{font-size:22px;line-height:1.25;margin:0 0 9px}.volume h2 a{text-decoration:none}.synopsis{font-size:14px;color:#bfc7d5;line-height:1.55;margin:0 0 12px}.resume{display:inline-flex;align-items:center;min-height:44px;color:#ffd17b;font-size:14px}.resume[hidden]{display:none}.endnote{text-align:center;padding:22px 20px 35px;border-top:1px solid #ffffff18;color:#909cae;font-size:13px}@media(max-width:1000px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 26px}}@media(max-width:520px){header{padding:20px}.intro,.shelf{padding-left:20px;padding-right:20px}.intro{padding-top:30px}.shelf{grid-template-columns:1fr;gap:38px;max-width:430px}.cover{max-width:350px;margin:auto}.volume h2{font-size:25px}.intro>p:last-child{font-size:15px}header p{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.cover:after{opacity:0}.cover:hover:after,.cover:focus-visible:after{opacity:1}@media(hover:none){.cover:after{display:none}}