.intro-sequence.quiet-intro{background:#a986dc;display:grid;place-items:center}
.intro-quiet-mark{width:min(66vw,380px);text-align:center;color:#3b2d23}
.intro-quiet-mark img{display:block;width:100%;height:auto}
.intro-quiet-mark p{font:10px/1.6 Plex;letter-spacing:1px;margin-top:25px;text-transform:uppercase}
.quiet-intro .intro-skip{background:transparent;color:#3b2d23;border:0;border-bottom:1px solid;border-radius:0}
.rondat-together{display:grid;grid-template-columns:.8fr 1.3fr;gap:7%;margin:0 5% 35px;padding:24px 0;border-block:1px solid #8b9690;color:#28342e}
.rondat-together h2{font:italic 31px/1.05 Garamond,Georgia;margin:0;letter-spacing:-.5px}
.rondat-together p{font:13px/1.65 Inter;margin:0;max-width:700px}
.home-page .rondat-together{background:#d0dee7;margin:0;padding:28px 6%;border:0}
.demo-page .rondat-together{margin:30px 0 0;border-color:#6d5084;display:block}
.demo-page .rondat-together h2{font-size:26px;margin-bottom:12px}
.role-brand-icon{display:block;width:48px;height:48px;object-fit:contain;flex:0 0 auto;margin-left:auto}
.public-role summary .role-open{margin-left:0}
.role-library-art{width:100%;height:220px;object-fit:contain;display:block;margin:0 auto 22px}
.offer-text-only:has(.role-library-art){display:grid;grid-template-columns:.75fr 1.4fr;gap:8%;align-items:center}
.experience-library-mark{display:block;width:110px;height:120px;object-fit:contain;margin:15px 0}
/* Official library art replaces the provisional rings. Keep the poster compact. */
.live-spread::before{display:block;inset:42px 0 auto;width:100%;height:300px;background:none;mask:url('assets/biblioteca/anillas-negro.png') center/contain no-repeat;-webkit-mask:url('assets/biblioteca/anillas-negro.png') center/contain no-repeat;background-color:#aebcae;transform:none;opacity:.7}
.live-spread::after{display:none}
.live-poster h2{margin-bottom:12px}
.live-manifesto{font-size:clamp(52px,5.7vw,77px);line-height:.88;margin:16px auto 0;max-width:650px;transform:scaleX(.8)}
.live-editorial>h3{font-size:clamp(62px,7.8vw,104px);margin:10px 0 22px}
.live-intro{max-width:560px;font-size:13px;line-height:1.5;margin-bottom:25px}
.live-included{order:7;text-align:center;font:10px/1.6 Plex;color:#b9c4b9;margin:13px auto 0;max-width:620px}
.live-editorial>a:last-child:not(.live-example){order:8}
@media(max-width:650px){
 .rondat-together{display:block;margin:0 20px 28px;padding:20px 0}.rondat-together h2{font-size:28px;margin-bottom:12px}.rondat-together p{font-size:12px}
 .role-brand-icon{width:33px;height:33px}.public-role summary{gap:9px}.role-number{width:22px;flex:0 0 auto}.role-offer summary h2,.organizer-offer summary h2{font-size:23px;letter-spacing:-1px}.role-open{font-size:20px}
 .offer-text-only:has(.role-library-art){display:block}.role-library-art{height:150px}
 .live-spread::before{top:48px;height:180px;opacity:.45}
 .live-manifesto{font-size:13vw;line-height:.9;max-width:92%;margin-top:18px;transform:scaleX(.82)}
 .live-editorial>h3{font-size:14vw;margin:10px 0 18px}
 .live-intro{font-size:11px;max-width:285px}.live-included{font-size:9px;padding:0 5px}
 .experience-library-mark{width:72px;height:80px}
}

/* Explicit surface and ink: this banner appears on several different page backgrounds. */
.rondat-together{background:#d0dee7;color:#3b2d23;padding:28px 32px;border:0;opacity:1}
.rondat-together h2{color:#3b2d23;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;font-size:28px;line-height:1.18;letter-spacing:-.8px;opacity:1}
.rondat-together p{color:#3b2d23;font-size:15px;line-height:1.65;opacity:1}
.demo-page .rondat-together{padding:24px;border:0}
@media(max-width:650px){.rondat-together{padding:24px 20px}.rondat-together h2{font-size:25px}.rondat-together p{font-size:14px}.home-page .rondat-together{padding:26px 24px}}