/* MI111: gallery listing design. Scoped to the four TR/EN media listing pages. */
body.mi111-gallery-page{--mi111-ink:#082f49;--mi111-muted:#526d7e;--mi111-accent:#007d9b;--mi111-line:#cfe3ea;background:#f5fafc;color:var(--mi111-ink);overflow-x:clip}
body.mi111-gallery-page .mi97-photo-intro{position:relative;padding:32px 0 30px!important;background:radial-gradient(circle at 88% 12%,#c9f4f4 0,transparent 28%),linear-gradient(145deg,#eaf6fa,#fff 68%)!important;border-bottom:1px solid var(--mi111-line)}
body.mi111-gallery-page .mi97-photo-intro .container{width:min(1240px,calc(100% - 40px));max-width:none;padding:0;margin:auto}
body.mi111-gallery-page .mi97-photo-intro .mi44-breadcrumb{margin:0 0 16px;color:#557383;font-size:.78rem}
body.mi111-gallery-page .mi97-photo-intro .mi44-breadcrumb a{color:#096c86}
body.mi111-gallery-page .mi97-photo-intro .mi97-intro-row{align-items:end;gap:24px}
body.mi111-gallery-page .mi97-photo-intro .mi97-kicker{display:inline-flex;padding:7px 11px;border:1px solid #b9e8ed;border-radius:999px;background:#e7f8fb;color:#006f8d;font-size:.7rem;font-weight:900;letter-spacing:.1em}
body.mi111-gallery-page .mi97-photo-intro h1{margin:11px 0 8px;color:var(--mi111-ink);font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
body.mi111-gallery-page .mi97-photo-intro p{max-width:760px;margin:0;color:var(--mi111-muted);font-size:clamp(.95rem,1.25vw,1.05rem);line-height:1.6}
body.mi111-gallery-page .mi97-quote-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:13px!important;background:#087e9c!important;color:#fff!important;border:1px solid #087e9c!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(0,100,125,.17);font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.mi111-gallery-page .mi97-quote-link:hover{background:#045a76!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,100,125,.24)}
body.mi111-gallery-page .mi15-media-main,body.mi111-gallery-page main.mi-media-page{background:transparent!important}
body.mi111-gallery-page .mi15-wrap,body.mi111-gallery-page .mi-media-shell{width:min(1240px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:26px 0 0!important}
body.mi111-gallery-page .mi97-photo-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0 0 40px!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]{position:relative!important;display:block!important;min-width:0!important;height:auto!important;aspect-ratio:4/3!important;overflow:hidden!important;border:1px solid rgba(8,47,73,.13)!important;border-radius:19px!important;background:#dcecf0!important;box-shadow:0 12px 36px rgba(4,41,60,.09)!important;isolation:isolate;transform:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]:before{content:"";position:absolute;inset:30% 0 0;z-index:1;background:linear-gradient(0deg,rgba(2,20,31,.89),rgba(2,20,31,.34) 42%,transparent);pointer-events:none}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] figure{position:relative;display:block;width:100%;height:100%;margin:0!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] .media{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;padding:0!important;background:#dcecf0!important;overflow:hidden!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.02);transition:transform .35s ease,filter .35s ease!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] figcaption{position:absolute!important;z-index:2!important;left:18px!important;right:48px!important;bottom:17px!important;max-width:none!important;margin:0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:clamp(.85rem,1.15vw,1rem)!important;font-weight:800!important;line-height:1.35!important;text-shadow:0 2px 10px rgba(0,0,0,.38);overflow-wrap:anywhere}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] figcaption:after{content:"↗";position:absolute;right:-36px;bottom:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font-size:1rem}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] .mi89-photo-zoom{position:absolute;z-index:2;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.62);border-radius:11px;background:rgba(3,36,52,.55);color:#fff;backdrop-filter:blur(8px)}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]:is(:hover,:focus){transform:translateY(-4px)!important;border-color:#39bfd0!important;box-shadow:0 23px 48px rgba(4,41,60,.18)!important}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]:is(:hover,:focus) img{transform:scale(1.045)!important;filter:saturate(1.13)}
body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]:focus,body.mi111-gallery-page .mi97-quote-link:focus{outline:3px solid #00b9ce!important;outline-offset:4px!important}

/* The original gallery content and controls remain in the document. */
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero{padding:32px 20px 34px!important;background:radial-gradient(circle at 83% 8%,rgba(34,211,238,.2),transparent 28%),linear-gradient(135deg,#061f30,#0a3e52 70%,#075d72)!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero__inner{width:min(1240px,100%)!important;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr)!important;gap:32px!important;align-items:center!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-breadcrumb{margin-bottom:12px!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero h1{font-size:clamp(2.3rem,4.5vw,3.75rem)!important;line-height:1.04!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero p{max-width:720px;margin:12px 0 0!important;font-size:clamp(.95rem,1.25vw,1.06rem)!important;line-height:1.55!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-btn{min-height:44px!important;padding:10px 16px!important;border-radius:12px!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero__metric{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;align-self:center!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card{min-width:0;min-height:94px!important;padding:12px!important;border-radius:15px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card strong{font-size:clamp(1.12rem,1.9vw,1.65rem)!important;line-height:1.1!important;white-space:nowrap}
body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card span{font-size:.68rem!important;line-height:1.3!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-wrap,body.mi111-gallery-page.mi44-video-gallery .mi15-page{width:min(1240px,calc(100% - 40px))!important;max-width:none!important;margin:0 auto!important;padding:20px 0 0!important}
body.mi111-gallery-page.mi44-video-gallery main.mi-media-page{padding-top:0!important}
body.mi111-gallery-page.mi44-video-gallery .mi-media-breadcrumb{display:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro{display:block!important;margin:0 0 16px!important;padding:0!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro h2{max-width:900px;margin:5px 0 7px!important;font-size:clamp(1.42rem,2.5vw,2.05rem)!important;line-height:1.16!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro p{max-width:1000px;font-size:.9rem!important;line-height:1.5!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro__stats{display:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-toolbar{position:relative!important;top:auto!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;padding:12px!important;border:1px solid var(--mi111-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 28px rgba(4,41,60,.07)!important;backdrop-filter:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-search{min-width:0!important;width:100%!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-search input{width:100%!important;min-height:46px!important;border:1px solid #bfdbe3!important;border-radius:11px!important;padding:10px 14px!important;background:#f7fbfc!important;color:var(--mi111-ink)!important;box-shadow:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-filters{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:thin;padding:3px 2px 7px!important;scroll-snap-type:x proximity}
body.mi111-gallery-page.mi44-video-gallery .mi15-filter{flex:0 0 auto!important;min-height:42px!important;padding:8px 12px!important;border-radius:11px!important;background:#f1f8fa!important;border:1px solid #d3e7ec!important;color:#24546a!important;font-size:.76rem!important;line-height:1.2!important;scroll-snap-align:start;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
body.mi111-gallery-page.mi44-video-gallery .mi15-filter:is(:hover,.is-active){background:#087e9c!important;border-color:#087e9c!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,100,125,.14)}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip{display:flex!important;gap:12px!important;margin:0 0 12px!important;padding:11px 14px!important;border-radius:14px!important;background:#ebf7f9!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__copy{min-width:0;flex:1}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__copy b{font-size:.8rem!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__copy span{font-size:.72rem!important;line-height:1.35!important}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__links{flex:0 1 auto}
body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__links a{min-height:38px;display:inline-flex;align-items:center;padding:7px 10px!important}
body.mi111-gallery-page.mi44-video-gallery .mi102-video-overview{margin:0 0 15px!important;padding:12px 16px!important;border-radius:14px!important}
body.mi111-gallery-page.mi44-video-gallery .mi102-video-overview>div:first-child strong{font-size:.86rem!important}
body.mi111-gallery-page.mi44-video-gallery .mi102-video-stats{display:none!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;scroll-margin-top:20px}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-card{min-width:0!important;border-radius:18px!important;border:1px solid rgba(8,47,73,.12)!important;box-shadow:0 10px 30px rgba(4,41,60,.07)!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-card:is(:hover,:focus){transform:translateY(-4px)!important;border-color:#32adbf!important;box-shadow:0 20px 42px rgba(4,41,60,.16)!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-card:focus,body.mi111-gallery-page.mi44-video-gallery .mi15-filter:focus,body.mi111-gallery-page.mi44-video-gallery .mi15-search input:focus,body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero a:focus,body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip a:focus{outline:3px solid #00b9ce!important;outline-offset:3px!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-copy{padding:15px 16px 17px!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-copy h2{font-size:1.04rem!important;line-height:1.34!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-video-copy p{font-size:.8rem!important;line-height:1.5!important}
body.mi111-gallery-page.mi44-video-gallery .mi111-library-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:22px;align-items:center;margin:22px 0 32px;padding:25px;border:1px solid #c9e3ea;border-radius:22px;background:radial-gradient(circle at 93% 8%,#c9f4f4,transparent 42%),linear-gradient(135deg,#f2fbfd,#fff);box-shadow:0 13px 34px rgba(4,41,60,.07)}
body.mi111-gallery-page.mi44-video-gallery .mi111-library-footer__copy>span{display:inline-block;color:#007b98;font-size:.68rem;font-weight:900;letter-spacing:.12em}
body.mi111-gallery-page.mi44-video-gallery .mi111-library-footer h2{margin:7px 0 7px;color:#082f49;font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.18}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-status{margin:0!important;color:#527080!important;font-size:.85rem!important;line-height:1.5!important}
body.mi111-gallery-page.mi44-video-gallery .mi111-library-footer__actions{display:grid;gap:9px}
body.mi111-gallery-page.mi44-video-gallery .mi15-loadmore{margin:0!important;padding:0!important}
body.mi111-gallery-page.mi44-video-gallery .mi15-loadmore button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 16px;border:1px solid #087e9c;border-radius:12px;background:#087e9c;color:#fff;font-size:.82rem;font-weight:850;box-shadow:0 10px 20px rgba(0,105,130,.15);transition:background .2s ease,transform .2s ease}
body.mi111-gallery-page.mi44-video-gallery .mi15-loadmore button:hover{background:#055d77;transform:translateY(-2px)}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid #bddde6;border-radius:12px;background:#fff;color:#0a516a;font-size:.78rem;font-weight:850;text-align:center;cursor:pointer;list-style:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index summary::-webkit-details-marker{display:none}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index summary:before{content:"☰";font-size:.95rem;line-height:1}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index summary:hover{border-color:#4cbdcd;background:#ecfbfc;transform:translateY(-2px)}
body.mi111-gallery-page.mi44-video-gallery .mi15-loadmore button:focus,body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index summary:focus,body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index a:focus{outline:3px solid #12bed1!important;outline-offset:3px!important}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index[open]{grid-column:1/-1}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:11px 0 0;padding:12px;max-height:430px;overflow:auto;border:1px solid #d2e7ec;border-radius:13px;background:#fff;list-style:none}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index li{min-width:0;margin:0;padding:0}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index li a{display:block;height:100%;padding:9px 10px;border:1px solid #e2eef1;border-radius:9px;color:#17475c;font-size:.72rem;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index li a:hover{background:#e9f9fb;border-color:#82d5df}

@media(max-width:1200px){body.mi111-gallery-page.mi44-video-gallery .mi15-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){
  body.mi111-gallery-page .mi97-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero__inner{grid-template-columns:1fr!important;gap:20px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero__metric{max-width:700px}
  body.mi111-gallery-page.mi44-video-gallery .mi15-toolbar{grid-template-columns:1fr!important}
  body.mi111-gallery-page.mi44-video-gallery .mi15-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.mi111-gallery-page .mi97-photo-intro{padding:22px 0 25px!important}
  body.mi111-gallery-page .mi97-photo-intro .container,body.mi111-gallery-page .mi15-wrap,body.mi111-gallery-page .mi-media-shell{width:calc(100% - 28px)!important}
  body.mi111-gallery-page .mi97-photo-intro .mi97-intro-row{display:block!important}
  body.mi111-gallery-page .mi97-photo-intro h1{font-size:clamp(1.9rem,8vw,2.6rem)}
  body.mi111-gallery-page .mi97-quote-link{margin-top:16px;min-height:44px}
  body.mi111-gallery-page .mi97-photo-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]{aspect-ratio:4/3!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero{padding:23px 14px 25px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero h1{font-size:clamp(2rem,8vw,2.65rem)!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero p{font-size:.89rem!important;line-height:1.48!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-hero__metric{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card{min-height:83px!important;padding:9px 7px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card strong{font-size:1.03rem!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-metric-card span{font-size:.58rem!important}
  body.mi111-gallery-page.mi44-video-gallery .mi15-wrap,body.mi111-gallery-page.mi44-video-gallery .mi15-page{width:calc(100% - 28px)!important;padding-top:16px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro{margin-bottom:13px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro h2{font-size:1.42rem!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-gallery-intro p{font-size:.79rem!important}
  body.mi111-gallery-page.mi44-video-gallery .mi15-toolbar{padding:10px!important;gap:8px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip{display:block!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__links{margin-top:8px;gap:6px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi104-channel-strip__links a{min-height:34px;font-size:.65rem!important}
  body.mi111-gallery-page.mi44-video-gallery .mi102-video-overview{display:none!important}
  body.mi111-gallery-page.mi44-video-gallery .mi15-video-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.mi111-gallery-page.mi44-video-gallery .mi111-library-footer{grid-template-columns:1fr;gap:15px;margin-top:18px;padding:19px;border-radius:18px}
  body.mi111-gallery-page.mi44-video-gallery .mi-gallery-link-index ol{grid-template-columns:1fr;max-height:360px}
}
@media(prefers-reduced-motion:reduce){body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo],body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo] img,body.mi111-gallery-page .mi97-quote-link,body.mi111-gallery-page.mi44-video-gallery .mi15-video-card,body.mi111-gallery-page.mi44-video-gallery .mi15-filter{transition:none!important;animation:none!important}body.mi111-gallery-page .mi97-photo-grid>a[data-mi-photo]:is(:hover,:focus),body.mi111-gallery-page.mi44-video-gallery .mi15-video-card:is(:hover,:focus){transform:none!important}}