/* BioRenewable Health. No outside fonts or scripts, so the site never contacts anyone but itself. */
:root{
  --pine:#1e3b2c; --leaf:#2f6a4a; --sea:#2d6c86; --sun:#e0a43a; --mist:#eaf0ea;
  --paper:#f7f9f6; --ink:#1f2a24; --muted:#56635b; --line:#cad6cc; --white:#fff;
  --head: Rockwell, "Roboto Slab", "Zilla Slab", "Bookman Old Style", "DejaVu Serif", Georgia, serif;
  --body: Optima, Candara, "Segoe UI", "Noto Sans", Ubuntu, "DejaVu Sans", sans-serif;
}
*{box-sizing:border-box}
html{scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--sea)}
a:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--head);font-weight:700;line-height:1.15;color:var(--pine)}
h1{font-size:clamp(2.1rem,5.2vw,3.6rem);margin:0 0 .4em}
h2{font-size:clamp(1.55rem,3vw,2.2rem);margin:2.2em 0 .6em}
h3{font-size:1.3rem;margin:1.6em 0 .4em}
p,li{max-width:66ch}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}

/* Header */
.site-head{background:var(--white);border-bottom:4px solid var(--leaf);position:sticky;top:0;z-index:5}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;padding-bottom:.5rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--pine);font:700 1.2rem var(--head)}
.brand img{height:52px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem;font-size:.98rem}
.nav a{text-decoration:none;color:var(--ink);padding:.35rem 0;border-bottom:3px solid transparent}
.nav a:hover{border-color:var(--line)}
.nav a[aria-current]{border-color:var(--sun);color:var(--pine);font-weight:600}
@media (max-width:860px){
  .site-head{position:static}
  .site-head .wrap{flex-direction:column;align-items:flex-start}
  .nav{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:.25rem}
  .nav a{white-space:nowrap}
}

