/* round 20: the email box in the close. A message window you can type into. */
.cmail{position:relative;padding:24px var(--edge) 112px}
.cmail .cm-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;max-width:1356px;margin:0 auto;border-top:1px solid rgba(143,203,176,.25);padding-top:88px}
.cm-txt h3{font:300 36px/1.1 var(--f-disp);color:#F6F4EE;margin-top:12px}
.cm-txt .lead{color:rgba(246,244,238,.82);margin-top:16px;max-width:420px}
.cm-co{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:6px;color:rgba(246,244,238,.82)}
.cm-co a{color:var(--mint);text-decoration:none;font-weight:600}
.cm-win{background:rgba(246,244,238,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(143,203,176,.3);border-radius:16px;box-shadow:0 40px 80px -40px rgba(0,0,0,.65),inset 0 1px 0 rgba(246,244,238,.12);overflow:hidden}
.cm-bar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(143,203,176,.22);background:rgba(7,19,15,.35)}
.cm-bar b{font:600 14px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:rgba(246,244,238,.85)}
.cm-dots{display:flex;gap:6px}.cm-dots i{width:9px;height:9px;border-radius:50%;background:rgba(143,203,176,.4)}
.cm-st{margin-left:auto;font:600 14px/1 var(--f-text);color:var(--mint)}
.cm-row{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid rgba(143,203,176,.18)}
.cm-row label,.cm-f label{font:600 14px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);flex:none;width:76px}
.cm-chip{display:flex;align-items:center;gap:10px;font:600 var(--t0)/1.2 var(--f-text);color:#F6F4EE;min-width:0;flex-wrap:wrap}
.cm-chip small{font:400 14px/1 var(--f-text);color:rgba(246,244,238,.7)}
.cm-av{width:26px;height:26px;display:inline-grid;place-items:center;background:var(--mint);color:var(--green);font:600 14px/1 var(--f-text);border-radius:4px}
.cm-win input{flex:1;min-width:0;width:100%;font:400 var(--t0)/1.3 var(--f-text);color:#F6F4EE;background:transparent;border:0;outline:0;padding:6px 0}
.cm-win input::placeholder{color:rgba(246,244,238,.55)}
.cm-win input:focus-visible{box-shadow:0 1px 0 var(--mint)}
.cm-body{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:8px 20px 4px}
.cm-f{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid rgba(143,203,176,.18)}
.cm-f label{width:auto}
.cm-w{grid-column:1/-1}
.cm-foot{display:flex;align-items:center;gap:20px;padding:16px 20px 20px;flex-wrap:wrap}
.cm-send{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 32px;font:600 var(--t1)/1 var(--f-text);background:var(--mint);color:var(--green);border:0;border-radius:4px;cursor:pointer;box-shadow:0 18px 30px -18px rgba(7,19,15,.7);transition:transform .25s var(--ease),background .25s}
.cm-send i{font-style:normal;transition:transform .25s var(--ease)}
.cm-send:hover{background:#A3D8BF;transform:translateY(-2px)}.cm-send:hover i{transform:translateX(6px)}
.cm-note{font:400 14px/1.4 var(--f-text);color:rgba(246,244,238,.72)}
@media (max-width:1100px){.cmail .cm-in{grid-template-columns:1fr}}
@media (max-width:600px){.cmail{padding:16px var(--edge) 64px}.cmail .cm-in{padding-top:56px}.cm-body{grid-template-columns:1fr}.cm-row{flex-direction:column;align-items:flex-start;gap:6px}.cm-send{width:100%;justify-content:space-between}.cm-txt h3{font-size:var(--t2)}}

/* ===== round 20 fix B ===== */
/* section gaps: 64 px top and bottom = 128 px between sections */
section.sec,section.sec.areas2,section.sec.aboutsec{padding-top:64px;padding-bottom:64px}
/* team lead sits under the headline on the page's left edge; about heading is the same 56 px as the others */
.tmh{flex-direction:column;align-items:flex-start;gap:14px}
.tmh .lead{text-align:left;max-width:none}
.aboutsec .about h2{font-size:var(--t4)}
/* figures nobody has confirmed yet carry a visible flag for reviewers (data-unc) */
[data-unc]{position:relative}
/* 9 Nov: Pat "remove to confirm": tag hidden; data-unc stays in the HTML as the ship checklist (Sohrab confirms before deploy) */
[data-unc]::after{content:none}
.creds li[data-unc]::after{margin-top:auto}
/* on the light why section the tag is green, not mint */
.w20-v[data-unc]::after{display:inline-block;margin:0 0 0 12px;vertical-align:middle;color:var(--green);font-size:14px;letter-spacing:.06em;font-family:var(--f-text);font-weight:600;line-height:1}
/* the map links */
.cm-map{display:block;margin-top:6px;font-weight:600}
.ft .ft-map{display:inline-block;margin-top:10px;color:var(--mint);font-weight:600}
/* footer: logo and the hero's subline, one compact sign-up row, legal and the fee line */
.ftb .sub{font:400 var(--t0)/1.5 var(--f-text);max-width:440px;color:rgba(246,244,238,.86)}
.fmail.mrow.fm1{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-bottom:48px;padding-bottom:32px}
.fm1 .lbl{margin:0;flex:none}
.fm1 .mrow2{flex:1 1 320px;width:auto;max-width:520px}
.fm1 .ph{flex:none}
.ftbase .paid{flex-basis:100%;order:-1;margin:0 0 6px;color:rgba(246,244,238,.92)}
.ftbase .legal{display:flex;gap:24px}
@media (max-width:600px){.fm1 .mrow2{flex-basis:100%;max-width:none}.ftbase .legal{gap:16px}}