:root{--paper:#f7f4ee;--ink:#312b2b;--muted:#81766c;--gold:#aa7828;--gold-dark:#8e631f;--line:#e5dfd4;--white:#fffefb;--shadow:0 24px 65px rgba(72,51,30,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c99f53;outline-offset:4px}img{max-width:100%}.page-shell{min-height:100vh;max-width:1480px;margin:auto;display:flex;flex-direction:column}.masthead{min-height:91px;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(20px,6vw,96px);border-bottom:1px solid var(--line);gap:18px}.wordmark{font-style:italic;font-size:34px;letter-spacing:-2px;text-decoration:none;color:var(--gold-dark);white-space:nowrap}.wordmark span:nth-child(1){font-weight:bold}.wordmark-star{font-size:16px;vertical-align:top;display:inline-block;margin-left:7px;letter-spacing:0}nav{display:flex;gap:clamp(8px,2.5vw,36px);align-items:center;flex-wrap:wrap}.nav-link{background:transparent;border:0;padding:12px 1px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;color:#746c65;white-space:nowrap}.nav-link.active{color:var(--gold-dark);border-bottom:2px solid #b58d4b}main{flex:1}.view{display:none}.view.active{display:block}.hero{padding:clamp(36px,5vw,76px) clamp(24px,8vw,120px) 55px;display:grid;grid-template-columns:1.18fr .9fr;align-items:center;gap:6vw;min-height:590px}.hero-copy{max-width:620px}.overline{font-family:Arial,sans-serif;font-size:11px;letter-spacing:3px;font-weight:700;color:var(--gold-dark)}.small-star{font-size:18px;margin-right:10px}.hero h1,.section-heading h1{font-weight:400;letter-spacing:-2.8px;line-height:1.13;margin:25px 0;font-size:clamp(44px,5.2vw,75px)}h1 em{color:var(--gold-dark);font-weight:400}.hero-copy>p,.section-heading>p{color:#746e67;line-height:1.8;font-size:clamp(16px,1.5vw,19px);max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{border-radius:5px;padding:16px 23px;border:1px solid var(--gold-dark);font-family:Arial,sans-serif;font-size:13px;font-weight:700;min-height:52px;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn span{margin-left:14px;font-size:18px;vertical-align:middle}.btn-primary{background:#aa7d39;color:white}.btn-secondary{background:transparent;color:#7c5c2c;border-color:#c7b9a0}.btn-secondary:hover{background:#f0e7d9}.hero-footnote{margin-top:34px;color:#9c9182;font-family:Arial,sans-serif;font-size:12px}.hero-visual{min-height:450px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual img{width:min(270px,60%);aspect-ratio:2/3;object-fit:cover;border-radius:16px;box-shadow:0 35px 70px #56452d4d;transform:rotate(4deg);position:relative;z-index:1}.hero-orbit{border:1px solid #c9aa7166;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:90%;aspect-ratio:1}.orbit-two{width:70%;aspect-ratio:1}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding:32px clamp(24px,8vw,120px) 45px}.home-index{font:700 10px Arial,sans-serif;letter-spacing:2px;color:#a47b3b}.home-bottom h2{font-weight:normal;font-size:23px;margin:11px 0}.home-bottom p{font-size:14px;line-height:1.65;color:#7e7469;margin:0;max-width:400px}.section-heading{text-align:center;padding:54px 25px 24px}.section-heading h1{font-size:clamp(39px,4vw,60px);margin:16px 0}.section-heading>p{margin:0 auto}.draw-controls{margin:18px auto 0;max-width:1030px;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 22px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:13px;color:#766b60}.draw-controls select{padding:11px 35px 11px 13px;background:white;border:1px solid var(--line);border-radius:6px;color:#493c32;max-width:95vw}.remaining{color:var(--gold-dark);font-size:12px}.draw-workspace{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:34px 35px 90px}.draw-card-wrap{display:flex;justify-content:center;perspective:1300px}.flip-card{display:block;position:relative;width:clamp(210px,25vw,305px);aspect-ratio:2/3;border:0;background:transparent;padding:0;border-radius:15px;box-shadow:var(--shadow);transition:box-shadow .25s ease}.flip-card:not(:disabled):hover{box-shadow:0 28px 85px rgba(72,51,30,.22)}.flip-card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.18,1)}.flip-card.revealed .flip-card-inner{transform:rotateY(180deg)}.flip-side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:15px;display:block}.flip-side img{display:block;width:100%;height:100%;object-fit:cover}.flip-front{transform:rotateY(180deg)}.draw-side{max-width:420px}.draw-step{font:700 11px Arial,sans-serif;color:var(--gold-dark);letter-spacing:2.3px}.draw-side h2{font-size:clamp(29px,3vw,42px);line-height:1.2;font-weight:400;margin:16px 0}.draw-side p{font-size:16px;line-height:1.75;color:#746b63}.draw-action-stack{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.draw-hint{border-left:2px solid #ceaf75;padding:6px 0 6px 16px;margin-top:32px;font-size:14px;line-height:1.7;color:#8e8072}.text-button{color:#8a765e;border:0;background:none;text-decoration:underline;padding:10px 0;font:12px Arial,sans-serif;text-underline-offset:3px}.family-filters{max-width:1160px;margin:15px auto 34px;padding:0 28px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.family-button{border-radius:28px;border:1px solid #d6cbbb;background:#fffdf8;padding:11px 15px;color:#5d5148;font:600 12px Arial,sans-serif;display:flex;align-items:center;gap:8px;transition:all .18s}.family-button:hover{border-color:var(--gold)}.family-button.active{background:#795d37;color:#fff;border-color:#795d37}.family-dot{width:9px;height:9px;border-radius:50%;background:var(--dot)}.gallery-summary{max-width:1160px;margin:0 auto 15px;padding:0 28px;display:flex;justify-content:space-between;align-items:baseline;gap:18px}.gallery-summary h2{font-weight:400;font-size:25px;margin:0}.gallery-summary span{font:12px Arial,sans-serif;color:#948779}.gallery,.rules-gallery{max-width:1160px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin:0 auto;padding:0 28px 90px}.gallery-card,.rule-card{border:0;padding:0;background:none;text-align:center;color:#534d48;min-width:0}.gallery-card img,.rule-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;border-radius:12px;box-shadow:0 9px 21px #4d3c2628;transition:transform .2s,box-shadow .2s}.gallery-card:hover img,.rule-card:hover img{transform:translateY(-6px);box-shadow:0 15px 30px #4d3c2640}.card-caption{display:block;font:11px Arial,sans-serif;line-height:1.5;margin:10px auto 0;max-width:150px}.rules-gallery{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:24px}.rules-note{text-align:center;color:#82776b;font-size:14px;padding:0 30px 60px;line-height:1.7}.footer{border-top:1px solid var(--line);font:12px Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px clamp(20px,6vw,96px);color:#928579;flex-wrap:wrap}.footer-dot{color:#ac8c54;margin:0 8px}.top-link{font:12px Arial,sans-serif;border:0;background:transparent;color:#80612e}dialog{border:0;padding:0;max-width:min(490px,90vw);background:transparent;overflow:visible}dialog::backdrop{background:rgba(27,21,19,.82);backdrop-filter:blur(6px)}.dialog-content{position:relative;padding:6px;text-align:center}.dialog-content img{display:block;max-height:80vh;max-width:85vw;width:auto;margin:auto;aspect-ratio:2/3;object-fit:contain;border-radius:14px;box-shadow:0 20px 80px #0008}.dialog-label{font:13px Arial,sans-serif;color:#fff;margin-top:12px}.close-dialog{position:absolute;z-index:5;right:-18px;top:-18px;background:#fff;border:0;border-radius:100%;width:40px;height:40px;font-size:27px;line-height:35px;box-shadow:0 4px 15px #0004}
@media(max-width:850px){.masthead{flex-wrap:wrap;justify-content:center;padding:15px 22px}.masthead nav{justify-content:center}.hero{grid-template-columns:1fr;text-align:center;gap:2px;padding:38px 25px}.hero-copy{margin:auto}.hero-copy>p{margin:auto}.hero-actions{justify-content:center}.hero-visual{min-height:340px}.hero-visual img{width:205px}.home-bottom{gap:25px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.rules-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.draw-workspace{padding:30px 25px 65px}}
@media(max-width:580px){.masthead{min-height:72px;gap:3px}.wordmark{font-size:28px}.nav-link{font-size:12px;padding:10px 1px}nav{gap:14px}.hero h1{font-size:45px}.hero-copy>p{font-size:16px}.hero-visual{min-height:315px}.home-bottom{grid-template-columns:1fr}.section-heading{padding-top:36px}.draw-workspace{grid-template-columns:1fr;gap:32px}.draw-card-wrap{order:0}.draw-side{text-align:center;margin:auto;order:1}.draw-action-stack{justify-content:center}.draw-hint{text-align:left}.flip-card{width:215px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px;padding:0 23px 60px}.rules-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px;padding:10px 23px 40px}.family-filters{padding:0 12px}.family-button{font-size:11px;padding:9px 11px}.footer{justify-content:center;text-align:center}.dialog-content img{max-height:78vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* v2 : le visuel de la page d'accueil reste une véritable carte au rapport 2:3. */
.hero-visual{min-height:510px;min-width:0}
.hero-visual img{display:block;width:clamp(260px,27vw,335px);height:auto;max-width:100%;aspect-ratio:2 / 3;object-fit:contain;transform:rotate(0deg);border-radius:16px}
.hero-orbit{pointer-events:none}
.license-footer-link{color:#795d37;text-decoration:underline;text-underline-offset:3px}
.license-footer-link:hover{color:#5e421e}
.license-page{max-width:780px;margin:0 auto;padding:70px 28px 95px}
.license-page h1{font-size:clamp(35px,4.3vw,56px);font-weight:400;line-height:1.2;margin:18px 0 30px}
.license-page h2{font-size:24px;font-weight:400;margin-top:34px}
.license-page p{font-size:17px;line-height:1.85;color:#665c51}
.license-page a{color:#805b25;text-underline-offset:3px}
.license-badge{display:inline-block;border:1px solid #bca77e;background:#f1eadc;padding:10px 15px;border-radius:5px;font:700 13px Arial,sans-serif;letter-spacing:1px;color:#735326}
@media(max-width:850px){.hero-visual{min-height:400px}.hero-visual img{width:min(300px,75vw)}}
@media(max-width:580px){.hero-visual{min-height:370px}.hero-visual img{width:min(255px,75vw)}}

/* v4 — expression d’intérêt pour une éventuelle édition papier */
.print-interest{margin:0 clamp(24px,8vw,120px) 55px;padding:30px 32px;border:1px solid #ddd0bb;border-radius:14px;background:#f1eadf;display:flex;align-items:center;justify-content:space-between;gap:26px}
.print-interest-copy{max-width:620px}.print-interest h2{font-size:clamp(23px,2.4vw,34px);font-weight:400;margin:12px 0}.print-interest h2 em{color:var(--gold-dark)}
.print-interest p{font-size:14px;line-height:1.6;color:#746a5f;margin:8px 0 0}
.print-interest-action{flex:0 0 auto;text-align:center}.print-interest-action .btn{white-space:normal;max-width:330px;background:#fffaf2}.print-interest-action .btn:disabled{opacity:1;cursor:default;background:#e6dbc8;color:#6b5638}
#print-interest-note{font:12px/1.5 Arial,sans-serif;max-width:330px;margin:10px auto 0}
@media(max-width:800px){.print-interest{flex-direction:column;text-align:center;margin:0 25px 35px;padding:28px 20px}.print-interest-action{width:100%}}

/* Petits Pas — Deux points d'intérêt pour l'édition papier, même action. */
.print-interest-featured{border:2px solid #b18a47;background:#f3e7d1;box-shadow:0 12px 30px rgba(91,69,39,.10)}
.print-interest-featured .print-interest-action .btn,
.print-interest-draw .print-interest-action .btn{background:#8f653b;color:#fff;border-color:#8f653b;font-weight:600;padding:15px 22px;box-shadow:0 5px 16px rgba(91,69,39,.16)}
.print-interest-featured .print-interest-action .btn:hover:not(:disabled),
.print-interest-draw .print-interest-action .btn:hover:not(:disabled){background:#74502e;border-color:#74502e}
.print-interest-draw{margin:26px clamp(24px,8vw,120px) 55px;background:#f8f1e8}
.print-interest-draw[hidden]{display:none!important}
@media(max-width:800px){.print-interest-draw{margin:24px 25px 36px}}