/* Public connection story. Keep owner-configured brand colours and the original wordmark.
   Type: DM Sans. Photos and illustration panels: 24px. Controls: existing brand pills. */
.connections-public{--public-surface:#fffdf9;--public-muted:var(--muted);--public-line:var(--line)}
.connections-public h1,.connections-public h2,.connections-public h3{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.055em}
.connections-public h2{font-size:clamp(32px,4.2vw,58px);line-height:1.08;text-wrap:balance}
.connections-public h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;line-height:1.25}
.connections-public p{line-height:1.7}
.connections-public .btn{min-height:48px;white-space:nowrap;font-weight:600;padding:14px 23px;gap:24px;font-size:14px}
.connections-public .btn:active{transform:scale(.98)}
.connections-public .btn-dark{color:#fff}
.connections-public .btn:focus-visible,.connections-public a:focus-visible,.connections-public summary:focus-visible,.connections-public select:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.connections-public .site-nav{max-width:1440px;margin-inline:auto}
.connections-public .section-wrap{padding:80px max(5vw,24px);max-width:1520px;margin-inline:auto}
.connections-heading{max-width:730px;margin-bottom:36px}
.connections-heading h2{margin-bottom:18px}
.connections-heading>p{max-width:610px;margin-bottom:0;font-size:17px}
.connections-note{font-size:13px;line-height:1.75;color:var(--public-muted)}
.connections-note a{text-decoration:underline;text-underline-offset:3px}
.connections-hero{max-width:1520px;margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:42px;padding:154px max(5vw,24px) 54px}
.connections-hero-copy{padding-block:24px 36px;position:relative}
.connections-hero .eyebrow{margin-bottom:24px;font-size:11px;letter-spacing:.1em}
.connections-hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.08;margin-bottom:25px;letter-spacing:-.065em;max-width:660px}
.connections-hero h1>span{color:var(--site-accent,var(--ink))}
.connections-hero-description{max-width:470px;font-size:18px;margin-bottom:30px;line-height:1.6}
.connections-hero-photo{margin:0;min-width:0}
.connections-hero-photo>img{width:100%;height:100%;max-height:570px;aspect-ratio:3/2;object-fit:cover;border-radius:24px;object-position:center}
.connections-hero-photo figcaption{font-size:10px;line-height:1.5;color:var(--public-muted);padding:10px 4px 0}
.connections-facts{display:flex;justify-content:center;flex-wrap:wrap;column-gap:60px;row-gap:14px;max-width:1370px;margin:0 auto;padding:24px 24px;border-block:1px solid var(--public-line);font-size:13px;font-weight:500}
.connections-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.connections-intent-grid article{min-width:0}
.connections-intent-grid img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:24px}
.connections-intent-grid article>div{padding:23px 4px 0}
.connections-intent-grid h3{margin:0 0 12px}
.connections-intent-grid p{font-size:15px;margin:0;max-width:360px}
.connections-intentions>.connections-note{max-width:800px;margin:30px 0 0}
.connections-activities{background:color-mix(in srgb,var(--cream) 83%,var(--peach));border-radius:32px}
.connections-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
.connections-activity figure{margin:0 0 17px;overflow:hidden;border-radius:24px;background:var(--public-surface)}
.connections-activity img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .3s ease}
.connections-activity h3{font-size:22px;margin:0 0 9px}
.connections-activity p{font-size:14px;max-width:365px;margin:0}
.connections-more{display:grid;grid-template-columns:1fr 1fr;gap:42px;border-top:1px solid var(--public-line);margin-top:38px;padding-top:25px}
.connections-more p{margin:0;font-size:14px}
.connections-more .connections-note{font-size:12px}
.connections-public .buddy-journey{background:none;column-gap:60px;row-gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.connections-public .buddy-introduction h2{font-size:clamp(32px,3.8vw,52px);max-width:550px}
.connections-public .buddy-purpose-form{background:var(--public-surface);border:1px solid var(--public-line);border-radius:24px;padding:25px;margin-top:26px}
.connections-public .buddy-purpose-form label{font-size:15px}
.connections-public .buddy-purpose-form select{min-height:48px;background-color:var(--cream);border-color:var(--public-line);font-size:15px}
.connections-public .buddy-purpose-form .btn{margin-top:4px}
.connections-public .buddy-boundary{font-size:12px;line-height:1.8}
.connections-public .buddy-storyboard{background:var(--public-surface);border:1px solid var(--public-line);border-radius:24px;padding:26px}
.connections-public .buddy-story-step{background:transparent;border-radius:0;border-bottom:1px solid var(--public-line);padding:20px 0;box-shadow:none;gap:14px}
.connections-public .buddy-story-step:first-child{padding-top:0}
.connections-public .buddy-story-step strong{font-size:15px;line-height:1.4}
.connections-public .buddy-story-step p{font-size:12px;line-height:1.6}
.connections-public .buddy-story-number{background:var(--peach);color:var(--ink);border-color:var(--public-line)}
.connections-public .buddy-storyboard figcaption{font-size:11px;line-height:1.6;margin:18px 0 0}
.connections-public .buddy-plan-paths{border-top:1px solid var(--public-line);padding-top:30px;margin:0;gap:60px}
.connections-public .buddy-plan-paths>div{background:none;border:0;padding:0;border-radius:0}
.connections-public .buddy-plan-paths h3{font-size:23px}
.connections-public .buddy-plan-paths p{font-size:14px}
.connections-public .buddy-plan-paths a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.connections-public .explainer-section{background:color-mix(in srgb,var(--cream) 90%,var(--peach));border-radius:32px}
.connections-public .concept-player{position:relative;margin:0}
.connections-public .concept-video{display:block;width:100%;aspect-ratio:16/9;border-radius:24px;background:var(--public-surface);margin:0;box-shadow:none}
.connections-public .concept-sound{position:absolute;z-index:1;bottom:64px;left:24px}
.connections-public .concept-sound[hidden]{display:none}
.connections-public .explainer-section>.connections-note{margin:19px 0 0;max-width:800px}
.connections-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.connections-format-grid article{border-top:1px solid var(--public-line);padding-top:25px}
.connections-format-grid .bi{font-size:26px;display:inline-block;margin-bottom:18px}
.connections-format-grid p{font-size:15px;max-width:500px;margin-bottom:15px}
.connections-format-grid .connections-note{font-size:12px}
.connections-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.connections-slots>span{padding:7px 11px;border:1px solid var(--public-line);border-radius:8px;font-size:11px}
.connections-nearby{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;border-top:1px solid var(--public-line)}
.connections-nearby h2{max-width:590px}
.connections-nearby>div>p{max-width:560px}
.connections-nearby>.planning-illustration{max-width:400px;width:100%;justify-self:center}
.connections-public #pricing{border-top:1px solid var(--public-line)}
.connections-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}
.connections-price{padding:30px;border:1px solid var(--public-line);border-radius:24px;background:var(--public-surface)}
.connections-price>span{font-size:13px;color:var(--public-muted)}
.connections-price h3{font-size:29px;margin:12px 0 16px}
.connections-price p{font-size:14px;max-width:520px}
.connections-price p:last-child{margin-bottom:0}
.connections-choice{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;border-top:1px solid var(--public-line)}
.connections-choice h2{max-width:450px}
.connections-public .faq-section{grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--public-line)}
.connections-public .faq-section h2{font-size:clamp(32px,4vw,52px);max-width:350px;margin-bottom:24px}
.connections-public .accordion,.connections-public .accordion-button,.connections-public .accordion-body{background:transparent;color:var(--ink)}
.connections-public .accordion-button{font-size:16px;line-height:1.5;padding-block:22px;box-shadow:none}
.connections-public .accordion-item{background:transparent;border-color:var(--public-line)}
.connections-public .accordion-body{font-size:14px;line-height:1.8;color:var(--public-muted)}
.connections-public .connections-final{padding:85px 24px;background:var(--peach);border-radius:32px;width:calc(100% - clamp(24px,4vw,64px));margin:0 auto;text-align:center}
.connections-final h2{font-size:clamp(42px,5.5vw,76px);line-height:1.05;max-width:22ch;margin-inline:auto;text-align:center}
.connections-final p{font-size:17px;max-width:530px;margin:22px auto 30px;color:var(--ink)}
.connections-public .social-follow{border-top:0;padding-block:48px}
.connections-public .social-follow h2{font-size:28px}
.connections-credits{padding:24px max(5vw,24px) 50px;max-width:1520px;margin:auto;font-size:11px;color:var(--public-muted)}
.connections-credits summary{cursor:pointer;width:max-content;font-size:12px;padding:10px 0}
.connections-credits p{max-width:850px;margin-top:14px}
.connections-credits a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.connections-activities,.connections-public .explainer-section{max-width:1420px}}
@media(max-width:1100px){.connections-hero{gap:28px}.connections-hero-description{font-size:16px}.connections-public .section-wrap{padding-block:65px}.connections-public .buddy-journey,.connections-nearby,.connections-choice{gap:35px}.connections-public .faq-section{gap:40px}.connections-intent-grid,.connections-activity-grid{gap:25px 20px}.connections-intent-grid p{font-size:14px}.connections-public .buddy-storyboard{padding:20px}}
@media(max-width:767px){.connections-public .section-wrap{padding:48px 22px}.connections-public h2{font-size:34px}.connections-public .site-nav{top:14px;left:12px;right:12px;padding:11px 16px;min-height:64px}.connections-public .site-nav .brand{font-size:27px}.connections-public .site-nav .btn-small{font-size:11px;padding:11px 13px;min-height:44px;gap:10px}.connections-public .menu-toggle{min-width:40px;min-height:44px}.connections-hero{grid-template-columns:1fr;padding:112px 22px 30px;gap:26px}.connections-hero-copy{padding:0}.connections-hero .eyebrow{font-size:10px;margin-bottom:18px}.connections-hero h1{font-size:clamp(34px,8.9vw,53px);margin-bottom:19px;line-height:1.08;letter-spacing:-.06em}.connections-hero-description{max-width:440px;font-size:16px;margin-bottom:23px}.connections-hero .btn{width:auto}.connections-hero-photo>img{aspect-ratio:3/2;max-height:430px;border-radius:20px}.connections-hero-photo figcaption{font-size:9px}.connections-facts{padding:18px 22px;gap:9px 20px;justify-content:flex-start;font-size:11px}.connections-facts span:last-child{width:100%}.connections-heading{margin-bottom:27px}.connections-heading h2{margin-bottom:15px}.connections-heading>p{font-size:15px}.connections-intent-grid{grid-template-columns:1fr;gap:30px}.connections-intent-grid img{aspect-ratio:4/3;max-height:430px;border-radius:20px}.connections-intent-grid article>div{padding:18px 0 0}.connections-intent-grid h3{font-size:25px;margin-bottom:9px}.connections-intent-grid p{max-width:440px;font-size:15px}.connections-intentions>.connections-note{font-size:12px;margin-top:24px}.connections-activities,.connections-public .explainer-section{border-radius:24px;margin-inline:10px}.connections-activity-grid{grid-template-columns:1fr 1fr;gap:24px 15px}.connections-activity figure{border-radius:16px;margin-bottom:13px}.connections-activity img{aspect-ratio:1/1}.connections-activity h3{font-size:18px;letter-spacing:-.035em;margin-bottom:7px}.connections-activity p{font-size:12px;line-height:1.6}.connections-more{grid-template-columns:1fr;gap:14px;margin-top:28px;padding-top:22px}.connections-more p{font-size:13px}.connections-public .buddy-journey{grid-template-columns:1fr;gap:25px}.connections-public .buddy-introduction h2{font-size:34px}.connections-public .buddy-purpose-form{padding:22px;margin-top:22px}.connections-public .buddy-purpose-form .btn{width:100%}.connections-public .buddy-storyboard{padding:22px}.connections-public .buddy-plan-paths{grid-template-columns:1fr;gap:25px}.connections-public .buddy-plan-paths h3{font-size:22px}.connections-public .concept-video{border-radius:16px}.connections-public .concept-sound{bottom:50px;left:12px;padding:8px 12px;min-height:36px;gap:9px;font-size:11px}.connections-public .explainer-section>.connections-note{font-size:11px}.connections-format-grid{grid-template-columns:1fr;gap:28px}.connections-format-grid p{font-size:14px}.connections-nearby{grid-template-columns:1fr;gap:22px}.connections-nearby>.planning-illustration{max-width:300px}.connections-pricing-grid{grid-template-columns:1fr;gap:18px;margin-top:25px}.connections-price{padding:24px;border-radius:20px}.connections-price h3{font-size:26px}.connections-choice{grid-template-columns:1fr;gap:8px}.connections-choice h2{max-width:310px}.connections-public .faq-section{grid-template-columns:1fr;gap:20px}.connections-public .faq-section h2{font-size:34px;max-width:320px;margin-bottom:18px}.connections-public .accordion-button{font-size:15px;padding-block:19px}.connections-public .accordion-body{font-size:13px}.connections-public .connections-final{padding:54px 22px;border-radius:24px}.connections-final h2{font-size:45px}.connections-final p{font-size:15px;margin-block:20px 25px}.connections-public .social-follow{padding-block:36px;gap:12px}.connections-credits{padding:12px 22px 35px}}
@media(max-width:359px){.connections-public .site-nav{padding:10px 12px;gap:8px}.connections-public .site-nav .brand{font-size:23px}.connections-public .site-nav .nav-actions{gap:2px}.connections-public .site-nav .btn-small{font-size:10px;padding:10px}.connections-public .site-nav .menu-toggle{min-width:32px}.connections-hero{padding-inline:18px}.connections-hero h1{font-size:32px}.connections-public .section-wrap{padding-inline:18px}.connections-activity-grid{grid-template-columns:1fr}.connections-activity img{aspect-ratio:3/2}.connections-activity h3{font-size:22px}.connections-activity p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.connections-public *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.connections-public .concept-video{scroll-behavior:auto}.connections-public .concept-sound{display:none}}
@media(prefers-color-scheme:dark){.connections-public:not(.people-product){--cream:#201e1d;--ink:#f7f3ed;--muted:#c9c3be;--line:#4b4643;--peach:#efb6a7;--public-surface:#2a2725;--public-muted:#c9c3be;--public-line:#4b4643;background:var(--cream);color:var(--ink)}.connections-public:not(.people-product) .site-nav,.connections-public:not(.people-product) .offcanvas{background:#2a2725;color:#f7f3ed}.connections-public:not(.people-product) .brand,.connections-public:not(.people-product) .desktop-nav,.connections-public:not(.people-product) .menu-toggle{color:#f7f3ed}.connections-public:not(.people-product) .btn-dark{background:#efb6a7;border-color:#efb6a7;color:#201e1d}.connections-public:not(.people-product) .btn-peach,.connections-public:not(.people-product) .connections-final{color:#201e1d}.connections-public:not(.people-product) .connections-final h2,.connections-public:not(.people-product) .connections-final p{color:#201e1d}.connections-public:not(.people-product) .connections-final .btn-dark{background:#201e1d;border-color:#201e1d;color:#fff}.connections-public:not(.people-product) .btn-outline-dark{color:#f7f3ed;border-color:#bdb4ae}.connections-public:not(.people-product) .buddy-purpose-form select{color:#f7f3ed}.connections-public:not(.people-product) .buddy-story-number{color:#201e1d}.connections-public:not(.people-product) .buddy-story-step strong,.connections-public:not(.people-product) .buddy-plan-paths a{color:#f7f3ed}.connections-public:not(.people-product) .site-footer{background:#252321;color:#f7f3ed}.connections-public:not(.people-product) .footer-bottom{border-color:#4b4643}.connections-public:not(.people-product) .footer-links h3{color:#f7f3ed}.connections-public:not(.people-product) .planning-illustration{background:#faf8f0;border-radius:24px}.connections-public:not(.people-product) .accordion-button::after{filter:invert(1)}.connections-public:not(.people-product) .btn-close{filter:invert(1)}}
@media(prefers-color-scheme:dark){.connections-public:not(.people-product) .buddy-purpose-copy,.connections-public:not(.people-product) .buddy-boundary,.connections-public:not(.people-product) .buddy-story-step p,.connections-public:not(.people-product) .buddy-storyboard figcaption{color:var(--public-muted)}.connections-public:not(.people-product) .buddy-storyboard::before{background:var(--public-line)}}
.connections-intent-grid img,.connections-activity img{height:auto}
@media(max-width:767px){.connections-public .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px;width:100%}.connections-public .footer-links>div{min-width:0}.connections-public .footer-links>div:last-child{grid-column:1/-1}.connections-public .footer-links a{font-size:12px;overflow-wrap:anywhere}.connections-public .footer-links h3{font-size:13px}}

@media(prefers-color-scheme:dark){.connections-public:not(.people-product) .connections-hero h1>span{color:var(--ink)}}

@media(prefers-color-scheme:dark){.connections-public:not(.people-product){color-scheme:dark}.connections-public:not(.people-product) .buddy-purpose-form select{background-color:var(--public-surface);color:var(--ink);border-color:var(--public-line);appearance:auto;background-image:none}.connections-public:not(.people-product) .footer-links a,.connections-public:not(.people-product) .footer-bottom{color:var(--public-muted)}.connections-public:not(.people-product) .footer-links a:hover{color:var(--ink)}}

@media(prefers-color-scheme:dark){.connections-public:not(.people-product) .accordion-button:not(.collapsed){color:var(--ink)!important;background:var(--public-surface)}}
