/* Readable type at desktop and mobile sizes without scaling controls offscreen. */
.header .products-menu{position:relative;padding:0;border:0;max-width:100%;min-width:0}
.header .products-menu>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;font:inherit;min-height:44px;padding:8px 0;overflow-wrap:anywhere}
.header .products-menu[open]>summary{list-style-type:disclosure-open}
.header .products-menu-current>summary{color:var(--text);box-shadow:0 2px var(--orange)}
.header .products-menu>summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.header .products-menu-links{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:50;width:190px;max-width:calc(100vw - 24px);padding:6px;background:#202020;border:1px solid #505050;border-radius:4px;box-shadow:0 8px 24px #0008}
.header nav .products-menu-links a{display:flex;padding:10px 12px;min-height:44px;width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;border:0;box-shadow:none}
.header nav .products-menu-links a:hover,.header nav .products-menu-links a:focus-visible{background:#353535;color:#fff}
.header nav .products-menu-links a[aria-current]{background:#353535;color:#f0c975;border:0;box-shadow:none}
@media(max-width:700px){.header .products-menu[open]{position:static}.header nav{position:relative}.header .products-menu-links{top:auto;margin-top:0}}
.edit-profile select{width:100%;padding:12px;color:var(--text);background:#121814;border:1px solid #51594b;border-radius:3px;font:inherit}.edit-profile select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.creator-cards{align-items:stretch}.creator-card{min-width:0}.creator-card h3,.creator-products strong{overflow-wrap:anywhere}.creator-card h3 a:hover{color:var(--orange)}.creator-card .creator-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.creator-products{margin-bottom:22px}.creator-products .product{padding:14px;margin-top:12px}.creator-products span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.directory-note{margin-top:40px}.directory-pagination{flex-wrap:wrap}.header nav{flex-wrap:wrap;justify-content:center}.creator-search .actions{flex-wrap:wrap}.creator-search input{flex:1 1 240px;min-width:0}
.avatar.avatar-image{width:80px;height:80px;object-fit:cover;object-position:center;display:block;flex-shrink:0}.member-detail .avatar.avatar-image{width:120px;height:120px}.avatar-editor{margin-top:35px}.avatar-editor label{display:block;margin-bottom:10px}.avatar-editor input[type=file]{max-width:100%;font-size:15px}.avatar-remove{margin-top:18px}
.developer-products{margin-top:40px}.developer-products fieldset{border:1px solid var(--line);padding:20px;margin:25px 0}.profile-bio{white-space:pre-line;overflow-wrap:anywhere}.member-account{margin-bottom:25px}.member-account .developer-products{padding:20px}
.admin-search{margin-bottom:26px}.admin-search .actions{margin-top:10px}.admin-search input{max-width:650px}.admin-members{display:grid;gap:15px}.admin-member{display:flex;justify-content:space-between;align-items:center;gap:25px}.admin-member h3{margin-bottom:12px}.admin-member p{overflow-wrap:anywhere}.admin-member .button{flex-shrink:0}.admin-editor{margin-top:40px}.admin-editor fieldset{border:1px solid var(--line);margin:25px 0;padding:20px}.products-heading{margin-top:35px}.publish-checkbox input{width:auto;margin-right:10px}.edit-profile .publish-checkbox{margin:25px 0}.admin-member .verified{margin-bottom:0}
@media(max-width:700px){.admin-member{align-items:flex-start;flex-direction:column}.admin-search .actions{flex-wrap:wrap}}
body{font-size:17px;line-height:1.7}
.header nav{font-size:15px;gap:24px}
.brand{font-size:19px}.brand small{font-size:10px;letter-spacing:.11em}
.button,.text-link{font-size:15px}.button{padding:14px 23px;min-height:48px}
.eyebrow,.section-heading .eyebrow{font-size:12px;letter-spacing:.15em}
.hero-copy{font-size:18px}.hero h1{font-size:clamp(72px,7.5vw,112px)}
.scene-label{font-size:11px;letter-spacing:.13em}
.ticker{font-size:12px;letter-spacing:.1em;flex-wrap:wrap}
.section-heading p,.card p,.panel p,details p,.product span{font-size:16px}
.card-number{font-size:12px;letter-spacing:.1em}.card-link{font-size:15px}
.card h3{font-size:25px}h3{font-size:27px}.lead{font-size:25px}
.small,.panel .small,.login .small{font-size:14px}
.edit-profile label,summary{font-size:17px}.verified{font-size:14px}
.artwork figcaption{font-size:12px;letter-spacing:.1em}
footer p,footer .small,footer>div{font-size:13px}
.header nav a,footer>div a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.header nav{gap:18px}.brand{font-size:17px}.profile-link{gap:16px}}
@media(max-width:700px){
  .header{column-gap:12px}.header .brand{font-size:14px}.brand small{font-size:9px;letter-spacing:.07em}
  .header nav{font-size:14px;gap:8px;flex-wrap:wrap;justify-content:space-between}
  .profile-link{font-size:13px;padding:10px 13px;min-height:44px}
  .hero h1{font-size:clamp(64px,18vw,76px)}.hero-copy{font-size:17px}
  .hero-content{padding-bottom:90px}.hero{min-height:630px}
  .eyebrow,.section-heading .eyebrow{font-size:11px;letter-spacing:.12em}
  .scene-label{font-size:10px}.ticker{font-size:11px}
  .page-heading h1{font-size:46px}.lead{font-size:23px}
  .actions{gap:20px}.card h3{font-size:25px}.small,.panel .small{font-size:14px}
  footer>div{flex-wrap:wrap}.section-heading p br{display:none}
}
@media(max-width:360px){.header .brand small{max-width:145px}.profile-link{font-size:12px;padding:9px 10px}.header nav{font-size:13px}.page-heading h1{font-size:40px}}

.menu-editor{margin-bottom:48px;scroll-margin-top:24px}
.menu-editor>summary{font-size:26px;line-height:1.3;overflow-wrap:anywhere}
.menu-editor>summary h2{display:inline;font-size:26px;letter-spacing:0;margin:0}
.menu-editor>summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.menu-editor[open]>summary{margin-bottom:20px}
.menu-order-list{list-style:none;padding:0;margin:0 0 20px;max-width:640px;counter-reset:menu-position}
.menu-order-list li{display:grid;grid-template-columns:24px minmax(0,1fr) 96px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);counter-increment:menu-position}
.menu-order-list li::before{content:counter(menu-position);color:var(--muted);font-variant-numeric:tabular-nums}
.menu-order-list .menu-label{min-width:0;overflow-wrap:anywhere}
.menu-rename summary{cursor:pointer;font-size:13px;color:var(--muted);margin-top:4px}
.menu-order-list .menu-rename form{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:12px 0}
.menu-rename label{font-size:13px}
.menu-rename input{min-width:0}
.menu-rename .button{justify-content:center;padding:8px;font-size:13px}
.menu-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header nav a{max-width:100%;overflow-wrap:anywhere}
.header{max-width:1920px;flex-wrap:wrap}
.header nav{min-width:0;flex:1 1 480px}
.header .profile-link{flex-shrink:0}
@media(min-width:1051px){.header{padding-inline:32px}}
@media(max-width:1050px){.header nav{flex-basis:100%}}
.menu-order-list small{display:block;font-size:12px}
.menu-order-list form{display:flex;gap:8px}
.menu-order-list .menu-move{width:44px;height:44px;padding:0;justify-content:center;font-size:20px;letter-spacing:0}

/* Admin-selected staff role tags. */
.role-tag {
    display: inline-block;
    max-width: 100%;
    padding: .35rem .7rem;
    border: 1px solid #795242;
    border-radius: .3rem;
    background: #30231e;
    color: #f4d5c5;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .02em;
    overflow-wrap: anywhere;
}
.member-detail > .prose { min-width: 0; }
.staff-description { max-height: 20rem; overflow-y: auto; overflow-wrap: anywhere; white-space: pre-wrap; padding: 1rem; margin-bottom: 1.5rem; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); scrollbar-color: var(--orange) var(--bg); }
.staff-description:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.staff-links { display: flex; flex-wrap: wrap; gap: .75rem; }
.staff-links:has(a) { margin-bottom: 1.5rem; }
#staff-description { overflow-y: auto; }