@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:block;src:url(fonts/anton-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
/* INSIDER · Where We Meet · the stage (Gathering and Loupe). Deep teal.
   Cream type on the stage; gold only for the sparks and the loupe's chosen line, never on text. Nothing under 12px. */

.iwwm.iwwm-has-stage{--st-gutter:max(40px,calc((100% - 1100px) / 2 + 48px));--st-bg:#0F4F57;--st-edge:#0B383D;--st-ink:#F5F3F1;--st-muted:rgba(245,243,241,.72);--st-line:rgba(245,243,241,.22);--st-spark:#E8C48C}

.iwwm .iwwm-skip{position:absolute;left:-9999px;top:0;z-index:20;background:var(--iwwm-paper);color:var(--iwwm-ink);padding:10px 14px;font-weight:700}
.iwwm .iwwm-skip:focus{position:fixed;left:16px;top:calc(var(--iwwm-top,0px) + 12px);z-index:100000;outline:2px solid var(--iwwm-teal)}

.iwwm .iwwm-stage{position:relative;display:block;width:100%;height:100vh;background:var(--st-bg);color:var(--st-ink);overflow:hidden;font-family:'Karla',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.iwwm .iwwm-stage[hidden]{display:none !important}
.iwwm.iwwm-d-gathering .iwwm-stage{overflow:visible;overflow:clip;background:transparent}
.iwwm .iwwm-frame{position:absolute;left:0;top:0;width:100%;height:100vh;overflow:hidden;background:radial-gradient(120% 90% at 50% 45%,var(--st-bg) 55%,var(--st-edge) 100%)}
.iwwm.iwwm-d-gathering .iwwm-frame{position:sticky;top:var(--iwwm-top,0px);height:calc(var(--iwwm-vh,100vh) - var(--iwwm-top,0px));min-height:0}
.iwwm.iwwm-d-gathering .iwwm-frame[data-pin="manual"]{position:absolute;top:0;will-change:transform}
.iwwm.iwwm-d-loupe .iwwm-stage{height:calc(100vh - var(--iwwm-top,0px));min-height:min(560px,100vh)}
.iwwm.iwwm-d-loupe .iwwm-frame{height:100%;min-height:0}
.iwwm .iwwm-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.iwwm.iwwm-d-loupe .iwwm-canvas{cursor:none;touch-action:pan-y}

/* the chrome sits over gentle fades so type never sits on busy particles */
.iwwm .iwwm-frame:before,.iwwm .iwwm-frame:after{content:'';position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.iwwm .iwwm-frame:before{top:0;height:150px;background:linear-gradient(var(--st-bg) 30%,transparent)}
.iwwm .iwwm-frame:after{bottom:0;height:230px;background:linear-gradient(transparent,var(--st-bg) 62%)}
.iwwm.iwwm-d-gathering .iwwm-frame:before{background:linear-gradient(var(--st-bg) 30%,transparent)}
.iwwm.iwwm-d-gathering .iwwm-frame:after{background:linear-gradient(transparent,var(--st-edge) 62%)}

/* Canopy: the site header and the stage read as one deep teal field. The stage's own row sits under a hairline,
   on the same left and right edges as the header's content. */
@media (max-width:900px){.iwwm.iwwm-has-stage{--st-gutter:24px}}
@media (max-width:767px){.iwwm.iwwm-has-stage{--st-gutter:20px}}
/* a narrow phone keeps the name and the two actions; the current view is already on screen */
@media (max-width:560px){.iwwm .iwwm-stage .iwwm-tab.iwwm-tab-on{display:none}}
.iwwm .iwwm-stop{position:absolute;z-index:3;top:0;left:var(--st-gutter);right:var(--st-gutter);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:0;border-top:1px solid var(--st-line)}
.iwwm .iwwm-stopleft{display:flex;align-items:baseline;gap:18px;min-width:0}
.iwwm .iwwm-stage h1.iwwm-mark{margin:0;padding:0;font-family:'Karla',sans-serif;font-size:12px;line-height:1.3;letter-spacing:.28em;font-weight:700;text-transform:uppercase;color:var(--st-ink);white-space:nowrap}
.iwwm .iwwm-tag{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:24px;line-height:1.2;color:var(--st-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iwwm .iwwm-stopright{display:flex;align-items:center;gap:28px}
.iwwm .iwwm-stage .iwwm-tab{font-family:'Karla',sans-serif;font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--st-muted);text-decoration:none;background:none;border:0;border-bottom:1.5px solid transparent;border-radius:0;padding:6px 0;cursor:pointer;white-space:nowrap}
.iwwm .iwwm-stage .iwwm-tab:hover,.iwwm .iwwm-stage .iwwm-tab:focus-visible{color:var(--st-ink)}
.iwwm .iwwm-stage .iwwm-tab-on{color:var(--st-ink);border-bottom-color:var(--st-spark);cursor:default}

.iwwm .iwwm-lead{position:absolute;z-index:3;left:var(--st-gutter);top:76px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:28px;line-height:1.2;color:var(--st-muted);transition:opacity .7s,transform .7s;pointer-events:none;max-width:min(560px,calc(100% - 80px))}
.iwwm .iwwm-lead span{display:block;font-family:'Karla',sans-serif;font-style:normal;font-size:12px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;margin-top:10px}
.iwwm .iwwm-lead.iwwm-gone,.iwwm .iwwm-hint.iwwm-gone{opacity:0;transform:translateY(-8px)}

.iwwm .iwwm-hint{position:absolute;z-index:3;right:40px;top:100px;font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--st-muted);transition:opacity .7s,transform .7s;pointer-events:none;text-align:right}
.iwwm .iwwm-hint-touch{display:none}
@media (hover:none){.iwwm .iwwm-hint-fine{display:none}.iwwm .iwwm-hint-touch{display:inline}}

.iwwm .iwwm-dots{position:absolute;z-index:3;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}
.iwwm .iwwm-dots button{width:24px;height:22px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.iwwm .iwwm-dots button:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--st-line);transition:background .3s,transform .3s}
.iwwm .iwwm-dots button.iwwm-on:after{background:var(--st-spark);transform:scale(1.25)}
.iwwm .iwwm-dots button:hover:after{background:var(--st-ink)}

.iwwm .iwwm-card{position:absolute;z-index:3;left:var(--st-gutter);right:var(--st-gutter);bottom:36px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px}
.iwwm .iwwm-cardtext{min-width:0}
.iwwm .iwwm-kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--st-muted)}
.iwwm .iwwm-name{font-family:'Instrument Serif',Georgia,serif;font-size:44px;line-height:1.04;margin-top:8px;color:var(--st-ink)}
.iwwm .iwwm-where{font-size:16px;color:var(--st-muted);margin-top:8px}
.iwwm .iwwm-cardact{display:flex;align-items:center;gap:22px;flex-shrink:0}
.iwwm .iwwm-stage button.iwwm-going{font-size:13px;letter-spacing:.16em;font-weight:700;color:var(--st-ink);display:inline-flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--st-line)}
.iwwm .iwwm-stage button.iwwm-going:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--st-spark);box-shadow:0 0 10px var(--st-spark)}
.iwwm .iwwm-stage button.iwwm-cta{background:var(--st-ink);color:var(--st-bg);padding:16px 22px;font-size:14px;letter-spacing:.16em;font-weight:700;border-radius:0;transition:transform .2s}
.iwwm .iwwm-stage button.iwwm-cta:hover{transform:translateY(-2px)}
.iwwm .iwwm-stage button.iwwm-cta.iwwm-cta-on{background:transparent;color:var(--st-ink);border:1px solid var(--st-ink)}
.iwwm .iwwm-stage button:focus-visible,.iwwm .iwwm-stage a:focus-visible{outline:2px solid var(--st-spark);outline-offset:3px}

