/* Instagram grid in the dark contact block: small, secondary, drawn on a faint grid */
:root{--c:96px}
.ig{--ig-line:rgba(160,178,222,.12);position:relative;display:grid;grid-template-columns:repeat(3,var(--c));grid-template-rows:repeat(5,var(--c));box-sizing:content-box;width:calc(var(--c)*3);
  border-right:1px solid var(--ig-line);border-bottom:1px solid var(--ig-line);
  background-image:linear-gradient(var(--ig-line) 1px,transparent 1px),linear-gradient(90deg,var(--ig-line) 1px,transparent 1px);background-size:var(--c) var(--c);margin-top:56px}
.ig .ph{display:block;box-sizing:border-box;padding:1px 0 0 1px;min-width:0;min-height:0}
.ig .ph img{display:block;width:100%;height:100%;object-fit:cover;opacity:.9}
.ig-link{grid-area:2/1/3/4;display:flex;align-items:center;gap:12px;padding-left:20px;font-size:var(--ig-fs,20px);color:#EEF0F4;text-decoration:none;white-space:nowrap}
.ig-link:focus-visible{outline:2px solid var(--pink,#F7D2DE);outline-offset:-4px}
.ig-link svg{flex:none}
/* animation state, only once ig.js is running and only if motion is allowed */
@media (prefers-reduced-motion:no-preference){
  .ig.ig-ready .ph{opacity:0;transition:opacity .42s ease}
  .ig.ig-ready .ph.on{opacity:1}
  .ig.ig-ready.ig-snap .ph{transition:none}
}
/* wide screens: the grid sits on the right of the block, its second row (the link) level with the top of the heading */
@media (min-width:1101px){
  .contact,.end .foot{position:relative}
  .contact .ig,.end .foot .ig{position:absolute;right:var(--gap,100px);top:calc(var(--ig-top,140px) - var(--c));margin:0}
  /* the block is always tall enough for the grid: its last row ends well above the copyright line */
  .contact,.end .foot{min-height:calc(var(--ig-top,140px) + 4 * var(--c) + 120px)}
  .contact>.foot{margin-top:auto}
  .end .foot{display:flex;flex-direction:column}
  .end .foot>.in{flex:1}
  .end .foot>.base,.end .foot .in>.base{margin-top:auto}
}
@media (max-width:1100px){.ig{max-width:100%}}
@media (max-width:420px){:root{--c:min(96px,calc((100vw - 34px) / 3))}}
/* page families */
.contact .ig{margin-top:0}
body[data-line=about]{--c:72px;--ig-top:96px;--ig-fs:19px}