/* Home hero: the narrative flips */
.hero{background:var(--pine);color:#e3ece5}
.hero .wrap{display:grid;grid-template-columns:1fr 260px;gap:2.5rem;align-items:center;padding-top:4rem;padding-bottom:4rem}
@media (max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero .hero-logo{max-width:180px;order:-1}}
.hero h1{color:#fff;font-size:clamp(2.2rem,5.6vw,4rem);line-height:1.12}
.hero h1 .quote-word{display:inline-block;perspective:500px}
.flip{display:inline-block;color:#b9c8bd;animation:flip 1.1s cubic-bezier(.5,.05,.3,1) 1.2s both}
.hero h1 .main{background:var(--sun);color:var(--pine);padding:0 .14em;border-radius:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@keyframes flip{from{transform:rotateX(0)}to{transform:rotateX(360deg)}}
@media (prefers-reduced-motion:reduce){.flip{animation:none}}
.hero p{font-size:1.2rem;max-width:44ch}
.hero-logo{background:var(--white);border-radius:50%;padding:1.5rem;aspect-ratio:1;display:grid;place-items:center}
.hero-logo img{max-height:100%}

/* Page heads */
.page-head{background:var(--pine);color:#d9e5dc}
.page-head .wrap{padding-top:2.75rem;padding-bottom:2.25rem;display:flex;gap:1.5rem;align-items:center}
.page-head h1{color:#fff;margin:0}
.page-head p{margin:.5rem 0 0;font-size:1.15rem}
.page-head img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:50%;padding:.6rem;flex:none}
@media (max-width:560px){.page-head .wrap{flex-direction:column;align-items:flex-start}}

main{padding-bottom:4rem}

/* Home timeline: the movement in the order it happened */
.timeline{list-style:none;padding:0;margin:2.5rem 0;border-left:4px solid var(--line)}
.timeline > li{position:relative;padding:0 0 2.75rem 2rem;max-width:none}
.timeline > li::before{content:"";position:absolute;left:-12px;top:.3rem;width:20px;height:20px;border-radius:50%;background:var(--paper);border:4px solid var(--leaf)}
.timeline > li.next::before{border-color:var(--sun);background:var(--sun)}
.timeline .when{font:700 1rem var(--head);color:var(--leaf);margin:0}
.timeline h2{margin:.15em 0 .4em}
.timeline .row{display:grid;grid-template-columns:1fr 200px;gap:2rem;align-items:start}
.timeline .row img{border-radius:6px;background:#fff}
@media (max-width:640px){.timeline .row{grid-template-columns:1fr}.timeline .row img{max-width:180px}}
.btn{display:inline-block;background:var(--sun);color:var(--pine);font:700 1rem var(--head);
  text-decoration:none;padding:.7rem 1.3rem;border-radius:999px;margin:.25rem .5rem .25rem 0}
.btn:hover{background:#ecb556}
.btn.line{background:transparent;border:2px solid var(--leaf);color:var(--leaf);padding:.6rem 1.2rem}

/* Logo walls */
.year-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0}
.year{border-top:8px solid var(--leaf);margin-top:3rem;padding-top:.5rem}
.year.y2024{border-top-color:var(--sea)}
.year > h2{margin-top:.5em}
.event-facts{font:700 1.15rem var(--head);color:var(--muted)}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin:1rem 0 2rem;padding:0;list-style:none}
.logos.big{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.logos li{max-width:none}
.logos a,.logos .tile{display:flex;flex-direction:column;height:100%;background:var(--white);border:1px solid var(--line);
  border-radius:8px;text-decoration:none;color:var(--ink);overflow:hidden}
.logos a:hover{border-color:var(--leaf)}
.logos .pic{height:120px;display:grid;place-items:center;padding:.75rem}
.logos.big .pic{height:150px}
.logos .pic{overflow:hidden}
.logos .pic img{width:100%;height:100%;object-fit:contain}
.logos .pic.text{font:700 1.05rem var(--head);color:var(--leaf);text-align:center}
.logos .name{font-size:.9rem;padding:.45rem .6rem;border-top:1px solid var(--line);background:var(--mist);line-height:1.3;margin-top:auto}

.maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.maps a{display:block;background:#fff;border:1px solid var(--line);padding:.5rem;border-radius:6px}
.prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.prize{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem}
.prize > img{max-height:200px;width:auto;margin:0 auto .75rem}
.prize h4{margin:.25rem 0}
.prize .value{font:700 1rem var(--head);color:var(--leaf)}
.prize ul{padding-left:1.1rem;margin:.4rem 0}
.strip{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}
.strip img{height:70px;width:auto;border-radius:4px}
.archive-note{background:var(--mist);border-left:6px solid var(--sea);padding:.8rem 1rem;margin:1rem 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
@media (max-width:760px){.split{grid-template-columns:1fr}}

/* Summit: four elements */
.elements{display:grid;grid-template-columns:repeat(4,1fr);margin:1.5rem 0;border-radius:8px;overflow:hidden}
.elements span{padding:1rem;font:700 1.2rem var(--head);color:#fff;text-align:center}
.el-fire{background:#a84d24}.el-water{background:var(--sea)}.el-earth{background:#6b5a2e}.el-air{background:#5f8291}
@media (max-width:520px){.elements{grid-template-columns:repeat(2,1fr)}}
.schedule{list-style:none;padding:0}
.schedule li{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);max-width:none}
.schedule time{font:700 1rem var(--head);color:var(--leaf)}
@media (max-width:520px){.schedule li{grid-template-columns:1fr;gap:.1rem}}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
.gallery img{border-radius:6px;background:#fff}

/* Network: podcast episodes and documents */
.episodes{list-style:none;padding:0}
.episodes li{display:grid;grid-template-columns:4.5rem 1fr;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--line);max-width:none}
.episodes .ep{font:700 1rem var(--head);color:var(--leaf)}
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}
.docs a{display:block;background:#fff;border:1px solid var(--line);border-left:6px solid var(--sun);padding:1rem;border-radius:6px;text-decoration:none;color:var(--ink)}
.docs strong{display:block;font-family:var(--head);color:var(--pine)}
.docs span{font-size:.9rem;color:var(--muted)}
.contact-box{background:var(--mist);border:1px solid var(--line);padding:1.25rem 1.5rem;border-radius:8px;margin:2rem 0}
.contact-box p{margin:.3rem 0}

/* Footer */
.site-foot{background:var(--pine);color:#cfdcd2;padding:2.5rem 0;font-size:.98rem}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}
.site-foot a{color:#fff}
.site-foot p{margin:.2rem 0}
.site-foot .foot-logo{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:50%;padding:.6rem}

/* Conspiracy Cafe video */
.cafe-video{width:100%;height:auto;display:block;border-radius:6px;background:var(--pine)}