/* Warm frosted glass protects reading while the complete lantern photograph stays visible. */
.glass-panel,
.editorial-hero>div,
.section-head,
.lesson{
  min-width:0;
  padding:26px 28px;
  background:rgba(251,247,239,.82);
  border:1px solid rgba(188,158,112,.48);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(74,52,30,.065),inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(18px) saturate(.8);
  backdrop-filter:blur(18px) saturate(.8);
  color:#332b26;
}
.glass-panel>p,
.glass-panel .note,
.editorial-hero>div>p,
.section-head>p,
.lesson>p{color:#4a4038!important}
.glass-panel>p:last-child{margin-bottom:0}
.glass-panel>h2:first-child{margin-top:0}
.hero-copy.glass-panel{align-self:center;padding:28px;max-width:100%}
.hero-copy.glass-panel p{font-size:14px;line-height:1.9}
.hero-copy.glass-panel .hero-signature{color:#765439}
#maison .intro>.glass-panel{padding:26px 28px}
#maison .intro>.glass-panel>p{font-size:14px;line-height:1.9}
.intro .glass-panel .quote{color:#8c3e2d}
.maison-title.glass-panel{margin-bottom:24px;padding:22px 26px}
.maison-title.glass-panel h2{margin-bottom:0}
.numbers>.glass-panel{padding:19px 20px}
.numbers>.glass-panel p{margin-top:8px;font-size:12px;line-height:1.8}
.heading.glass-panel{padding:24px 28px}
.step.glass-panel{padding:22px 20px}
.step.glass-panel p{font-size:12px;line-height:1.85}
.manga-copy.glass-panel{align-self:center;padding:26px 28px}
.home-genres-panel,.home-faq-panel{padding:30px}
.home-faq-panel details{background:transparent}
.home-faq-panel details p{color:#4a4038}
.reading-caption.glass-panel{padding:17px 18px;margin-top:18px}
.reading-caption.glass-panel h3{margin:0 0 10px}
.reading-caption.glass-panel p{font-size:12px;line-height:1.8;margin:0}
#manuscrit .submit>.glass-panel{align-self:start;padding:28px}
.glass-panel--dark{background:rgba(29,35,29,.76);border-color:rgba(201,171,118,.4);color:#f7efdf;box-shadow:0 10px 30px #00000012,inset 0 1px 0 #ffffff10}
.glass-panel--dark>p{color:#e7dfcf!important}
.lesson{margin-bottom:22px;padding:26px 28px}
.lesson:first-child{padding-top:26px}
.section-head{align-items:center}
/* Clear, calm movement: the supplied image remains complete; the hanging lamps sway independently. */
.ambient-lanterns .ambient-wash{inset:160px 22px 26px;animation:full-lantern-drift 14s ease-in-out infinite;transform-origin:center}
.ambient-lanterns .ambient-lantern{will-change:transform;filter:drop-shadow(0 0 12px #e5ac6133)}
.lamp-a{--lamp-opacity:.52;--swing:7s;--light:6s}
.lamp-b{--lamp-opacity:.4;--swing:9s;--light:8s}
.lamp-c{--lamp-opacity:.5;--swing:8s;--light:7s}
.lamp-d{--lamp-opacity:.36;--swing:10s;--light:9s}
.ambient-lanterns .lantern-light{inset:-30%;background:radial-gradient(ellipse,#fff0baee 0%,#ffd38a99 24%,#e4ad5d44 48%,transparent 72%)}
@keyframes lantern-swing{0%,100%{transform:rotate(-6deg) rotateY(-7deg)}50%{transform:rotate(6deg) rotateY(7deg)}}
@keyframes lantern-breathe{0%,100%{opacity:.32;transform:scale(.92)}50%{opacity:.95;transform:scale(1.12)}}
@keyframes full-lantern-drift{0%,100%{transform:translate(-7px,-3px) rotate(-.35deg)}50%{transform:translate(7px,3px) rotate(.35deg)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass-panel,.editorial-hero>div,.section-head,.lesson{background:rgba(251,247,239,.96)}
  .glass-panel--dark{background:rgba(29,35,29,.97)}
}
@media(max-width:1000px){.hero-copy.glass-panel{padding:23px}.hero-copy.glass-panel h1{font-size:clamp(48px,5.6vw,66px)}.hero-copy.glass-panel .actions{flex-wrap:wrap;gap:14px}.hero-copy.glass-panel .btn{padding:14px 16px;gap:12px}}
@media(max-width:800px){.ambient-lanterns .ambient-wash{inset:110px 18px 26px}.lamp-a{left:0;--lamp-opacity:.45}.lamp-c{right:0;--lamp-opacity:.44}}
@media(max-width:650px){
  .glass-panel,.editorial-hero>div,.section-head,.lesson,.lesson:first-child,
  #maison .intro>.glass-panel,.manga-copy.glass-panel,#manuscrit .submit>.glass-panel{padding:20px}
  .hero-copy.glass-panel{padding:22px 19px}
  .hero-copy.glass-panel h1{font-size:clamp(44px,12vw,68px);letter-spacing:-1.5px}
  .hero-copy.glass-panel p,#maison .intro>.glass-panel>p{font-size:13px;line-height:1.9}
  .hero-copy.glass-panel .hero-signature{font-size:20px}
  .maison-title.glass-panel{padding:20px;margin-bottom:20px}
  .heading.glass-panel{padding:20px}
  .heading.glass-panel h2,.home-genres-panel h2,.home-faq-panel h2{font-size:36px}
  .numbers>.glass-panel{padding:15px 13px}
  .numbers>.glass-panel p{font-size:11px}
  .step.glass-panel{padding:18px 15px}
  .reading-caption.glass-panel{padding:14px 12px}
  .reading-caption.glass-panel h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.ambient-lanterns .ambient-wash,.ambient-lanterns .ambient-lantern,.ambient-lanterns .lantern-light{animation:none!important;will-change:auto}}

/* The complete reader's photograph fills the space beside the publication heading. */
#formules .formula-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(165px,.65fr);grid-template-rows:auto auto;column-gap:34px;row-gap:18px;align-items:center;padding:25px 30px}
#formules .formula-title{grid-column:1;grid-row:1;align-self:end}
#formules .formula-title h2{font-size:clamp(36px,4.3vw,60px);margin:14px 0 0;line-height:1.08}
#formules .formula-intro{grid-column:1;grid-row:2;align-self:start;max-width:520px;margin:0;font-size:13px;line-height:1.85}
#formules .formula-photo{grid-column:2;grid-row:1 / span 2;width:100%;max-width:240px;height:310px;margin:0;justify-self:center}
#formules .formula-photo-open{display:block;width:100%;height:100%;position:relative}
#formules .formula-photo .photo-viewport{width:100%;height:100%}
#formules .formula-photo img{display:block;width:100%;height:100%;object-fit:contain!important}
@media(max-width:850px){#formules .formula-heading{grid-template-columns:minmax(0,1fr) minmax(140px,.7fr);column-gap:22px;padding:22px}#formules .formula-title h2{font-size:38px}#formules .formula-photo{height:290px}}
@media(max-width:480px){#formules .formula-heading{grid-template-columns:minmax(0,1.15fr) minmax(105px,.85fr);column-gap:15px;row-gap:20px;padding:19px}#formules .formula-title{align-self:center}#formules .formula-title h2{font-size:32px}#formules .formula-photo{grid-row:1;height:230px}#formules .formula-intro{grid-column:1 / -1;grid-row:2;font-size:12px}}