.madep-gallery { color:#172440; background:#fff; }
.madep-gallery__hero { padding:24px 0 26px; background:#2d176f; color:#fff; }
.madep-gallery__hero p { margin:0 0 8px; color:#ff9a28; font-size:.72rem; font-weight:800; letter-spacing:.14em; }
.madep-gallery__hero h1 { margin:0 0 8px; color:#fff; font-size:clamp(1.8rem,2.5vw,2.5rem); letter-spacing:-.035em; line-height:1.15; }
.madep-gallery__hero span { font-size:.92rem; }
.madep-gallery__content { padding-block:32px 48px; }
.madep-gallery__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.madep-gallery__section-title { grid-column:1/-1; margin:0; color:#2d176f; font-size:1.15rem; line-height:1.3; }
.madep-gallery__year { grid-column:1/-1; display:flex; align-items:center; gap:18px; margin:0; color:#e76e00; font-size:1.05rem; line-height:1.3; }
.madep-gallery__year::before { order:2; flex:1; height:1px; background:#e76e00; content:""; }
.madep-gallery__year[hidden] { display:none; }
.madep-gallery__item { display:block; position:relative; width:100%; min-width:0; margin:0; }
.madep-gallery__item[hidden] { display:none; }
.madep-gallery__item--featured { grid-column:1/-1; }
.madep-gallery__photo { display:block; position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; padding:0; border:0; background:#edf0f4; border-radius:8px; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.madep-gallery__item--featured .madep-gallery__photo { aspect-ratio:auto; height:clamp(180px,15vw,225px); }
.madep-gallery__photo img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--madep-gallery-x,50%) var(--madep-gallery-y,50%); }
.madep-gallery__photo img.is-framed { max-width:none; object-fit:fill; }
.madep-gallery__overlay { position:absolute; z-index:2; right:12px; bottom:12px; left:12px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; opacity:0; pointer-events:none; transition:opacity .2s; }
.madep-gallery__caption { box-sizing:border-box; display:block; width:max-content; max-width:100%; overflow:hidden; padding:7px 10px; border-radius:5px; background:rgba(26,12,55,.85); color:#fff; font-size:.76rem; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.madep-gallery__caption:is(:hover,:focus,:active) { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }
.madep-gallery__caption--link { text-decoration:none; text-underline-offset:2px; }
.madep-gallery__caption--link:is(:hover,:focus,:active) { color:#ff9a28; background:#2d176f; text-decoration:underline; }
.madep-gallery__caption--link:focus-visible { outline:2px solid #ef7d00; outline-offset:2px; }
.madep-gallery__expand { align-self:flex-end; padding:7px 12px; border:0; border-radius:5px; background:rgba(26,12,55,.85); box-shadow:none; color:#fff; cursor:pointer; font:inherit; font-size:.76rem; }
.madep-gallery__expand:is(:hover,:active,:focus-visible) { background:#2d176f; box-shadow:none; color:#fff; transform:none; }
.madep-gallery__expand:focus-visible { outline:2px solid #ef7d00; outline-offset:2px; }
.madep-gallery__item:hover .madep-gallery__overlay,.madep-gallery__item:focus-within .madep-gallery__overlay { opacity:1; pointer-events:auto; }
.madep-gallery__photo:focus-visible { outline:3px solid #ef7d00; outline-offset:4px; }
.madep-gallery__more { margin-top:24px; text-align:center; }
.madep-gallery__more button { padding:12px 30px; border:1px solid #ef7d00; border-radius:6px; background:#ef7d00; color:#fff; font:inherit; font-weight:700; cursor:pointer; box-shadow:0 5px 14px rgba(239,125,0,.23); transition:background .2s,border-color .2s,box-shadow .2s; }
.madep-gallery__more button:hover { border-color:#d66700; background:#d66700; box-shadow:0 7px 18px rgba(214,103,0,.3); }
.madep-gallery__more button:focus-visible { outline:3px solid #2d176f; outline-offset:3px; }
.madep-gallery__more p { margin:10px 0 0; color:#647087; font-size:.78rem; }
.madep-gallery__empty { padding:48px 0; text-align:center; }
html.madep-gallery-open { overflow:hidden; }
.project-single__main img.post-image-preview, .editorial-single__main img.post-image-preview { cursor:zoom-in; }
.project-single__main img.post-image-preview:focus-visible, .editorial-single__main img.post-image-preview:focus-visible { outline:3px solid #ef7d00; outline-offset:4px; }
.madep-photo-viewer { position:fixed; inset:0; width:100vw; height:100vh; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:#100d18; color:#fff; overflow:hidden; }
.madep-photo-viewer::backdrop { background:rgba(0,0,0,.95); }
.madep-photo-viewer__layout { --toolbar-height:52px; --filmstrip-height:100px; display:grid; grid-template-rows:var(--toolbar-height) minmax(0,1fr) auto var(--filmstrip-height); height:100%; padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); box-sizing:border-box; }
.madep-photo-viewer--thumbs-hidden .madep-photo-viewer__layout { grid-template-rows:var(--toolbar-height) minmax(0,1fr) auto; }
.madep-photo-viewer__toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:14px; }
.madep-photo-viewer__toolbar-actions { display:flex; align-items:center; gap:10px; }
.madep-photo-viewer button { flex-shrink:0; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:#211a2d; color:#fff; font:32px/1 Arial,sans-serif; cursor:pointer; }
.madep-photo-viewer .madep-photo-viewer__thumbnails-toggle { display:block; width:auto; height:38px; padding:0 14px; border-radius:19px; font:600 13px/1 Arial,sans-serif; white-space:nowrap; }
.madep-photo-viewer button:hover { background:#403055; }
.madep-photo-viewer button:focus-visible { outline:3px solid #ff9926; outline-offset:3px; }
.madep-photo-viewer button:disabled { opacity:.3; cursor:default; }
.madep-photo-viewer .madep-photo-viewer__nav { position:relative; box-sizing:border-box; border:1px solid rgba(255,255,255,.35); background:#211a2d; color:#fff; box-shadow:none; font-size:0; transform:none; }
.madep-photo-viewer .madep-photo-viewer__nav:is(:hover,:focus-visible,:active) { border-color:rgba(255,255,255,.7); background:#403055; color:#fff; box-shadow:none; transform:none; }
.madep-photo-viewer__nav::before { position:absolute; top:50%; left:50%; width:24px; height:24px; background-color:currentColor; content:""; -webkit-mask:url("arrow-right-asset.png") center / 24px 24px no-repeat; mask:url("arrow-right-asset.png") center / 24px 24px no-repeat; transform:translate(-50%,-50%); pointer-events:none; }
.madep-photo-viewer__nav[data-photo-prev]::before { transform:translate(-50%,-50%) scaleX(-1); }
.madep-photo-viewer__stage { display:grid; grid-template-columns:52px minmax(0,1fr) 52px; align-items:center; gap:12px; min-height:0; touch-action:pan-y pinch-zoom; user-select:none; }
.madep-photo-viewer__image-wrap { position:relative; display:grid; place-items:center; height:100%; min-height:0; overflow:hidden; }
.madep-photo-viewer__image-wrap img { display:block; width:100%; height:100%; object-fit:contain; min-height:0; }
.madep-photo-viewer__image-wrap p { position:absolute; inset:auto 12px 12px; margin:0; text-align:center; color:#fff; background:rgba(16,13,24,.9); font-size:14px; }
.madep-photo-viewer__caption { max-width:100%; margin:12px auto; text-align:center; color:#fff; font-size:14px; line-height:1.5; max-height:4.5em; overflow-y:auto; }
.madep-photo-viewer__caption a { color:#fff; text-decoration:none; text-underline-offset:3px; }
.madep-photo-viewer__caption a:is(:hover,:focus,:active) { color:#ff9a28; text-decoration:underline; }
.madep-photo-viewer__caption a:focus-visible { outline:2px solid #ff9a28; outline-offset:3px; }
.madep-photo-viewer__caption a[hidden] { display:none; }
.madep-photo-viewer__filmstrip { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; }
.madep-photo-viewer--thumbs-hidden .madep-photo-viewer__filmstrip { display:none; }
.madep-photo-viewer__thumbs { display:flex; align-items:center; gap:10px; min-width:0; max-width:min(100%,844px); width:max-content; overflow-x:auto; padding:8px 3px; scrollbar-width:thin; scrollbar-color:#6d5b86 transparent; touch-action:pan-x pinch-zoom; overscroll-behavior-x:contain; cursor:grab; }
.madep-photo-viewer__thumbs.is-dragging, .madep-photo-viewer__thumbs.is-dragging button { cursor:grabbing; }
.madep-photo-viewer__thumbs button { width:96px; height:68px; border:2px solid transparent; border-radius:6px; overflow:hidden; opacity:.55; }
.madep-photo-viewer__thumbs button[aria-current="true"] { border-color:#ff9926; opacity:1; }
.madep-photo-viewer__thumbs img { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
@media(max-width:1400px) { .madep-gallery__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1000px) { .madep-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
 .madep-gallery__grid { grid-template-columns:1fr; gap:20px; }
 .madep-gallery__content { padding-block:22px 32px; }
 .madep-gallery__item { margin-bottom:20px; }
 .madep-gallery__item--featured .madep-gallery__photo { height:clamp(130px,45vw,180px); }
 .madep-photo-viewer__layout { --toolbar-height:44px; --filmstrip-height:88px; padding-top:max(8px,env(safe-area-inset-top)); padding-inline:8px; }
 .madep-photo-viewer__stage { position:relative; display:block; }
 .madep-photo-viewer .madep-photo-viewer__arrow,
 .madep-photo-viewer .madep-photo-viewer__arrow:is(:hover,:focus-visible,:active) { position:absolute; z-index:2; top:50%; transform:translateY(-50%); opacity:.85; }
 .madep-photo-viewer__arrow[data-photo-prev] { left:0; }
 .madep-photo-viewer__arrow[data-photo-next] { right:0; }
 .madep-photo-viewer__filmstrip { gap:6px; }
 .madep-photo-viewer__thumbs button { width:76px; height:56px; }
 .madep-photo-viewer__caption { padding-inline:8px; font-size:13px; }
}
@media(max-height:480px) { .madep-photo-viewer__layout { --toolbar-height:40px; --filmstrip-height:70px; padding-block:4px; } .madep-photo-viewer__thumbs button { height:44px; width:65px; } .madep-photo-viewer__caption { margin:4px; max-height:3em; } }
@media(prefers-reduced-motion:reduce) { .madep-gallery__photo img,.madep-gallery__overlay,.madep-gallery__expand,.madep-gallery__caption { transition:none; } }

/* Match the compact, centered arch-pattern title banner used across inner pages. */
.madep-gallery__hero {
 position:relative; isolation:isolate; display:grid; min-height:120px; align-items:center; overflow:hidden; padding:10px 0;
 background-color:#2d176f;
 background-image: none;
 color:#fff; text-align:center;
}
.madep-gallery__hero > .project-shell { position:relative; z-index:1; width:min(100% - 40px, 980px); margin-inline:auto; }
.madep-gallery__hero p { margin:0 0 4px; color:#ff9a28; font-size:.7rem; }
.madep-gallery__hero h1 { margin:0; color:#fff; font-family:inherit; font-size:clamp(1.75rem,2.8vw,2.45rem); font-weight:700; letter-spacing:-.035em; line-height:1.12; }
.madep-gallery__hero span { display:block; margin-top:4px; color:rgba(255,255,255,.94); font-size:.9rem; line-height:1.5; }
@media(max-width:700px) {
 .madep-gallery__hero { min-height:110px; padding:10px 0; }
 .madep-gallery__hero > .project-shell { width:min(100% - 32px, 980px); }
 .madep-gallery__hero h1 { font-size:clamp(1.65rem,7vw,2rem); }
 .madep-gallery__hero span { font-size:.84rem; }
}