:root{--paper:#f8f3eb;--ink:#382e27;--muted:#796d62;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#eedcc9 0,transparent 48%),radial-gradient(ellipse at 100% 80%,#e9ddd1 0,transparent 50%),var(--paper);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #c99854;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(570px,calc(100% - 32px));margin-inline:auto}.hero{text-align:center;padding:26px 0 23px}.brand-art{width:126px;height:126px;object-fit:contain;margin:0 auto 17px;border-radius:50%;border:1px solid #d4b78e;box-shadow:0 5px 22px #91663715;background:#fcf5ee}.hero h1{font:30px/1.16 var(--serif);letter-spacing:-.7px;margin:0 0 10px}.hero h1 em{font-weight:400;color:#8a5b3e}.intro{font-size:13px;letter-spacing:.3px;color:var(--muted);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 3px 11px;color:var(--muted)}.section-heading h2{font-size:12px;font-weight:400;letter-spacing:1.6px;text-transform:uppercase;margin:0}.section-heading span{font-size:16px}.books{display:grid;gap:16px}.book{--tone:#59302d;--tone-light:#85463e;--accent:#f3c4a2;position:relative;display:grid;grid-template-columns:43% 57%;min-height:249px;background:radial-gradient(ellipse at 0% 0%,var(--tone-light),transparent 80%),var(--tone);border:1px solid #ffffff35;border-radius:17px;color:#fff9ef;box-shadow:0 12px 27px #4d2b2017,inset 0 1px #ffffff17;isolation:isolate;transition:transform .25s,box-shadow .25s}.sand{--tone:#42483b;--tone-light:#78806a;--accent:#ecdbb6}.book:hover{transform:translateY(-3px);box-shadow:0 16px 34px #4d2b2024}.book-visual{display:flex;align-items:center;justify-content:center;padding:25px 24px;perspective:850px;min-width:0}.cover{width:auto;height:auto;max-height:205px;max-width:100%;object-fit:contain;transform:rotate(-7deg) rotateY(-13deg);transform-origin:center;box-shadow:4px 2px 0 #dfcdb5,6px 3px 0 #bb9e7e,15px 18px 19px #1a100b65;transition:transform .35s;border-radius:1px 3px 3px 1px}.sand .cover{transform:rotate(7deg) rotateY(-13deg)}.book:hover .cover{transform:rotate(-3deg) rotateY(-7deg) translateY(-3px)}.sand:hover .cover{transform:rotate(3deg) rotateY(-7deg) translateY(-3px)}.book-content{padding:24px 24px 24px 7px;align-self:center;min-width:0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--accent);margin:0 0 9px;text-transform:uppercase;line-height:1.6}.book h3{font:27px/1.12 var(--serif);letter-spacing:-.4px;margin:0 0 10px;text-wrap:balance}.hook{font-size:13px;line-height:1.5;color:#f5e9d9;margin:0 0 14px}.purchase{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.format-note{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--accent);margin:0}.amazon{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff8eb;color:#49362a;border:1px solid #fffcf7;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.amazon:hover{background:#fff}.amazon:active{transform:scale(.98)}.amazon span{font-size:18px;font-weight:400}.formats,.filters{display:flex;flex-wrap:wrap;gap:6px}.format,.filter{min-height:44px;border:1px solid #ffffff65;border-radius:7px;padding:8px 10px;font-size:12px;background:transparent;color:inherit}.format[aria-pressed=true]{background:#fff8eb;color:#49362a}.filters{margin-bottom:12px}.filter{border-color:#b89d83}.filter[aria-pressed=true]{background:#59302d;color:#fff}.book-badge{position:absolute;top:10px;left:12px;z-index:1;background:#fff8eb;color:#49362a;border-radius:12px;padding:3px 9px;font-size:11px}.author,.unavailable{font-size:12px}.cover-pending{font:18px/1.3 var(--serif);text-align:center}.cover-pending small{font:12px var(--sans)}.footer{text-align:center;padding:23px 0 28px;color:var(--muted)}.footer small{display:block;font-size:11px;letter-spacing:.4px}.footer a{display:inline-block;font-size:13px;margin-bottom:13px}.skip{position:fixed;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:600px){.hero{padding-top:19px;padding-bottom:19px}.brand-art{width:104px;height:104px;margin-bottom:13px}.hero h1{font-size:27px}.intro{font-size:12px}.book{grid-template-columns:40% 60%;min-height:220px;border-radius:14px}.book-visual{padding:24px 19px}.cover{max-height:177px}.book-content{padding:20px 17px 20px 5px}.book h3{font-size:23px}.eyebrow{font-size:9px;letter-spacing:.9px;margin-bottom:8px}.hook{font-size:12px;margin-bottom:11px}.amazon{padding:10px;font-size:11px}.purchase{gap:8px}.books{gap:13px}}
@media(max-width:350px){.wrap{width:calc(100% - 24px)}.book h3{font-size:21px}.book-visual{padding:22px 15px}.book-content{padding-right:12px}.amazon{font-size:10px;padding-inline:8px}.hero h1{font-size:25px}.hook{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.book:hover{transform:none}.book:hover .cover{transform:rotate(-7deg) rotateY(-13deg)}.sand:hover .cover{transform:rotate(7deg) rotateY(-13deg)}}
/* Catalogue mobile compact : quatre cartes en colonne, sans masquer de livre. */
.teal{--tone:#173f49;--tone-light:#326a73;--accent:#ead394}.ochre{--tone:#785238;--tone-light:#a77b52;--accent:#f8e1b4}
@media(max-width:600px){
 .hero{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;padding:12px 0 13px}
 .brand-art{width:66px;height:66px;margin:0;flex-shrink:0}.hero h1{font-size:22px;margin-bottom:5px}.intro{font-size:11px}
 .section-heading{margin-bottom:8px}.section-heading h2{font-size:10px;letter-spacing:1px}
 .books{gap:9px}.book{grid-template-columns:27% 73%;min-height:0;border-radius:12px}
 .book-visual{padding:13px 12px}.cover{max-height:109px;max-width:100%;box-shadow:3px 1px 0 #dfcdb5,4px 2px 0 #bb9e7e,8px 9px 12px #1a100b55}
 .book-content{padding:10px 12px 10px 3px}.book h3{font-size:19px;line-height:1.09;margin-bottom:4px;text-wrap:initial}
 .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:4px}.hook{font-size:11px;line-height:1.3;margin-bottom:6px}
 .author{display:none}.purchase{flex-direction:row;align-items:center;gap:7px;flex-wrap:wrap}.format-note{font-size:9px;letter-spacing:.6px;flex-shrink:0}
 .amazon{width:auto;flex:1;min-height:36px;padding:5px 9px;font-size:11px;gap:4px}.amazon span{font-size:16px}
 .formats{flex-basis:100%}.footer{padding:12px 0 15px}.footer small{font-size:10px}
}
@media(max-width:350px){.hero h1{font-size:19px}.brand-art{width:58px;height:58px}.intro{font-size:10px}.book h3{font-size:17px}.book-content{padding-right:9px}.book-visual{padding-inline:10px}.amazon{font-size:10px;padding-inline:7px}.hook{font-size:10px}}