/* The gate shares the site's paper, ink, navy and serif typography. */
.gate-hero{background:var(--navy);color:var(--paper);padding:52px 0 28px;overflow:hidden}
.gate-hero h1{font:clamp(2.25rem,6vw,4rem)/1.5 var(--serif);letter-spacing:.12em;margin:14px 0}
.gate-intro{white-space:pre-line;font-size:1.0625rem;line-height:2}
.gate-shortcuts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 32px}
.gate-shortcuts a{padding:10px 0;border-bottom:1px solid #b7975e;font-size:0.875rem}
.gate-portraits{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end}
.gate-portraits a{display:block;background:#f7f5ef;border-radius:60px 60px 0 0;overflow:hidden}
.gate-portraits img{display:block;width:100%;height:220px;object-fit:contain;object-position:bottom}
.gate-hero figcaption{font-size:0.75rem;margin-top:14px}
.gate-today{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-bottom:1px solid var(--line)}
.gate-today-panel{min-width:0}
.gate-today h2{font:1.75rem/1.6 var(--serif);margin-bottom:20px}
.gate-today img{width:100%;height:auto;display:block;background:#eae5db}
.gate-today figcaption{color:var(--muted);font-size:0.875rem}
.gate-date{font-size:0.8125rem;margin-bottom:12px}
.gate-wait{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;padding:25px;background:#eee8db;border:1px dashed #9a8d79;color:#635846}
.gate-residents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.gate-card{display:flex;flex-direction:column;padding:24px;min-height:195px;border:1px solid #0003;border-radius:3px;transition:transform .15s}
.gate-card:hover{transform:translateY(-3px)}
.gate-card h3{font:1.625rem/1.5 var(--serif);margin:0 0 12px}
.gate-card p{font-size:0.9375rem;line-height:1.8;margin-bottom:16px}
.gate-card span{font-size:0.8125rem;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.gate-blue{background:#234d85;color:#fff}.gate-black{background:#29272e;color:#fff}.gate-white{background:#fff;color:#343039}
.gate-red{background:#a52e3d;color:#fff}.gate-purple{background:#66428a;color:#fff}.gate-pink{background:#f1b5cf;color:#502038}
.gate-gold{background:#e5bd5c;color:#493510}.gate-green{background:#32694c;color:#fff}.gate-cream{background:#eee3c9;color:#51452d}
.gate-resident-profile{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;margin-top:28px}
.gate-resident-profile>div:only-child{grid-column:1/-1;max-width:760px}
.gate-line{padding:20px;font-size:1.25rem;margin-bottom:24px}
.gate-resident-profile .actions{flex-wrap:wrap}
/* Keep the gate's captions and routes in step with the selected reading size. */
/* Decorative gold is too faint for small text on paper; retain it on the hero. */
.gate-hero .eyebrow{color:#e4c88f}
#shelves .coming-art b{color:#766445}
#shelves .coming-art small{color:#685e4b}
.participate p{color:var(--ink)}
.resident-shortcuts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.resident-shortcuts a{padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.resident-shelf{border-top:1px solid var(--line);scroll-margin-top:90px}
.resident-shelf h2{font:1.75rem/1.6 var(--serif);margin-bottom:18px}
.resident-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin-top:24px}
.resident-story li{border:1px solid var(--line);padding:24px;min-width:0;background:var(--paper)}
.resident-story h3{font:1.375rem/1.8 var(--serif);margin:12px 0}
.resident-items{padding-left:24px}.resident-items li{padding:12px 0}.resident-items p{font-size:0.875rem;color:var(--muted)}
@media(max-width:760px){.resident-story{grid-template-columns:1fr}.resident-story li{padding:20px}.resident-shelf h2{font-size:1.5625rem}}
@media(max-width:760px){.gate-hero{padding-top:32px}.gate-hero h1{letter-spacing:.06em}.gate-intro{font-size:0.9375rem}.gate-shortcuts{gap:8px 16px}.gate-shortcuts a{font-size:0.8125rem}.gate-portraits{gap:4px}.gate-portraits img{height:120px}.gate-portraits a{border-radius:25px 25px 0 0}.gate-today{grid-template-columns:1fr;gap:40px}.gate-residents{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gate-card{padding:18px 14px;min-height:210px}.gate-card h3{font-size:1.4375rem}.gate-card p{font-size:0.875rem}.gate-resident-profile{grid-template-columns:1fr;gap:20px}.gate-resident-profile>.standing-portrait{max-height:400px;margin-inline:auto}}

.mai-build video { display: block; width: 100%; max-width: 960px; height: auto; margin: 1.5rem 0; background: #111; }