.mzar-home,.mzar-catalog,.mzar-profile{--mzar-accent:#ff790d;--mzar-muted:var(--tt-fade,#adb9c6);color:var(--tt,#edf0f4)}
.mzar-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.mzar-heading h2,.mzar-catalog h1{margin:0;font-size:30px;line-height:1.25;font-weight:500}.mzar-home{position:relative;margin:60px 0}.mzar-more{background:var(--bg3,#4c6479);border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;text-transform:uppercase}
.mzar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 30px}.mzar-carousel{display:flex;gap:40px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:25px 0;margin:-25px 0}.mzar-carousel::-webkit-scrollbar{display:none}.mzar-carousel .mzar-card{flex:0 0 calc((100% - 200px)/6);scroll-snap-align:start}.mzar-card{display:block;min-width:0;text-align:center;color:inherit}.mzar-card-photo{display:block;position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;transition:box-shadow .3s}.mzar-card-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mzar-card-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.42);color:#fff;line-height:1.3;opacity:0;transform:scale(.8,.8);transition:opacity .3s,transform .3s}.mzar-card-name{display:block;margin-top:15px;font-size:16px;line-height:1.4;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mzar-arrow{position:absolute;top:calc(50% + 16px);width:60px;height:60px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:#2b4052;color:#b3c1cf;font-size:30px;cursor:pointer}.mzar-prev{left:-30px}.mzar-next{right:-30px}.mzar-arrow:hover{background:var(--mzar-accent);color:white}.mzar-arrow:disabled{opacity:.45;cursor:default;background:#2b4052}.mzar-arrow[hidden]{display:none}
.mzar-filters{display:flex;gap:12px;margin:28px 0 20px}.mzar-filters input,.mzar-filters select{background:#243544;color:inherit;border:1px solid #526270;border-radius:10px;height:44px;padding:0 15px;font:inherit}.mzar-filters select{appearance:auto}.mzar-search{flex:1;max-width:480px}.mzar-search input{width:100%}.mzar-filters button{height:44px;border:0;border-radius:10px;background:var(--mzar-accent);color:white;padding:0 20px;font:inherit;cursor:pointer}.mzar-alphabet{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.mzar-alphabet a{padding:5px 9px;border-radius:6px;background:#263746}.mzar-alphabet a:hover{color:var(--mzar-accent)}
.mzar-hero{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:55px;margin:45px 0 60px}.mzar-portrait{display:block;width:280px;height:280px;object-fit:cover;border-radius:50%}.mzar-caption h1{font-size:40px;line-height:1.2;margin:18px 0 30px;font-weight:700}.mzar-muted{color:var(--mzar-muted);font-size:16px}.mzar-actions{display:flex;align-items:center;gap:15px}.mzar-play{min-height:54px;padding:0 28px;font:inherit;font-size:18px;font-weight:600;background:var(--mzar-accent);color:#fff;border:0;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:18px}.mzar-play:disabled{opacity:.6}.mzar-menu{position:relative}.mzar-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:54px;height:54px;letter-spacing:4px;padding-left:4px;background:#293e50;border:1px solid #1e3040;border-radius:14px;color:var(--mzar-muted)}.mzar-menu summary::-webkit-details-marker{display:none}.mzar-menu>div{position:absolute;top:calc(100% + 8px);right:0;z-index:20;padding:8px;border-radius:12px;min-width:210px;background:#263746;box-shadow:0 10px 30px #0b182a80}.mzar-menu button,.mzar-menu a{display:block;width:100%;padding:10px;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.mzar-menu button:hover,.mzar-menu a:hover{color:var(--mzar-accent)}.mzar-status{color:var(--mzar-muted);font-size:14px;max-width:600px}.mzar-status:empty{display:none}
.mzar-tabs{display:flex;gap:6px;flex-wrap:wrap}.mzar-tabs a{padding:10px 14px;border-radius:10px;color:var(--mzar-muted);font-size:15px}.mzar-tabs .is-active{background:#ff790d19;color:var(--mzar-accent)}.mzar-nav{display:flex;gap:10px;justify-content:center;margin:30px 0}.mzar-nav a,.mzar-nav span{padding:9px 14px;background:#263746;border-radius:8px}.mzar-nav [aria-current]{background:var(--mzar-accent);color:#fff}.mzar-about,.mzar-albums{margin:55px 0}.mzar-about h2,.mzar-albums h2{font-size:28px;font-weight:500;margin-bottom:24px}.mzar-about p{line-height:1.65;color:var(--mzar-muted)}.mzar-album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.mzar-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1200px){.mzar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mzar-carousel .mzar-card{flex-basis:calc((100% - 160px)/5)}}
@media(max-width:900px){.mzar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.mzar-carousel{gap:25px}.mzar-carousel .mzar-card{flex-basis:calc((100% - 75px)/4)}.mzar-hero{grid-template-columns:230px 1fr;gap:30px}.mzar-portrait{width:230px;height:230px}.mzar-caption h1{font-size:34px}.mzar-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.mzar-home{margin:40px 0}.mzar-heading{gap:16px;flex-wrap:wrap;margin-bottom:25px}.mzar-heading h2,.mzar-catalog h1{font-size:24px}.mzar-more{font-size:11px;padding:8px 12px}.mzar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.mzar-card-name{font-size:14px;margin-top:12px}.mzar-carousel{gap:20px}.mzar-carousel .mzar-card{flex-basis:calc((100% - 40px)/3)}.mzar-arrow{display:none}.mzar-filters{flex-wrap:wrap}.mzar-search{flex-basis:100%;max-width:none}.mzar-filters select{max-width:220px}.mzar-hero{display:flex;flex-direction:column;text-align:center;margin:25px 0 40px;gap:26px}.mzar-portrait{width:220px;height:220px}.mzar-caption{width:100%}.mzar-caption h1{font-size:32px;margin:16px 0 25px;overflow-wrap:anywhere}.mzar-actions{justify-content:center;gap:12px}.mzar-play{flex:1;justify-content:center;padding:0 18px;font-size:16px}.mzar-tabs a{font-size:14px;padding:8px 12px}.mzar-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mzar-about h2,.mzar-albums h2{font-size:24px}.mzar-status{margin-left:auto;margin-right:auto}}

.mzar-arrow{transform:translateY(-50%)}.mzar-caption>p.mzar-muted{margin-top:24px}
/* Match the native track button glyph and prevent an emoji icon on iOS. */
.mzar-play-icon{display:block;flex:none;font-size:18px;line-height:1;color:inherit}
.mzar-catalog .mzar-filters select:not([multiple]){background-image:none}
@media(max-width:600px){
  .mzar-caption{display:contents}
  .mzar-identity{order:-1;width:100%}
  .mzar-identity h1{margin:16px 0 0}
  .mzar-portrait{order:0}
  .mzar-actions{order:1;width:100%}
  .mzar-status{order:2;width:100%;margin:0}
  .mzar-caption>p.mzar-count{order:3;margin:0;width:100%}
}
/* Catalog cards stay compact even when the catalog contains only one artist. */
.mzar-catalog{--mzar-sort-ui:1}
.mzar-catalog .mzar-grid{grid-template-columns:repeat(auto-fill,160px);gap:30px}
.mzar-catalog .mzar-card{width:100%;max-width:160px}
.mzar-catalog .mzar-filters{align-items:center}
.mzar-catalog .mzar-sort-filter{display:flex;align-items:center;gap:8px;min-width:0}
.mzar-catalog .mzar-sort-filter select[hidden]{display:none}
.mzar-catalog .mzar-sort-label{color:var(--mzar-muted);font-size:13px;font-weight:500}
.mzar-catalog .mzar-sort-picker{position:relative;width:168px;max-width:100%;min-width:0;z-index:20}
.mzar-catalog .mzar-sort-trigger{display:flex;align-items:center;gap:8px;width:100%;height:40px;min-height:40px;margin:0;padding:0 10px;border:1px solid rgba(129,151,172,.35);border-radius:10px;background:var(--bg-darker,#243747);color:var(--tt,#e3e7ec);box-shadow:0 3px 12px rgba(0,0,0,.05);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.mzar-catalog .mzar-sort-trigger>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzar-catalog .mzar-sort-trigger[aria-expanded=true]{border-color:var(--mzar-accent)}
.mzar-catalog .mzar-sort-icon{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--tt-icon,#a7b3c5)}
.mzar-catalog .mzar-sort-trigger>.mzar-sort-icon:first-child{color:var(--mzar-accent)}
.mzar-catalog .mzar-sort-chevron{width:14px;height:14px;margin-left:auto;transition:transform .2s}
.mzar-catalog .mzar-sort-trigger[aria-expanded=true]>.mzar-sort-chevron{transform:rotate(180deg)}
.mzar-catalog .mzar-sort-options{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 32px);max-height:408px;margin:0;padding:6px;border:1px solid rgba(129,151,172,.3);border-radius:12px;background:var(--bg,#2c3e50);box-shadow:0 12px 38px rgba(0,0,0,.25);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mzar-accent) transparent}
.mzar-catalog .mzar-sort-options[hidden]{display:none}
.mzar-catalog .mzar-sort-picker.is-up>.mzar-sort-options{top:auto;bottom:calc(100% + 8px)}
.mzar-catalog .mzar-sort-option{display:flex;align-items:center;gap:10px;width:100%;height:auto;min-height:40px;margin:0;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--tt,#e3e7ec);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.mzar-catalog .mzar-sort-option>span{flex:1;min-width:0;overflow-wrap:anywhere}
.mzar-catalog .mzar-sort-option>.mzar-sort-check{width:15px;height:15px;margin-left:auto;visibility:hidden}
.mzar-catalog .mzar-sort-option[aria-selected=true]{background:rgba(255,117,21,.13);color:var(--mzar-accent);font-weight:600}
.mzar-catalog .mzar-sort-option[aria-selected=true]>.mzar-sort-icon{color:var(--mzar-accent)}
.mzar-catalog .mzar-sort-option[aria-selected=true]>.mzar-sort-check{visibility:visible}
.mzar-catalog .mzar-sort-option:hover,.mzar-catalog .mzar-sort-option:focus-visible{background:rgba(129,151,172,.14)}
.mzar-catalog .mzar-sort-option:focus-visible{outline:1px solid var(--mzar-accent);outline-offset:-1px}
.mzar-catalog .mzar-sort-trigger:focus-visible{outline:2px solid var(--mzar-accent);outline-offset:3px}
@media(max-width:600px){.mzar-catalog .mzar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.mzar-catalog .mzar-card{justify-self:center}.mzar-catalog .mzar-sort-picker{flex:0 0 168px}}
@media(prefers-reduced-motion:reduce){.mzar-sort-trigger,.mzar-sort-chevron,.mzar-sort-option{transition:none}}
/* Donor motion and native ft-custom play glyph; only the accent color differs. */
.mzar-card-overlay::before{display:grid;place-items:center;content:"\e904";font-family:'ft-custom'!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;width:70px;aspect-ratio:1;border-radius:50%;margin:0;padding:0;font-size:24px;color:#fff;background:var(--mzar-accent,#ff790d);transform:scale(.8,.8) translateY(-30px);opacity:0;transition:opacity .3s,transform .3s;transition-delay:0s}
@media(hover:hover) and (pointer:fine){
  .mzar-card:hover .mzar-card-photo{box-shadow:0 0 27px var(--mzar-accent,#ff790d)}
  .mzar-card:hover .mzar-card-overlay{opacity:1;transform:scale(1,1)}
  .mzar-card:hover .mzar-card-overlay::before{opacity:1;transform:scale(1,1) translateY(0);transition-delay:.2s}
}
.mzar-card:focus-visible .mzar-card-photo{box-shadow:0 0 27px var(--mzar-accent,#ff790d)}
.mzar-card:focus-visible .mzar-card-overlay{opacity:1;transform:scale(1,1)}
.mzar-card:focus-visible .mzar-card-overlay::before{opacity:1;transform:scale(1,1) translateY(0);transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.mzar-card-photo,.mzar-card-overlay,.mzar-card-overlay::before{transition:none!important;transition-delay:0s!important}}
/* Artist biography opens from the three-dot menu, like the donor's About item. */
.mzar-menu>div{min-width:260px;max-width:calc(100vw - 30px);border:1px solid rgba(129,151,172,.25)}
.mzar-menu button,.mzar-menu a{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:48px;padding:12px;border-radius:7px;font-weight:500}
.mzar-menu button:hover,.mzar-menu a:hover{background:rgba(129,151,172,.12)}
.mzar-menu-icon{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--mzar-muted)}
.mzar-menu button:focus-visible,.mzar-menu a:focus-visible,.mzar-menu summary:focus-visible{outline:2px solid var(--mzar-accent);outline-offset:2px}
html.mzar-about-is-open{overflow:hidden}
.mzar-about-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:24px;border:1px solid rgba(129,151,172,.3);border-radius:12px;background:var(--bg,#263746);color:var(--tt,#edf0f4);box-shadow:0 18px 45px rgba(0,0,0,.3);font:inherit;overflow:hidden}
.mzar-about-dialog:not([open]){display:none}
.mzar-about-dialog[open]{display:flex;flex-direction:column}
.mzar-about-dialog::backdrop{background:rgba(7,15,23,.65)}
.mzar-about-header{display:flex;align-items:flex-start;gap:20px;flex:none;margin-bottom:20px}
.mzar-about-header h2{flex:1;min-width:0;margin:0;font-size:24px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.mzar-about-header h2>span{display:block;margin-top:6px;font-size:16px;font-weight:400;color:var(--mzar-muted)}
.mzar-about-close{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:28px;line-height:1;cursor:pointer}
.mzar-about-close:hover{background:rgba(129,151,172,.16)}
.mzar-about-close:focus-visible{outline:2px solid var(--mzar-accent);outline-offset:2px}
.mzar-about-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mzar-accent) transparent}
.mzar-about-body:focus-visible{outline:1px solid var(--mzar-accent);outline-offset:-1px}
.mzar-about-body p,.mzar-about-fallback p{margin:0;color:var(--mzar-muted);font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.mzar-about-fallback{margin:45px 0}.mzar-about-fallback summary{cursor:pointer;margin-bottom:20px}
@media(max-width:600px){.mzar-about-dialog{padding:20px}.mzar-about-header{gap:12px;margin-bottom:16px}.mzar-about-header h2{font-size:22px}}
.mzar-catalog-back{margin:28px 0 0;font-size:16px;line-height:1.5}
.mzar-catalog-back a{color:var(--mzar-accent);text-decoration:underline;text-underline-offset:3px}
.mzar-catalog-back a:hover{opacity:.8}
.mzar-catalog-back a:focus-visible{outline:2px solid var(--mzar-accent);outline-offset:4px;border-radius:2px}
@media(max-width:600px){.mzar-catalog-back{order:2;width:100%;margin:0}}
/* Homepage uses the theme's native donor carousel; padded section preserves the photo glow. */
.mzar-home{padding:0 30px 60px;margin:60px -30px 0;overflow:hidden;isolation:isolate}
.mzar-home .mzar-carousel{gap:30px;padding:0;margin:0}
.mzar-home .mzar-carousel>.mzar-card{flex-basis:calc((100% - 120px)/5)}
.mzar-home .mzar-carousel.owl-carousel{display:block;overflow:visible;scroll-snap-type:none}
.mzar-home .owl-stage{display:flex;justify-content:flex-start}
.mzar-home .owl-item{flex:none;opacity:0;pointer-events:none;transform:scale(.6,.6);transition:opacity .3s,transform .3s}
.mzar-home .owl-item.active{opacity:1;pointer-events:auto;transform:scale(1,1)}
.mzar-home .owl-item .mzar-card{width:100%;max-width:none}
.mzar-home .mzar-arrow{z-index:3;width:50px;min-width:0;height:50px;padding:0;border:0;background:var(--bg,#2c3e50);color:var(--tt-icon,#adb9c6);font-size:24px;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:background .3s,color .3s,box-shadow .3s,opacity .3s}
.mzar-home .mzar-prev{left:5px}.mzar-home .mzar-next{right:5px}
.mzar-home .mzar-arrow[hidden]{display:none}
.mzar-home .mzar-arrow:disabled{opacity:.4;cursor:default}
.mzar-home .mzar-arrow:focus-visible{outline:2px solid var(--mzar-accent);outline-offset:3px;background:var(--mzar-accent);color:#fff}
@media(hover:hover) and (pointer:fine){.mzar-home .mzar-arrow:not(:disabled):hover{background:var(--mzar-accent);color:#fff;box-shadow:0 0 0 2px var(--bg,#2c3e50),0 0 0 4px var(--mzar-accent),0 5px 10px rgba(0,0,0,.2)}}
@media(max-width:949px){.mzar-home .mzar-carousel{gap:20px}.mzar-home .mzar-carousel>.mzar-card{flex-basis:calc((100% - 60px)/4)}}
@media(max-width:759px){.mzar-home .mzar-carousel>.mzar-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.mzar-home{padding:0 15px 40px;margin:40px -15px 0}.mzar-home .mzar-heading{flex-wrap:nowrap;gap:12px}.mzar-home .mzar-heading h2{font-size:22px}.mzar-home .mzar-more{flex:none;text-align:center;font-size:10px}.mzar-home .mzar-arrow{display:grid;width:40px;height:40px}.mzar-home .mzar-prev{left:0}.mzar-home .mzar-next{right:0}.mzar-home .mzar-arrow[hidden]{display:none}}
@media(prefers-reduced-motion:reduce){.mzar-home .owl-stage{transition-duration:0s!important}.mzar-home .owl-item,.mzar-home .mzar-arrow{transition:none}}
