@font-face{font-family:Manrope;src:url(assets/Manrope-Variable.ttf);font-weight:200 800;font-display:swap}:root{--blue:#0648c9;--yellow:#ffdc36;--coral:#ff5a45;--ink:#152343}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font:1rem/1.8 Manrope,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;overflow-wrap:anywhere}h1{font-size:clamp(2.7rem,5.5vw,5.3rem);letter-spacing:-.04em;font-weight:650;color:var(--blue)}h2{font-size:clamp(1.8rem,3.3vw,2.8rem);letter-spacing:-.025em;font-weight:600}h3{font-size:1.75rem;font-weight:600}img{display:block;width:100%;height:auto}a{color:var(--blue);text-underline-offset:4px}header,footer{max-width:1280px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}header img{width:230px}nav{display:flex;align-items:center;gap:24px;font-size:.875rem;font-weight:650}nav>a{text-decoration:none}.button,button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;background:var(--blue);color:white;border:0;border-radius:100px;text-decoration:none;font:600 .9375rem/1.5 Manrope,Arial;cursor:pointer}.eyebrow{font-size:.8125rem;font-weight:650;margin-bottom:16px}.hero{padding:48px max(32px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center;background:var(--yellow)}.hero>div{min-width:0}.intro{font-size:1.0625rem;margin:24px 0;max-width:560px}.fine{font-size:.8125rem;margin-top:18px;color:#526078}.hero .fine{color:var(--ink)}figure{position:relative;min-width:0}figure img{height:100%;object-fit:cover}figcaption{font-size:.75rem;line-height:1.6;padding:8px;background:#eef5ff;color:#33435c}.hero-photo{height:480px;border-radius:95px 18px 18px 18px;overflow:hidden}.hero-photo img{height:calc(100% - 54px);object-position:center}.hero-photo figcaption{min-height:54px}.white .hero{background:white}.white .hero-photo{order:-1;border-radius:18px}.white h1{font-size:clamp(2.5rem,4.8vw,4.5rem)}.coral .hero{background:var(--coral)}.coral .hero>div{background:white;border-radius:20px;padding:32px}.coral h1{font-size:clamp(2.5rem,4.7vw,4.3rem)}.coral .hero-photo{border-radius:18px}.community{background:var(--blue);color:white;padding:38px max(32px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px}.community>.eyebrow{grid-column:1/-1;margin:0}.community h2{color:var(--yellow)}.meetups,.faq,.local{max-width:1280px;margin:auto;padding:48px 32px}.section-head{margin-bottom:28px}.meetup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.meetup-grid article{min-width:0}.meetup-grid figure{height:295px;overflow:hidden;border-radius:16px}.meetup-grid figure img{height:calc(100% - 40px)}.meetup-grid article>div{padding:24px 0}.meetup-grid h3{margin-bottom:14px}.signup{max-width:750px;margin:12px auto 36px;padding:32px;border-radius:20px;background:#eef5ff}.signup>p{margin-top:18px}.signup .preview{font-size:.8125rem;padding:12px;background:white;border-left:3px solid var(--coral);margin-bottom:20px}.inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}label{display:block;font-size:.875rem;font-weight:600;margin:12px 0 7px}input,select{display:block;width:100%;min-width:0;padding:13px;font:inherit;border:1px solid #8391a8;border-radius:6px;background:white;min-height:48px}.signup button{margin-top:18px}fieldset{margin:18px 0;padding:16px;border:1px solid #8391a8;min-width:0}legend{font-size:.875rem;font-weight:600}.check{display:flex;align-items:center;gap:12px}.check input{width:20px;min-height:20px;flex:none}.text-button{background:none;color:var(--blue);text-decoration:underline}#joined h3{margin-bottom:16px}#joined>.eyebrow{margin-top:24px}#profile-status{margin:20px 0}.local{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;border-top:1px solid #d5dcea}.local p:not(.eyebrow){margin-top:20px}.local img{height:240px;object-fit:cover}.faq h2{margin-bottom:24px}details{border-top:1px solid #d5dcea;padding:20px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:16px;max-width:780px}footer{border-top:1px solid #d5dcea;flex-wrap:wrap;font-size:.8125rem}footer img{width:180px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a72b21;outline-offset:4px}[hidden]{display:none!important}.wireframe{max-width:1100px;margin:auto;padding:30px}.wireframe .panel{border:1px solid #b9c8df;padding:28px;border-radius:12px;margin:24px 0}.wireframe h2{margin:12px 0}.wireframe h3{margin:22px 0 12px}.wireframe ul{padding-left:24px}.wireframe nav{flex-wrap:wrap}.comparison article{background:white;margin:28px 0;padding:24px;border-radius:16px}.comparison img{border:1px solid #d5dcea}.comparison nav{margin:18px 0;flex-wrap:wrap}@media(max-width:800px){header img{width:190px}nav>a:first-child{display:none}.hero{gap:30px;padding:32px}.hero-photo{height:390px}.hero h1{font-size:clamp(2.3rem,5.7vw,3.4rem)}.hero-photo img{object-position:50%}.community{padding:32px;gap:24px}.meetup-grid figure{height:245px}}@media(max-width:600px){header{padding:16px 20px;gap:12px;flex-wrap:wrap}header img{width:180px}nav .button{padding:10px 14px;font-size:.8125rem}.hero{display:flex;flex-direction:column;padding:28px 20px;gap:28px}.hero h1,.white h1,.coral h1{font-size:clamp(2rem,10vw,3rem)}.hero-photo{height:295px;width:100%;border-radius:65px 14px 14px 14px}.white .hero-photo{order:0}.hero-photo img{height:calc(100% - 54px)}.intro{font-size:1rem;margin:18px 0}.coral .hero>div{padding:24px}.community{display:block;padding:30px 20px}.community h2{margin:18px 0}.community>p:last-child{margin-top:20px}.meetups,.faq,.local{padding:32px 20px}.meetup-grid,.local,.inputs{grid-template-columns:minmax(0,1fr)}.meetup-grid{gap:18px}.meetup-grid figure{height:260px}.meetup-grid figure img{height:calc(100% - 54px)}.signup{margin:0 20px 30px;padding:24px}.signup button{width:100%}.local{gap:24px}.wireframe{padding:20px}.wireframe .panel{padding:20px}.comparison article{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wireframe p,.wireframe a,.wireframe li{overflow-wrap:anywhere}.wireframe .button{max-width:100%;white-space:normal}

/* Color remains part of the whole experience, not just the opening. */
.sunny .meetups,.coral .meetups{max-width:none;padding-inline:max(32px,calc((100vw - 1216px)/2));background:#eef5ff}
.sunny .meetup-grid article,.coral .meetup-grid article{background:white;border-radius:18px;overflow:hidden;border-bottom:5px solid var(--coral)}
.sunny .meetup-grid article:last-child{border-bottom-color:var(--blue)}
.sunny .meetup-grid article>div,.coral .meetup-grid article>div{padding:24px}
.sunny .meetup-grid figure,.coral .meetup-grid figure{border-radius:0}
.sunny .section-head h2,.coral .section-head h2{color:var(--blue)}
.sunny .signup{background:var(--yellow);border-top:6px solid var(--coral);margin-top:36px;box-shadow:0 0 0 1px #e9ca30}
.sunny .local{max-width:none;background:#eef5ff;border:0;padding-inline:max(32px,calc((100vw - 1216px)/2))}
.sunny .local h2{color:var(--blue)}
.sunny .faq{max-width:none;background:var(--blue);color:white;padding-inline:max(32px,calc((100vw - 1216px)/2))}
.sunny .faq h2{color:var(--yellow)}.sunny .faq details{border-color:#ffffff55}
.sunny footer{max-width:none;background:var(--yellow);border-top:6px solid var(--coral);padding-inline:max(32px,calc((100vw - 1216px)/2))}
.coral .community{background:var(--blue)}
.coral .meetups{background:#fff0ec}.coral .meetup-grid article{border-bottom-color:var(--blue)}.coral .meetup-grid article:last-child{border-bottom-color:var(--coral)}
.coral .signup{background:white;border:3px solid var(--coral);border-top-width:8px;margin-top:36px}.coral .signup h2{color:var(--blue)}.coral .signup button:not(.text-button){background:var(--blue)}
.coral .local{max-width:none;background:var(--coral);border:0;padding-inline:max(32px,calc((100vw - 1216px)/2))}.coral .local h2{color:var(--ink)}.coral .local figure{border:6px solid white;border-radius:14px;overflow:hidden}
.coral .faq{max-width:none;background:#eef5ff;padding-inline:max(32px,calc((100vw - 1216px)/2))}.coral .faq h2{color:var(--blue)}.coral .faq details{border-color:#a6bbdf}
.coral footer{max-width:none;background:var(--coral);border-top:6px solid var(--yellow);padding-inline:max(32px,calc((100vw - 1216px)/2))}.coral footer>img{background:white;border-radius:12px;padding:8px}.coral footer a{color:var(--ink)}
.white .meetup-grid article{border-bottom:3px solid var(--coral)}.white .meetup-grid article:last-child{border-color:var(--blue)}.white .signup{border-top:5px solid var(--yellow)}.white .local h2,.white .faq h2{color:var(--blue)}.white footer{border-top:4px solid var(--yellow)}
.sunny .signup .fine{color:var(--ink)}
.sunny .faq a:focus-visible,.sunny .faq summary:focus-visible{outline-color:var(--yellow)}
@media(max-width:600px){.sunny .meetups,.coral .meetups,.sunny .local,.coral .local,.sunny .faq,.coral .faq,.sunny footer,.coral footer{padding-inline:20px}.sunny .meetup-grid article>div,.coral .meetup-grid article>div{padding:20px}.sunny .signup,.coral .signup{margin-top:28px}}
.sunny footer>img{background:white;border-radius:12px;padding:8px}

/* Complete-page system */
.screen{max-width:760px;margin:32px auto 60px;padding:36px 32px;background:white;border-radius:18px}.screen h1{font-size:clamp(2.1rem,4vw,3.6rem);margin:18px 0 24px}.screen>p{margin:18px 0}.screen .button,.screen>button{margin-top:20px}.wide{max-width:1216px}.prose h2{font-size:1.65rem;margin:28px 0 14px}.secondary{display:block;margin-top:20px}.mode-note{font-size:.8125rem;background:#eef5ff;color:#33435c;border-left:3px solid var(--coral);padding:12px;margin:18px 0}.error{color:#a72b21;margin-top:16px;overflow-wrap:anywhere}.error:empty{display:none}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.screen .signup{margin:0}.status-icon{width:58px;height:58px;background:var(--yellow);color:var(--blue);font-size:2rem;text-align:center;border-radius:50%}.event-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:30px 0}.event-card{border:1px solid #d5dcea;border-bottom:5px solid var(--coral);border-radius:18px;overflow:hidden}.event-card>img{height:245px;object-fit:cover}.event-card>div{padding:24px}.event-card h2{font-size:1.8rem;margin:20px 0 16px}.event-card a{display:inline-block;margin-top:20px}.badge{display:inline-block;padding:5px 12px;background:var(--yellow);color:var(--ink);border-radius:100px;font-size:.8125rem;font-weight:650}.event-detail{max-width:1280px;margin:auto;padding:36px 32px 60px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start}.event-detail h1{font-size:clamp(2.3rem,4.5vw,4.1rem);margin:20px 0}.event-detail h2{font-size:1.8rem;margin:30px 0 16px}.event-detail>div>p{margin:18px 0}.event-image{height:340px;object-fit:cover;border-radius:16px;margin-top:28px}.event-aside{background:#eef5ff;padding:28px;border-top:5px solid var(--coral);border-radius:16px}.event-aside h2{margin-top:0}.event-aside dt{font-size:.8125rem;font-weight:650;margin-top:18px}.event-aside dd{margin:8px 0 0}.event-aside .button{width:100%;margin-top:22px}.event-aside>a:last-child{display:block;margin-top:24px}.summary-card{background:#eef5ff;padding:24px;border-radius:12px;margin:24px 0}.summary-card h2{font-size:1.6rem}.summary-card p{margin-top:12px}button:disabled{opacity:.7;cursor:default}.sunny .screen:not(.prose){border-top:6px solid var(--yellow)}.coral .screen:not(.prose){border-top:6px solid var(--coral)}.white .screen:not(.prose){border-top:5px solid var(--blue)}.sunny .event-aside{background:var(--yellow)}.coral .event-aside{background:#fff0ec}.sunny .hero-photo img,.white .hero-photo img,.coral .hero-photo img{object-position:52% 45%}body{overflow-wrap:break-word}form{min-width:0}.comparison details nav{flex-wrap:wrap;align-items:start}.comparison .mode-note{margin-top:20px}
@media(max-width:600px){.screen{margin:20px;padding:24px}.screen h1{font-size:clamp(1.9rem,9vw,2.5rem)}.event-grid,.event-detail{grid-template-columns:minmax(0,1fr)}.event-detail{padding:28px 20px;gap:28px}.event-image{height:245px}.event-aside{padding:24px}.event-card>img{height:225px}.screen button{max-width:100%;white-space:normal}}

@media(max-width:800px){nav>a:first-child{display:inline}header nav{flex-wrap:wrap;gap:12px}header{flex-wrap:wrap}}.meetup-grid h3 a{color:inherit;text-decoration:none}.meetup-grid h3 a:hover{text-decoration:underline}

#profile-form .text-button{display:inline-block;margin-left:20px;margin-top:18px} .mail-preview{border:1px solid #d5dcea;padding:32px;max-width:640px;margin:28px auto;border-radius:16px}.mail-preview img{width:180px;margin-bottom:28px}.mail-preview h2{margin:18px 0}.mail-preview p{margin:16px 0}@media(max-width:600px){#profile-form .text-button{margin-left:0;display:block}}
@media(min-width:361px) and (max-width:600px){header img{width:170px}header nav{font-size:.75rem;gap:10px}header nav .button{font-size:.75rem;padding:10px 12px}header{gap:12px}}

/* Keep the coffee conversation intact: faces and ceramic cups, at every width. */
.meetup-grid figure:has(img[src*="coffee-conversation-v2"]){height:auto}.meetup-grid figure img[src*="coffee-conversation-v2"],.event-card>img[src*="coffee-conversation-v2"],.event-image[src*="coffee-conversation-v2"]{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}