/* Architects at Night 2027. Cover artwork from the BrandCorrected deck, Lato from the embedded font identification. */
@font-face{font-family:Lato;src:url('/assets/aan-font/lato-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/aan-font/lato-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/assets/aan-font/lato-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--aan-cyan:#00e7f5;--aan-turquoise:#1ad4e6;--aan-magenta:#f03dff;--aan-night:#060c22;--aan-paper:#f7f7fb;--aan-stroke:rgb(79 212 235 / 33%)}
html body,html body button,html body input,html body select,html body textarea{font-family:Lato,Arial,sans-serif}
html body .site-header .wordmark{font-family:Lato,Arial,sans-serif}
main .feature-card.glass,main .product-card.glass,main .image-showcase.glass,main .request-side.glass{
  border-color:rgb(44 160 180 / 28%);border-radius:14px;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 45%),0 12px 34px rgb(8 35 60 / 8%);
}
.aan-event-date{border-inline-start:2px solid var(--aan-turquoise);padding-inline-start:14px}
.aan-event-date time{font-weight:700}
.architect-panel.glass{
  background:linear-gradient(115deg,#060c22f2,#060c2260),url('/assets/architects-2027-stage.webp') 66% center/cover;
  color:var(--aan-paper);border:1px solid var(--aan-stroke);border-radius:16px
}
.architect-panel.glass :is(strong,p,.small-uppercase){color:var(--aan-paper)}
html body #mission-globe{
  --cyan:var(--aan-cyan);--globe-border:var(--aan-stroke);
  display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,2.15fr) minmax(240px,1fr);
  grid-template-areas:"left console right" "detail detail detail";align-items:start;gap:clamp(14px,1.45vw,24px);
  min-height:0;height:auto;overflow:visible;padding:clamp(16px,2.4vw,42px);
  background:radial-gradient(ellipse at 52% 18%,#122a49 0%,transparent 57%),linear-gradient(#060b21,#080e24)!important;
  color:var(--aan-paper);color-scheme:dark;
}
#mission-globe:fullscreen{overflow:auto}
#mission-globe .globe-console{grid-area:console;min-width:0;display:grid;gap:13px;align-content:start}
#mission-globe .globe-topline,#mission-globe .globe-action-buttons{
  position:static;transform:none;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;white-space:normal;
}
#mission-globe .globe-topline{padding:10px 13px;font-size:11px;letter-spacing:.12em;border-radius:7px;color:var(--aan-paper);background:#08152b}
#mission-globe .globe-topline span{margin-inline-start:auto;color:#a6c9dd;letter-spacing:.05em}
#mission-globe .globe-action-buttons button,#mission-globe .earth-next{
  background:#10223a;color:#f0fbff;border:1px solid #37647c;border-radius:7px;min-height:36px;padding:7px 10px;font-size:12px;cursor:pointer;
}
#mission-globe .globe-action-buttons button:hover,#mission-globe .earth-next:hover{background:#203a52}
#mission-globe .globe-action-buttons button[aria-pressed=true]{border-color:var(--aan-turquoise)}
#mission-globe .globe-action-buttons button:disabled{opacity:.47;cursor:default}
#mission-globe .earth-render-status{align-self:center;font-size:12px;letter-spacing:.03em;padding:5px 8px;color:#90f0fa;background:#071225;border-radius:4px}
#mission-globe .globe-map{
  position:relative;inset:auto;min-height:0;height:auto;aspect-ratio:1;overflow:hidden;border-radius:16px;
  border:1px solid #26455d;
  background:radial-gradient(circle at 48% 48%,#12334d 0%,#070f25 55%,#05091a 100%)!important;
}
#mission-globe .globe-map.is-atlas{aspect-ratio:2}
.globe-map canvas,.earth-atlas,.earth-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.earth-atlas{object-fit:fill;filter:brightness(.62) saturate(.82) hue-rotate(9deg)}
.earth-atlas[hidden],#mission-globe canvas[hidden]{display:none}
.earth-hit{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:var(--earth-diameter,80%);height:var(--earth-diameter,80%);clip-path:circle(50%);
  touch-action:pan-y pinch-zoom;cursor:grab;user-select:none
}
.earth-hit:active{cursor:grabbing}
.earth-hit.is-touch-rotate{touch-action:none}
.is-atlas .earth-hit{inset:0;width:100%;height:100%;transform:none;clip-path:none;cursor:crosshair}
.earth-overlay{overflow:hidden}
.earth-route{fill:none;stroke:#ff8bfb;stroke-width:2;stroke-dasharray:5 4;opacity:.95}
.earth-marker circle{fill:#65ecf3;stroke:#042136;stroke-width:1}
.earth-marker text{font:700 12px Lato,Arial,sans-serif;fill:#f7fbff;stroke:#071327;stroke-width:4;paint-order:stroke;stroke-linejoin:round}
.earth-marker.is-selected circle{fill:#ff95fd;stroke:#180e2a;stroke-width:1.5}
.earth-marker.is-selected text{fill:#ffdaff}
#mission-globe .earth-instructions{margin:0;color:#d2e3f0!important;font-size:13px;line-height:1.6}
.earth-next{justify-self:start}
#mission-globe .globe-panel{
  position:relative;inset:auto;max-height:none;width:auto;min-width:0;overflow:visible;
  padding:clamp(15px,1.6vw,25px);border:1px solid var(--aan-stroke);border-radius:15px;
  background:linear-gradient(180deg,#091b308c,#080f23fa 210px),url('/assets/architects-2027-stage.webp') 70% top/auto 190px no-repeat;
  box-shadow:inset 0 1px 0 #bceeff20,0 18px 48px #0004;
  color:var(--aan-paper);backdrop-filter:blur(13px)
}
#mission-globe .globe-panel-left{grid-area:left;border-color:#20dff4a0}
#mission-globe .globe-panel-right{grid-area:right;border-color:#ef77ff9c;background-position:48% top}
#mission-globe .globe-kicker{font-size:11px;letter-spacing:.14em;color:var(--aan-cyan);font-weight:700}
#mission-globe .globe-panel-right .globe-kicker{color:#ff9afa}
#mission-globe .globe-panel h1,#mission-globe .globe-panel-title{font-weight:300;letter-spacing:-.015em;line-height:1.07;font-size:clamp(26px,2.45vw,39px);margin:14px 0}
#mission-globe .globe-panel :is(p,label,summary){font-size:13px;line-height:1.5;color:#d5e6f3}
#mission-globe .globe-panel select,#mission-globe .globe-panel input:not([type=checkbox]){
  max-width:100%;background:#101d36;color:#f1f8ff;border:1px solid #50748b;border-radius:6px;min-height:34px;font-size:13px;
}
#mission-globe .globe-city-row{align-items:flex-start}
#mission-globe .globe-city-actions{flex-wrap:wrap}
#mission-globe .globe-metric,#mission-globe .globe-experience-summary{
  border-color:#77d5eb52;background:#1829479e;border-radius:9px;overflow-wrap:anywhere;
}
#mission-globe .globe-metric strong{font-size:clamp(17px,1.48vw,26px);font-weight:700}
#mission-globe .globe-metric span{font-size:10px}
#mission-globe .globe-metric.highlight{border-color:#ef77ff80;background:#471c5359}
#mission-globe .globe-osm-detail{grid-area:detail;position:static;width:100%;transform:none}
#mission-globe .globe-osm-detail[hidden]{display:none}
#mission-globe :focus-visible{outline:2px solid #a7fbff;outline-offset:3px}
.ban-budget-feature .budget-card.glass{border-color:#26abb366;box-shadow:0 15px 44px #0a244917}
@media(max-width:1150px){
  html body #mission-globe{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"console console" "left right" "detail detail"}
  #mission-globe .globe-console{width:min(100%,660px);justify-self:center}
}
@media(max-width:660px){
  html body #mission-globe{grid-template-columns:minmax(0,1fr);grid-template-areas:"console" "left" "right" "detail";padding:14px}
  #mission-globe .globe-action-buttons button,#mission-globe .earth-next{min-height:42px}
  #mission-globe .globe-panel h1,#mission-globe .globe-panel-title{font-size:32px}
}

#mission-globe .globe-experience-summary div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:9px;align-items:start}
#mission-globe .globe-experience-summary strong{white-space:nowrap;text-align:right}
#mission-globe .globe-draft-import{display:grid;gap:8px;margin:12px 0}
#mission-globe .globe-draft-import input[type=file]{padding:6px;width:100%}
.budget-currency-control{display:inline-flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}
.budget-currency-control select{border:1px solid #6092a5;border-radius:5px;padding:6px;background:#f5fcff;color:#071a2b}

#ask-ai{scroll-margin-top:100px}

/* Give the original campaign cover a dedicated, unobscured place in the planner. */
#mission-globe .earth-artwork{
  position:relative;isolation:isolate;min-height:86px;overflow:hidden;border-radius:12px;
  border:1px solid transparent;
  background:linear-gradient(#091629,#091629) padding-box,linear-gradient(100deg,#00e7f5,#bd60e4 74%,#f03dff) border-box;
}
.earth-artwork img,.earth-artwork::after{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.earth-artwork img{object-fit:cover;object-position:62% 49%}
.earth-artwork::after{content:"";background:linear-gradient(90deg,#07162af5,#07162aa9 39%,transparent 80%)}
.earth-artwork-title{position:relative;z-index:1;display:grid;gap:6px;padding:14px 17px;color:#fbfdff}
.earth-artwork-title > span{font-size:10px;font-weight:700;letter-spacing:.17em;color:#8bfbff}
.earth-artwork-title strong{font-size:clamp(20px,3.4vw,33px);font-weight:700;line-height:1.08;letter-spacing:-.025em}
.earth-artwork-title strong span{color:var(--aan-cyan)}
#mission-globe .globe-map{border-color:#3399ba8a;box-shadow:inset 0 0 64px #3a4a882e}
#mission-globe .globe-map :is(canvas.earth-software,.earth-poster){
  position:absolute;inset:auto;top:50%;left:50%;width:var(--earth-surface,100%);height:var(--earth-surface,100%);
  object-fit:contain;transform:translate(-50%,-50%);pointer-events:none
}
.earth-poster[hidden],.earth-overlay.is-loading{display:none}
#mission-globe .globe-panel-left .globe-kicker{color:#00e7f5}
#mission-globe .globe-panel-right .globe-kicker{color:#ff9afa}
#mission-globe .globe-metric.highlight{border-color:#f03dff9a;background:#4b165871}
#mission-globe .earth-artwork-title strong{color:#f7fbff!important}
#mission-globe .earth-artwork-title strong span{color:#00e7f5!important}
@media(min-width:1151px){
  #mission-globe .globe-map:not(.is-atlas){height:clamp(360px,calc(100svh - 372px),580px);aspect-ratio:auto}
}