/* Shared final formatting, after legacy styles. */
body{background:var(--page-bg);color:var(--text-body);font:400 15px/1.625 var(--font-sans)}
.sd.text.guide-type{font-family:var(--font-sans);color:var(--text-body);background:transparent;letter-spacing:normal;text-shadow:none;height:auto;min-height:0;max-width:100%;overflow-wrap:break-word}
p.sd.text.guide-type{font-size:15px;font-weight:400;line-height:1.625;margin:0 0 16px;padding:0}
h1.sd.text.guide-type{font-size:clamp(36px,4.2vw,56px);font-weight:600;line-height:1.08;margin:0 0 24px;padding:0;color:var(--text-primary)}
h2.sd.text.guide-type{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 24px;padding:0;color:var(--text-primary)}
h3.sd.text.guide-type{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 12px;padding:0;color:var(--text-primary)}
a.sd.text.guide-type{font-size:15px;font-weight:500;line-height:1.625;margin:0;padding:0;color:var(--link);border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px;width:auto}
.sd.surface-panel{padding:48px;margin:48px auto 0;width:calc(100% - 80px);max-width:1200px;height:auto;min-height:0;background:var(--surface);border-radius:12px;box-shadow:none}
.sd.surface-panel>.sd.panel-inner{padding:0;margin:0;width:100%;max-width:100%;height:auto;min-height:0;gap:0;background:transparent}
.sd.surface-panel .guide-type{flex:none}
.sd.nav-link.guide-type{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4;min-height:44px;display:flex;align-items:center;margin:0 0 0 12px;padding:10px 12px;text-decoration:none;border-radius:6px;background:transparent}
.sd.nav-link.guide-type:hover{background:var(--media-bg)}
a.sd.guide-button.guide-type,button.sd.profile-button,form.guide-form button.sd{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;max-width:100%;height:auto;margin:8px 0 0;padding:10px 20px;font:500 15px/1.5 var(--font-sans);color:var(--surface);background:var(--text-primary);border:1px solid transparent;border-radius:6px;text-decoration:none;cursor:pointer;box-shadow:none;white-space:normal}
a.sd.guide-button.guide-type:hover,form.guide-form button.sd:hover{opacity:.85}
header a.sd.guide-button.guide-type{margin:0 0 0 16px;font-size:13px}
button.sd.profile-button{border:1px solid var(--border);color:var(--text-primary);background:var(--surface);font-size:13px;min-height:44px;padding:8px 16px}
.sd.news-row{display:block;margin:0;padding:24px 0;width:100%;max-width:760px;height:auto;border-bottom:1px solid var(--border);background:transparent}
.sd.news-row:last-child{border-bottom:0;padding-bottom:0}
.sd.news-row>a.sd.guide-type{display:inline;font-size:16px;font-weight:600}
.sd.news-row>p.sd.guide-type{margin:8px 0 0;text-align:left;width:100%;max-width:100%}
.era-progress{max-width:800px;width:100%;margin:8px auto 0;color:var(--text-body);font:400 15px/1.625 var(--font-sans)}
.era-progress-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;padding:16px 0;margin:0;border-bottom:1px solid var(--border);color:var(--text-body)}
.era-progress-row time{color:var(--text-secondary);font-size:13px}.era-progress-row a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.sd.era-update-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;width:100%;max-width:100%;padding:12px 0;margin:0;background:transparent}
.sd.era-update-row>p.sd.guide-type{width:auto;max-width:100%;margin:0;text-align:left;color:var(--text-body)}
.sd.era-update-row>p:first-child{font-size:13px;color:var(--text-secondary)}
#book>a.sd:not(.guide-type),#book>div.sd:not(.image),#exhibition>a.sd:not(.guide-type),#exhibition>div.sd:not(.image){width:100%;max-width:800px;margin:0;padding:0;background:transparent;height:auto}
.sd.people-groups{width:100%;max-width:100%;padding:0;margin:16px 0 0;gap:24px}
.sd.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;justify-content:start;width:100%;max-width:100%;padding:0;margin:0}
.sd.person-card{display:flex;align-items:flex-start;flex-direction:column;gap:0;width:100%;max-width:100%;height:auto;min-height:0;padding:0;margin:0;background:transparent;border-radius:0}
.sd.person-card>.image{width:100%;max-width:100%;height:300px;margin:0 0 16px;border-radius:6px;overflow:hidden}
.sd.person-card>h3.sd.guide-type{text-align:left;margin:0 0 8px}
.sd.person-card>p.sd.guide-type{text-align:left;margin:0 0 4px;font-size:13px;line-height:1.6;width:100%}
.sd.person-card>a.sd.guide-type{font-size:13px;margin:8px 0 0;min-height:24px}
.sd.person-card>.profile-button{margin-top:12px}
form.sd.guide-form{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%;max-width:640px;height:auto;padding:0;margin:24px auto 0;background:transparent}
form.sd.guide-form .sd:not(.text):not(input):not(textarea):not(button){height:auto;min-height:0;margin:0;padding:0;max-width:100%;background:transparent;gap:20px}
form.sd.guide-form>.sd{width:100%}
form.sd.guide-form p.sd.guide-type{color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;margin:0 0 8px;width:100%;height:auto}
form.sd.guide-form .contact-note{font:400 12px/1.7 var(--font-sans);color:var(--text-secondary);margin:0;text-align:left}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{width:100%;max-width:100%;min-height:44px;height:auto;padding:12px 14px;margin:0;border:1px solid var(--border);background:var(--page-bg);color:var(--text-primary);border-radius:6px;font:400 15px/1.625 var(--font-sans);box-shadow:none}
form.sd.guide-form textarea.sd{min-height:150px;resize:vertical}
form.sd.guide-form input::placeholder,form.sd.guide-form textarea::placeholder{color:var(--text-secondary);opacity:1}
form.sd.guide-form button.sd{align-self:flex-start;margin:0}
footer.sd{padding:32px 16px;margin:32px auto 0;height:auto;background:var(--page-bg);color:var(--text-secondary)}
footer.sd p.sd.guide-type{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0}
.modal-shell .sd.text.guide-type{color:var(--text-body);font:400 15px/1.625 var(--font-sans);margin:0;padding:0}
.modal-shell>[data-backdrop]{background:var(--surface);color:var(--text-body);border:1px solid var(--border);border-radius:12px}
.modal-shell>[data-backdrop]>.sd{background:transparent;padding:0;margin:0}
.modal-close{color:var(--text-primary);background:var(--surface);border:1px solid var(--border)}
header .icon,.sd.icon:not(a){color:var(--text-primary)}
@media(max-width:768px){.sd.surface-panel{padding:28px 24px;margin-top:32px;width:calc(100% - 32px)}.sd.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.sd.person-card>.image{height:220px}a.sd.guide-button.guide-type{font-size:14px}.sd.era-update-row,.era-progress-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.sd.news-row{padding:20px 0}.sd.person-card>h3.sd.guide-type{font-size:18px}form.sd.guide-form{gap:16px}}
@media(max-width:480px){.sd.person-card>.image{height:180px}form.sd.guide-form>.sd:first-of-type{flex-direction:column}form.sd.guide-form>.sd:first-of-type>.sd{width:100%}}
.n-082a1d79-45be-4f54-baf1-03d68c58f154{width:calc(100% - 80px);max-width:960px;margin:0 auto 24px;padding:32px;background:transparent;height:auto}
p.sd.guide-type.n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{font-size:32px;font-weight:600;line-height:1.35;color:var(--text-primary);margin:0 0 24px}
#about.sd.image::before,#sns.sd.image::before{background-image:none;filter:none;background:var(--surface)}
#about .sd.text.guide-type,#sns .sd.text.guide-type{position:relative;color:var(--text-body)}
#about h2.sd.guide-type,#sns h2.sd.guide-type{color:var(--text-primary)}
#about>.panel-inner{max-width:760px}
#about p.sd.guide-type{text-align:left;max-width:760px;width:100%}
#photo-credit.sd.surface-panel{padding:24px;margin-top:16px;background:transparent}
#photo-credit p.sd.guide-type{font-size:12px;color:var(--text-secondary);margin:0}
#members section.sd{background:transparent;box-shadow:none;border-radius:0;width:100%;max-width:100%;padding:0;margin:24px 0 0;gap:32px}
#members section.sd>.sd{margin:0;padding:0;gap:24px;max-width:100%;height:auto}
#members .sd.text.guide-type{text-align:left}
#contact>p.sd.guide-type:first-child{font-size:24px;font-weight:600;line-height:1.35;color:var(--text-primary)}
#history .sd:not(.text){max-width:100%;height:auto}
#live-b55fad0f .frame{width:100%;max-width:640px;height:auto;aspect-ratio:16/9;margin:24px auto;border-radius:6px;overflow:hidden}
#live-b55fad0f iframe{width:100%;height:100%;border:0}
@media(max-width:768px){.n-082a1d79-45be-4f54-baf1-03d68c58f154{width:calc(100% - 32px);padding:24px;margin-bottom:16px}p.sd.guide-type.n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{font-size:24px}#members section.sd>.sd{gap:16px}}

.render-canvas,.render-canvas>.sd{background:var(--page-bg)}
header.sd{background:var(--header-bg);border-bottom:1px solid var(--border)}
header a.sd.text.guide-type.nav-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;margin-left:8px;text-decoration:none;white-space:nowrap}
header a.sd.text.guide-type.guide-button{padding:10px 20px;margin-left:16px;color:var(--surface);background:var(--text-primary)}
.sd.surface-panel .sd.text.guide-type{background:transparent}
img.sd{border-radius:6px}
a.sd.icon{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:44px;min-height:44px;box-shadow:none}
.modal-shell .sd.text.guide-type{font-size:15px;line-height:1.625}
@media(max-width:768px){header a.sd.nav-link.guide-type{display:none}}

