:root{
  --bg:#f5f5f2;--surface:#fff;--text:#12372b;--muted:#6d7c75;--primary:#0a4a36;--primary-2:#126447;
  --cream:#f4ead7;--gold:#c9972f;--border:#e2e7e3;--danger:#a52828;--shadow:0 8px 24px rgba(20,55,43,.07);
  --sidebar:250px
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#0a3f31 0%,#0c553c 100%);color:#fff;padding:20px 14px 18px;display:flex;flex-direction:column;z-index:30;box-shadow:8px 0 30px rgba(16,45,35,.08)}
.sidebar-brand{text-align:center;padding:2px 10px 20px}.brand-logo{width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}.brand-wordmark{font-family:Georgia,serif;font-size:29px;font-weight:800;letter-spacing:3px;margin-top:4px}.brand-name{font-size:12px;line-height:1.45;text-transform:uppercase;letter-spacing:.5px;margin-top:7px}.brand-tagline{font-family:Georgia,serif;font-style:italic;color:#e2cc91;margin-top:7px;font-size:14px}
.nav{display:flex;flex-direction:column;gap:6px;margin-top:6px}.nav-btn{width:100%;border:0;background:transparent;color:#f8fbf9;border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:13px;font-size:15px;text-align:left;transition:.18s}.nav-btn:hover{background:rgba(255,255,255,.09)}.nav-btn.active{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-weight:700}.nav-icon{width:22px;text-align:center;font-size:19px;font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.22);padding:14px 8px 0;display:grid;gap:12px}.secure-note{font-size:12px;color:#d6eadf}.secure-note span{color:#77d59f}.sidebar-signout{border:0;background:transparent;color:#fff;padding:8px 0;text-align:left;font-weight:650;font-size:14px}.sidebar-bottom small{text-align:center;color:#e2cc91;font-family:Georgia,serif;font-style:italic;line-height:1.5}
.app-area{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid #ecefeb;display:flex;align-items:center;justify-content:space-between;padding:11px 28px;position:sticky;top:0;z-index:20}.topbar-title h1{font-family:Georgia,serif;margin:0;color:#123f31;font-size:24px;line-height:1.05}.subtitle{font-size:11px;letter-spacing:2.4px;color:#718178;margin-top:5px;font-weight:700}.top-actions{display:flex;align-items:center;gap:11px}.badge{font-size:12px}.secure-badge{background:#f1f8f4;border:1px solid #d8ebe0;padding:7px 10px;border-radius:999px;color:#2f6c52}.top-logo{width:50px;height:50px;object-fit:contain}.profile-copy{display:grid;min-width:125px}.profile-copy strong{font-size:14px;color:#183d31}.profile-copy span{font-size:12px;color:var(--muted);margin-top:2px;text-transform:capitalize}
.main-content{width:100%;max-width:1500px;margin:0 auto;padding:26px 26px 36px;flex:1}.view{display:none}.view.active{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:20px}
.dashboard-hero{min-height:235px;border-radius:14px;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;background:linear-gradient(110deg,rgba(248,239,223,.97),rgba(248,221,177,.78) 45%,rgba(227,238,219,.84)),radial-gradient(circle at 70% 30%,#f5c76e 0 5%,transparent 6%),linear-gradient(165deg,#f8e8c9 0 57%,#adc6a7 58% 66%,#6f987c 67% 74%,#345f47 75%);box-shadow:0 7px 18px rgba(38,63,48,.12)}
.dashboard-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(175deg,transparent 0 42%,rgba(41,89,61,.34) 43% 56%,rgba(26,72,50,.54) 57%);pointer-events:none}.hero-copy,.hero-message{position:relative;z-index:1}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:800;color:#52705f;margin-bottom:8px}.hero-copy h2{font-family:Georgia,serif;font-size:40px;line-height:1.04;margin:0 0 10px;color:#0d4635}.hero-copy p{max-width:560px;margin:0;color:#335b4c;font-size:16px;line-height:1.45}.hero-action{margin-top:18px}.hero-message{text-align:center;font-family:"Segoe Script","Bradley Hand",cursive;font-size:32px;line-height:1.15;color:#124b38;transform:rotate(-2deg);padding-right:24px}.hero-message span{border-bottom:2px solid #c89b35;padding-bottom:5px}
.primary,.secondary,.danger,.file-button,.text-button{border-radius:9px;padding:10px 14px;border:1px solid transparent;font-weight:650;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-2)}.secondary,.file-button{background:#fff;border-color:var(--border);color:var(--text)}.danger{background:#fff0f0;color:var(--danger);border-color:#f0c7c7}.text-button{background:transparent;color:#168052;padding:4px 6px;border:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stat-modern{display:flex;flex-direction:row;align-items:center;gap:15px;padding:17px 18px}.stat-modern>div:last-child{display:grid}.stat-modern strong{font-family:Georgia,serif;font-size:31px;line-height:1}.stat-modern span{font-size:14px;color:#37584c;margin-top:4px}.stat-modern small{font-size:11px;color:#819088;margin-top:7px}.stat-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:700;flex:0 0 56px}.stat-green{background:#dff3e6;color:#13804b}.stat-blue{background:#e2f0fa;color:#2784bc}.stat-gold{background:#f8edd2;color:#c0871d}.stat-rose{background:#fbe3e3;color:#d14b4b}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-panel{padding:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:15px 18px}.panel-heading h3{margin:0;font-size:17px}.panel-heading h3 span{margin-right:7px}.dashboard-panel>#recentMembers,.dashboard-panel>#needsSummary{padding:6px 18px 12px}.list-item{padding:12px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.list-item b{color:#183e31}.list-item div{color:var(--muted);font-size:13px;margin-top:3px}.needs-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.needs-row:last-child{border-bottom:0}.needs-row strong{background:#edf6f0;color:#12613e;border-radius:999px;min-width:30px;text-align:center;padding:3px 8px}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:start}.section-heading h2,.card>h2{font-family:Georgia,serif;color:#123e31}.section-heading h2{margin-top:0}.section-heading p{margin-bottom:0;color:var(--muted)}.form-section{padding:18px 0;border-top:1px solid var(--border)}.form-section:first-of-type{border-top:0}.form-section h3{color:#154b39}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.card>label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
input,select,textarea{width:100%;border:1px solid #cfdad3;border-radius:8px;padding:10px 11px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#76a990;box-shadow:0 0 0 3px rgba(29,111,76,.08)}textarea{resize:vertical}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checks label{display:flex;gap:8px;align-items:center;background:#f7faf8;padding:10px;border-radius:8px}.checks input{width:auto}.form-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.toolbar{display:flex;gap:10px;margin:16px 0}.toolbar input{flex:1}
.photo-row{display:flex;gap:18px;align-items:center;margin-bottom:16px}.photo-box{width:120px;height:140px;border:1px dashed #9eb2a7;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8faf9;text-align:center;color:var(--muted);font-size:12px}.photo-box img{width:100%;height:100%;object-fit:cover;display:none}.photo-controls{display:flex;flex-direction:column;gap:10px;min-width:280px}.photo-buttons{display:flex;gap:10px;flex-wrap:wrap}.hidden-file{display:none!important}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:700;background:#fafbf9}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table-actions button{padding:6px 9px;font-size:12px}.table-wrap{overflow:auto}.member-card{display:flex;gap:18px;align-items:flex-start}.member-photo{width:120px;height:140px;border-radius:10px;object-fit:cover;background:#eef3f0}.member-meta h2{margin:0 0 6px}.member-id{font-family:ui-monospace,Consolas,monospace;background:#eef6f1;padding:5px 8px;border-radius:6px;display:inline-block}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.detail{background:#f8faf9;padding:10px;border-radius:8px}.detail span{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.list-empty{color:var(--muted);padding:10px 0}.program-item{border-left:3px solid var(--primary);padding:8px 12px;margin:8px 0;background:#f8faf9;border-radius:0 8px 8px 0}.program-item small{color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:18px;z-index:40}.modal-card{max-width:850px;width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;position:relative}.modal-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px}.toast{position:fixed;right:18px;bottom:18px;background:#183a2d;color:#fff;padding:12px 16px;border-radius:9px;z-index:60;box-shadow:var(--shadow)}.statusline,.muted{color:var(--muted)}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.report-summary{margin-top:18px}
.staff-info{display:grid;gap:6px;background:#f5faf7;border:1px solid var(--border);border-radius:10px;padding:14px;margin:16px 0}.staff-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.4fr);gap:18px}.staff-panel{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.staff-panel h3{margin-top:0}.staff-panel form{display:grid;gap:12px}.staff-panel label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.app-footer{display:flex;justify-content:space-between;gap:20px;padding:0 28px 18px;color:#75827c;font-size:11px}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 70% 20%,rgba(210,168,81,.28),transparent 24%),linear-gradient(135deg,#073b2d,#0d5c41)}.login-card{width:min(460px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 22px 60px rgba(0,0,0,.26)}.login-card h2{margin-bottom:5px;font-family:Georgia,serif;color:#123e31}.login-card label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-weight:650}.login-brand{display:flex;align-items:center;gap:14px;background:#f6f1e7;border-radius:13px;padding:14px;margin-bottom:22px;border:1px solid #ebe0c9}.login-logo{width:92px;height:92px;object-fit:contain}.login-brand h1{margin:0;color:#0f5132;font-family:Georgia,serif;font-size:31px;letter-spacing:2px}.login-brand p{margin:3px 0 0;color:#4e675d;font-size:12px}.login-brand span{display:block;margin-top:5px;color:#9a7731;font-family:Georgia,serif;font-style:italic;font-size:12px}.full{width:100%;margin-top:8px}
@media(max-width:1100px){:root{--sidebar:220px}.brand-logo{width:118px;height:118px}.topbar-title h1{font-size:20px}.dashboard-hero{padding:26px}.hero-copy h2{font-size:34px}.hero-message{font-size:27px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:8px 10px;display:block}.sidebar-brand{display:none}.nav{flex-direction:row;overflow:auto;margin:0;gap:4px}.nav-btn{width:auto;white-space:nowrap;padding:9px 11px}.nav-btn .nav-icon{display:none}.sidebar-bottom{display:none}.app-area{display:block}.topbar{position:sticky;top:48px;height:68px;padding:8px 14px}.topbar-title h1{font-size:17px}.subtitle{font-size:9px}.secure-badge,.top-logo{display:none}.main-content{padding:16px 12px 28px}.dashboard-hero{min-height:0;align-items:flex-start}.hero-message{display:none}.grid-2,.form-grid,.checks,.detail-grid,.staff-grid{grid-template-columns:1fr}.photo-controls{min-width:0}.app-footer{padding:0 14px 14px;display:block}.app-footer span{display:block;margin-top:4px}}
@media(max-width:560px){.dashboard-stats{grid-template-columns:1fr}.hero-copy h2{font-size:30px}.topbar-title{max-width:60%}.profile-copy{min-width:0}.profile-copy strong{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-row{align-items:flex-start;flex-direction:column}.photo-buttons{display:grid;grid-template-columns:1fr 1fr}.photo-buttons button{width:100%}.toolbar{flex-direction:column}.section-heading{flex-direction:column}.member-card{flex-direction:column}}
@media print{.sidebar,.topbar,.button-row,.primary,.secondary,.app-footer{display:none!important}.app-area{grid-column:1}.main-content{padding:0}body{background:#fff}.card{box-shadow:none;border:0}.view{display:none!important}#reports{display:block!important}}

/* ANWEF V1.1 digital signature / thumbprint */
.mark-section{margin-top:18px}.mark-help{color:#667085;margin-top:-4px}.mark-mode-row{display:flex;gap:22px;flex-wrap:wrap;margin:14px 0}.mark-mode-row label,.mark-confirm{display:flex;gap:8px;align-items:center;font-weight:600}.mark-pad-card{background:#fff;border:1px solid #d9e1da;border-radius:14px;padding:12px}.mark-pad-card canvas{display:block;width:100%;height:220px;border:2px dashed #9eafa2;border-radius:10px;background:repeating-linear-gradient(0deg,#fff,#fff 34px,#f3f6f3 35px);touch-action:none;cursor:crosshair}.mark-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.mark-confirm{margin-top:14px;font-weight:500}.existing-mark{margin-top:14px}.existing-mark img{display:block;max-width:360px;width:100%;max-height:160px;object-fit:contain;background:#fff;border:1px solid #d9e1da;border-radius:10px;margin-top:8px}.hidden{display:none!important}@media(max-width:700px){.mark-pad-card canvas{height:190px}.mark-actions{align-items:flex-start;flex-direction:column}}


/* ANWEF V1.2 — Meetings & Attendance */
.meeting-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}
.meeting-cards{display:grid;gap:12px}
.meeting-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #dde5df;border-radius:14px;padding:16px;background:#fff}
.meeting-card h3{margin:0 0 5px}
.meeting-card p{margin:.45rem 0;color:#5d665f}
.attendance-mini{display:flex;gap:9px;flex-wrap:wrap}
.attendance-mini span{font-size:12px;background:#eef5ef;border-radius:999px;padding:5px 9px;color:#234b32;font-weight:700}
.attendance-panel{width:min(1000px,94vw);max-height:90vh;overflow:auto}
.attendance-actions{display:flex;gap:10px;justify-content:space-between;margin:12px 0}
.attendance-actions input{max-width:360px}
.attendance-table select,.attendance-table input{min-width:140px}
.write-only.hidden{display:none!important}
@media(max-width:760px){
 .meeting-card{align-items:flex-start;flex-direction:column}
 .meeting-toolbar,.attendance-actions{align-items:stretch;flex-direction:column}
 .attendance-actions input{max-width:none}
}


/* ANWEF V1.3 — Required member photos + photo table + enhanced search */
.member-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,230px);gap:12px;align-items:center;margin:14px 0 4px}.member-search-box{position:relative;min-width:0}.member-search-box input{width:100%;min-height:46px;padding-left:42px;padding-right:42px;font-size:15px;border:1px solid #b8c9bf;border-radius:10px;background:#fff}.member-search-box input:focus{outline:2px solid rgba(12,91,62,.18);border-color:#0c5b3e}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:22px;color:#315849;pointer-events:none}.search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#65746d;font-size:21px;line-height:1;cursor:pointer}.search-clear:hover{background:#eef4f0}.member-search-count{font-size:13px;color:#67746e;margin:4px 0 10px}.members-table td{vertical-align:middle}.photo-cell-btn{border:0;background:transparent;padding:0;cursor:pointer;width:52px;height:52px;border-radius:10px;overflow:hidden;display:block}.member-thumb,.member-thumb-placeholder{width:52px;height:52px;border-radius:10px;display:flex;object-fit:cover;align-items:center;justify-content:center}.member-thumb{border:1px solid #d9e1dc;background:#f2f5f3}.member-thumb-placeholder{background:#e7efe9;color:#0c5b3e;font-weight:800;font-size:20px;border:1px solid #d0ddd4}.required-star{color:#c62828}@media(max-width:760px){.member-search-toolbar{grid-template-columns:1fr}.member-search-box input{font-size:16px}.member-thumb,.member-thumb-placeholder,.photo-cell-btn{width:46px;height:46px}}

.event-cards{display:grid;gap:12px}
.event-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid #dde5df;border-radius:14px;padding:16px;background:#fff}
.status-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef5ef;color:#174f37;font-size:12px;font-weight:700}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.gallery-card{border:1px solid #dce5df;border-radius:14px;overflow:hidden;background:#fff}
.gallery-image-wrap{aspect-ratio:4/3;background:#eef3ef;display:flex;align-items:center;justify-content:center}
.gallery-image,.gallery-placeholder{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#6a776f}
.gallery-meta{display:grid;gap:6px;padding:12px}
.gallery-meta span{font-size:12px;color:#6a776f}
@media(max-width:760px){.event-card{flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}}


/* ANWEF V1.4.1 — Keep sidebar navigation usable and Sign Out always visible */
.sidebar{
  height:100vh;
  max-height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.sidebar .brand{
  flex:0 0 auto;
}
.sidebar nav,
.sidebar .nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-bottom:12px;
  scrollbar-width:thin;
}
.sidebar-footer,
.sidebar .sidebar-bottom,
.sidebar [class*="sidebar-footer"]{
  flex:0 0 auto;
  margin-top:auto;
  position:sticky;
  bottom:0;
  z-index:5;
  background:inherit;
}

/* Preserve access to the existing secure status + sign-out block */
.sidebar .secure-online,
.sidebar .signout,
.sidebar #signOutBtn,
.sidebar [data-action="signout"]{
  flex-shrink:0;
}

/* Slightly compact the menu on shorter laptop/tablet screens */
@media (max-height: 820px){
  .sidebar .brand{padding-top:10px;padding-bottom:8px}
  .sidebar .brand img{max-height:120px}
  .sidebar nav .nav-btn,
  .sidebar .nav .nav-btn{min-height:42px;padding-top:8px;padding-bottom:8px}
}


/* ANWEF V1.4.2 — Media Gallery */
.media-gallery-shell{overflow:hidden}
.gallery-topbar{align-items:center}
.gallery-filter-row{display:flex;gap:12px;justify-content:flex-end;margin:8px 0 18px}
.gallery-filter-row select{max-width:220px}
.media-stage-wrap{position:relative;padding:0 48px}
.media-stage{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.media-card{
  min-width:0;
  border:1px solid #dce5df;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 5px 18px rgba(20,60,40,.08);
}
.media-card-view{
  aspect-ratio:4/3;
  background:#eef3ef;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.gallery-image-large,.gallery-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#111;
}
.media-card-meta{display:grid;gap:5px;padding:12px 14px}
.media-card-meta strong{font-size:15px;color:#0f4f39}
.media-card-meta span{font-size:12px;color:#6b756f}
.media-arrow{
  position:absolute;top:42%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;
  border:1px solid #cbd8d0;background:#fff;color:#0b5a3c;
  font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:3;box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.media-arrow:hover{background:#edf6f1}
.media-arrow:disabled{opacity:.35;cursor:default}
.media-arrow-left{left:0}
.media-arrow-right{right:0}
.gallery-position{text-align:center;margin-top:14px;color:#6c776f;font-size:13px}
.media-empty{grid-column:1/-1;padding:50px 10px}
.media-drop-label input{display:block;margin-top:8px}
.media-selection-summary{margin:10px 0;padding:10px 12px;border-radius:10px;background:#eef5ef;color:#315948;font-weight:600}
.media-upload-progress{display:grid;gap:7px;margin:8px 0}
.upload-row{padding:9px 11px;border-radius:9px;background:#f3f5f4;font-size:13px}
.upload-ok{background:#e8f6ec;color:#17643d}
.upload-fail{background:#fdecec;color:#a12525}
.small-danger{justify-self:start;margin-top:5px}

@media(max-width:1100px){
  .media-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .media-stage-wrap{padding:0 38px}
  .media-stage{grid-template-columns:1fr}
  .gallery-filter-row{flex-direction:column}
  .gallery-filter-row select{max-width:none}
}