/* The Founding 100 page (/founding-100, brief 18) */
.f1-page{font-family:"Jost","Jost Fallback",system-ui,sans-serif;color:#1C1B18}
.f1-page h2{font:400 clamp(1.7rem,4.2vw,2.4rem)/1.1 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;letter-spacing:-.01em;margin:0 0 18px}
.f1-page h3{font-size:1.1rem;margin:12px 0 6px}
.f1-kicker{display:inline-block;margin:0 0 12px;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--ink)}
.f1-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding:44px 28px 40px;border-bottom:1px solid #1C1B18}
.f1-hero h1{font:400 clamp(2.3rem,5.6vw,3.7rem)/1.04 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;letter-spacing:-.015em;margin:0 0 16px;max-width:15ch}
.f1-lead{font-size:1.15rem;color:#1C1B18;max-width:42ch;margin:0 0 24px}
.f1-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:0}
.f1-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:0;border:1.5px solid #1C1B18;background:#1C1B18;color:#fff;font:600 1rem/1 "Jost","Jost Fallback",sans-serif;text-decoration:none;cursor:pointer}
.f1-btn:hover{color:#fff;background:#000}
.f1-red{background:#C4472A;border-color:#C4472A}.f1-red:hover{background:#A93A21;border-color:#A93A21}
.f1-btn:focus-visible{outline:3px solid #1C1B18;outline-offset:3px}
.f1-left{font-size:1rem;color:#1C1B18}.f1-left b{font:400 1.6rem/1 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;color:#1C1B18;margin-right:4px}
.f1-full{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--ink);background:#fff;max-width:46ch}
.f1-gridbox{margin:0;justify-self:center;width:100%;max-width:400px}
.f1-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;aspect-ratio:1}
.f1-gridbox figcaption{font-size:.88rem;color:#5C5C58;margin-top:10px;text-align:center}
.f1-sec{padding:40px 28px;border-bottom:1px solid #1C1B18}
.f1-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.f1-cards li{background:#fff;border-radius:0;padding:20px}
.f1-cards svg{color:var(--ink)}
.f1-cards p,.f1-tiles p{margin:0;color:#1C1B18;font-size:.97rem}
.f1-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.f1-pic{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:0;background:#E4E4E0}
.f1-pic img{width:100%;height:100%;object-fit:cover;display:block}
.f1-band{background:#1C1B18;color:#E4E4E0;padding:44px 28px}
.f1-band h2,.f1-band h3{color:#fff}.f1-band h3{font:400 1.5rem/1.2 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:30px 0 12px}
.f1-in{max-width:880px}
.f1-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.f1-steps li{display:flex;gap:12px;align-items:flex-start;border:1px solid #1C1B18;border-radius:0;padding:16px}
.f1-steps b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#C4472A;color:#fff;font:600 1rem/1 "IBM Plex Mono",monospace}
.f1-promises{margin:0;padding:0 0 0 1.2em;display:grid;gap:8px}
.f1-promises li::marker{color:#5C5C58}
.f1-first{margin:26px 0 0;font:400 1.25rem/1.4 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;color:#fff;max-width:40ch}
.f1-apply{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}
.f1-apply>div p{color:#1C1B18;margin:0 0 10px}
.f1-form{background:#fff;border-radius:0;padding:22px}
.f1-field{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}
.f1-field label{font-weight:600}
.f1-field small{color:#5C5C58;font-size:.85rem}
.f1-field input,.f1-field textarea{font:inherit;font-size:1rem;min-height:46px;padding:10px 12px;border:1.5px solid #E4E4E0;border-radius:0;background:#fff;box-sizing:border-box;width:100%}
.f1-field input:focus,.f1-field textarea:focus{outline:3px solid #C4472A;outline-offset:1px;border-color:#1C1B18}
.f1-tick{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:1rem}
.f1-tick input{width:20px;height:20px;margin:2px 0 0;accent-color:#1C1B18;flex:none}
.f1-tick small{display:block;color:#5C5C58;font-size:.85rem}
.f1-small{font-size:.88rem;color:#5C5C58;margin:12px 0}
.f1-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f1-err{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--ink);background:#F4F4F2}
.f1-faq{border-bottom:0}
.f1-q{border-top:1px solid #E4E4E0;max-width:760px}.f1-q:last-child{border-bottom:1px solid #E4E4E0}
.f1-q summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:600;font-size:1.05rem;position:relative}
.f1-q summary::-webkit-details-marker{display:none}
.f1-q summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 1.5rem/1 "Jost","Jost Fallback",sans-serif;color:var(--ink)}
.f1-q[open] summary::after{content:"−"}
.f1-q p{margin:0 0 16px;color:#1C1B18;max-width:62ch}
.f1-thanks{max-width:640px}
@media (max-width:980px){.f1-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .f1-hero{grid-template-columns:1fr;padding:28px 16px;gap:28px}
  .f1-sec,.f1-band{padding:32px 16px}
  .f1-steps,.f1-tiles{grid-template-columns:1fr}
  .f1-apply{grid-template-columns:1fr;gap:12px}
  .f1-gridbox{max-width:320px}
}
@media (max-width:520px){.f1-cards{grid-template-columns:1fr}.f1-form{padding:16px}}
/* Brief 27: in the new public look (light page, public top bar): buttons keep white words, panels are mist, and the
   section lines are soft, as on the Showcase. */
.sc a.f1-btn,.sc a.f1-btn:hover{color:#fff}
.sc-public .f1-hero,.sc-public .f1-sec{border-bottom-color:#E4E4E0}
.sc-public .f1-cards li,.sc-public .f1-full,.sc-public .f1-form{background:#F4F4F2}
.sc-public .f1-page{max-width:1240px;margin:0 auto}
/* Brief 30: the grid reveals Rob Pepper's "Frida Katlo", one square for each founder. Untaken places are soft white tiles
   with a light outline; a revealed tile shows its part of the picture (the picture as it is, never recoloured). */
.f1-grid{gap:5px}
.f1-t{display:block;box-sizing:border-box;width:100%;aspect-ratio:1;margin:0;padding:0;border:1.5px solid #E4E4E0;border-radius:0;background:#FFFFFF;font:inherit}
.f1-t.on{border:0;background-image:var(--f1-pic);background-size:1000% 1000%;background-repeat:no-repeat;cursor:pointer}
.f1-t.on:hover,.f1-t.on:focus-visible,.f1-t.on[aria-pressed="true"]{outline:2px solid #1C1B18;outline-offset:2px}
.f1-t.f1-new{animation:f1glow 2.6s ease-in-out .5s 2}
@keyframes f1glow{0%,100%{}50%{}}
@media (prefers-reduced-motion:reduce){.f1-t.f1-new{animation:none}}
.f1-tip{min-height:1.4em;margin:8px 0 0;text-align:center;font-size:.92rem;color:#1C1B18}
.f1-complete .f1-grid{gap:3px}