/* Beebe Hall Maker Hub: planned facility, supplied architectural renderings. */
.maker-hub { background:#F7F7F7; padding:80px 0; scroll-margin-top:100px; color:#222222; }
.hub-intro { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; margin-bottom:36px; }
.hub-status { color:#B31B1B; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:700; }
.hub-intro h2 { font-family:var(--serif); font-weight:400; font-size:clamp(2.6rem,4.4vw,4rem); margin:0; }
.hub-name { font-size:1.3rem; font-weight:700; margin-bottom:12px; }
.hub-note,.hub-source-note { font-size:.85rem; color:#222222; }
.hub-feature,.hub-gallery figure { margin:0; }
.hub-feature img { width:100%; height:auto; }
.maker-hub figcaption { padding:10px 0; color:#222222; font-size:.75rem; }
.hub-gallery { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.hub-gallery img { width:100%; height:auto; }
.hub-studios-heading { margin-top:58px; }
.hub-studios-heading h3 { font-family:var(--serif); font-size:2.3rem; font-weight:400; }
.hub-studios-heading>p:last-child { color:#222222; }
.hub-studios { display:grid; grid-template-columns:1fr 1fr; column-gap:44px; align-items:start; }
.hub-studios details { border-top:1px solid rgba(34,34,34,0.16); }
.hub-studios summary { list-style:none; cursor:pointer; display:flex; gap:16px; align-items:start; padding:23px 0; }
.hub-studios summary::-webkit-details-marker { display:none; }
.hub-number { color:#B31B1B; font-size:.75rem; padding-top:4px; }
.hub-studios strong { display:block; font-size:1.07rem; }
.hub-studios small { display:block; font-size:.85rem; color:#222222; margin-top:5px; }
.hub-expand { margin-left:auto; color:#B31B1B; font-size:1.5rem; line-height:1; }
.hub-studios details[open] .hub-expand { transform:rotate(45deg); }
.hub-studios details>p { padding:0 30px 20px; margin:0; font-size:.92rem; }
.hub-source-note { margin:26px 0 0; }
@media(min-width:901px) and (max-width:1150px) { #primary-nav { gap:13px; } #primary-nav a { font-size:.78rem; } .header-inner { gap:16px; } .brand .cornell-logo { width:140px; } .brand .brand-divider { margin:0 12px; } }
@media(max-width:760px) { .maker-hub { padding:48px 0; } .hub-intro,.hub-gallery,.hub-studios { grid-template-columns:1fr; gap:24px; } .hub-studios { gap:0; } .hub-intro { margin-bottom:24px; } .hub-studios-heading { margin-top:36px; } }