.page-intro{padding-block:60px 56px}.page-intro h1,.collab-hero h1{font-size:clamp(48px,6.6vw,96px);line-height:1.06;letter-spacing:-.06em;font-weight:800}.page-intro>p:not(.section-label){font-size:23px;line-height:1.55;color:var(--body);max-width:780px;margin-top:28px}.directory-nav{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:36px}.directory-nav a{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:12px 0;font-size:18px;font-weight:600}.directory-nav a:hover{color:var(--blue-text)}.directory-nav svg{width:24px;height:24px;transform:rotate(90deg);color:var(--blue)}.directory-section{padding-block:60px;border-top:1px solid var(--line)}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:35px}.directory-heading h2,.directory-contact h2,.collab-audience h2{font-size:clamp(32px,3.5vw,50px);line-height:1.13;letter-spacing:-.045em}.directory-heading>p{font-size:19px;color:var(--body);max-width:375px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.directory-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);padding:26px;background:white;transition:background .3s,transform .35s,border-color .3s}.directory-card:hover,.directory-card:focus-visible{background:var(--ice);transform:translateY(-6px);border-color:var(--blue)}.directory-number{color:var(--blue-text);font-size:15px;font-weight:600;margin-bottom:20px}.directory-card h3{font-size:25px;line-height:1.3;letter-spacing:-.035em}.directory-card p{font-size:16px;line-height:1.65;color:var(--body);margin-top:18px;margin-bottom:26px}.directory-action{margin-top:auto;display:flex;align-items:center;gap:16px;color:var(--blue-text);font-size:15px;font-weight:700}.directory-action svg{width:25px;height:25px;transition:transform .3s}.directory-card:hover svg{transform:translateX(4px)}.directory-contact{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:42px;background:var(--ice);margin-block:10px 50px}.directory-contact p{font-size:18px;max-width:600px;margin-top:15px;color:var(--body)}.directory-contact-details{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px 35px;font-size:16px;overflow-wrap:anywhere}.collab-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding-block:65px 80px}.status-label{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:25px;font-size:14px;font-weight:700;color:var(--blue-text);margin-bottom:27px}.status-label span{width:7px;height:7px;background:var(--blue);border-radius:50%}.collab-hero>div>p:not(.status-label){font-size:21px;line-height:1.6;color:var(--body);max-width:660px;margin-top:26px}.collab-hero .button{margin-top:30px}.collab-hero .collab-note{font-size:15px!important;max-width:470px}.collab-audience{border-top:1px solid var(--line);padding-block:55px}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:40px}.audience-grid article{border-top:1px solid var(--line);padding-top:22px;transition:transform .3s}.audience-grid article:hover{transform:translateY(-6px)}.audience-grid span{font-size:15px;color:var(--blue-text)}.audience-grid h3{font-size:24px;line-height:1.25;margin-top:16px;letter-spacing:-.035em}.audience-grid p{font-size:17px;color:var(--body);line-height:1.6;margin-top:16px}.collab-bottom{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;align-items:center;padding-block:25px 60px;font-size:17px;overflow-wrap:anywhere}
@media(max-width:1000px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collab-hero{gap:30px}.collab-hero h1{font-size:65px}.directory-contact{grid-template-columns:1fr}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-heading{gap:30px}.directory-heading>p{max-width:270px}}
@media(max-width:650px){.page-intro{padding-block:35px 40px}.page-intro h1,.collab-hero h1{font-size:clamp(43px,10.6vw,66px)}.page-intro>p:not(.section-label){font-size:19px;margin-top:24px}.directory-nav{flex-direction:column;gap:0;margin-top:22px}.directory-nav a{justify-content:space-between;font-size:17px}.directory-section{padding-block:40px}.directory-heading{display:block}.directory-heading>p{max-width:none;margin-top:22px;font-size:18px}.directory-grid{grid-template-columns:1fr;gap:18px}.directory-card{padding:24px}.directory-card h3{font-size:25px}.directory-card p{font-size:17px}.directory-contact{padding:26px;gap:25px}.directory-contact .button{font-size:15px;padding:14px 15px;gap:10px}.directory-contact-details{font-size:14px}.collab-hero{grid-template-columns:1fr;padding-block:35px 45px;gap:30px}.collab-hero>div>p:not(.status-label){font-size:19px}.audience-grid{grid-template-columns:1fr;gap:30px}.collab-audience{padding-block:40px}.collab-bottom{font-size:15px;gap:20px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.directory-card,.audience-grid article{transition:none}.directory-card:hover,.directory-card:focus-visible,.audience-grid article:hover{transform:none}}

/* An illustrative, bounded social collaboration story. Static final state is the default. */
.collab-demo{width:100%;max-width:470px;margin-inline:auto;padding:24px 18px 18px;background:linear-gradient(145deg,#eff8fd,#fff 70%);border:1px solid #dbeef8;border-radius:28px;box-shadow:0 20px 55px #16374509}.demo-topline{display:flex;align-items:center;justify-content:space-between;margin:0 5px 19px;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--blue-text)}.demo-spark{font-size:25px;line-height:1}.social-post{background:#fff;border:1px solid #d5e7f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 26px #1637450b}.post-byline{display:flex;align-items:center;gap:9px;padding:17px 14px}.demo-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:2px solid white;border-radius:50%;font-size:14px;font-weight:800}.brand-avatar{color:white;background:#0879b3}.creator-avatar{color:#0879b3;background:#d9effb;margin-left:-20px}.post-byline strong{display:block;font-size:13px;letter-spacing:-.02em}.post-byline small{display:block;font-size:10px;color:var(--body);margin-top:1px}.post-dots{margin-left:auto;color:#7295a7;letter-spacing:2px;font-size:12px}.post-art{position:relative;aspect-ratio:1.2;overflow:hidden;background:#eaf4f9}.post-art img{width:100%;height:100%;object-fit:cover;object-position:46% 50%}.post-art-copy{position:absolute;left:15px;right:15px;bottom:15px;padding:14px 16px;background:#ffffffed;border:1px solid #fff;border-radius:10px}.post-art-copy span{font-size:10px;letter-spacing:.15em;color:var(--blue-text);font-weight:700}.post-art-copy strong{display:block;font-size:clamp(21px,2.1vw,28px);line-height:1.25;letter-spacing:-.045em}.post-detail{display:flex;align-items:center;gap:9px;padding:12px 15px;font-size:11px;color:var(--body)}.post-detail>span:last-child{margin-left:auto;font-size:22px;color:var(--blue-text)}.post-heart{font-size:25px;color:var(--blue-text);line-height:1}.demo-stages{position:relative;height:83px;margin-top:17px}.demo-stage{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:14px;background:white;border:1px solid #c7e2f1;border-radius:14px;opacity:0;visibility:hidden;box-shadow:0 7px 20px #16374506}.demo-stage strong{font-size:14px;line-height:1.3;display:block}.demo-stage small{font-size:11px;line-height:1.5;display:block;color:var(--body);margin-top:3px}.demo-stage>span:last-child{margin-left:auto;color:var(--blue-text);font-size:22px}.stage-symbol{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;border-radius:50%;background:#e9f6fd;color:var(--blue-text);font-size:12px;font-weight:800}.stage-shared{opacity:1;visibility:visible}.demo-progress{display:flex;gap:6px;margin:17px 6px}.demo-progress i{height:3px;flex:1;background:#0879b3;border-radius:3px}.collab-demo figcaption{text-align:center;font-size:11px;line-height:1.6;color:var(--body);margin-top:10px}.motion-ready .stage-create{animation:demo-first 4.8s both}.motion-ready .stage-invite{animation:demo-second 4.8s both}.motion-ready .stage-accept{animation:demo-third 4.8s both}.motion-ready .stage-shared{animation:demo-final 4.8s both}.motion-ready .coauthor,.motion-ready .creator-avatar{animation:demo-author 4.8s both}.motion-ready .demo-progress i:nth-child(2){animation:demo-bar 1.5s both}.motion-ready .demo-progress i:nth-child(3){animation:demo-bar 2.9s both}.motion-ready .demo-progress i:nth-child(4){animation:demo-bar 4.2s both}
@keyframes demo-first{0%,23%{opacity:1;visibility:visible;transform:none}26%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes demo-second{0%,25%{opacity:0;visibility:hidden;transform:translateY(7px)}29%,50%{opacity:1;visibility:visible;transform:none}54%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes demo-third{0%,53%{opacity:0;visibility:hidden;transform:translateY(7px)}58%,78%{opacity:1;visibility:visible;transform:none}82%,100%{opacity:0;visibility:hidden;transform:translateY(-5px)}}
@keyframes demo-final{0%,81%{opacity:0;visibility:hidden;transform:translateY(7px)}88%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes demo-author{0%,78%{opacity:0}90%,100%{opacity:1}}
@keyframes demo-bar{0%,95%{background:#d4e9f5}100%{background:#0879b3}}
@media(max-width:1000px) and (min-width:651px){.collab-hero{grid-template-columns:1fr 1fr}.collab-hero h1{font-size:clamp(43px,6vw,65px)}.collab-demo{padding:18px 12px}.demo-stage{gap:8px;padding:10px}.demo-stage strong{font-size:12px}.demo-stage small{font-size:10px}.post-byline{padding:14px 10px;gap:6px}}
@media(max-width:650px){.collab-demo{max-width:420px;padding:20px 14px;margin-top:8px}.post-art-copy strong{font-size:26px}.collab-demo figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.collab-demo *{animation:none!important}.stage-create,.stage-invite,.stage-accept{display:none}.stage-shared{opacity:1;visibility:visible}.coauthor,.creator-avatar{opacity:1}}
.portal-entry{margin:16px 0 0 12px}
@media(max-width:650px){.portal-entry{margin-left:0}}