.sd.surface-panel a.sd.text.guide-type.guide-button{color:var(--surface);background:var(--text-primary)}
.faq-item>summary{color:var(--text-body);background:var(--surface)}
.faq-answer{color:var(--text-body)}

.sd.surface-panel .sd.text.guide-type{display:block;width:100%;max-width:100%;justify-content:flex-start}
.sd.surface-panel a.sd.text.guide-type.guide-button{display:inline-flex;width:auto;justify-content:center}
.sd.person-card>h3.sd.text.guide-type,.sd.person-card>p.sd.text.guide-type{display:block;text-align:left}
form.sd.guide-form>.sd{align-items:stretch}
form.sd.guide-form>.sd>.sd{align-items:stretch;flex:1}
@media(max-width:768px){.sd.surface-panel .sd.text.guide-type{width:100%;max-width:100%}}

form.sd.guide-form button.sd{flex:none;width:max-content;align-self:flex-start}
.sd.text.guide-type{transition:none}
.faq-item,.faq-item summary,.faq-answer{transition:none}

#sns .sd:not(.text):not(.icon){max-width:100%;width:auto;height:auto;min-height:0;overflow:visible;margin:0;padding:0;gap:12px;flex-wrap:wrap}
#sns>.panel-inner{width:100%}
#sns h2.sd.text.guide-type{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:24px}
#sns p.sd.text.guide-type{width:auto;font-size:13px;line-height:1.7;margin:0}
#sns a.sd.icon{color:var(--text-primary);background:var(--page-bg)}

