.community-page{--ink:#273c33;--muted:#647068;background:#f8f6f0}.community-page .site-header{color:var(--ink);background:#f8f6f0ed;border-color:#dedfd4}.community-page .brand-logo-light{opacity:0}.community-page .brand-logo-dark{opacity:1}.community-page h1,.community-page h2,.community-page h3,.community-page h4{font-weight:400}.community-page h1,.community-page h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.04}.community-page h2{font-size:clamp(38px,4.2vw,60px);margin:15px 0 25px}.community-page em{font-weight:400;color:#788265}.kicker{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6}.community-hero{padding:155px 0 85px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.community-hero h1{font-size:clamp(48px,5.3vw,76px);margin:23px 0 26px}.hero-words>p:not(.kicker):not(.hero-caption){max-width:470px;color:var(--muted);font-size:15px}.hero-words .hero-deck{font-size:20px!important;line-height:1.55;color:var(--ink)!important}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.host-button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;padding:15px 24px;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.3px}.host-button:hover{background:#425648}.quiet-link{font-size:12px;border-bottom:1px solid #a1aa94;padding-bottom:5px}.hero-caption{font-size:9px;letter-spacing:1.5px;margin-top:35px;color:#7c8276}.portrait-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;padding:0 0 25px}.portrait-mosaic figure{position:relative;margin:0;height:245px;overflow:hidden;border-radius:3px}.portrait-mosaic figure:nth-child(even){transform:translateY(30px)}.portrait-mosaic img{height:100%;width:100%;object-fit:cover;object-position:center 28%}.portrait-mosaic figure:nth-child(4) img{object-position:50% 33%}.portrait-mosaic figcaption{position:absolute;bottom:0;left:0;right:0;color:white;padding:38px 16px 13px;background:linear-gradient(transparent,#172b29c9);font-family:var(--serif);font-size:23px}.portrait-mosaic figcaption span{display:block;font:9px var(--sans);letter-spacing:.6px;margin-top:3px}.mosaic-seal{position:absolute;top:46%;left:35%;border-radius:50%;height:126px;width:126px;background:#ebe5d5;border:6px solid #f8f6f0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:11px;line-height:1.6;transform:rotate(-10deg)}.mosaic-seal em{color:#42513d;font:20px var(--serif)}.community-intro{border-block:1px solid #dfdfd3;padding:55px 0;background:#efeee5}.intro-grid{display:grid;grid-template-columns:1fr 2fr 2fr;gap:45px;align-items:start}.intro-grid h2{font-size:36px;margin:0}.intro-grid>p:last-child{margin:0;font-size:14px;color:var(--muted)}.meet-section{padding-top:95px;scroll-margin-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading>p{max-width:380px;color:var(--muted);font-size:14px;margin-bottom:30px}.host-filters{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 16px}.host-filters button{border:1px solid #d4d8ca;background:transparent;border-radius:30px;padding:9px 15px;font-size:11px;cursor:pointer}.host-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-count{font-size:11px;color:var(--muted);margin:0 0 30px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}.person[hidden]{display:none}.portrait-link{display:block;position:relative;height:370px;overflow:hidden;background:#e3e4da}.portrait-link img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portrait-link:hover img{transform:scale(1.025)}.portrait-link>span{position:absolute;bottom:13px;right:13px;background:#f8f6f0f2;padding:8px 13px;font-size:11px}.person-copy{padding:21px 0 0}.person-copy .kicker{color:#758165;margin:0 0 8px;font-size:9px}.person h3{font-family:var(--serif);font-size:36px;line-height:1.1;margin:0 0 11px}.person h4{font-size:15px;line-height:1.4;margin:0 0 10px}.person-copy>p:not(.kicker){font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 13px}.person-copy p.languages{font-size:10px;color:#69715c;border-top:1px solid #dddfd4;padding-top:12px}.beyond-twelve{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px;border-top:1px solid #d6d9cd;padding:35px 0 65px;margin-top:45px}.beyond-twelve p{font-size:14px;color:var(--muted)}.beyond-twelve a{justify-self:end}.connection-section{background:#293e34;color:#f6f3e9;padding:80px 0}.connection-section h2{max-width:740px}.connection-section em{color:#c1c9a9}.connection-section .kicker{color:#c1c9a9}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.connection-grid article{border-top:1px solid #647565;padding-top:22px}.connection-grid span{font-size:9px;letter-spacing:1.6px;color:#c2c9b3}.connection-grid h3{font:25px var(--serif);line-height:1.2}.connection-grid p{font-size:13px;color:#d0d6c9}.matching-section{padding-block:100px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.matching-section>div>p:not(.kicker){font-size:14px;color:var(--muted);max-width:460px}.matching-small{font-size:12px!important}.matching-section .host-button{margin-top:15px}.matching-section ol{list-style:none;padding:0;margin:20px 0}.matching-section li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #d5d8cb}.matching-section li>span{font:25px var(--serif);color:#829074}.matching-section li h3{font:24px var(--serif);margin:0 0 8px}.matching-section li p{font-size:13px;color:var(--muted);margin:0}.community-close{padding:70px 0 80px;text-align:center;background:#ebe9dc}.community-close h2{font-size:68px}.community-close .host-button{margin:12px 0 22px}.community-close p:last-child{font-size:12px;color:var(--muted)}.community-close p a{text-decoration:underline;text-underline-offset:4px}#host-dialog{border:0;padding:0;width:min(880px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:#f8f6f0;color:var(--ink)}#host-dialog::backdrop{background:#12251cbd;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;background:#f8f6f0;border:1px solid #d7ddcf;border-radius:50%;cursor:pointer}.dialog-layout{display:grid;grid-template-columns:40% 60%}.dialog-layout>img{width:100%;height:100%;min-height:550px;object-fit:cover}.dialog-copy{padding:45px 35px}.dialog-copy h2{font:48px var(--serif);margin:5px 0 12px}.dialog-copy h3{font:25px var(--serif);line-height:1.15;margin:0 0 20px}.dialog-copy p{font-size:13px}.dialog-copy .dialog-places{padding-top:15px;border-top:1px solid #d4d9ca}.dialog-copy .host-button{margin-top:15px;font-size:11px}.dialog-copy small{display:block;font-size:10px;color:var(--muted);margin-top:13px}body:has(dialog[open]){overflow:hidden}.community-page :focus-visible{outline:3px solid #a98337;outline-offset:5px}
@media(min-width:1500px){.community-hero{gap:80px}}@media(max-width:1000px){.community-hero{gap:30px}.portrait-mosaic figure{height:220px}.people-grid{gap:35px 20px}.portrait-link{height:300px}.intro-grid{grid-template-columns:1fr 1.5fr}.intro-grid>.kicker{grid-column:1/-1}.matching-section{gap:40px}.beyond-twelve{grid-template-columns:1fr 2fr}.beyond-twelve a{grid-column:2;justify-self:start}}@media(max-width:700px){.community-hero{padding-top:120px;grid-template-columns:1fr;gap:35px}.community-hero h1{font-size:53px}.hero-words>p:not(.kicker):not(.hero-caption){max-width:none}.portrait-mosaic figure{height:225px}.portrait-mosaic{margin-bottom:15px}.mosaic-seal{left:calc(50% - 63px)}.intro-grid{display:block}.intro-grid h2{margin:20px 0}.intro-grid>p:last-child{margin-top:20px}.section-heading{display:block}.meet-section{padding-top:60px}.people-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.portrait-link{height:240px}.person h3{font-size:30px}.person h4{font-size:13px}.person-copy>p:not(.kicker){font-size:12px}.person-copy p.languages{font-size:9px}.host-filters{gap:7px}.host-filters button{font-size:10px;padding:8px 11px}.beyond-twelve{display:block;padding-bottom:45px}.connection-section{padding:60px 0}.connection-grid{grid-template-columns:1fr;gap:18px;margin-top:35px}.connection-grid h3{margin:17px 0 10px}.matching-section{display:block;padding-block:60px}.matching-section ol{margin-top:35px}.community-close h2{font-size:53px}.dialog-layout{display:block}.dialog-layout>img{height:300px;min-height:0;object-position:50% 30%!important}.dialog-copy{padding:25px}.dialog-copy h2{font-size:40px}}@media(max-width:420px){.people-grid{grid-template-columns:1fr}.portrait-link{height:390px}.person-copy>p:not(.kicker){font-size:14px}.person h4{font-size:16px}.person-copy p.languages{font-size:11px}.portrait-mosaic figure{height:195px}.community-hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-link img{transition:none}}

.portrait-mosaic figure:nth-child(2) img{object-position:50% 70%}.portrait-mosaic figure:nth-child(3) img{object-position:50% 12%}
@media(max-width:700px){.mosaic-seal{height:105px;width:105px;left:calc(50% - 52px);font-size:9px}.mosaic-seal em{font-size:17px}}

/* Featured community: compact portraits and a direct matching invitation. */
.section-heading .matching-intro{max-width:380px;margin-bottom:30px;color:var(--muted);font-size:14px}
.matching-intro p{margin:0 0 16px;line-height:1.75}
.matching-intro strong{font-weight:500;color:var(--ink)}
.people-grid{column-gap:36px;row-gap:38px}
.portrait-link{height:330px}
.person-copy{padding-top:18px}
.person h3{font-size:33px}
@media(min-width:1001px){.people-grid{max-width:1000px;margin-inline:auto}}
@media(max-width:1000px){.people-grid{gap:32px 24px}.portrait-link{height:270px}}
@media(max-width:700px){.section-heading .matching-intro{max-width:440px;margin:20px 0 24px}.people-grid{gap:28px 18px}.portrait-link{height:220px}.person h3{font-size:28px}}
@media(max-width:420px){.people-grid{max-width:320px;margin-inline:auto}.portrait-link{height:350px}}

/* Portrait alignment for updated featured Hosts. */
.portrait-mosaic img[src*="ari.webp"]{object-position:50% 60%}
.portrait-mosaic img[src*="naomi.webp"]{object-position:50% 40%}

/* Keep Lily’s full head visible in the mobile profile panel as well. */
.dialog-layout>img[src*="lily.webp"]{object-position:50% 0%!important}

.dialog-layout>img[src*="scarlett.webp"]{object-position:65% 100%!important}