/* Edge-to-edge gathering scenes, with their complete approved compositions. */
html{scrollbar-gutter:stable}
html:has(#gathering-art-dialog[open]){overflow:hidden}
.company-gathering .gathering-spread{margin-top:clamp(36px,5vw,72px);margin-bottom:clamp(32px,4vw,64px)}
.company-gathering .gathering-scene{
  width:var(--meetup-viewport-width,100%);max-width:none;
  margin-inline:calc((100% - var(--meetup-viewport-width,100%))/2);
  aspect-ratio:auto!important;min-height:0;border:0;border-radius:0;
  box-shadow:0 -1px 0 #b69b5d38,0 1px 0 #b69b5d38,0 24px 64px #0004;
}
.company-gathering .gathering-scene>img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.company-gathering .gathering-scene figcaption{padding:clamp(20px,3.4vw,64px);pointer-events:none}
.company-gathering .gathering-scene figcaption>span{font-size:9px;letter-spacing:.15em;margin-bottom:7px}
.company-gathering .gathering-scene figcaption>strong{font-size:clamp(18px,2.2vw,30px);max-width:min(570px,72%);line-height:1.2}
.gathering-scene-open{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:0;cursor:zoom-in}
.gathering-scene-open>span{position:absolute;top:clamp(14px,2vw,32px);right:clamp(14px,2vw,32px);width:42px;height:42px;display:grid;place-items:center;border:1px solid #e2d1a65c;border-radius:50%;background:#0b1514a3;color:#f3e5c8;transition:background .2s,border-color .2s}
.gathering-scene-open svg{width:18px;height:18px;stroke-width:1.5}
.gathering-scene-open:hover>span{background:#13211feb;border-color:#e2d1a6}
.gathering-scene-open:focus-visible{outline:3px solid #ead19c;outline-offset:-6px}

#gathering-art-dialog{position:fixed;inset:0;width:calc(100% - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #b8a47765;border-radius:8px;background:#080e0c;color:#f0e8d7;box-shadow:0 24px 100px #000a;overflow:hidden}
#gathering-art-dialog[open]{display:flex;flex-direction:column}
#gathering-art-dialog::backdrop{background:#050908e8;backdrop-filter:blur(6px)}
.gathering-art-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border-bottom:1px solid #b8a4772b;flex:none}
#gathering-art-zone{font:500 9px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#c8b781;margin:0 0 5px}
#gathering-art-title{font:500 clamp(20px,2vw,29px)/1.2 var(--serif);margin:0}
.gathering-art-controls{display:flex;align-items:center;gap:12px;flex:none}
.gathering-art-controls button{display:grid;place-items:center;min-height:44px;min-width:44px;padding:8px 16px;background:#ffffff05;border:1px solid #d4c49a50;border-radius:4px;color:#e4d7b8;font:500 12px/1.3 var(--sans)}
.gathering-art-controls button:hover{background:#d4c49a14;border-color:#d4c49a}
#gathering-art-close{font:300 28px/1 var(--sans);padding:0}
.gathering-art-frame{flex:1;min-height:0;min-width:0;overflow:auto;padding:14px;overscroll-behavior:contain;scrollbar-color:#89764d #101714;scrollbar-width:thin}
#gathering-art-image{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
#gathering-art-dialog.is-zoomed #gathering-art-image{width:var(--art-zoom-width);height:auto;max-width:none;cursor:zoom-out}
@media(max-width:560px){
  .company-gathering .gathering-scene figcaption{padding:18px}
  .company-gathering .gathering-scene figcaption>span{font-size:8px;margin-bottom:4px}
  .gathering-scene-open>span{width:36px;height:36px;top:12px;right:12px}
  #gathering-art-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:5px}
  .gathering-art-toolbar{align-items:flex-start;gap:12px;padding:12px;flex-wrap:wrap}
  .gathering-art-toolbar>div:first-child{flex:1;min-width:160px}
  .gathering-art-controls{margin-left:auto;gap:8px}
  .gathering-art-frame{padding:8px}
}
@media(prefers-reduced-motion:reduce){.gathering-scene-open>span{transition:none}}
@media print{.gathering-scene-open,#gathering-art-dialog{display:none!important}}