/* The complete demo collection, with a simple jump index. */
.directory-page{padding-block:64px 70px}
.directory-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:42px}
.directory-intro h1{font-size:clamp(42px,4.7vw,68px);max-width:740px}
.directory-intro-copy p{color:var(--muted);font-size:15px;margin:0 0 14px;max-width:530px}
.directory-intro-copy p:last-child{margin-bottom:0}
.header-right [aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:8px}
.demo-index{border:1px solid var(--line);background:linear-gradient(120deg,#22190e80,#100d08);padding:27px 30px}
.index-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:17px}
.index-heading h2{font-size:27px;letter-spacing:-.02em}
.index-heading p{font-size:12px;color:var(--muted);margin:0}
.demo-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;list-style:none;padding:0;margin:0}
.demo-index a{display:flex;align-items:center;gap:14px;min-height:49px;text-decoration:none;border-top:1px solid var(--line);font-size:14px;padding:10px 0}
.index-number{color:var(--gold);font-size:10px;letter-spacing:.08em}
.demo-index a>span:last-child{margin-left:auto;color:var(--gold)}
.directory-collection{padding:56px 0 0}
.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}
.collection-heading .eyebrow{margin-bottom:12px}
.collection-heading h2{font-size:43px}
.collection-heading .demo-note{max-width:280px;margin:0}
.directory-collection .card-copy>p:not(.card-kicker){color:var(--muted)}
.directory-collection .demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.directory-collection .card-copy{padding:23px}
.directory-collection .demo-card{display:flex;flex-direction:column}
.directory-collection .card-copy{display:flex;flex-direction:column;flex:1}
.directory-collection .card-copy .text-link{margin-top:auto;align-self:flex-start}
.directory-back{margin-block:22px 4px}
.directory-collection .planning-band p:not(.eyebrow){color:var(--muted);font-size:14px}
@media(max-width:1050px){.directory-intro{gap:32px}.directory-collection .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.directory-page{padding-block:32px 40px}.directory-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.directory-intro h1{font-size:43px}.directory-intro .eyebrow{font-size:9px}.demo-index{padding:22px}.index-heading{display:block}.index-heading p{margin-top:8px}.demo-index ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.demo-index a{font-size:13px;gap:8px;min-height:52px}.directory-collection{padding-top:36px}.collection-heading{display:block}.collection-heading h2{font-size:36px}.collection-heading .demo-note{max-width:none;margin-top:15px}.directory-collection .demo-grid{grid-template-columns:1fr}.directory-collection .planning-band{margin-top:15px}}
@media(max-width:380px){.demo-index{padding:18px}.demo-index ol{grid-template-columns:1fr}.directory-intro h1{font-size:39px}}