/* Informational organization page within the existing Hoplr design system. */
.organisations-page .desktop-nav a[aria-current=page] strong{color:#aa213e}
.organisations-hero{grid-template-columns:1fr 1fr;gap:65px}
.organisations-hero>div,.organisations-hero>figure{min-width:0}
.organisations-hero h1{font-size:var(--page-title-size);line-height:var(--page-title-line-height)}
.organisations-hero h1>span{text-decoration-thickness:3px;text-underline-offset:7px}
.organisations-hero .hero-actions{flex-wrap:wrap;gap:18px 25px}
.organisation-hero-note{font-size:.875rem;color:#555e9e;margin-top:22px}
.organisation-preview{margin:0;padding:28px;background:#e6e7f0;border-radius:28px}
.organisation-preview figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:.8125rem;font-weight:600}
.organisation-example-label{display:inline-block;padding:3px 9px;border:1px solid #a3a8c8;border-radius:20px;font-size:.75rem;font-weight:400;color:#4e568c;line-height:1.4;white-space:nowrap}
.organisation-window{overflow:hidden;border:1px solid #c6c9df;border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(0,13,109,.06)}
.organisation-address{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 18px;font-size:.75rem;color:#555e9e;background:#fff}
.organisation-address>svg{width:15px;height:15px}
.organisation-address>span:not(.own-domain-label){overflow-wrap:anywhere}
.own-domain-label{margin-left:auto;font-size:.75rem;padding:2px 7px;border-radius:10px;background:#f0f1f8}
.organisation-cover{height:185px;position:relative;background:#fff0c9;overflow:hidden}
.organisation-cover img{width:100%;height:100%;object-fit:cover;object-position:40% 38%}
.organisation-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 10%,rgba(0,9,73,.85));pointer-events:none}
.organisation-cover>div{position:absolute;left:24px;right:24px;bottom:21px;z-index:1;color:#fff}
.organisation-cover span{font-size:.75rem;font-weight:500}
.organisation-cover h2{font-size:2rem;line-height:1.2;margin-top:4px}
.organisation-preview-content{padding:22px 24px}
.organisation-preview-content>p{font-size:.9375rem;line-height:1.55;color:#555e9e}
.organisation-preview-categories{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:21px;padding-block:12px;border-block:1px solid #e6e7f0;font-size:.8125rem;font-weight:600}
.organisation-agenda{display:grid;grid-template-columns:55px minmax(0,1fr);gap:15px;margin-top:23px;align-items:start}
.agenda-day{display:flex;flex-direction:column;align-items:center;background:#fff0c9;padding:12px 5px;border-radius:9px;font-size:.75rem;line-height:1.4;font-weight:700}
.agenda-day strong{font-size:.8125rem;margin-top:4px}
.organisation-agenda .small-label{color:#aa213e}
.organisation-agenda h3{font-size:1.125rem;line-height:1.3;margin-top:5px}
.organisation-agenda p{font-size:.875rem;line-height:1.5;color:#555e9e;margin-top:7px}
.organisation-news-preview{padding-top:19px;margin-top:22px;border-top:1px solid #e6e7f0}
.organisation-news-preview .small-label{color:#aa213e}
.organisation-news-preview strong{display:block;font-size:1rem;line-height:1.4;margin-top:7px}
.organisation-preview-note{font-size:.8125rem;font-weight:600;line-height:1.5;margin-top:18px;text-align:center}
.organisation-friction{background:#fffefa;border-block:1px solid #f0ead8}
.organisation-friction .section-heading>p,.organisation-tools .section-heading>p,.organisation-start .section-heading>p{max-width:380px}
.friction-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0;margin:0;list-style:none}
.friction-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;border-top:1px solid #deddd5;padding-top:22px}
.friction-list li>span{font-size:.8125rem;font-weight:600;color:#aa213e}
.friction-list h3{font-size:1.125rem;line-height:1.35;letter-spacing:-.015em}
.friction-list p{font-size:1rem;line-height:1.6;color:#555e9e;margin-top:11px}
.organisation-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.organisation-feature{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;border:1px solid #e6e7f0;border-radius:20px}
.organisation-feature:nth-child(3n+2) .feature-icon{background:#fff0c9;color:#000d6d}
.organisation-feature:nth-child(3n+3) .feature-icon{background:#e6e7f0;color:#000d6d}
.organisation-feature h3{font-size:1.5rem;line-height:1.25;margin-top:23px;overflow-wrap:anywhere}
.organisation-feature>p{font-size:1rem;line-height:1.6;color:#555e9e;margin-block:17px 23px}
.organisation-feature-detail{display:block;width:100%;padding-top:18px;margin-top:auto;border-top:1px solid #e6e7f0;font-size:.875rem;line-height:1.5;font-weight:500}
.organisation-dashboard{background:#000d6d;color:#fff}
.organisation-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.organisation-dashboard-grid>div{min-width:0}
.organisation-dashboard .eyebrow{color:#c6c9df}
.organisation-dashboard-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#c6c9df;margin-top:25px;max-width:560px}
.organisation-management{padding:30px;border-radius:20px;background:#fff;color:#000d6d}
.organisation-management>.small-label{color:#aa213e}
.organisation-management dl{margin:22px 0 0;padding:0}
.organisation-management dl>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;padding-block:20px;border-top:1px solid #e6e7f0}
.organisation-management dt{font-size:1rem;line-height:1.5;font-weight:700}
.organisation-management dd{font-size:1rem;line-height:1.5;margin:0;color:#555e9e}
.organisation-management>p:last-child{padding-top:18px;border-top:1px solid #e6e7f0;color:#555e9e;font-size:.875rem;line-height:1.5}
.organisation-reach-intro{max-width:900px}
.organisation-reach-intro>p:last-child{font-size:1.0625rem;line-height:1.65;color:#555e9e;max-width:770px;margin-top:25px}
.organisation-reach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid #e6e7f0;padding-top:30px;margin-top:38px}
.organisation-reach-grid article{min-width:0}
.organisation-reach-grid article>span{font-size:.875rem;font-weight:600;color:#aa213e}
.organisation-reach-grid h3{font-size:1.5rem;line-height:1.25;margin-top:15px}
.organisation-reach-grid p{font-size:1rem;line-height:1.6;color:#555e9e;margin-top:15px}
.organisation-start{background:#ffeaef}
.organisation-start .eyebrow{color:#aa213e}
.organisation-start .section-heading{margin-bottom:32px}
.organisation-start-content{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;border-top:1px solid #e4b7c1;padding-top:28px}
.organisation-start-content>p{font-size:1rem;line-height:1.65;color:#4e568c;max-width:680px}
.organisation-start-content .text-link{flex-shrink:0;max-width:310px}
@media(max-width:1150px){
  .organisations-hero{gap:38px}
  .organisation-preview{padding:23px}
  .organisation-feature{padding:25px}
  .organisation-dashboard-grid{gap:45px}
  .organisation-management dl>div{grid-template-columns:1fr;gap:7px}
  .organisation-start-content{gap:35px}
}
@media(max-width:950px){
  .organisations-hero{grid-template-columns:1fr;gap:40px}
  .organisations-hero h1{font-size:var(--page-title-size)}
  .organisations-hero .solution-lede{max-width:660px}
  .organisation-preview{max-width:600px;width:100%;margin-inline:auto}
  .organisation-features,.friction-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .organisation-friction .section-heading,.organisation-tools .section-heading,.organisation-start .section-heading{display:block}
  .organisation-friction .section-heading>p,.organisation-tools .section-heading>p,.organisation-start .section-heading>p{max-width:650px;margin-top:25px}
  .organisation-dashboard-grid{grid-template-columns:1fr;gap:35px}
  .organisation-dashboard-copy>p:not(.eyebrow){max-width:650px}
  .organisation-management{max-width:700px;width:100%;margin-inline:auto}
  .organisation-management dl>div{grid-template-columns:150px minmax(0,1fr);gap:25px}
  .organisation-start-content{display:block}
  .organisation-start-content .text-link{margin-top:20px;max-width:none}
  .organisation-reach-grid{gap:25px}
}
@media(max-width:650px){
  .organisations-hero h1{font-size:var(--page-title-size)}
  .organisations-hero .solution-hero-copy .eyebrow{align-items:flex-start;gap:12px}
  .organisations-hero .eyebrow-line{flex-shrink:0;margin-top:calc((1.6em - 3px)/2)}
  .organisations-hero .hero-actions{flex-direction:column;align-items:flex-start}
  .organisation-preview{padding:20px;border-radius:22px}
  .organisation-cover{height:170px}
  .organisation-cover>div{left:20px;right:20px}
  .organisation-cover h2{font-size:1.8rem}
  .organisation-preview-content{padding:20px}
  .organisation-features,.friction-list,.organisation-reach-grid{grid-template-columns:1fr}
  .organisation-feature{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;padding:24px}
  .organisation-feature h3{margin-top:0;align-self:center;font-size:1.35rem}
  .organisation-feature>p,.organisation-feature-detail{grid-column:1/-1}
  .organisation-feature>p{margin-block:18px}
  .organisation-management{padding:24px}
  .organisation-management dl>div{grid-template-columns:1fr;gap:7px}
  .organisation-reach-intro h2 br{display:none}
  .organisation-reach-grid article+article{padding-top:25px;border-top:1px solid #e6e7f0}
  .organisation-start-content .text-link{align-items:flex-start}
}
@media(max-width:380px){
  .organisation-preview{padding:15px}
  .organisation-preview-content{padding:17px}
  .organisation-address{padding-inline:13px}
  .own-domain-label{display:none}
  .organisation-agenda{grid-template-columns:48px minmax(0,1fr);gap:12px}
}
