/* A compact editorial band. Map points and connections are illustrative. */
.presence { position:relative; margin:0 0 28px; }
.presence-panel { padding-block:24px; }
.presence-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; max-width:820px; gap:32px; }
.presence-stats { display:grid; gap:26px; width:100%; max-width:260px; justify-self:end; text-align:center; }
.presence-books-number { display:flex; align-items:center; justify-content:center; gap:10px; }
.presence-books-icon { display:block; flex:0 0 32px; width:32px; height:32px; background:var(--red); -webkit-mask:url('formassets/book-open.svg') center/contain no-repeat; mask:url('formassets/book-open.svg') center/contain no-repeat; }
.presence-stat strong { display:block; color:var(--red); font-family:Fraunces,Georgia,serif; font-size:clamp(44px,5vw,68px); line-height:1; font-weight:500; letter-spacing:-.055em; white-space:nowrap; }
.presence-stat strong small { display:block; font-size:.52em; letter-spacing:-.025em; margin-top:6px; }
.presence-label { display:block; margin:9px auto 0; font-size:15px; line-height:1.35; color:var(--muted); }
.presence-art { min-width:0; position:relative; width:100%; max-width:370px; justify-self:center; --presence-reveal:1; }
.presence-art:before { content:''; position:absolute; inset:17% 7% 13%; background:radial-gradient(ellipse,#c7a35220,transparent 67%); border-radius:50%; opacity:var(--presence-reveal); }
.presence-map { display:block; width:100%; height:auto; overflow:visible; position:relative; transform:scale(1.15); transform-origin:center; }
.presence-mark { transform-box:fill-box; transform-origin:center; transform:scale(var(--point-scale,1)); }
.presence-route { fill:none; stroke:#f9dfa3; stroke-width:1.1; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0; opacity:.42; }
@media(max-width:640px) {
 .presence { margin-bottom:16px; }
 .presence-panel { padding-block:16px; }
 .presence-inner.wrap { width:calc(100% - 40px); gap:0; grid-template-columns:46% 54%; min-height:220px; }
 .presence-stats { max-width:none; gap:24px; transform:translateX(6px); }
 .presence-books-number { gap:7px; }
 .presence-books-icon { flex-basis:24px; width:24px; height:24px; }
 .presence-stat strong { font-size:clamp(36px,10.8vw,50px); }
 .presence-stat strong small { font-size:.58em; margin-top:5px; }
 .presence-label { font-size:13px; max-width:138px; margin-top:7px; }
 .presence-art { width:calc(100% + 26px); max-width:none; margin-right:-16px; }
}