
*{box-sizing:border-box}p{margin:0 0 1em}a{color:inherit}img,svg{max-width:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:9}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:.7em 1.3em;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;font-family:inherit;border:2px solid transparent}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.top .wrap{display:flex;align-items:center;gap:26px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1;font-weight:700}.brand img{height:44px;width:auto}
.top nav{display:flex;gap:22px;margin-left:auto}.top nav a{text-decoration:none}
.top .btn{min-height:42px;font-size:.92rem}.menu{display:none}
.field{margin-bottom:18px}label{display:block;font-weight:700;margin-bottom:6px;font-size:.98rem}
input,select,textarea{width:100%;font:inherit;font-size:1rem;min-height:48px;padding:10px 12px}textarea{min-height:120px}
footer{padding-block:52px}footer .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}
footer nav{display:grid;grid-template-columns:repeat(3,auto);gap:10px 28px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:980px){.top nav{display:none}.menu{display:block;margin-left:auto}.menu summary{cursor:pointer;padding:10px;font-weight:700}
.menu nav{position:absolute;left:16px;right:16px;top:70px;padding:14px;display:grid!important;grid-template-columns:1fr 1fr;gap:6px;z-index:5}}
@media(max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.top .btn{display:none}footer .wrap{grid-template-columns:1fr}footer nav{grid-template-columns:1fr 1fr}}