/* administrators only: a thin strip on top says this is a preview */
.iwwm .iwwm-previewbar{position:absolute;z-index:4;left:0;right:0;top:0;background:rgba(0,0,0,.32);color:var(--st-ink);font-size:12px;line-height:16px;letter-spacing:.1em;font-weight:700;padding:4px 16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iwwm .iwwm-previewing .iwwm-stop{padding-top:40px}

/* the calendar continues below the stage */
.iwwm.iwwm-has-stage .iwwm-shell{padding-top:56px}

/* Loupe: a grid, so the type field and the words around it never share space */
.iwwm.iwwm-d-loupe .iwwm-frame{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top top" "lead hint" "field field" "card card"}
.iwwm.iwwm-d-loupe .iwwm-frame:before,.iwwm.iwwm-d-loupe .iwwm-frame:after{display:none}
.iwwm.iwwm-d-loupe .iwwm-stop{position:relative;grid-area:top;left:auto;right:auto;margin:0 40px}
.iwwm.iwwm-d-loupe .iwwm-lead{position:relative;grid-area:lead;left:auto;top:auto;margin:6px 40px 18px;max-width:none}
.iwwm.iwwm-d-loupe .iwwm-hint{position:relative;grid-area:hint;right:auto;top:auto;align-self:end;margin:0 40px 22px}
.iwwm.iwwm-d-loupe .iwwm-canvas{position:relative;inset:auto;grid-area:field;width:100%;height:auto;align-self:stretch;min-height:0;contain:size;-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
.iwwm.iwwm-d-loupe .iwwm-card{position:relative;grid-area:card;left:auto;right:auto;bottom:auto;padding:14px 40px 36px}
/* the card keeps one height while the loupe glides, so the field above never moves */
.iwwm.iwwm-d-loupe .iwwm-cardtext{flex:1;min-width:0}
.iwwm.iwwm-d-loupe .iwwm-kicker,.iwwm.iwwm-d-loupe .iwwm-name,.iwwm.iwwm-d-loupe .iwwm-where{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:800px){
  .iwwm.iwwm-d-loupe .iwwm-frame{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"top" "field" "lead" "hint" "card"}
  .iwwm.iwwm-d-loupe .iwwm-lead{margin:12px 16px 6px;font-size:21px}
  .iwwm.iwwm-d-loupe .iwwm-hint{margin:6px 16px 0;align-self:start}
  .iwwm.iwwm-d-loupe .iwwm-lead span{display:none}
  .iwwm.iwwm-d-loupe .iwwm-card{padding:14px 16px 22px}
  /* the card keeps one height while the loupe glides, so the field never jumps */
  .iwwm.iwwm-d-loupe .iwwm-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.08em}
  .iwwm.iwwm-d-loupe .iwwm-cardtext{width:100%}
  .iwwm .iwwm-stop{min-height:52px}
  .iwwm .iwwm-stage h1.iwwm-mark{font-size:11px;letter-spacing:.16em}
  .iwwm .iwwm-tag{display:none}
  .iwwm .iwwm-stopright{gap:14px}
  .iwwm .iwwm-stage .iwwm-tab{font-size:11px;letter-spacing:.12em}
  .iwwm.iwwm-d-gathering .iwwm-card{right:30px}
  .iwwm .iwwm-lead{top:64px;font-size:21px;max-width:calc(100% - 32px)}
  .iwwm .iwwm-hint{text-align:left}
  .iwwm .iwwm-dots{right:4px;gap:0}
  .iwwm .iwwm-dots button{width:22px;height:20px}
  .iwwm .iwwm-card{bottom:22px;flex-direction:column;align-items:flex-start;gap:16px}
  .iwwm .iwwm-kicker{letter-spacing:.14em}
  .iwwm .iwwm-name{font-size:30px}
  .iwwm .iwwm-where{font-size:15px}
  .iwwm .iwwm-cardact{width:100%;justify-content:space-between;flex-direction:row-reverse}
  .iwwm .iwwm-stage button.iwwm-cta{padding:14px 18px;font-size:13px}
  .iwwm .iwwm-previewing .iwwm-stop{padding-top:34px}
}
@media (max-width:400px){
}
@media (max-width:800px) and (max-height:700px){
  .iwwm .iwwm-dots button{height:14px}
  .iwwm.iwwm-d-gathering .iwwm-lead{top:64px;font-size:19px}
}
/* short laptop screens: the field gets the room */
@media (max-height:820px) and (min-width:800px){
  .iwwm.iwwm-d-loupe .iwwm-lead{margin:0 40px 10px;font-size:24px}
  .iwwm.iwwm-d-loupe .iwwm-hint{margin-bottom:12px}
  .iwwm.iwwm-d-loupe .iwwm-card{padding:6px 40px 22px}
  .iwwm .iwwm-name{font-size:36px}
}
/* phones held sideways */
@media (max-height:520px) and (min-width:560px){
  .iwwm .iwwm-stop{left:24px;right:24px;min-height:48px}
  .iwwm.iwwm-d-gathering .iwwm-lead{display:none}
  .iwwm .iwwm-card{left:24px;right:24px;bottom:14px}
  .iwwm .iwwm-name{font-size:26px}
  .iwwm .iwwm-where{display:none}
  .iwwm .iwwm-stage button.iwwm-cta{padding:12px 16px}
  .iwwm.iwwm-d-loupe .iwwm-lead,.iwwm.iwwm-d-loupe .iwwm-hint{display:none}
  .iwwm.iwwm-d-loupe .iwwm-card{padding:8px 24px 14px}
  .iwwm .iwwm-dots{gap:0}
  .iwwm .iwwm-dots button{height:17px}
}
@media (prefers-reduced-motion:reduce){
  .iwwm .iwwm-lead,.iwwm .iwwm-hint,.iwwm .iwwm-stage button.iwwm-cta{transition:none}
}

/* 2.0.7 · Council and Bench round */
/* the lead line explains the gold */
.iwwm.iwwm-d-gathering .iwwm-lead span{display:block;font-family:'Karla',sans-serif;font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--st-muted);margin-top:10px}
.iwwm.iwwm-d-gathering .iwwm-lead span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--st-spark,#E8C48C);margin-right:9px;vertical-align:1px}
/* when there is no count beside it (the next-year stop), the button keeps its place on the left */
@media (max-width:800px){
  .iwwm .iwwm-cardact .iwwm-going[hidden] + .iwwm-cta{margin-right:auto}
  /* touch: every control at least 44px tall; the dots get a 44px wide hit column */
  .iwwm .iwwm-dots button{width:44px;height:28px}
  .iwwm .iwwm-dots{right:0}
  .iwwm.iwwm-d-gathering .iwwm-card{right:48px}
  .iwwm .iwwm-stage .iwwm-tab{display:inline-flex;align-items:center;min-height:44px}
  .iwwm .iwwm-stage button.iwwm-going{min-height:44px}
}
@media (max-width:800px) and (max-height:700px){
  .iwwm .iwwm-dots button{height:22px}
}
@media (max-width:600px){.iwwm .iwwm-pv-note{display:none}}
@media (max-width:800px){.iwwm .iwwm-previewing .iwwm-lead{top:92px}}
@media (max-width:800px){.iwwm.iwwm-d-loupe .iwwm-previewing .iwwm-lead{display:none}}

/* 2.0.8 · touch at any width */
@media (pointer:coarse){
  .iwwm .iwwm-dots button{width:44px;height:28px}
  .iwwm .iwwm-stage .iwwm-tab{display:inline-flex;align-items:center;min-height:44px}
  .iwwm .iwwm-stage button.iwwm-going{min-height:44px}
}
@media (pointer:coarse) and (max-height:700px){
  .iwwm .iwwm-dots button{height:22px}
}