:root{color-scheme:dark;--bg:#0b1a2b;--fg:#f5ebd6;--muted:#c5ced1;--gold:#efd09a;--line:#746647}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 8%,#22364c 0%,#0b1a2b 55%);color:var(--fg);font:18px/1.78 Georgia,'Times New Roman',serif}main{max-width:1100px;margin:auto;padding:0 24px 90px}header{text-align:center;padding:66px 0 35px}.kicker{font:600 11px/1.7 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(2.4rem,7vw,5rem);font-weight:normal;line-height:1.12;margin:16px auto 14px;max-width:950px}h2{font-size:clamp(1.8rem,4.4vw,2.8rem);line-height:1.23;font-weight:normal;color:var(--gold);margin:0 0 22px}h3{font-size:1.45rem;font-weight:normal;color:var(--gold);margin:0 0 12px}.sub{font-size:1.25rem;font-style:italic;color:#d8c6a8}.intro{max-width:720px;margin:27px auto 0;color:#e0e5e4}.artgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:950px;margin:30px auto 70px}.artgrid figure{margin:0}.artgrid img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 25px 65px #0008}.artgrid figcaption{text-align:center;font:13px/1.6 system-ui,sans-serif;letter-spacing:.08em;color:#d6c6a5;margin-top:15px}.quote{max-width:790px;margin:70px auto;text-align:center;color:#f5dba6;font-size:clamp(1.35rem,3vw,2rem);line-height:1.6}.section{max-width:850px;margin:88px auto}.section>p{color:#e0e4e2}.door{padding:35px 0;border-top:1px solid #4c5b63}.door:last-child{border-bottom:1px solid #4c5b63}.door .label{font:600 11px system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#c3aa7a}.door p{margin:8px 0;color:#e1e5e4}.door .line{color:var(--gold);font-style:italic}.points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.point{padding:25px;border:1px solid #4d6070;border-radius:15px;background:#14273a}.point span{font:12px system-ui,sans-serif;letter-spacing:.12em;color:#d0b57d}.point h3{margin:8px 0 7px}.point p{margin:0;color:#d4dcdd;font-size:16px;line-height:1.65}.point:last-child{grid-column:1/-1}.final{padding:45px 0;text-align:center;border-top:1px solid #6b644f;border-bottom:1px solid #6b644f}.final blockquote{font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.6;margin:0 auto;max-width:790px}.final .motto{font-style:italic;color:var(--gold);margin-top:28px}footer{text-align:center;color:#a9b8bf;font:13px/1.8 system-ui,sans-serif;padding:40px 15px}a{color:var(--gold)}@media(max-width:650px){body{font-size:17px}header{padding-top:42px}.artgrid{grid-template-columns:1fr;max-width:440px;gap:35px}.points{grid-template-columns:1fr}.point:last-child{grid-column:auto}.section{margin:65px auto}.quote{margin:55px auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip{position:absolute;left:-9999px;top:0;background:#efd09a;color:#0b1a2b;padding:12px;z-index:100}.skip:focus{left:8px}.nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 12px;border-bottom:1px solid #58606a;font:14px system-ui,sans-serif}.nav a{padding:8px 12px;text-decoration:none;border-radius:20px}.nav a[aria-current="page"]{background:#efd09a;color:#0b1a2b}.cta{display:inline-block;border:1px solid #d9bc83;border-radius:30px;padding:12px 22px;text-decoration:none;margin:8px;font:15px system-ui,sans-serif}.center{text-align:center}.film-placeholder{border:1px solid #716747;border-radius:20px;padding:70px 25px;text-align:center;background:linear-gradient(135deg,#1b344b,#0c1829)}.small{font:14px/1.6 system-ui,sans-serif;color:#c5ced1}.art-single{max-width:500px;margin:30px auto}.art-single img{display:block;width:100%;height:auto;border-radius:18px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.cards img{width:100%;border-radius:15px}.cards figure{margin:0}.cards figcaption{text-align:center;margin:10px 0}.notice{border-left:3px solid #efd09a;padding:10px 20px;background:#17293b}@media(max-width:650px){.cards{grid-template-columns:1fr}}

/* Pages contemplatives complémentaires V0.8 */
.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:18px 15px;border-bottom:1px solid #4d5b65;font:14px/1.5 system-ui,sans-serif}.nav a{color:#e4d8c3;text-decoration:none}.nav a[aria-current="page"]{color:#efd09a;text-decoration:underline;text-underline-offset:5px}.door-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-link{display:inline-block;margin-top:18px;color:#f4d79f;text-underline-offset:4px}.section em{color:#efd09a}@media(max-width:700px){.door-grid{grid-template-columns:1fr}.nav{gap:8px 12px;font-size:13px}}
/* Navigation mobile V0.9 */
.mobile-navigation{display:none}
.footer-navigation{margin:4rem auto 2rem;max-width:900px;padding:1.5rem;border-top:1px solid rgba(236,202,142,.4);display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}
.footer-navigation h2{width:100%;font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 .5rem;color:#efd19b}
.footer-navigation a{color:#f3d6a4;border:1px solid rgba(239,209,155,.4);border-radius:999px;padding:.6rem .9rem;text-decoration:none;font:500 .9rem/1.4 system-ui,sans-serif}
@media(max-width:720px){.nav{display:none!important}.mobile-navigation{display:block;position:sticky;top:0;z-index:100;background:#0c1c2e;color:#f2d7a5;border-bottom:1px solid rgba(239,209,155,.5);font:600 15px/1.4 system-ui,sans-serif}.mobile-navigation summary{cursor:pointer;padding:14px 22px;list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between}.mobile-navigation summary:after{content:'☰';font-size:21px}.mobile-navigation[open] summary:after{content:'×'}.mobile-navigation-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 15px 16px;max-height:60vh;overflow:auto}.mobile-navigation-links a{display:block;color:#f5dfb9;text-decoration:none;padding:12px 10px;border:1px solid rgba(239,209,155,.25);border-radius:9px;font-weight:400}.footer-navigation{padding:1.2rem;margin:3rem auto 1rem}.footer-navigation a{font-size:.85rem}}

/* V1.0 — Finition mobile, sans modification du contenu éditorial */
@media(max-width:720px){
  main{padding:0 20px 56px}
  header{padding:34px 0 22px}
  header h1{margin:12px auto 12px;font-size:clamp(2.15rem,9vw,3.3rem)}
  header .intro{margin-top:19px}
  .section{margin:46px auto}
  .section h2{margin-bottom:16px}
  .door{padding:24px 0}
  .door-grid,.points{gap:14px}
  .point{padding:22px 20px}
  .artgrid{margin:22px auto 46px;gap:26px}
  .quote{margin:38px auto}
  .final{padding:32px 0}
  .mobile-navigation summary{padding:11px 20px;min-height:52px;touch-action:manipulation}
  .mobile-navigation-links{gap:8px;padding:8px 15px 14px;max-height:min(46vh,360px);overscroll-behavior:contain}
  .mobile-navigation-links a{padding:11px 12px;min-height:48px;display:flex;align-items:center;line-height:1.25;touch-action:manipulation}
  .mobile-navigation-links a[aria-current="page"]{background:#efd09a;color:#0b1a2b;border-color:#efd09a;font-weight:700}
  .footer-navigation{margin:2.5rem auto 1rem;padding:1rem 0;gap:10px}
  .footer-navigation h2{margin-bottom:8px}
  .footer-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:10px 13px}
  .footer-navigation a[aria-current="page"]{background:#efd09a;color:#0b1a2b;border-color:#efd09a;font-weight:700}
  .cta{min-height:44px}
}
@media(max-width:380px){
  main{padding-left:16px;padding-right:16px}
  .mobile-navigation-links{grid-template-columns:1fr 1fr;gap:6px;padding-left:10px;padding-right:10px}
  .mobile-navigation-links a{font-size:13px;padding:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V1.0.1 — Recto/verso : conserver le ratio natif 2:3 sur tous les écrans. */
.cards figure a{display:block;line-height:0}
.cards figure img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:2 / 3;object-fit:contain;object-position:center}
.cards figure figcaption{line-height:1.6}

/* V1.1 — Seuil QR et film-poème responsive */
.film-player{width:100%;max-width:1000px;margin:1.5rem auto 0;background:#071321;border:1px solid rgba(239,208,154,.35);border-radius:14px;overflow:hidden}
.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071321;object-fit:contain}
.film-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px auto 18px;max-width:1000px}
.rotate-hint{display:none;margin:0;flex:1;line-height:1.5}
.film-fullscreen{border:1px solid #efd09a;color:#efd09a;background:#0b1a2b;padding:12px 18px;border-radius:9px;font:inherit;cursor:pointer;min-height:44px}
.film-fullscreen:focus-visible{outline:3px solid #efd09a;outline-offset:3px}
.film-note{font-size:.95rem;opacity:.85}
.film-transcript{margin:2rem auto;max-width:850px;border:1px solid rgba(239,208,154,.3);border-radius:12px;padding:16px 20px}
.film-transcript summary{cursor:pointer;font-weight:600;min-height:44px}
.film-transcript-content h3{margin:1.5rem 0 .5rem;color:#efd09a}
.seuil-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin:35px auto}
.seuil-entry figure{margin:0;text-align:center}.seuil-entry figure img{display:block;width:100%;max-width:380px;height:auto;aspect-ratio:2/3;object-fit:contain;margin:auto;border-radius:14px}
.seuil-entry figcaption{margin-top:12px;opacity:.8}.seuil-choices{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.seuil-choices h2{margin-bottom:4px}.seuil-choices .cta{max-width:100%;box-sizing:border-box}
@media (max-width:850px) and (orientation:portrait){.rotate-hint{display:block}}
@media (max-width:700px){.seuil-entry{grid-template-columns:1fr;gap:24px}.seuil-entry figure img{max-width:290px}.film-controls{align-items:stretch}.film-fullscreen{margin-left:auto}}

/* V1.2.1 — Recto compact sur la seule page seuil (QR). */
.seuil-entry .seuil-recto-figure{min-width:0;max-width:100%;margin:0 auto;text-align:center;}
.seuil-entry .seuil-recto{display:block;box-sizing:border-box;width:min(100%,320px);max-width:100%;height:auto!important;aspect-ratio:2 / 3;object-fit:contain;margin:0 auto;border-radius:14px;}
@media(max-width:700px){
  .seuil-entry{grid-template-columns:minmax(0,1fr);gap:20px;margin:24px auto;}
  .seuil-entry .seuil-recto-figure{width:100%;}
  .seuil-entry .seuil-recto{width:min(72%,260px);max-width:100%;}
}

/* V1.2.2 : confinement strict du recto dans la page Seuil */
@media(max-width:700px){.seuil-entry{display:block;min-width:0}.seuil-entry .seuil-recto-figure{max-width:260px;width:100%;min-width:0;margin:0 auto 24px}.seuil-entry .seuil-recto-figure img.seuil-recto{width:100%;max-width:260px;min-width:0;height:auto!important;aspect-ratio:auto!important;object-fit:contain}}