/* dark river ground; the four ways in sit around one gathering circle */
:root{--river:#0f3b3a;--river-deep:#0a2b2a;--sage:#e6eee4;--mist:#a9c1b9;--sun:#f2c14e;--sun-deep:#c9962a;--card:#134847}
body{margin:0;background:var(--river);color:var(--sage);font:400 1.12rem/1.62 "Rethink Sans",system-ui,sans-serif}
h1,h2,h3{font-family:"Spectral",Georgia,serif;font-weight:600;line-height:1.08;margin:0 0 .45em;text-wrap:balance}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.btn-solid{background:var(--sun);color:var(--river-deep);border-radius:999px}.btn-solid:hover{background:#ffd56e}
.btn-line{border-color:var(--sun);color:var(--sun);border-radius:999px}.btn-line:hover{background:rgba(242,193,78,.12)}
.top{border-bottom:1px solid rgba(230,238,228,.14)}.brand{font-family:"Spectral",serif;font-weight:600}.brand img{filter:invert(1) brightness(1.1)}
.top nav a{color:var(--mist)}.top nav a[aria-current]{color:var(--sun)}.menu nav{background:var(--river-deep);border:1px solid rgba(230,238,228,.2);border-radius:12px}
.hero{padding-block:56px 56px;text-align:center}
.kicker{font-family:"Spectral",serif;font-style:italic;color:var(--sun);font-size:1.25rem;margin-bottom:.4em}
.hero h1{font-size:clamp(2.8rem,7vw,6rem);font-weight:500;margin-inline:auto}
.hero .lead{font-size:1.25rem;max-width:36em;margin:0 auto 1em;color:var(--sage)}.hero .working{font-size:.92rem;font-style:italic;color:var(--mist)}
.hero .actions{justify-content:center}
.weekline{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin-top:44px;list-style:none;padding:0}
.weekline li{display:flex;gap:8px;align-items:baseline}.weekline b{font-family:"Spectral",serif;font-size:1.3rem;color:var(--sun)}.weekline span{color:var(--mist)}
.weekline li+li::before{content:"";width:22px;height:1px;background:var(--mist);opacity:.5;align-self:center;margin-right:20px}
section{padding-block:96px}.intro{font-size:1.2rem;max-width:36em;color:var(--mist)}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:500}
.gather{display:grid;grid-template-columns:1fr minmax(240px,340px) 1fr;grid-template-rows:auto auto;gap:22px 32px;align-items:center;margin-top:48px}
.gather .ring{grid-column:2;grid-row:1/3;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center;padding:16%}
.gather .ring img{width:70%;filter:invert(1) brightness(1.1);opacity:.9}
.door{background:var(--card);border-radius:22px;padding:26px 26px 24px}
.door h3{font-size:1.6rem;color:var(--sun)}.door p{color:var(--sage)}
.door:nth-of-type(1){grid-column:1;grid-row:1}.door:nth-of-type(2){grid-column:3;grid-row:1}.door:nth-of-type(3){grid-column:1;grid-row:2}.door:nth-of-type(4){grid-column:3;grid-row:2}
.path{background:var(--river-deep)}
.path-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(var(--sun) 0 6px,transparent 6px 12px);opacity:.6}
.steps li{counter-increment:s;position:relative;padding:0 0 30px 72px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;width:44px;height:44px;border-radius:50%;background:var(--sun);color:var(--river-deep);display:grid;place-items:center;font:600 1.2rem "Spectral",serif}
.steps h3{font-size:1.45rem;color:var(--sage)}.steps p{color:var(--mist);max-width:34em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.notes p b{display:block;font-family:"Spectral",serif;color:var(--sun);font-size:1.25rem;font-weight:600}
.project{background:var(--card);border-radius:22px;padding:32px;margin:26px 0}.project .owner{color:var(--sun);font-style:italic;font-family:"Spectral",serif}.project h3{font-size:1.9rem}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin:30px 0 34px}
.person{padding:18px 0;border-top:1px solid rgba(230,238,228,.16)}.person h3{font-size:1.3rem;margin-bottom:.2em}.person p{margin:0;color:var(--mist);font-size:1rem}
.note{font-style:italic;color:var(--mist)}
.form{background:var(--sage);color:var(--river-deep);border-radius:22px;padding:30px}
.form input,.form select,.form textarea{border:1.5px solid #8aa59c;border-radius:12px;background:#fff;color:var(--river-deep)}
.form .btn-solid{background:var(--river);color:var(--sage)}.form .btn-solid:hover{background:var(--river-deep)}
.join{background:var(--sun);color:var(--river-deep)}.join h2,.join h3{color:var(--river-deep)}
.join .btn-solid{background:var(--river-deep);color:var(--sun)}.join .btn-line{border-color:var(--river-deep);color:var(--river-deep)}
.join .lead{font-size:1.35rem}.join h3{font-size:1.5rem;margin-top:1.2em}
.join .form{background:var(--river);color:var(--sage)}.join .form label{color:var(--sage)}.join .form .btn-solid{background:var(--sun);color:var(--river-deep)}
footer{background:var(--river-deep);color:var(--mist)}footer strong{font-family:"Spectral",serif;color:var(--sage);font-size:1.25rem}
@media(max-width:980px){.gather{grid-template-columns:1fr 1fr}.gather .ring{grid-column:1/3;grid-row:auto;width:220px;justify-self:center}
.door:nth-of-type(n){grid-column:auto;grid-row:auto}.path-wrap,.split{grid-template-columns:1fr;gap:36px}.people{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gather{grid-template-columns:1fr}.gather .ring{grid-column:1}.people{grid-template-columns:1fr}section{padding-block:64px}.hero{padding-block:52px 40px}
.weekline li+li::before{display:none}}
/* Circle-led inner pages. build.py prepends home D_CSS on first build. */
html,body{overflow-x:hidden}main{width:100%;overflow-wrap:break-word}main .band{padding:0}main .band>.wrap{padding-block:74px 84px}
main .river-band{background:var(--river)}main .deep-band{background:var(--river-deep)}
main .hero{padding:0;text-align:center}main .hero .kicker{margin-bottom:.45em}main .hero h1{font-size:clamp(2.8rem,6.5vw,5.8rem);max-width:15ch;margin-inline:auto}
main .hero .lead{max-width:42rem;margin:0 auto;color:var(--sage);font-size:1.25rem;line-height:1.55}
.hero-ring{width:104px;height:104px;border:1.5px dashed rgba(242,193,78,.55);border-radius:50%;display:grid;place-items:center;margin:38px auto 0}.hero-ring img{width:50px;filter:invert(1) brightness(1.1)}
main h2{font-size:clamp(2.25rem,4.3vw,3.5rem)}main h3{font-size:clamp(1.35rem,2vw,1.75rem)}main p{max-width:70ch}main a:not(.btn):not(.button){color:var(--sun);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
main .section{padding:0;border:0}main .section.tinted{background:transparent}.notice{font-size:.92rem;font-style:italic;color:var(--mist);margin:0;max-width:70ch}.muted,.empty,small{color:var(--mist)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:2px solid var(--sun);border-radius:999px;background:var(--sun);color:var(--river-deep);font:700 1rem/1.3 "Rethink Sans",sans-serif;text-decoration:none;cursor:pointer}.button:hover{background:#ffd56e}.button.secondary{background:transparent;color:var(--sun)}.button.secondary:hover{background:rgba(242,193,78,.12)}
.gather{display:grid;grid-template-columns:1fr minmax(190px,300px) 1fr;gap:22px;align-items:center;margin:42px 0}.gather .ring{grid-column:2;grid-row:1/3;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center}.gather .ring img,.board-ring img,.decision-ring img,.week-ring img,.people-ring img,.form-ring img{width:48%;filter:invert(1) brightness(1.1)}
.gather .door{min-height:138px}.gather .door:nth-of-type(1){grid-column:1;grid-row:1}.gather .door:nth-of-type(2){grid-column:3;grid-row:1}.gather .door:nth-of-type(3){grid-column:1;grid-row:2}.door p{color:var(--sage);font-family:"Spectral",serif;font-size:1.5rem;line-height:1.26;margin:0}
.steps,.plain-steps{list-style:none;margin:40px 0 0;padding:0;counter-reset:s;position:relative;max-width:780px}.steps::before,.plain-steps::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;border-left:2px dashed rgba(242,193,78,.6)}.steps li,.plain-steps li{counter-increment:s;position:relative;padding:0 0 38px 72px}.steps li::before,.plain-steps li::before{content:counter(s);position:absolute;left:0;top:-3px;width:44px;height:44px;border-radius:50%;background:var(--sun);color:var(--river-deep);display:grid;place-items:center;font:600 1.25rem "Spectral",serif}.steps li h3{color:var(--sage)}.steps li p{color:var(--mist)}.step-number{display:none}
.form-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr);gap:64px;align-items:center}.form-ring{width:min(100%,320px);aspect-ratio:1;border:1.5px dashed rgba(242,193,78,.55);border-radius:50%;display:grid;place-items:center;justify-self:center}
.form{background:var(--sage);color:var(--river-deep);border-radius:22px;padding:30px;max-width:750px}.form p,.form label,.form small{color:var(--river-deep)}.form .field{margin-bottom:19px}.form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form input,.form select,.form textarea{background:#fff;border:1.5px solid #8aa59c;border-radius:12px;color:var(--river-deep)}.form .button{background:var(--river);border-color:var(--river);color:var(--sage)}.form .button:hover{background:var(--river-deep)}.form fieldset{border:0;margin:0;padding:0}.checkbox{display:flex;gap:12px;align-items:start}.checkbox input{width:44px;min-width:44px;height:44px;min-height:44px;margin-top:0;accent-color:var(--river)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.gold-band{background:var(--sun);color:var(--river-deep)}.gold-inner{display:flex;justify-content:center;align-items:center;min-height:178px}.gold-band .button,.gold-band .button.secondary{background:var(--river-deep);border-color:var(--river-deep);color:var(--sun)}.gold-band h2,.gold-band p{color:var(--river-deep)}
.orbit-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center}.board-ring{grid-column:2;grid-row:1/3;aspect-ratio:1;max-width:270px;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center;justify-self:center}.board-column{background:var(--card);border-radius:22px;padding:25px;min-width:0}.board-column h2{color:var(--sun);font-size:1.55rem}.board-column:nth-of-type(1){grid-column:1;grid-row:1}.board-column:nth-of-type(2){grid-column:3;grid-row:1}.board-column:nth-of-type(3){grid-column:1;grid-row:2}.board-column:nth-of-type(4){grid-column:3;grid-row:2}.board-column:nth-of-type(5){grid-column:2;grid-row:3}.topic-card{border-top:1px solid rgba(230,238,228,.2);padding-top:16px}.topic-card h3{font-size:1.3rem}.topic-card p{color:var(--mist)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project{background:var(--card);border-radius:22px;padding:30px;margin:0}.project .owner{font-family:"Spectral",serif;font-style:italic;color:var(--sun);font-size:1.15rem}.project h2{font-size:1.9rem;color:var(--sage)}.project .muted{color:var(--mist)}
.decision-ring{width:min(100%,360px);aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center;margin:0 auto 42px}.decision-ring img{max-width:120px}.deep-band:has(.decision-ring) .section{text-align:center}.deep-band:has(.decision-ring) .section p{margin-inline:auto}
.conduct-list{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}.conduct-list section{position:relative;border-top:1px solid rgba(230,238,228,.22);padding:28px 0 24px 34px}.conduct-list section::before{content:"";position:absolute;left:0;top:36px;width:13px;height:13px;border-radius:50%;background:var(--sun)}.conduct-list h2{font-size:1.6rem;color:var(--sun)}
.week-orbit{display:grid;grid-template-columns:1fr minmax(180px,270px) 1fr;gap:24px;align-items:center}.week-ring{grid-column:2;grid-row:1/3;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center}.week-station{background:var(--card)!important;border-radius:22px;padding:30px!important}.week-station:nth-of-type(1){grid-column:1;grid-row:1}.week-station:nth-of-type(2){grid-column:3;grid-row:1;border:2px solid var(--sun)!important}.week-station:nth-of-type(3){grid-column:1;grid-row:2}.week-station:nth-of-type(4){grid-column:3;grid-row:2}.week-station h2{display:flex;flex-direction:column-reverse;font-size:1.5rem}.week-station h2 b{font-family:"Spectral",serif;font-size:1.6rem;color:var(--sun)}.week-station h2 span{font:400 1rem "Rethink Sans",sans-serif;color:var(--mist)}.week-station p{color:var(--sage)}.week-station .button{margin-top:12px}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.people-ring{grid-column:1/-1;width:180px;height:180px;border-radius:50%;border:1.5px dashed rgba(242,193,78,.55);display:grid;place-items:center;justify-self:center;margin:0 0 42px}.person{border-top:1px solid rgba(230,238,228,.2);padding:18px 0}.person h3{font-size:1.4rem}.person p{color:var(--mist)}.actions{display:flex;flex-wrap:wrap;gap:12px}.gold-band .actions{justify-content:center}.pending:empty{display:none}
.top a,.menu summary,footer a{min-height:44px;display:inline-flex;align-items:center}.top .btn{min-height:44px}.skip:focus{min-height:44px;display:flex;align-items:center}
@media(max-width:980px){.gather,.week-orbit,.orbit-board{grid-template-columns:1fr 1fr}.gather .ring,.week-ring,.board-ring{grid-column:1/-1;grid-row:auto;width:220px;justify-self:center}.gather .door:nth-of-type(n),.week-station:nth-of-type(n),.board-column:nth-of-type(n){grid-column:auto;grid-row:auto}.project-grid,.people-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){main .band>.wrap{padding-block:54px 60px}.hero-ring{width:88px;height:88px;margin-top:30px}.gather,.week-orbit,.orbit-board,.project-grid,.people-grid,.conduct-list,.form-layout,.form .form-grid{grid-template-columns:1fr}.gather .ring,.week-ring,.board-ring{grid-column:1;width:180px}.gather .door,.week-station,.board-column{grid-column:1!important;grid-row:auto!important}.form-ring{width:170px}.project{padding:24px}.gold-inner{min-height:148px}.gold-band .button{width:100%}.top .wrap{gap:12px}.brand span{font-size:.85rem}.menu nav a{display:flex}.people-ring{grid-column:1}.week-station{padding:24px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* seat 4 fixes 10-28 14:1x */
main .hero .kicker{text-align:center;margin-inline:auto}
.hero-note{margin:22px auto 0;text-align:center;font-style:italic;color:var(--mist);background:none;border:0;padding:0}
.gather{grid-template-columns:minmax(220px,300px) 1fr;align-items:center}.gather .ring{grid-column:1;grid-row:1}.gather .door-whole{grid-column:2;grid-row:1;min-height:0}
.gather .door-whole p{font-family:"Spectral",serif;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.3;color:var(--sage);margin:0}
.week-orbit{align-items:start}.week-orbit .week-station{margin:0!important;align-self:stretch}
.gold-inner{min-height:0;padding-block:44px;gap:28px}
.band-ring{width:76px;height:76px;border:1.5px dashed rgba(10,43,42,.55);border-radius:50%;display:grid;place-items:center;flex:none}.band-ring img{width:38px;filter:none}
@media(max-width:650px){.gather{grid-template-columns:1fr}.gather .ring,.gather .door-whole{grid-column:1;grid-row:auto}.gold-inner{flex-direction:column;gap:18px}}
.week-orbit .week-ring{align-self:center}
.form a,form a{color:var(--river-deep);text-decoration:underline}

/* topics: five stages along the gold path (seat 4) */
.path-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative;padding-top:66px;counter-reset:stage}
.path-board::before{content:"";position:absolute;left:10%;right:10%;top:21px;height:2px;background:repeating-linear-gradient(90deg,var(--sun) 0 6px,transparent 6px 12px);opacity:.6}
.path-board .board-column{position:relative;counter-increment:stage;grid-column:auto!important;grid-row:auto!important}
.path-board .board-column::before{content:counter(stage);position:absolute;top:-66px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;background:var(--sun);color:var(--river-deep);display:grid;place-items:center;font:600 1.2rem "Spectral",serif}
@media(max-width:980px){.path-board{grid-template-columns:1fr;padding-top:0;padding-left:72px}.path-board::before{left:21px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:repeating-linear-gradient(var(--sun) 0 6px,transparent 6px 12px)}.path-board .board-column::before{top:18px;left:-72px;transform:none}}
.gather .door.door-whole{grid-column:2!important;grid-row:1!important}
.gather>.ring{grid-column:1!important;grid-row:1!important;width:100%;max-width:280px;justify-self:center}
.decision-ring{max-width:220px!important;width:220px;margin-inline:auto}
@media(max-width:650px){.gather .door.door-whole,.gather>.ring{grid-column:1!important;grid-row:auto!important}.gather>.ring{max-width:200px}}
main form a[href],main .form a[href],main .checkbox a[href]{color:#0a2b2a!important;text-decoration:underline}

/* seat 4 14:2x: the week as a clockwise cycle, numbered like How it works */
.week-orbit{counter-reset:wk;grid-template-columns:1fr minmax(240px,300px) 1fr;row-gap:34px}
.week-orbit .week-ring{position:relative;border:0;width:100%;max-width:300px}
.week-ring .cycle{position:absolute;inset:0;width:100%;height:100%}
.week-ring img{width:44%!important;position:relative}
.week-station{position:relative;counter-increment:wk;padding-top:30px!important}
.week-station::before{content:counter(wk);position:absolute;top:-22px;left:26px;width:44px;height:44px;border-radius:50%;background:var(--sun);color:var(--river-deep);display:grid;place-items:center;font:600 1.25rem "Spectral",serif}
.week-orbit .wk-1{grid-column:1;grid-row:1}.week-orbit .wk-2{grid-column:3;grid-row:1}
.week-orbit .wk-3{grid-column:3;grid-row:2}.week-orbit .wk-4{grid-column:1;grid-row:2}
.week-orbit .wk-4{order:4}
@media(max-width:980px){.week-orbit{grid-template-columns:1fr;padding-left:72px;position:relative;row-gap:40px}
 .week-orbit::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--sun) 0 6px,transparent 6px 12px);opacity:.6}
 .week-orbit .week-ring{display:none}
 .week-orbit .wk-1,.week-orbit .wk-2,.week-orbit .wk-3,.week-orbit .wk-4{grid-column:1;grid-row:auto}
 .week-orbit .wk-3{order:3}.week-orbit .wk-4{order:4}
 .week-station::before{left:-72px;top:24px}}
