/* MC Sector Tiles: equal tiles on powder blue, photo revealed on hover (or mid-screen on touch). */
.mc-doors{--mc-cols:5;--mc-gap:clamp(10px,1.2vw,16px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mc-gap)}
.mc-door{position:relative;overflow:hidden;display:flex;flex-direction:column;color:var(--mc-ink);text-decoration:none;background:var(--mc-tile-bg,var(--mc-powder));isolation:isolate;min-width:0;flex:0 0 calc((100% - (var(--mc-cols) - 1) * var(--mc-gap)) / var(--mc-cols))}
.mc-door:hover,.mc-door:focus{color:var(--mc-ink)}
.mc-door:focus-visible{outline:2px solid var(--mc-deep);outline-offset:4px}
.mc-door__img{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .9s ease}
.mc-door__img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.02)}
.mc-door::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mc-tile-bg,var(--mc-powder));opacity:.62;transition:opacity .9s ease}
.mc-door--dark::before{opacity:.7}
.mc-door:hover .mc-door__img,.mc-door:focus-visible .mc-door__img,.mc-door.is-lit .mc-door__img{opacity:.42}
.mc-door:hover .mc-door__img img,.mc-door.is-lit .mc-door__img img{animation:mc-kb-a 14s ease-in-out infinite alternate}
.mc-door__body{padding:clamp(20px,1.8vw,26px);display:flex;flex-direction:column;gap:8px;height:100%}
.mc-door .mc-hl{margin-bottom:10px}
.mc-door__eyebrow{margin:0;font:500 10.5px/1.4 var(--mc-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mc-deep);min-height:3em;flex:0 0 auto}
.mc-door__title{margin:0;color:var(--mc-heading,#000);font:italic 500 clamp(26px,2.1vw,30px)/1.08 var(--mc-display);text-wrap:balance}
.mc-door__text{margin:0;font:400 14.5px/1.6 var(--mc-serif);color:var(--mc-body);flex:1}
.mc-door__go{font:500 11px/1.5 var(--mc-ui);letter-spacing:.14em;text-transform:uppercase;margin-top:10px;display:block;color:var(--mc-deep)}
.mc-door:hover .mc-door__go{color:var(--mc-charcoal)}
/* Defaults per Elementor breakpoint; the widget's "Tiles per row" setting overrides these. */
@media (max-width:1024px){.mc-doors{--mc-cols:3}}
@media (max-width:767px){.mc-doors{--mc-cols:1}.mc-door__eyebrow{min-height:0}}
@media (prefers-reduced-motion:reduce){
  .mc-door__img,.mc-door__img img,.mc-door::before{animation:none!important;transition:none!important}
}