@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Figtree:wght@400;500;600;700&display=swap");

/* Hide the theme's duplicate title band on single site + team pages;
   the plugin renders its own hero header. */
body.single-baarn_site .titleband,
body.single-baarn_team .titleband{display:none!important}

/* Shared detail-page design (research sites + team members). Green editorial theme. */
#baarnSite{
  --green:#2A5235;--green-d:#1d3a26;--green-l:#3d6b47;--ink:#222831;--box:#FFFFFF;
  --rule:#dfe3e6;--muted:#5b656e;--sand:#eef1ed;
  --serif:"Newsreader",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;
  font-family:var(--sans);color:var(--ink);width:100%;
}
#baarnSite,#baarnSite *{box-sizing:border-box}
#baarnSite a{color:var(--green);text-decoration:none}
#baarnSite a:hover{color:var(--green-d)}
#baarnSite .si-wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,26px)}

/* ---- Hero header ---- */
#baarnSite .si-hero{
  position:relative;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(61,107,71,.16) 0%, rgba(61,107,71,0) 55%),
    linear-gradient(180deg,#f3f6f1 0%, #e9efe8 100%);
  border-top:5px solid var(--green);
  border-bottom:1px solid var(--rule);
  overflow:hidden;
}
#baarnSite .si-hero:before{
  content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;
  background:radial-gradient(circle, rgba(42,82,53,.10) 0%, rgba(42,82,53,0) 70%);
  border-radius:50%;pointer-events:none;
}
#baarnSite .si-hero .si-wrap{padding-top:26px;padding-bottom:34px;position:relative}
#baarnSite .si-back{font-size:13px;font-weight:600;letter-spacing:.01em;margin:0 0 20px}
#baarnSite .si-hero .si-back a{color:var(--green-l)}
#baarnSite .si-hero h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(30px,5.2vw,50px);
  line-height:1.08;letter-spacing:-.015em;color:var(--green-d);margin:0;
}
#baarnSite .si-place{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2vw,19px);line-height:1.3;color:var(--green-l);margin:10px 0 0}
/* short green rule under the title instead of a full underline band */
#baarnSite .si-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0}
#baarnSite .si-meta .si-region{
  display:inline-block;font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:var(--green);border-radius:100px;padding:7px 14px;
}
#baarnSite .si-meta .si-coord{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
#baarnSite .si-contact{margin:14px 0 0;font-size:14.5px;font-weight:600}

/* ---- Lead / main image ---- */
#baarnSite .si-lead-img{max-width:1000px;margin:0 auto;padding:0 clamp(20px,4vw,26px)}
#baarnSite .si-lead-img img{width:100%;max-height:460px;object-fit:cover;display:block;border-radius:10px;margin-top:-28px;position:relative;z-index:1;border:1px solid var(--rule);box-shadow:0 6px 24px rgba(34,40,49,.12);background:var(--sand)}

/* ---- Body ---- */
#baarnSite .si-content{padding-top:34px;padding-bottom:64px}
#baarnSite .si-body p{font-size:17px;line-height:1.75;color:#2c3128;margin:0 0 18px;max-width:66ch}
/* lead paragraph */
#baarnSite .si-body > p:first-child{font-size:19px;line-height:1.6;color:var(--ink)}
#baarnSite .si-body > p:first-child:first-letter{
  float:left;font-family:var(--serif);font-weight:600;font-size:3.1em;line-height:.82;
  color:var(--green);margin:6px 10px 0 0;
}
#baarnSite .si-body h2{
  font-family:var(--serif);font-weight:600;font-size:clamp(19px,2.3vw,23px);color:var(--green-d);
  margin:34px 0 10px;padding-left:14px;border-left:4px solid var(--green);line-height:1.25;
}
#baarnSite .si-body ul{margin:12px 0 20px;padding:0;list-style:none}
#baarnSite .si-body li{position:relative;font-size:16px;line-height:1.6;color:#2c3128;padding:8px 0 8px 24px;border-top:1px solid var(--rule)}
#baarnSite .si-body li:first-child{border-top:0}
#baarnSite .si-body li:before{content:"";position:absolute;left:3px;top:16px;width:7px;height:7px;background:var(--green);border-radius:50%}
#baarnSite .si-body a{border-bottom:1px solid rgba(42,82,53,.35)}
#baarnSite .si-body a:hover{border-bottom-color:var(--green-d)}

/* ---- Related projects (cards) ---- */
#baarnSite .si-projects{margin:34px 0 0}
#baarnSite .si-projects h2{font-family:var(--serif);font-weight:600;font-size:clamp(19px,2.3vw,23px);color:var(--green-d);margin:0 0 14px;padding-left:14px;border-left:4px solid var(--green);line-height:1.25}
#baarnSite .si-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
#baarnSite .si-proj{display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-height:96px;background:#fff;border:1px solid var(--rule);border-left:4px solid var(--green);border-radius:8px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
#baarnSite a.si-proj:hover{border-color:var(--green);box-shadow:0 2px 10px rgba(42,82,53,.10)}
#baarnSite .si-proj-t{font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.25;color:var(--ink)}
#baarnSite a.si-proj:hover .si-proj-t{color:var(--green-d)}
#baarnSite .si-proj-go{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--green)}

/* ---- Photos (carousel wrapper; carousel itself styled in gallery.css) ---- */
#baarnSite .si-gallery-wrap{margin:30px 0 8px}
#baarnSite .si-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:30px 0 8px}
#baarnSite .si-fig{margin:0}
#baarnSite .si-fig img{width:100%;height:auto;display:block;border:1px solid var(--rule);border-radius:8px;background:var(--sand)}
#baarnSite .si-fig figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px}
#baarnSite .si-gallery .si-fig:only-child img{max-height:520px;object-fit:cover}

/* ---- Sources ---- */
#baarnSite .si-sources{margin:34px 0 0}
#baarnSite .si-sources h2{font-family:var(--serif);font-weight:600;font-size:clamp(19px,2.3vw,23px);color:var(--green-d);margin:0 0 10px;padding-left:14px;border-left:4px solid var(--green);line-height:1.25}
#baarnSite .si-sources ul{margin:0;padding:0;list-style:none}
#baarnSite .si-sources li{font-size:15.5px;line-height:1.5;padding:10px 0;border-top:1px solid var(--rule)}
#baarnSite .si-sources li:first-child{border-top:0}
#baarnSite .si-sources a{font-weight:600;border-bottom:1px solid rgba(42,82,53,.35)}
#baarnSite .si-sources a:hover{border-bottom-color:var(--green-d)}

#baarnSite .si-foot{margin:40px 0 0;border-top:1px solid var(--rule);padding-top:22px;font-size:13px;font-weight:600}

/* Team members: no drop-cap (bios are short and varied) */
#baarnSite.is-member .si-body > p:first-child{font-size:17.5px}
#baarnSite.is-member .si-body > p:first-child:first-letter{float:none;font-size:inherit;color:inherit;margin:0}

@media(max-width:640px){
  #baarnSite .si-hero .si-wrap{padding-top:20px;padding-bottom:26px}
}