/* ICAI Melbourne — About / Our Story: Inauguration gallery ("Where it all began"). Section class .ig, id #inauguration */
.icai-w .ig{--ig-glow:rgba(192,148,51,.14);background:var(--ink);color:var(--on-ink);padding-block:clamp(52px,6.4vw,96px);position:relative;overflow:hidden}
.icai-w .ig::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 50% at 100% 0%,var(--ig-glow),transparent 60%)}
.icai-w .ig .icai-wrap{position:relative}
.icai-w .ig__hd{display:grid;gap:14px;margin-bottom:clamp(26px,3.4vw,44px)}
.icai-w .ig__hd .icai-eyebrow{color:var(--brass-lt);margin-top:0}
.icai-w .ig__title{margin:12px 0 0;font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.03;letter-spacing:-.026em;color:var(--on-ink)}
.icai-w .ig__title em{font-style:normal;color:var(--brass-lt)}
.icai-w .ig__lede{margin:12px 0 0;color:var(--on-ink-mute);font-size:var(--fs-lede);max-width:46ch}
.icai-w .ig__date{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--on-ink-mute)}
.icai-w .ig__date b{font-family:var(--f-display);font-weight:300;font-size:clamp(3rem,7vw,5.2rem);letter-spacing:-.04em;line-height:.9;color:var(--brass);text-transform:none}
@media (min-width:900px){.icai-w .ig__hd{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:60px}}

.icai-w .ig__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(108px,29vw,170px);grid-auto-flow:dense;gap:6px}
.icai-w .ig__i{position:relative;overflow:hidden;padding:0;margin:0;border:0;border-radius:0;background:var(--ink-2);cursor:zoom-in;display:block;width:100%;height:100%;color:inherit}
.icai-w .ig__i img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.85);transition:transform .9s var(--e-soft),filter .5s}
.icai-w .ig__i:hover img,.icai-w .ig__i:focus-visible img{transform:scale(1.04);filter:saturate(1)}
.icai-w .ig__i::after{content:attr(data-n);position:absolute;left:8px;bottom:8px;z-index:3;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;color:rgba(239,237,231,.8);text-shadow:0 1px 3px rgba(8,21,28,.7)}
.icai-w .ig__i--w{grid-column:span 2}
.icai-w .ig__i--t{grid-row:span 2}
.icai-w .ig__i--b{grid-column:span 2;grid-row:span 2}
.icai-w .ig a:focus-visible,.icai-w .ig button:focus-visible{outline-color:var(--brass-lt)}
@media (min-width:768px){
  .icai-w .ig__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(130px,15vw,210px);gap:8px}
}
@media (min-width:1200px){.icai-w .ig__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* phones: first N photos, then "View all" */
.icai-w .ig__more{display:none;margin-top:18px;width:100%}
@media (max-width:767px){
  .icai-w .ig:not(.is-all) .ig__i--late{display:none}
  .icai-w .ig:not(.is-all) .ig__more{display:inline-flex}
}
.icai-w .ig.is-all .ig__more{display:none}

/* lightbox */
.icai-w .ig-lb{border:0;padding:0;background:transparent;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;overflow:hidden;color:var(--on-ink)}
.icai-w .ig-lb::backdrop{background:rgba(8,21,28,.94)}
.icai-w .ig-lb[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.icai-w .ig-lb__top{display:flex;justify-content:space-between;align-items:center;padding:14px var(--gutter);font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase}
.icai-w .ig-lb__stage{position:relative;display:grid;place-items:center;padding:0 clamp(8px,6vw,90px);min-height:0}
.icai-w .ig-lb__stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.icai-w .ig-lb__cap{margin:0;padding:12px var(--gutter) max(18px,env(safe-area-inset-bottom));text-align:center;color:var(--on-ink-mute);font-size:var(--fs-sm);min-height:24px}
.icai-w .ig-lb button{color:var(--on-ink);cursor:pointer}
.icai-w .ig-lb__x{width:44px;height:44px;padding:0;border:1px solid rgba(239,237,231,.3)!important;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;line-height:1;background:transparent}
.icai-w .ig-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(239,237,231,.3)!important;background:rgba(8,21,28,.5);display:grid;place-items:center;z-index:2}
.icai-w .ig-lb__nav:hover,.icai-w .ig-lb__x:hover{background:rgba(239,237,231,.12)}
.icai-w .ig-lb__nav svg{width:18px;height:18px}
.icai-w .ig-lb__prev{left:clamp(6px,2vw,24px)}
.icai-w .ig-lb__next{right:clamp(6px,2vw,24px)}
@media (prefers-reduced-motion:reduce){.icai-w .ig__i img{transition:none}}