/* Cinematic archive introduction. Existing story cards and directory remain unchanged. */
.cp-directory-hero{position:relative;isolation:isolate;overflow:hidden;background:#080808;color:#f5f5f3;padding:65px 48px 0;margin:32px 0 60px}
.cp-directory-landscape{position:absolute;inset:0;z-index:-2;margin:0;background:#161616}
.cp-directory-landscape img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) brightness(.64)}
.cp-directory-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080808f2 0%,#080808b8 43%,#08080840 100%),linear-gradient(0deg,#080808e6,transparent 55%)}
.cp-directory-hero-copy{max-width:830px;position:relative}
.cp-directory-hero-copy>.eyebrow{color:#c2c2c2;font-size:10px;letter-spacing:.2em;margin-bottom:30px;display:flex;align-items:center;gap:14px}
.cp-directory-hero-copy>.eyebrow:before{content:"";display:block;width:7px;height:7px;flex:none;border:1px solid #bcbcbc;border-radius:50%;box-shadow:0 0 0 4px #ffffff0d}
.cp-directory-hero-copy h1{font:500 clamp(64px,7.3vw,112px)/.99 var(--sans);letter-spacing:-.065em;margin:0 0 30px;overflow-wrap:anywhere}
.cp-directory-hero-copy h1>span{display:block;color:#b9b9b9;font-weight:400}
.cp-directory-hero-copy>p:not(.eyebrow){max-width:535px;color:#bcbcbc;font-size:14px;line-height:1.85;margin-bottom:30px}
.cp-directory-hero-copy .solid{min-width:190px;padding:17px 23px;background:#f5f5f3;border-color:#f5f5f3;color:#111;font-size:11px}
.cp-directory-hero-copy .solid:hover{background:#d5d5d5;border-color:#d5d5d5}
.cp-directory-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-top:1px solid #ffffff30}
.cp-directory-index>a{display:flex;align-items:center;gap:20px;min-width:0;padding:25px 28px;color:#e3e3e3;font-size:12px;border-left:1px solid #ffffff24;transition:background .2s}
.cp-directory-index>a:first-child{border-left:0;padding-left:0}
.cp-directory-index>a:last-child{padding-right:0}
.cp-directory-index>a>span:first-child{color:#a2a2a2;font-size:9px;letter-spacing:.1em}
.cp-directory-index>a>span:last-child{margin-left:auto;color:#c2c2c2;font-size:23px;font-weight:300;line-height:1}
.cp-directory-index>a:hover{text-decoration:none;background:#ffffff08}
@media(min-width:1700px){.cp-directory-hero{padding-top:82px}.cp-directory-index{margin-top:80px}}
@media(max-width:1150px){.cp-directory-hero{padding:58px 36px 0;margin-top:28px}.cp-directory-hero-copy h1{font-size:90px}.cp-directory-index{margin-top:56px}}
@media(max-width:900px){.cp-directory-hero-copy h1{font-size:76px}.cp-directory-hero-copy{max-width:650px}.cp-directory-index>a{gap:14px;padding:22px 20px;font-size:11px}}
@media(max-width:650px){.cp-directory-hero{padding:40px 24px 0;margin:24px 0 45px}.cp-directory-landscape img{object-position:65% center;opacity:.75}.cp-directory-hero:after{background:linear-gradient(90deg,#080808d9,#08080870),linear-gradient(0deg,#080808,transparent 75%)}.cp-directory-hero-copy>.eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:25px}.cp-directory-hero-copy h1{font-size:clamp(44px,11.7vw,70px);letter-spacing:-.06em;margin-bottom:24px}.cp-directory-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:420px;margin-bottom:27px}.cp-directory-hero-copy .solid{min-height:48px;min-width:175px;padding:15px 20px}.cp-directory-index{margin-top:40px}.cp-directory-index>a{padding:20px 9px;gap:7px;font-size:9px;flex-wrap:wrap}.cp-directory-index>a>span:first-child{font-size:7px}.cp-directory-index>a>span:last-child{font-size:17px}}
@media(max-width:360px){.cp-directory-hero{padding-inline:19px}.cp-directory-hero-copy h1{font-size:42px}.cp-directory-index>a{gap:5px;padding-inline:6px;font-size:8px}.cp-directory-index>a>span:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cp-directory-hero *{transition:none!important;scroll-behavior:auto!important}}