/* One uninterrupted introduction panel, retaining the original logo artwork. */
.era-intro-panel{display:flex;flex-direction:column;align-items:center;width:calc(100% - 80px);max-width:1200px;margin:32px auto 0;padding:48px;background:var(--surface);border-radius:12px;overflow:hidden}
.era-intro-panel>img.sd{display:block;flex:none;width:100%;max-width:960px;height:auto;margin:0;padding:0;border-radius:0}
.era-intro-panel>.n-082a1d79-45be-4f54-baf1-03d68c58f154{width:100%;max-width:960px;margin:32px 0 0;padding:0;background:transparent;height:auto}
.era-intro-panel .sd.text.guide-type{background:transparent;width:100%;max-width:100%;display:block}
.era-intro-panel>.n-7dd9dcab-a657-4027-ae54-3387d1a321d4{margin:24px 0 0;padding:0;height:auto;color:var(--text-primary)}
@media(max-width:768px){.era-intro-panel{width:calc(100% - 32px);padding:28px 24px;margin-top:24px}.era-intro-panel>.n-082a1d79-45be-4f54-baf1-03d68c58f154{margin-top:28px}}
/* Review corrections: coherent introduction and compact record rows. */
.era-intro-panel{--surface:#fff;--text-primary:#171717;--text-body:#525252;--text-secondary:#737373;color-scheme:light}
#book .sd.era-update-row,#exhibition .sd.era-update-row{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:baseline}
#book .sd.era-update-row>p.sd.text.guide-type,#exhibition .sd.era-update-row>p.sd.text.guide-type{width:auto;margin:0;padding:0;text-align:left}
#book .sd.era-update-row>p:first-child,#exhibition .sd.era-update-row>p:first-child{font-size:13px;font-variant-numeric:tabular-nums}
#models .sd.person-card>a.sd.text.guide-type,#models .sd.person-card>button.sd.profile-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:44px;padding:8px 16px;margin:8px 0 0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);font:500 13px/1.5 var(--font-sans);text-decoration:none}
#models .sd.person-card>a.sd.text.guide-type:hover,#models .sd.person-card>button.sd.profile-button:hover{background:var(--media-bg)}
#members .n-35591538-6395-4530-b03e-eed7d451fb6d{display:flex;flex-direction:column;gap:40px;align-items:stretch;width:100%;max-width:960px;margin:24px auto 32px;padding:0}
#members .n-35591538-6395-4530-b03e-eed7d451fb6d>.sd{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;width:100%;max-width:100%;margin:0;padding:0;height:auto}
#members .n-35591538-6395-4530-b03e-eed7d451fb6d>.sd>.sd{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:100%;height:auto;margin:0;padding:0;overflow:visible}
#members .n-35591538-6395-4530-b03e-eed7d451fb6d .image{width:200px;max-width:100%;height:200px;margin:0;border-radius:6px;overflow:hidden}
#members .n-35591538-6395-4530-b03e-eed7d451fb6d .sd.text.guide-type{width:100%;height:auto;margin:0;padding:0;text-align:left;overflow:visible}
#members a.sd.text.guide-type{display:inline-flex;width:fit-content;min-height:44px;align-items:center;justify-content:center;background:var(--text-primary);color:var(--surface);padding:10px 18px;border-radius:6px;text-decoration:none;font:500 13px/1.5 var(--font-sans);margin-top:4px}
#about.sd.image::before,#sns.sd.image::before{background-image:none;background:var(--surface);filter:none;opacity:1}
#about.sd.surface-panel,#sns.sd.surface-panel{isolation:isolate;background:var(--surface)}
#about .sd.text.guide-type,#sns .sd.text.guide-type{color:var(--text-body);position:relative}
#about h2.sd.text.guide-type,#sns h2.sd.text.guide-type{color:var(--text-primary)}
@media(max-width:768px){#members .n-35591538-6395-4530-b03e-eed7d451fb6d>.sd{grid-template-columns:1fr;gap:20px}#members .n-35591538-6395-4530-b03e-eed7d451fb6d .image{width:160px;height:160px}#book .sd.era-update-row,#exhibition .sd.era-update-row{grid-template-columns:1fr;gap:4px}}

/* FAQ uses the same body scale; question emphasis comes from weight. */
.faq-item>summary{font-size:15px;font-weight:600;line-height:1.625;padding:20px 28px;min-height:64px}
.faq-answer{font-size:15px;font-weight:400;line-height:1.625;padding:0 28px 24px}
.faq-section>h2{font-size:24px;line-height:1.35;margin-bottom:32px}
@media(max-width:768px){.faq-item>summary{font-size:15px;padding:20px}.faq-answer{font-size:15px;padding:0 20px 24px}.faq-section>h2{font-size:24px}}

/* Consistent text-to-media rhythm, preserving section content. */
.sd.surface-panel h2.sd.text.guide-type{margin-bottom:16px}
.sd.surface-panel h3.sd.text.guide-type{margin-bottom:8px}
.sd.surface-panel p.sd.text.guide-type+img.sd,.sd.surface-panel p.sd.text.guide-type+.sd.image,.sd.surface-panel p.sd.text.guide-type+.sd.frame{margin-top:32px}
.sd.surface-panel p.sd.text.guide-type+div.sd:has(img),.sd.surface-panel p.sd.text.guide-type+div.sd:has(iframe){margin-top:32px}
.sd.surface-panel img.sd+p.sd.text.guide-type{margin-top:12px}

#history img.sd{display:block;margin:32px auto;max-width:100%;height:auto}
#models .sd.people-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;align-items:start;margin-top:32px}
#models .sd.people-grid{display:contents}
#models .sd.person-card{min-width:0}
#models .sd.person-card>.image{height:auto;aspect-ratio:4/5;width:100%}
#models .sd.person-card>h3.sd.text.guide-type{font-size:18px;margin-bottom:8px}
#models .sd.person-card>button.sd.profile-button{width:fit-content;flex:none}
@media(max-width:1000px){#models .sd.people-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}}
@media(max-width:768px){#models .sd.people-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}}
@media(max-width:380px){#models .sd.people-groups{grid-template-columns:1fr}}

#models .person-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:16px}
#models .person-actions a.sd.text.guide-type,#models .person-actions button.sd.profile-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:100%;min-height:40px;height:auto;margin:0;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--page-bg);color:var(--text-primary);font:500 12px/1.5 var(--font-sans);text-decoration:none;box-shadow:none;cursor:pointer}
#models .person-actions a.sd.text.guide-type:hover,#models .person-actions button.sd.profile-button:hover{background:var(--media-bg);border-color:var(--text-secondary)}

/* Shared news/history rows: same width, date column, line height and separator. */
.record-row,.sd.news-row.record-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:baseline;width:100%;max-width:800px;height:auto;margin:0 auto;padding:16px 0;border-bottom:1px solid var(--border);background:transparent;font:400 15px/1.625 var(--font-sans);color:var(--text-body)}
.record-row time{display:block;margin:0;padding:0;font-size:13px;line-height:1.875;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.record-content{display:block;min-width:0;color:var(--text-body)}
.record-content p{font:400 15px/1.625 var(--font-sans);margin:8px 0 0;color:var(--text-body)}
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{font:400 15px/1.625 var(--font-sans);color:var(--link);background:transparent;padding:0;margin:0;text-decoration:underline;text-underline-offset:3px}
#book>a.sd:has(.record-row),#book>div.sd:has(.record-row),#exhibition>a.sd:has(.record-row),#exhibition>div.sd:has(.record-row){display:block;width:100%;max-width:800px;height:auto;margin:0 auto;padding:0;background:transparent}
@media(max-width:600px){.record-row,.sd.news-row.record-row{grid-template-columns:1fr;gap:4px;padding:16px 0}}
/* Original photographs restored with a stable readable text layer. */
#about.sd.image::before,#sns.sd.image::before{background-image:linear-gradient(rgb(0 0 0 / 78%),rgb(0 0 0 / 78%)),url('11107c535cead87e8c95.jpg');background-position:center;background-size:cover;filter:none;opacity:1}
#about .sd.text.guide-type,#sns .sd.text.guide-type,#about h2.sd.text.guide-type,#sns h2.sd.text.guide-type{color:#fff}
#sns a.sd.icon{color:#171717;background:#fff;border-color:#fff}
#book>.sd.image,#exhibition>.sd.image{display:block;width:100%;max-width:640px;margin:32px auto 24px;border-radius:6px;overflow:hidden}
#book>a.sd.text.guide-type.guide-button,#exhibition>a.sd.text.guide-type.guide-button{margin:0 auto}
/* Compact four-column gallery, generous gutters and predictable document order. */
#models .sd.people-groups{max-width:1000px;width:100%;margin:40px auto 0;gap:48px 32px}
#models .sd.person-card>.image{width:100%;max-width:100%;aspect-ratio:4/5;height:auto;margin:0 0 20px}
#models .sd.person-card>.image::before{background-position:50% 25%;background-size:cover}
#models .person-actions{margin-top:16px;gap:8px}
.member-section{display:block;font:400 15px/1.625 var(--font-sans);color:var(--text-body);background:var(--surface);border-radius:12px;width:calc(100% - 80px);max-width:1200px;margin:48px auto 0;padding:56px}
.member-section>h2{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 16px;color:var(--text-primary)}
.member-section>p{margin:0 0 40px}
.member-features{display:grid;gap:48px;max-width:880px;margin:auto}
.member-feature{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:start;min-width:0}
.member-media{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.member-copy{display:block;min-width:0}
#members .member-media .sd.image{width:160px;max-width:100%;height:180px;margin:0;padding:0;border-radius:6px;overflow:hidden}
#members .member-copy .sd.text.guide-type{display:block;width:100%;max-width:100%;padding:0;margin:0 0 16px;text-align:left;font:400 15px/1.625 var(--font-sans);color:var(--text-body);background:transparent}
#members .member-copy h3.sd.text.guide-type{font-size:18px;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:8px}
#members .member-media a.sd.text.guide-type,#members .member-copy a.sd.text.guide-type{display:inline-flex;align-items:center;justify-content:center;flex:none;width:fit-content;max-width:100%;min-height:40px;height:auto;margin:0;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--page-bg);color:var(--text-primary);font:500 12px/1.5 var(--font-sans);text-decoration:none}
#members .member-media a:hover,#members .member-copy a:hover{background:var(--media-bg)}
.staff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:880px;margin:48px auto 0;padding-top:32px;border-top:1px solid var(--border)}
.staff-card{min-width:0}.staff-card h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.staff-card p{font-size:13px;color:var(--text-body);margin:0;line-height:1.625}.staff-card p>.sd{display:block;margin:0;padding:0;width:100%;height:auto;font:inherit;color:inherit;background:transparent}
#history .n-79221635-206a-4d16-a673-1dc0aed59fa7{display:block;width:100%;max-width:900px;height:auto;margin:24px auto 0;padding:0}
#history .richText{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:0;overflow:visible;color:var(--text-body);font:400 13px/1.8 var(--font-sans)}
#history .richText p{margin:0;max-width:100%;height:auto;color:var(--text-body);font:inherit}
#history .richText a{display:inline;visibility:visible;opacity:1;color:var(--link);background:transparent;font:inherit;text-decoration:underline}
#book>a.sd.text.guide-type.guide-button,#exhibition>a.sd.text.guide-type.guide-button{margin:32px auto 0}
#sns.sd.surface-panel{padding:32px}
#sns h2.sd.text.guide-type{font:500 16px/1.625 var(--font-sans);max-width:760px;margin:0 auto 20px}
#sns a.sd.icon{display:flex;align-items:center;justify-content:center;font-size:18px;width:44px;height:44px;min-width:44px;padding:0;color:#fff;background:transparent;border:1px solid rgb(255 255 255 / 35%);border-radius:6px}
#sns p.sd.text.guide-type{font-size:12px;color:#fff}
@media(max-width:1000px){#models .sd.people-groups{gap:36px 24px}}
@media(max-width:768px){.member-section{width:calc(100% - 32px);padding:28px 24px;margin-top:32px}.member-feature{grid-template-columns:1fr;gap:24px}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}#models .sd.people-groups{gap:36px 20px}.member-features{gap:40px}#sns.sd.surface-panel{padding:28px 24px}}

/* Quiet news links; hover and keyboard focus reveal the underline. */
.record-content a,.record-content a.sd.text.guide-type,.record-row>a,#book a:has(.record-row),#exhibition a:has(.record-row){text-decoration:none}
.record-content a:hover,.record-content a:focus-visible,.record-row>a:hover,.record-row>a:focus-visible,#book a:has(.record-row):hover,#book a:has(.record-row):focus-visible,#exhibition a:has(.record-row):hover,#exhibition a:has(.record-row):focus-visible{text-decoration:underline;text-underline-offset:3px}
form.sd.guide-form button.sd{align-self:center;margin:8px auto 0}
#contact.sd.surface-panel{background:var(--surface);border-radius:12px}

/* Section-specific widths: narrower reading surfaces and more outer whitespace. */
.sd.surface-panel{max-width:1040px}
.faq-section{max-width:800px;width:calc(100% - 80px);margin:64px auto}
#contact.sd.surface-panel{max-width:960px}
#contact>.panel-inner>p.sd.text.guide-type,#contact>p.sd.text.guide-type{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.faq-section{width:calc(100% - 32px);margin:48px auto}}

.era-intro-panel,.member-section{max-width:1040px}
#models .sd.people-groups{max-width:880px;gap:48px 32px}
.member-features,.staff-grid{max-width:800px}

/* Full-bleed dark closing footer in either page theme. */
footer.sd{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:none;min-height:0;height:auto;margin:48px 0 0;padding:48px 24px 24px;background:#171821;color:#c7c7cf;border-radius:0;border:0}
footer.sd>.sd{width:100%;max-width:1040px;height:auto;margin:0;padding:0;background:transparent}
footer.sd p.sd.text.guide-type{color:#c7c7cf;font-size:12px;line-height:1.7}
.sample-controls{width:100%;max-width:none;min-height:0;margin:0;padding:8px 24px 40px;background:#171821;color:#c7c7cf;border-radius:0}
.sample-controls a{color:#c7c7cf}
.sample-controls button{color:#ededf0;background:#292a34;border-color:#454650}
.sample-controls :focus-visible{outline-color:#ededf0}
@media(max-width:768px){footer.sd{margin-top:32px;padding:40px 24px 20px}.sample-controls{padding:8px 24px 32px;flex-wrap:wrap;gap:16px}}

/* News links: visible direction cue, quiet at rest, underline on hover/focus. */
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{color:var(--text-primary);text-decoration:none}
.record-content a::after,.record-row>a::after{content:" →";display:inline;white-space:nowrap;color:currentColor}
.record-content a:hover,.record-content a.sd.text.guide-type:hover,.record-content a:focus-visible,.record-row>a:hover,.record-row>a:focus-visible{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#book a:has(.record-row) .record-content::after,#exhibition a:has(.record-row) .record-content::after{content:" →";white-space:nowrap;color:var(--text-primary)}
#book a:has(.record-row):hover .record-content,#book a:has(.record-row):focus-visible .record-content,#exhibition a:has(.record-row):hover .record-content,#exhibition a:has(.record-row):focus-visible .record-content{text-decoration:underline;text-underline-offset:4px}

.record-content a.sd.text.guide-type:focus-visible,.record-content a.sd.text.guide-type:hover{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
/* Record wrappers must not retain fixed legacy widths or clip their children. */
#book>.sd:has(.record-row),#exhibition>.sd:has(.record-row){display:block;width:100%;max-width:800px;height:auto;min-height:0;margin:0 auto;padding:0;overflow:visible;flex:none}
#book .record-row,#exhibition .record-row{width:100%;max-width:800px;min-width:0;overflow:visible}
#book .record-row time,#exhibition .record-row time{width:auto;min-width:0;overflow:visible;white-space:nowrap;color:var(--text-secondary)}
#book .record-content,#exhibition .record-content{width:100%;max-width:100%;min-width:0;height:auto;overflow:visible;white-space:normal;color:var(--text-body)}
#book .record-content a,#exhibition .record-content a{display:inline;width:auto;max-width:none;height:auto;overflow:visible;color:var(--text-primary);background:transparent}
#members.member-section>p{font:400 15px/1.625 var(--font-sans);color:var(--text-body);background:transparent;margin:0 0 40px}
#members.member-section .staff-card p{color:var(--text-body)}
#book>.record-entry,#exhibition>.record-entry{display:block;width:100%;max-width:800px;height:auto;margin:0 auto;padding:0;overflow:visible}

/* Shared underline metrics for every content link. */
a,a.sd.text.guide-type,.record-content a,.record-row>a{ text-decoration-thickness:1px; text-underline-offset:4px; text-decoration-skip-ink:auto; }
a:hover,a:focus-visible,a.sd.text.guide-type:hover,a.sd.text.guide-type:focus-visible,.record-content a:hover,.record-content a:focus-visible{ text-decoration-thickness:1px; text-underline-offset:4px; }
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{ text-decoration-line:none; }
.record-content a:hover,.record-content a:focus-visible,.record-content a.sd.text.guide-type:hover,.record-content a.sd.text.guide-type:focus-visible,.record-row>a:hover,.record-row>a:focus-visible{ text-decoration-line:underline; }
/* History diagram and its references share one alignment and width. */
#history img.sd{display:block;width:100%;max-width:100%;height:auto;margin:32px 0 24px;padding:0;align-self:stretch}
#history .n-79221635-206a-4d16-a673-1dc0aed59fa7{display:block;width:100%;max-width:100%;margin:0;padding:0;text-align:left;align-self:stretch}
#history .n-79221635-206a-4d16-a673-1dc0aed59fa7>p.sd.text.guide-type{font-size:12px;margin:0 0 8px;text-align:left;color:var(--text-secondary)}
#history .richText,#history .richText p{font:400 12px/1.9 var(--font-sans);text-align:left;color:var(--text-secondary)}
#history .richText a{color:var(--link);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px}
#history .richText a::after{content:" →";white-space:nowrap}
#history .richText a:hover,#history .richText a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* Full-width architects gallery with generous space around each portrait. */
#models.sd.surface-panel{width:100%;max-width:none;margin:64px 0 0;padding:64px 64px;border-radius:0}
#models .sd.people-groups{width:100%;max-width:1360px;margin:48px auto 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 48px}
#models .sd.person-card{width:100%;max-width:280px;margin:0 auto}
#models .sd.person-card>.image{width:100%;max-width:100%;height:auto;aspect-ratio:4/5;margin:0 0 20px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--media-bg)}
@media(max-width:1100px){#models.sd.surface-panel{padding:48px 40px}#models .sd.people-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}}
@media(max-width:768px){#models.sd.surface-panel{margin-top:48px;padding:40px 24px}#models .sd.people-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin-top:32px}}
@media(max-width:380px){#models.sd.surface-panel{padding:36px 24px}#models .sd.people-groups{grid-template-columns:1fr;gap:40px}}

/* Member section heading alignment and grouped links below each biography. */
#members.member-section>h2,#members.member-section>p{text-align:center}
.member-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}
#members .member-actions a.sd.text.guide-type{margin:0;width:auto;max-width:100%;flex:none}
#members .member-feature:nth-child(2) .member-media .image::before{transform:scale(1.06);transform-origin:center;background-size:cover;background-position:center}

/* Contact panel aligns with the standard section panels; form stays compact. */
#contact.sd.surface-panel{width:calc(100% - 80px);max-width:1040px;margin-left:auto;margin-right:auto}
@media(max-width:768px){#contact.sd.surface-panel{width:calc(100% - 32px)}}

/* Avoid adding FAQ bottom space to the following panel's top margin. */
.faq-section{margin-bottom:0}
.faq-section+#contact.sd.surface-panel{margin-top:48px}
@media(max-width:768px){.faq-section{margin-bottom:0}.faq-section+#contact.sd.surface-panel{margin-top:32px}}

/* Contact follows the FAQ reading width; photo footer closes edge to edge. */
#contact.sd.surface-panel{max-width:800px}
footer.sd{width:100%;max-width:none;margin:0;padding:16px 24px;background:#000;color:#ddd;min-height:0}
footer.sd p.sd.text.guide-type{color:#ddd}
.sample-controls{padding:8px 24px 20px;background:#000;color:#ddd}
.sample-controls a{color:#ddd}.sample-controls button{background:#222;color:#fff;border-color:#444}
@media(max-width:768px){footer.sd{margin:0;padding:16px 24px}.sample-controls{padding:8px 24px 16px}}

#sns.sd.surface-panel{width:100%;max-width:none;margin:48px 0 0;padding:48px 24px;border-radius:0}
#sns>.panel-inner{max-width:1040px;margin:0 auto}
#sns a.sd.icon{background:#222;color:#fff;border:1px solid #222;border-radius:6px}
@media(max-width:768px){#sns.sd.surface-panel{margin-top:32px;padding:40px 24px}}
/* Archive introductory link follows the shared text-link treatment. */
#live-b55fad0f>a.sd.text.guide-type:not(.guide-button){color:var(--text-primary);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px}
#live-b55fad0f>a.sd.text.guide-type:not(.guide-button)::after{content:" →";white-space:nowrap}
#live-b55fad0f>a.sd.text.guide-type:not(.guide-button):hover,#live-b55fad0f>a.sd.text.guide-type:not(.guide-button):focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* Uniform text/list → media → action spacing. Avoid doubled sibling margins. */
#live-b55fad0f.sd.surface-panel,#book.sd.surface-panel,#exhibition.sd.surface-panel{padding-top:48px;padding-bottom:48px;gap:0}
#live-b55fad0f>a.sd.text.guide-type:not(.guide-button){margin-bottom:0}
#live-b55fad0f>.sd.frame{margin:32px auto 0}
#live-b55fad0f .frame{margin:0 auto;width:100%;max-width:640px;aspect-ratio:16/9}
#live-b55fad0f>.sd.frame{margin-top:32px}
#live-b55fad0f>a.sd.text.guide-type.guide-button{margin:32px auto 0}
#book>.sd.image,#exhibition>.sd.image{margin:32px auto 0}
#book>a.sd.text.guide-type.guide-button,#exhibition>a.sd.text.guide-type.guide-button{margin:32px auto 0}
@media(max-width:768px){#live-b55fad0f.sd.surface-panel,#book.sd.surface-panel,#exhibition.sd.surface-panel{padding-top:28px;padding-bottom:28px}}
/* Shared section-heading and lead rhythm. */
#history>h2.sd.text.guide-type,#models>h2.sd.text.guide-type{margin-bottom:16px;text-align:center}
#history>p.sd.text.guide-type,#models>p.sd.text.guide-type{width:100%;max-width:760px;margin:0 auto;padding:0;text-align:center;line-height:1.625}
#history>img.sd{margin:32px 0 24px}
#models .sd.people-groups{margin-top:32px}
/* Link-based exhibition media needs the same spacing as div-based book media. */
#exhibition>a.sd.image{width:100%;max-width:640px;margin:32px auto 0;padding:0}
#book>.sd.image{margin:32px auto 0}
/* Portraits reduced to roughly two-thirds of the previous 280px cap. */
#models .sd.person-card{max-width:186px}
#models .sd.person-card>.image{width:100%;max-width:186px;aspect-ratio:4/5;height:auto}

/* Unified primary button typography and compact header navigation. */
header a.sd.text.guide-type.nav-link{font:500 12px/1.5 var(--font-sans);padding:10px 12px;min-height:44px}
a.sd.text.guide-type.guide-button,.sd.surface-panel a.sd.text.guide-type.guide-button,.sd.photo-hero a.sd.text.guide-type.guide-button,form.sd.guide-form button.sd{font:500 14px/1.5 var(--font-sans);letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;min-height:44px;height:auto;border-radius:6px;text-shadow:none}
header a.sd.text.guide-type.guide-button{font:500 12px/1.5 var(--font-sans);padding:10px 18px;min-height:44px}
@media(max-width:768px){header a.sd.text.guide-type.nav-link{display:none}a.sd.text.guide-type.guide-button,.sd.surface-panel a.sd.text.guide-type.guide-button,.sd.photo-hero a.sd.text.guide-type.guide-button,form.sd.guide-form button.sd{font-size:14px}}

/* Shared photo-footer captions and interactive SNS buttons, in either theme. */
#sns.sd.surface-panel,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:40px 24px;gap:20px}
#sns h2.sd.text.guide-type,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d h1.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);letter-spacing:normal;color:#fff;margin:0 auto 20px;max-width:760px;text-align:center}
#sns p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);color:#ddd}
#sns a.sd.icon,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:1px solid #333;border-radius:6px;background:#171717;color:#fff;font-size:18px;opacity:1;cursor:pointer;text-decoration:none}
#sns a.sd.icon:hover,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon:hover{background:#383838;border-color:#777;color:#fff;opacity:1}
#sns a.sd.icon:focus-visible,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon:focus-visible{background:#383838;border-color:#aaa;outline:2px solid #fff;outline-offset:4px;color:#fff}
footer.sd p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans)}
@media(max-width:768px){#sns.sd.surface-panel,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:32px 24px}}
/* Era light palette: white canvas, pale-gray content panels, original white logo. */
html:not([data-theme="dark"]){--page-bg:#fff;--header-bg:#fff;--surface:#f5f5f5;--media-bg:#efefef;--border:#e5e5e5}
html:not([data-theme="dark"]) .era-intro-panel{background:#fff}

/* Compact contact rhythm and neutral keyboard/mouse focus. */
form.sd.guide-form{gap:16px;margin-top:20px}
form.sd.guide-form .sd:not(.text):not(input):not(textarea):not(button){gap:8px;justify-content:flex-start}
form.sd.guide-form>.sd:first-of-type{gap:16px}
form.sd.guide-form p.sd.text.guide-type{margin:0 0 6px;line-height:1.5}
form.sd.guide-form .contact-note{margin:0 0 4px;line-height:1.7}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{border:1px solid var(--border);outline:none;box-shadow:none}
form.sd.guide-form input.sd:focus,form.sd.guide-form textarea.sd:focus{border-color:var(--text-secondary);outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}
form.sd.guide-form input.sd:focus-visible,form.sd.guide-form textarea.sd:focus-visible{outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}
form.sd.guide-form button.sd{margin-top:4px}

form.sd.guide-form .sd:has(>input),form.sd.guide-form .sd:has(>textarea){gap:0}

/* Shared text-to-media gap throughout the sample. */
:root{--text-media-gap:48px}
.sd.surface-panel p.sd.text.guide-type+img.sd,.sd.surface-panel p.sd.text.guide-type+.sd.image,.sd.surface-panel p.sd.text.guide-type+.sd.frame,.sd.surface-panel p.sd.text.guide-type+div.sd:has(img),.sd.surface-panel p.sd.text.guide-type+div.sd:has(iframe){margin-top:var(--text-media-gap)}
@media(max-width:768px){:root{--text-media-gap:32px}}

#history>img.sd,#book>.sd.image,#exhibition>a.sd.image,#live-b55fad0f>.sd.frame,#models .sd.people-groups{margin-top:var(--text-media-gap)}

/* Preserve the complete focus ring outside the input's border. */
form.sd.guide-form,form.sd.guide-form .sd:not(input):not(textarea){overflow:visible}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{transition:none}
form.sd.guide-form input.sd:focus,form.sd.guide-form input.sd:focus-visible,form.sd.guide-form textarea.sd:focus,form.sd.guide-form textarea.sd:focus-visible{outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}

/* Consistent rectangular buttons across Era, including menu and dialog controls. */
button,.sample-controls button,a.sd.guide-button.guide-type,button.sd.profile-button,form.guide-form button.sd,.modal-close{border-radius:6px}

/* Photography credit belongs to the architects panel. */
#models #photo-credit.sd{display:flex;flex-direction:column;align-items:flex-end;width:100%;max-width:1360px;margin:32px auto 0;padding:0;background:transparent;border:0;border-radius:0;gap:2px;text-align:right}
#models #photo-credit p.sd.text.guide-type{width:auto;margin:0;font:400 12px/1.7 var(--font-sans);color:var(--text-body);text-align:right}

/* Original full-width photographic About section. */
#about.sd.surface-panel{width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0;padding:56px 40px}
#about>.panel-inner{width:100%;max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:768px){#about.sd.surface-panel{width:100%;padding:40px 24px;border-radius:0}}

/* Compact news-to-action spacing and accessible intro anchor. */
#exhibition>a.sd.image{margin-top:0;margin-bottom:0}
#exhibition>a.sd.text.guide-type.guide-button{margin-top:24px}
a.intro-scroll{border-radius:6px;text-decoration:none;cursor:pointer}
a.intro-scroll:hover{background:var(--media-bg)}
#live-b55fad0f{scroll-margin-top:80px}

/* About heading-to-copy spacing. */
#about h2.sd.text.guide-type{margin-bottom:32px}
#about h2.sd.text.guide-type+p.sd.text.guide-type{margin-top:0}

/* Slightly wider About copy while retaining centered readable measure. */
#about.sd.surface-panel>.sd.panel-inner{max-width:880px;margin-left:auto;margin-right:auto}
#about p.sd.guide-type{max-width:880px}

/* Contact introduction and mail note share the form left edge. */
#contact.sd.surface-panel>p.sd.text.guide-type:nth-child(2){width:100%;max-width:640px;margin:0 auto 8px;text-align:left}
#contact.sd.surface-panel form.sd.guide-form{margin-top:0}
#contact.sd.surface-panel form.sd.guide-form .contact-note{width:100%;text-align:left;margin-top:0}

/* Small shared info marker for explanatory notices. */
.info-notice::before{content:"i";display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:13px;height:13px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:500 10px/1 var(--font-sans);vertical-align:1px;opacity:.8}

/* Footer info marker stays inline with the first notice line. */
h1.info-notice::before,h2.info-notice::before{content:none}
.sd.photo-hero h1.info-notice,#sns h2.info-notice{display:block;text-align:center}
.footer-notice-line{display:inline}
.notice-info{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:13px;height:13px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:500 10px/1 var(--font-sans);vertical-align:1px;opacity:.8}

/* Footer notice spans must retain white text over the photograph. */
.sd.photo-hero h1.info-notice .footer-notice-line,.sd.photo-hero h1.info-notice .notice-info,#sns h2.info-notice .footer-notice-line,#sns h2.info-notice .notice-info{color:#fff!important;background:transparent}
.footer-notice-line{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}

/* Credit occupies the existing bottom corner without adding a layout row. */
#models.sd.surface-panel{position:relative}
#models #photo-credit.sd{position:absolute;right:40px;bottom:24px;width:auto;max-width:none;margin:0;padding:0}
@media(max-width:768px){#models #photo-credit.sd{right:24px;bottom:8px}#models #photo-credit p.sd.text.guide-type{font-size:10px;line-height:1.4}}

/* Action type icons in architects and project-member buttons. */
#models .person-actions a,#models .person-actions button,#members .member-actions a{gap:6px}
.action-icon{display:block;flex:none;width:14px;height:14px;color:inherit}

/* Subtle compact action links inspired by the supplied reference. */
#models .person-actions a.sd.text.guide-type,#models .person-actions button.sd.profile-button,#members .member-actions a.sd.text.guide-type{font:500 11px/1.5 var(--font-sans);min-height:30px;padding:6px 9px;gap:5px;border:1px solid transparent;border-radius:4px;background:var(--page-bg);color:var(--text-secondary)}
#models .person-actions,#members .member-actions{gap:6px}
#models .person-actions .action-icon,#members .member-actions .action-icon{width:12px;height:12px;opacity:.8}
#models .person-actions a.sd.text.guide-type:hover,#models .person-actions button.sd.profile-button:hover,#members .member-actions a.sd.text.guide-type:hover{background:var(--media-bg);color:var(--text-primary);border-color:transparent}

/* Profile opens from the person name, with an inline popup indicator. */
#models .person-card h3 .profile-name{display:inline-flex;align-items:center;gap:5px;width:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;text-decoration:none}
#models .person-card h3 .profile-name .action-icon{width:12px;height:12px;opacity:.6}
#models .person-card h3 .profile-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#models .person-card h3 .profile-name:hover .action-icon{opacity:1}

/* Affiliation text can use the column width independently of portrait size. */
#models .sd.person-card{width:100%;max-width:none;min-width:0}
#models .sd.person-card>.sd.image{max-width:186px;margin-left:auto;margin-right:auto}
#models .sd.person-card>p.sd.text.guide-type{width:100%;max-width:none;white-space:nowrap;overflow-wrap:normal;font-size:13px}

/* Portrait and all person details share the same left edge. */
#models .sd.person-card>.sd.image{margin-left:0;margin-right:auto;align-self:flex-start;justify-self:start}

.profile-modal{padding:24px;background:rgb(0 0 0 / 50%);align-items:center;justify-content:center}
.profile-modal[hidden]{display:none}
.profile-dialog{position:relative;box-sizing:border-box;width:100%;max-width:640px;max-height:calc(100dvh - 48px);overflow:auto;padding:40px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-body);box-shadow:0 16px 60px rgb(0 0 0 / 20%)}
.profile-dialog>h2{margin:0 40px 24px 0;font:600 22px/1.4 var(--font-sans);color:var(--text-primary)}
.profile-modal .profile-copy p.sd.text.guide-type{display:block;width:100%;max-width:none;height:auto;margin:0;padding:0;text-align:left;font:400 14px/1.85 var(--font-sans);color:var(--text-body);overflow:visible}
.profile-dialog>.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font:400 24px/1 var(--font-sans)}
.profile-dialog>.modal-close:hover{background:var(--media-bg);color:var(--text-primary)}
@media(max-width:480px){.profile-modal{padding:16px}.profile-dialog{padding:32px 24px;max-height:calc(100dvh - 32px)}}

/* Monochrome original artwork adapts to dark surfaces without changing its design. */
html[data-theme="dark"] .era-intro-panel{--surface:#222;--text-primary:#ededed;--text-body:#c7c7c7;--text-secondary:#9b9b9b;background:#222;color-scheme:dark}
html[data-theme="dark"] .era-intro-panel>img.sd,html[data-theme="dark"] #history>img.sd{filter:invert(1) contrast(.75)}
html[data-theme="dark"] .era-intro-panel .sd.text.guide-type{color:var(--text-body)}
html[data-theme="dark"] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456,html[data-theme="dark"] .era-intro-panel .intro-scroll{color:var(--text-primary)}

/* Standard dark actions use guide surface, text and border tokens. */
html[data-theme="dark"] a.sd.text.guide-type.guide-button,html[data-theme="dark"] .sd.surface-panel a.sd.text.guide-type.guide-button,html[data-theme="dark"] header a.sd.text.guide-type.guide-button,html[data-theme="dark"] form.sd.guide-form button.sd{background:var(--media-bg);color:var(--text-primary);border-color:var(--border)}
html[data-theme="dark"] a.sd.text.guide-type.guide-button:hover,html[data-theme="dark"] form.sd.guide-form button.sd:hover{background:#3b3b3b;border-color:var(--text-secondary);opacity:1}
html[data-theme="dark"] #community a.sd.text.guide-type.guide-button{background:transparent;color:#fff;border-color:#fff}
html[data-theme="dark"] #community a.sd.text.guide-type.guide-button:hover{background:rgb(255 255 255 / 15%)}

/* Constrain the profile overlay and preserve generous vertical padding. */
.modal-shell.profile-modal{position:fixed;inset:0;z-index:9999;box-sizing:border-box;width:100%;height:100dvh;padding:32px 24px;background:rgb(0 0 0 / 65%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.modal-shell.profile-modal[hidden]{display:none}
.modal-shell.profile-modal>.profile-dialog{flex:none;width:min(100%,560px);max-width:560px;max-height:calc(100dvh - 64px);margin:0;padding:48px 40px;overflow:auto}
@media(max-width:480px){.modal-shell.profile-modal{padding:24px 16px}.modal-shell.profile-modal>.profile-dialog{padding:40px 24px;max-height:calc(100dvh - 48px)}}

/* Portraits also open profiles; use subtle theme-aware hover feedback. */
#models .person-card>button.sd.profile-photo{padding:0;border:1px solid var(--border);cursor:pointer;transition:opacity .15s,border-color .15s;background-color:var(--surface)}
#models .person-card>button.sd.profile-photo:hover{opacity:.82;border-color:var(--text-secondary)}
#models .person-card>button.sd.profile-photo:focus-visible{outline:2px solid var(--text-body);outline-offset:3px;border-color:var(--text-secondary)}
.profile-modal .profile-copy a.profile-url{display:inline!important;color:var(--link);font:inherit;text-decoration:none;overflow-wrap:anywhere}
.profile-modal .profile-copy a.profile-url:hover,.profile-modal .profile-copy a.profile-url:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Date context for archived biographies and professional titles. */
#models>.archive-date-note{margin:8px auto 0;max-width:760px;font:400 12px/1.7 var(--font-sans);color:var(--text-secondary);text-align:center}

/* Gentle portrait highlight without fading the whole button or darkening its frame. */
#models .person-card>button.sd.profile-photo{transition:none}
#models .person-card>button.sd.profile-photo::before{transition:filter .2s ease}
#models .person-card>button.sd.profile-photo:hover{opacity:1;border-color:var(--border);filter:none}
#models .person-card>button.sd.profile-photo:hover::before{filter:brightness(1.04)}
@media(prefers-reduced-motion:reduce){#models .person-card>button.sd.profile-photo::before{transition:none}}

/* Soft white veil plus an explicit popup cue on portrait hover. */
#models .person-card>button.sd.profile-photo{position:relative;overflow:hidden}
#models .person-card>button.sd.profile-photo:hover::before{filter:none}
#models .person-card>button.sd.profile-photo::after{content:"";position:absolute;inset:0;background:rgb(255 255 255 / 8%);opacity:0;pointer-events:none;transition:opacity .18s ease}
#models .person-card>button.sd.profile-photo .portrait-popup{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:rgb(255 255 255 / 88%);color:#525252;opacity:0;pointer-events:none;transition:opacity .18s ease}
#models .person-card>button.sd.profile-photo:hover::after,#models .person-card>button.sd.profile-photo:focus-visible::after,#models .person-card>button.sd.profile-photo:hover .portrait-popup,#models .person-card>button.sd.profile-photo:focus-visible .portrait-popup{opacity:1}
@media(prefers-reduced-motion:reduce){#models .person-card>button.sd.profile-photo::after,#models .person-card>button.sd.profile-photo .portrait-popup{transition:none}}

/* Minimal translucent white outline popup cue, without a background tile. */
#models .person-card>button.sd.profile-photo .portrait-popup{background:transparent;color:rgb(255 255 255 / 75%);border:0;border-radius:0}

/* Archive-date note replaces the photography credit in the existing corner. */
#models>.archive-date-note{position:absolute;right:40px;bottom:24px;max-width:calc(100% - 80px);margin:0;text-align:right;font:400 12px/1.7 var(--font-sans);color:var(--text-secondary)}
@media(max-width:768px){#models>.archive-date-note{right:24px;bottom:8px;max-width:calc(100% - 48px);font-size:10px;line-height:1.4}}

/* Final shared theme controls and accessibility. */
.theme-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font:400 12px/1.7 var(--font-sans);color:#aaa}
.theme-controls button{background:transparent;color:#aaa;border:1px solid transparent;border-radius:6px;padding:8px 10px;min-height:36px;font:inherit;cursor:pointer}
.theme-controls button:hover{background:#222;color:#ededed}
.theme-controls button[aria-pressed="true"]{color:#ededed;border-color:#444}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:10px 16px;background:var(--surface);color:var(--text-primary);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.sd.photo-hero p.info-notice{font:400 12px/1.7 var(--font-sans);color:#fff;text-align:center;margin:0 auto 20px;max-width:760px;text-shadow:none}
.sd.photo-hero p.info-notice::before{content:none}
.sd.photo-hero p.info-notice .footer-notice-line,.sd.photo-hero p.info-notice .notice-info{color:#fff!important}

#book>.sd.image,#exhibition>a.sd.image{height:auto;aspect-ratio:4/3;flex:none}
#exhibition>a.sd.image{margin-top:32px}
#contact>h2.sd.guide-type{font:600 24px/1.35 var(--font-sans);color:var(--text-primary);margin-bottom:24px}

.sample-controls{box-sizing:border-box;width:100%;max-width:100%}

.theme-controls>span{color:#aaa}

/* Intro sits directly on the canvas in both themes. */
html .era-intro-panel,html[data-theme="dark"] .era-intro-panel,html:not([data-theme="dark"]) .era-intro-panel{background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] .era-intro-panel>img.sd{filter:invert(1) brightness(.87);mix-blend-mode:screen}
header a.sd.text.guide-type.nav-link,header a.sd.text.guide-type.nav-link:hover,header a.sd.text.guide-type.nav-link:focus-visible{border-radius:6px}

/* Bare downward chevron with a subtle hover surface. */
.era-intro-panel>a.sd.intro-scroll{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;transition:background-color .15s ease}
.era-intro-panel>a.sd.intro-scroll:hover,.era-intro-panel>a.sd.intro-scroll:focus-visible{background:var(--media-bg);border:0;box-shadow:none}

/* Main section headings match MaaS Card. Footer notices and dialog titles keep their own hierarchy. */
.sd.surface-panel:not(#sns) h2.sd.text.guide-type,.member-section>h2,.faq-section>h2,#contact>h2.sd.guide-type{font-family:var(--font-sans);font-size:28px;font-weight:600;line-height:1.35}

/* Related-content actions: pale gray at rest, darker gray on hover. */
html:not([data-theme="dark"]) #models .person-actions a.sd.text.guide-type,html:not([data-theme="dark"]) #members .member-actions a.sd.text.guide-type{background:#eaeaea;color:#737373}
html:not([data-theme="dark"]) #models .person-actions a.sd.text.guide-type:hover,html:not([data-theme="dark"]) #members .member-actions a.sd.text.guide-type:hover{background:#dcdcdc;color:#525252}
html[data-theme="dark"] #models .person-actions a.sd.text.guide-type,html[data-theme="dark"] #members .member-actions a.sd.text.guide-type{background:#303030;color:#aaa}
html[data-theme="dark"] #models .person-actions a.sd.text.guide-type:hover,html[data-theme="dark"] #members .member-actions a.sd.text.guide-type:hover{background:#3b3b3b;color:#ededed}

/* Mobile navigation has the same surface, spacing and hover corners. */
#modal-2{box-sizing:border-box;padding:24px;background:rgb(0 0 0 / 65%)}
#modal-2>[data-backdrop]{width:100%;max-width:360px;max-height:calc(100dvh - 48px);padding:24px!important;overflow:auto}
#modal-2>[data-backdrop]>.sd{width:100%;max-width:100%;height:auto;padding:0!important;gap:4px}
#modal-2 a.sd.text.guide-type:not(.guide-button){width:100%;min-height:44px;padding:10px 12px;border-radius:6px;text-decoration:none;align-items:center;justify-content:center}
#modal-2 a.sd.text.guide-type:not(.guide-button):hover{background:var(--media-bg)}
#modal-2 footer.sd{margin-top:16px;padding:12px;background:transparent}

#modal-2 .menu-dismiss{border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font:400 13px/1.7 var(--font-sans);padding:10px 12px;min-height:44px;cursor:pointer}
#modal-2 .menu-dismiss:hover{background:var(--media-bg)}

html:not([data-theme="dark"]) #models .person-actions a.sd.text.guide-type,html:not([data-theme="dark"]) #members .member-actions a.sd.text.guide-type{color:#6b6b6b}

/* Discourage casual portrait copying while preserving profile interaction. */
#models .profile-photo,#members .member-media .image{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}

/* Panel CTA hover has precedence over the panel's default button color. */
html:not([data-theme="dark"]) .sd.surface-panel a.sd.text.guide-type.guide-button:hover,html:not([data-theme="dark"]) .sd.surface-panel a.sd.text.guide-type.guide-button:focus-visible{background:#333;color:#fff;opacity:1}
html[data-theme="dark"] .sd.surface-panel a.sd.text.guide-type.guide-button:hover,html[data-theme="dark"] .sd.surface-panel a.sd.text.guide-type.guide-button:focus-visible{background:#3b3b3b;color:var(--text-primary);border-color:var(--text-secondary);opacity:1}

/* Mobile editorial rhythm and clean navigation card. */
.era-intro-panel .message-chunk{display:inline;white-space:nowrap;color:inherit;font:inherit}
.era-intro-panel p.sd.text.guide-type{text-wrap:balance}
#topics .era-progress-list{width:100%;max-width:800px;margin-left:auto;margin-right:auto;padding:0}
#models>.archive-date-note{bottom:24px;line-height:1.8}
#models.sd.surface-panel{padding-bottom:96px}
#modal-2>[data-backdrop]{position:relative;padding-top:56px!important;box-shadow:none!important}
#modal-2>[data-backdrop] .sd{box-shadow:none!important;background:transparent}
#modal-2>[data-backdrop]>.modal-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;line-height:1;font:400 26px/1 var(--font-sans);background:transparent;color:var(--text-secondary);border:0;border-radius:6px;box-shadow:none}
#modal-2>[data-backdrop]>.modal-close:hover{background:var(--media-bg);color:var(--text-primary)}
#modal-2 footer.sd p.sd.text.guide-type{color:var(--text-secondary)}
@media(max-width:768px){
 .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{font-size:clamp(18px,5.1vw,24px)}
 #book.sd.surface-panel,#exhibition.sd.surface-panel,#topics.sd.surface-panel{padding-left:24px;padding-right:24px}
 #models.sd.surface-panel{padding-bottom:112px}
 #models>.archive-date-note{right:24px;bottom:24px;max-width:calc(100% - 48px);font-size:10px;line-height:1.8}
 .sd.surface-panel p.sd.text.guide-type{text-wrap:pretty}
}

/* Photo-overlay typography follows the guide: no text shadows. */
.photo-hero,.photo-hero *,#about,#about *,#sns,#sns *{text-shadow:none!important}

/* Navigation visibility requested by the site owner. */
header.sd{display:none!important}

/* Immediate, stable introductory content; no entrance fades. */
header.sd,.era-intro-panel,.era-intro-panel>.sd,.era-intro-panel p.sd,.photo-hero,.photo-hero h1.sd{animation:none!important;transition:none!important;opacity:1;visibility:visible}

@media(min-width:769px){header.sd{display:flex!important}}

/* Retain the former mobile header space and tighten the intro exit. */
.era-intro-panel{padding-bottom:24px}
#live-b55fad0f.sd.surface-panel{margin-top:24px}
@media(max-width:768px){.era-intro-panel{margin-top:84px;padding-bottom:16px}}

/* Navigation floats on the page background. */
header.sd{background:transparent!important;border-bottom:0!important;box-shadow:none!important}

/* A centered drawer handle for mobile navigation. */
@media(max-width:768px){
 header.sd{display:flex!important;align-items:center;justify-content:center;height:60px;min-height:60px;padding:0;position:relative}
 header.sd>div.sd{display:none!important}
 header.sd>button[data-modal="2"]{display:flex!important;align-items:center;justify-content:center;width:64px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:0;border-radius:8px;box-shadow:none}
 header.sd>button[data-modal="2"]::before{content:"";display:block;width:40px;height:4px;border-radius:99px;background:currentColor;opacity:.65}
 header.sd>button[data-modal="2"]:hover,header.sd>button[data-modal="2"]:focus-visible{background:var(--media-bg)}
 .era-intro-panel{margin-top:24px}
}

/* Keep the centered menu close action only. */
#modal-2>[data-backdrop]>.modal-close{display:none!important}

@media(max-width:768px){header.sd>button[data-modal="2"]::before{width:28px;height:3px;opacity:.4}}

@media(max-width:768px){header.sd>button[data-modal="2"]{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:6px}}

/* Clear central dismissal and compact one-line menu credit. */
#modal-2 .menu-dismiss.sd{display:flex;align-items:center;justify-content:center;width:120px;min-height:44px;margin:28px auto 32px;padding:10px 20px;background:var(--media-bg)!important;color:var(--text-primary);border:0;border-radius:6px;font-size:13px;line-height:1.4}
#modal-2 .menu-dismiss.sd:hover,#modal-2 .menu-dismiss.sd:focus-visible{background:var(--border)!important}
#modal-2 footer.sd{width:100%;margin:0;padding:0}
#modal-2 footer.sd p.sd.text.guide-type{white-space:nowrap;font-size:clamp(9px,2.7vw,11px);line-height:1.5;width:100%;margin:0;padding:0}
#modal-2 footer.sd p br{display:none}

/* Match the subtle menu handle tone without fading the hover background. */
html .era-intro-panel>a.sd.intro-scroll,html[data-theme="dark"] .era-intro-panel>a.sd.intro-scroll{color:color-mix(in srgb,var(--text-secondary) 40%,transparent)}

/* Approved monochrome wordmark and catchphrase treatment. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:optional;src:url("assets/fonts/inter-0.ttf") format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:optional;src:url("assets/fonts/inter-1.ttf") format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:optional;src:url("assets/fonts/inter-2.ttf") format("truetype")}.emboss-logo{width:100%;max-width:960px;padding:40px 0;font:700 clamp(24px,6.8vw,80px)/1.2 Arial,sans-serif;letter-spacing:-.035em;text-align:center;color:#171717}.emboss-logo sup{font-size:.3em;vertical-align:super;letter-spacing:0}html[data-theme=dark] .emboss-logo{color:#dedede}html[data-gradient=on] .emboss-logo{color:#d2d2d2;text-shadow:0 -1px 1px #fff,0 1px 1px #999,0 2px 2px #eee}html[data-theme=dark][data-gradient=on] .emboss-logo{color:#303030;text-shadow:0 -1px 1px #555,0 1px 1px #000,0 2px 2px #090909}html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{color:#aaa;text-shadow:0 -1px 0 #fff,0 1px 0 #777}html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{color:#888;text-shadow:0 -1px 0 #aaa,0 1px 0 #000}@media(max-width:768px){.emboss-logo{padding:24px 0;letter-spacing:-.04em}}

html[data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456,html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{background:linear-gradient(110deg,#1871be 5%,#6852bd 48%,#b34779 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{background-image:linear-gradient(110deg,#72c9ff 5%,#b5a0ff 48%,#ffa3cf 95%)}
html[data-gradient=on] .era-intro-panel .message-chunk{background:linear-gradient(110deg,#1871be,#6852bd,#b34779)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}html[data-theme=dark][data-gradient=on] .era-intro-panel .message-chunk{background-image:linear-gradient(110deg,#72c9ff,#b5a0ff,#ffa3cf)!important}
html[data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-gradient=on] .era-intro-panel .message-chunk,html[data-theme=dark][data-gradient=on] .era-intro-panel .message-chunk{background-image:linear-gradient(135deg,#888 0%,#363636 48%,#686868 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;filter:drop-shadow(-.5px -.5px 0 rgba(255,255,255,.55));text-shadow:none!important}
html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .era-intro-panel .message-chunk{background-image:linear-gradient(135deg,#ddd 0%,#8d8d8d 48%,#b6b6b6 100%)!important;filter:drop-shadow(-.5px -.5px 0 rgba(255,255,255,.3))}
.era-intro-panel .message-chunk{display:inline-block}
html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456{filter:none;background:none!important}

html[data-gradient=on] .era-intro-panel p:not(.n-5f16b71d-4cf0-43a4-9673-88f1fec9a456) .message-chunk{background:none!important;filter:none!important;-webkit-text-fill-color:currentColor!important;color:inherit;text-shadow:none!important}

/* Stronger monochrome contrast; vertical shading on the wordmark. */
html[data-gradient=on] .emboss-logo{background-image:linear-gradient(180deg,#a3a3a3 0%,#5a5a5a 38%,#202020 70%,#454545 100%)!important}
html[data-theme=dark][data-gradient=on] .emboss-logo{background-image:linear-gradient(180deg,#f1f1f1 0%,#c3c3c3 35%,#747474 72%,#999 100%)!important}
html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:linear-gradient(135deg,#999 0%,#252525 48%,#737373 100%)!important}
html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:linear-gradient(135deg,#eee 0%,#777 48%,#c7c7c7 100%)!important}
html[data-gradient=on] .emboss-logo{background-origin:content-box;background-repeat:no-repeat}
html[data-gradient=on] .emboss-logo,html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:radial-gradient(ellipse at 18% 15%,#e0e0e0 0%,transparent 38%),radial-gradient(ellipse at 74% 75%,#cacaca 0%,transparent 32%),radial-gradient(ellipse at 92% 8%,#eee 0%,transparent 26%),linear-gradient(125deg,#737373,#292929 48%,#777)!important}
html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:radial-gradient(ellipse at 18% 15%,#fff 0%,transparent 38%),radial-gradient(ellipse at 74% 75%,#eee 0%,transparent 32%),radial-gradient(ellipse at 92% 8%,#fff 0%,transparent 26%),linear-gradient(125deg,#aaa,#626262 48%,#bdbdbd)!important}

/* Fine scattered highlights and a static monochrome print grain. */
html[data-gradient=on] .emboss-logo{
 background-image:url("logo-grain.svg"),radial-gradient(ellipse at 7% 28%,#eee 0%,transparent 6%),radial-gradient(ellipse at 22% 68%,#ddd 0%,transparent 5%),radial-gradient(ellipse at 36% 18%,#f5f5f5 0%,transparent 7%),radial-gradient(ellipse at 49% 72%,#ddd 0%,transparent 5%),radial-gradient(ellipse at 62% 32%,#eee 0%,transparent 6%),radial-gradient(ellipse at 77% 80%,#ddd 0%,transparent 6%),radial-gradient(ellipse at 88% 23%,#eee 0%,transparent 5%),radial-gradient(ellipse at 97% 67%,#ddd 0%,transparent 6%),linear-gradient(135deg,#888,#363636 50%,#777)!important;
 background-size:180px 180px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-blend-mode:soft-light,normal,normal,normal,normal,normal,normal,normal,normal,normal;
}
html[data-theme=dark][data-gradient=on] .emboss-logo{background-image:url("logo-grain.svg"),radial-gradient(ellipse at 7% 28%,#fff 0%,transparent 6%),radial-gradient(ellipse at 22% 68%,#eee 0%,transparent 5%),radial-gradient(ellipse at 36% 18%,#fff 0%,transparent 7%),radial-gradient(ellipse at 49% 72%,#eee 0%,transparent 5%),radial-gradient(ellipse at 62% 32%,#fff 0%,transparent 6%),radial-gradient(ellipse at 77% 80%,#eee 0%,transparent 6%),radial-gradient(ellipse at 88% 23%,#fff 0%,transparent 5%),radial-gradient(ellipse at 97% 67%,#eee 0%,transparent 6%),linear-gradient(135deg,#aaa,#626262 50%,#bbb)!important}

/* Broad tonal movement with scattered highlights and coarser grain. */
html[data-gradient=on] .emboss-logo{background-image:url("logo-grain.svg?v=2"),radial-gradient(ellipse at 24% 16%,rgba(255,255,255,.78) 0%,transparent 40%),radial-gradient(ellipse at 78% 80%,rgba(255,255,255,.65) 0%,transparent 34%),radial-gradient(ellipse at 9% 62%,rgba(255,255,255,.6) 0%,transparent 6%),radial-gradient(ellipse at 47% 24%,rgba(255,255,255,.5) 0%,transparent 5%),radial-gradient(ellipse at 89% 25%,rgba(255,255,255,.65) 0%,transparent 6%),linear-gradient(135deg,#929292 0%,#292929 48%,#727272 100%)!important;background-size:180px 180px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-blend-mode:soft-light,normal,normal,normal,normal,normal,normal}
html[data-theme=dark][data-gradient=on] .emboss-logo{background-image:url("logo-grain.svg?v=2"),radial-gradient(ellipse at 24% 16%,rgba(255,255,255,.85) 0%,transparent 40%),radial-gradient(ellipse at 78% 80%,rgba(255,255,255,.75) 0%,transparent 34%),radial-gradient(ellipse at 9% 62%,rgba(255,255,255,.65) 0%,transparent 6%),radial-gradient(ellipse at 47% 24%,rgba(255,255,255,.55) 0%,transparent 5%),radial-gradient(ellipse at 89% 25%,rgba(255,255,255,.7) 0%,transparent 6%),linear-gradient(135deg,#a7a7a7 0%,#626262 48%,#bababa 100%)!important}

/* A clearer upper-left edge, without a full outline. */
html[data-gradient=on] .emboss-logo,html[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{filter:drop-shadow(-.8px -.8px 0 rgba(255,255,255,.85))!important}
html[data-theme=dark][data-gradient=on] .emboss-logo,html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{filter:drop-shadow(-.8px -.8px 0 rgba(255,255,255,.6))!important}

/* Light paper: a short dark edge suggests a pressed impression. */
html:not([data-theme=dark])[data-gradient=on] .emboss-logo,html:not([data-theme=dark])[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{filter:drop-shadow(-.7px -.7px .3px rgba(0,0,0,.38)) drop-shadow(.5px .5px 0 rgba(255,255,255,.8))!important}

html:not([data-theme=dark])[data-gradient=on] .emboss-logo,html:not([data-theme=dark])[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{filter:drop-shadow(-.4px -.4px .25px rgba(0,0,0,.16)) drop-shadow(.4px .4px 0 rgba(255,255,255,.7)) brightness(1.12)!important}

/* Keep a continuous gray base beneath the catchphrase highlights. */
html:not([data-theme=dark])[data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:linear-gradient(rgba(75,75,75,.42),rgba(75,75,75,.42)),radial-gradient(ellipse at 18% 15%,#c1c1c1 0%,transparent 38%),radial-gradient(ellipse at 74% 75%,#b4b4b4 0%,transparent 32%),linear-gradient(125deg,#777,#424242 48%,#888)!important;filter:drop-shadow(-.35px -.35px .2px rgba(0,0,0,.12))!important}
html[data-theme=dark][data-gradient=on] .era-intro-panel .n-5f16b71d-4cf0-43a4-9673-88f1fec9a456 .message-chunk{background-image:linear-gradient(rgba(190,190,190,.3),rgba(190,190,190,.3)),radial-gradient(ellipse at 18% 15%,#eee 0%,transparent 38%),radial-gradient(ellipse at 74% 75%,#ddd 0%,transparent 32%),linear-gradient(125deg,#bbb,#999 48%,#ccc)!important}

/* Responsive typography and balanced portrait columns. */
#about p.sd.text.guide-type span{color:inherit;font:inherit}
@media(max-width:768px){
 .emboss-logo{font-size:clamp(26px,8.4vw,62px);width:calc(100% + 32px);max-width:none;letter-spacing:-.045em}
 .era-intro-panel p.sd.text.guide-type:not(.n-5f16b71d-4cf0-43a4-9673-88f1fec9a456),.sd.surface-panel p.sd.text.guide-type,#about p.sd.text.guide-type,.record-content{text-wrap:wrap;word-break:normal;overflow-wrap:break-word}
 .era-intro-panel p:not(.n-5f16b71d-4cf0-43a4-9673-88f1fec9a456) .message-chunk,#about .keep-phrase{white-space:normal;display:inline}
 #about.sd.surface-panel{padding-left:24px;padding-right:24px}
}
@media(min-width:600px) and (max-width:1100px){
 #models .sd.people-groups{grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;margin-left:auto;margin-right:auto;gap:48px 40px;width:100%;max-width:680px}
 #models .sd.person-card>.sd.image{max-width:220px}
}

@media(max-width:768px){.emboss-logo{font-size:clamp(28px,9.4vw,68px)}.era-intro-panel .end-pair{white-space:nowrap;color:inherit;font:inherit}}

/* Balance tablet content blocks, including text-only project members. */
.era-intro-panel p .end-pair{color:inherit!important;font:inherit;-webkit-text-fill-color:inherit}
@media(min-width:600px) and (max-width:1100px){
 #members.sd.surface-panel{padding-left:48px;padding-right:48px}
 #members .member-features{width:100%;max-width:720px;margin-left:auto;margin-right:auto}
 #members .member-feature{grid-template-columns:140px minmax(0,1fr);gap:32px}
 #members .member-media .sd.image{width:140px;height:158px}
 #members .staff-grid{width:100%;max-width:600px;grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;gap:32px 64px;margin-left:auto;margin-right:auto}
 #models .sd.person-card{width:100%;max-width:260px;justify-self:center}
}
@media(max-width:599px){
 #models .sd.people-groups{max-width:320px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
 #models .sd.person-card>.sd.image{width:100%;max-width:132px;height:auto;aspect-ratio:4/5}
 #members .member-media .sd.image{width:132px;height:149px}
}

@media(min-width:600px) and (max-width:1100px){#members.sd.surface-panel{padding-left:48px!important;padding-right:48px!important}#members .member-features,#members .member-feature{width:100%!important;max-width:720px;min-width:0;box-sizing:border-box}#members .staff-grid{max-width:560px;grid-template-columns:repeat(2,minmax(0,240px));gap:32px 64px}}

@media(min-width:600px) and (max-width:1100px){#members.member-section{padding-left:48px!important;padding-right:48px!important}}

/* Uniform photo-overlay text, including browser-generated date links. */
#about p.sd.text.guide-type,#about p.sd.text.guide-type *{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:768px){
 #models .sd.person-card>p.sd.text.guide-type{font-size:13px!important;line-height:1.65;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;min-height:0}
}
@media(max-width:599px){
 #models .sd.people-groups{max-width:294px}
 #members.member-section{padding-left:max(32px,calc((100vw - 326px)/2))!important;padding-right:max(32px,calc((100vw - 326px)/2))!important}
}

/* Mobile: spread portrait columns and give About copy more room. */
@media(max-width:599px){
 #models .sd.people-groups{max-width:326px;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 40px}
 #about.sd{padding-left:24px!important;padding-right:24px!important}
 #about>.panel-inner{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
 #about p.sd.text.guide-type{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
}

@media(max-width:599px){#about>.panel-inner>.sd{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}

/* Design Guide v1.0: section headings 24px / 600 / 1.35. */
main section:not(#sns) h2,#members.member-section>h2,#faq>h2{font-size:24px!important;font-weight:600;line-height:1.35}

/* Editorial rhythm over the About photograph. */
#about p.sd.text.guide-type,#about p.sd.text.guide-type *{color:rgb(255 255 255 / 80%)!important;-webkit-text-fill-color:rgb(255 255 255 / 80%)!important}
#about p.sd.text.guide-type .editorial-emphasis{color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit}
#about p.sd.text.guide-type .editorial-signature{color:rgb(255 255 255 / 65%)!important;-webkit-text-fill-color:rgb(255 255 255 / 65%)!important;font:inherit}