/* The collection cards keep every invitation visible, without flipping. */
.home-collections{padding-top:40px}
.collections-intro{margin:12px auto 38px;max-width:720px}
.collections-intro h1{font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.14;letter-spacing:-.035em;margin:16px 0}
.collections-intro .muted{font-size:1.05rem;color:#bfcedb}
.collection-portals{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.collection-card{--accent:#f1ce8b;--tint:#9e71331c;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #52657675;border-radius:22px;background:linear-gradient(150deg,var(--tint),transparent 65%),#102a3e;box-shadow:0 14px 32px #0002;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.collection-independent{--accent:#b7d8bf;--tint:#4f956929}
.collection-other-side{--accent:#d7bcef;--tint:#a476c529}
.collection-card:focus-within{border-color:var(--accent);box-shadow:0 12px 36px #0003}
@media(hover:hover){.collection-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 40px #0004}}
.collection-art{height:190px;position:relative;isolation:isolate;background:#192c42;overflow:hidden}
.collection-art>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.collection-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06182725,transparent 40%,#102a3e);z-index:1;pointer-events:none}
.collection-number{position:absolute;right:18px;top:12px;font:italic 2.3rem Georgia,serif;color:#ffffffbc;text-shadow:0 1px 8px #0009;z-index:2}
.collection-symbol{position:absolute;bottom:12px;left:24px;z-index:2;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;color:var(--accent);background:#0b233cdd}
.collection-symbol .icon{width:25px;height:25px}
.collection-copy{display:flex;flex-direction:column;flex:1;padding:8px 25px 24px}
.collection-kicker{color:var(--accent);font-size:.76rem;line-height:1.5;margin-bottom:12px}
.collection-copy h2{font-size:1.65rem;line-height:1.2;margin-bottom:16px;color:#fff5e5;min-height:2.4em;text-wrap:balance}
.collection-tagline{font:1.06rem/1.5 Georgia,serif;color:var(--accent);margin-bottom:10px}
.collection-description{font-size:.94rem;line-height:1.7;color:#c6d3df;margin-bottom:22px}
.collection-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-top:16px;margin-top:auto;border-top:1px solid #b7c8d42b;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--accent)}
.collection-link span{font-size:1.4rem;font-weight:400}
.mirror-art{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 35%,#a380b650,#1b2841 72%)}
.mirror-art>.icon{height:140px;width:140px;color:#e2cbea;filter:drop-shadow(0 0 15px #d4b0ef25);transform:rotate(-12deg)}
.mirror-spark{position:absolute;top:36px;left:calc(50% + 52px);color:#f0dafa;font-size:24px}
.home-collections>.collection{margin-top:64px;padding-top:30px;border-top:1px solid #6e849433}
.home-collections .collection-title{font-size:clamp(1.65rem,3vw,2.3rem);margin-bottom:10px;padding-top:0;border-top:0;scroll-margin-top:26px;text-wrap:balance}
.collection-introduction{color:#b9cbd7;font-size:1rem}
.home-collections .upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-collections #collection-independent .upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-preview{display:flex;align-items:center;gap:28px;padding:28px 32px;margin-top:24px;border:1px solid #b39dcc45;border-radius:18px;background:linear-gradient(110deg,#322e4655,#11283c)}
.preview-symbol{color:#d7bcef;flex-shrink:0}.preview-symbol .icon{width:65px;height:65px}
.collection-preview h3{font-size:1.5rem;color:#eadbf5;margin-bottom:10px}
.collection-preview p:last-child{margin:0;color:#c6c8db;max-width:680px}
.collection-preview .eyebrow{color:#d7bcef}
@media(max-width:1000px) and (min-width:701px){.collection-portals{gap:14px}.collection-copy{padding:8px 17px 20px}.collection-copy h2{font-size:1.4rem}.collection-art{height:165px}.collection-link{font-size:.84rem}.home-collections .upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-collections{padding-top:24px}.collections-intro{margin:6px auto 28px}.collections-intro .eyebrow{font-size:.7rem;letter-spacing:.12em}.collection-portals{grid-template-columns:1fr;gap:22px}.collection-art{height:180px}.collection-copy{padding:8px 23px 22px}.collection-copy h2{min-height:0;font-size:1.85rem}.collection-description{margin-bottom:15px}.home-collections>.collection{margin-top:40px;padding-top:24px}.home-collections .upcoming-grid,.home-collections #collection-independent .upcoming-grid{grid-template-columns:1fr}.collection-preview{padding:24px;gap:16px;align-items:flex-start}.preview-symbol .icon{width:36px;height:36px}.collection-preview h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.collection-card,.mirror-art>.icon{transform:none!important;transition:none!important}}
.effects-off .collection-card{transform:none}

/* Coming-soon card of a Léo book set in the Maya world (Tome 4). */
.upcoming.maya{background:radial-gradient(ellipse at 85% 15%,#2f6b4a55,transparent 65%),radial-gradient(ellipse at 10% 100%,#f1c87522,transparent 60%),linear-gradient(130deg,#0f3a36,#10263a)}
.upcoming-teaser{margin:-4px 0 14px;color:#c9d6e2;font-size:.95rem;line-height:1.5;font-style:italic;max-width:36ch}
/* Coming-soon cards of Léo's books set in imperial China (Tome 5) and in ancient Athens (Tome 6). */
.upcoming.chine{background:radial-gradient(ellipse at 85% 15%,#a8322855,transparent 65%),radial-gradient(ellipse at 10% 100%,#f1c87526,transparent 60%),linear-gradient(130deg,#3a1818,#10263a)}
.upcoming.grece{background:radial-gradient(ellipse at 85% 15%,#e8eef455,transparent 60%),radial-gradient(ellipse at 10% 100%,#2f6fa855,transparent 65%),linear-gradient(130deg,#123a5c,#0d2236)}
/* Coming-soon cards of Léo's books set in Rome (Tome 7), Chartres (Tome 8), Florence (Tome 9) and the city of Thoth (Tome 10). */
.upcoming.rome{background:radial-gradient(ellipse at 85% 15%,#c0392b55,transparent 65%),radial-gradient(ellipse at 10% 100%,#f1c87526,transparent 60%),linear-gradient(130deg,#4a1c14,#10263a)}
.upcoming.cathedrale{background:radial-gradient(ellipse at 85% 15%,#2f5fd066,transparent 65%),radial-gradient(ellipse at 10% 100%,#e8e2d433,transparent 60%),linear-gradient(130deg,#1b2350,#10263a)}
.upcoming.florence{background:radial-gradient(ellipse at 85% 15%,#e0784a55,transparent 65%),radial-gradient(ellipse at 10% 100%,#f1c87530,transparent 60%),linear-gradient(130deg,#4a2a20,#10263a)}
.upcoming.thoth{background:radial-gradient(ellipse at 85% 15%,#f1c87566,transparent 60%),radial-gradient(ellipse at 10% 100%,#c2553855,transparent 65%),linear-gradient(130deg,#3a2a14,#0d1a2e)}
/* Coming-soon card of a standalone story set among the dinosaurs (Tromba). */
.upcoming.dinos{background:radial-gradient(ellipse at 85% 15%,#7fd8b055,transparent 65%),radial-gradient(ellipse at 10% 100%,#e0784a33,transparent 60%),linear-gradient(130deg,#143a2a,#10263a)}
/* Coming-soon card of a standalone story in the ocean (Maïa). */
.upcoming.ocean{background:radial-gradient(ellipse at 85% 15%,#5fd3e855,transparent 65%),radial-gradient(ellipse at 10% 100%,#f1c87526,transparent 60%),linear-gradient(130deg,#0b4a63,#0d2236)}
/* Coming-soon card of a standalone story in space (Nina). */
.upcoming.espace{background:radial-gradient(ellipse at 85% 15%,#b9a2ff55,transparent 60%),radial-gradient(ellipse at 10% 100%,#e0784a33,transparent 60%),linear-gradient(130deg,#1a1440,#0d1a2e)}