.collective-statement,.category-directory,.collective-stories{background:var(--section-bg,#0d061c);color:#f6f4fb}
.collective-statement{padding:145px 26px 150px}
.collective-label{font-size:10px;letter-spacing:1.7px;color:#9b8fae;margin:0 0 45px 8vw}
.collective-statement h2{font-size:clamp(27px,3.05vw,49px);font-weight:550;line-height:1.12;letter-spacing:-.045em;text-indent:8vw;margin:0;max-width:1700px}
.category-directory{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:30px 26px 130px;position:relative}
.category-preview{min-width:0;padding-right:12%;position:relative}
.category-preview-sticky{position:sticky;top:calc(50vh - 230px);max-width:510px}
.category-preview-images{aspect-ratio:1.18;position:relative;transform:translateY(var(--preview-y,0px));transition:transform .7s cubic-bezier(.22,1,.36,1)}
.category-scene{margin:0;position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.category-scene.is-active{opacity:.78;transform:translateY(0) scale(1)}
.category-directory.is-interacting .category-scene.is-active{opacity:1}
.category-scene img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.category-preview-caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.2px;color:#bdb2cf;margin-top:20px}
.category-preview-sticky>p{font-size:13px;line-height:1.5;color:#7f718f;margin-top:22px}
.category-directory-content{padding-right:0}
.category-directory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.category-directory-heading h2,.category-directory-heading>span{font-size:clamp(29px,3vw,45px);font-weight:600;letter-spacing:-1.7px;line-height:1;margin:0}
.category-directory-heading>span{font-variant-numeric:tabular-nums}
.category-directory-list{list-style:none;padding:0;margin:0}
.category-directory-list li{display:block;width:100%}
.category-directory-list button{box-sizing:border-box;width:100%;border:0;background:none;padding:4px 0;display:flex;align-items:baseline;text-align:left;gap:5px;color:#807487;cursor:pointer;transition:color .3s}
.category-name{font-size:clamp(22px,2vw,31px);line-height:1.12;font-weight:650;letter-spacing:-1px;text-transform:uppercase}
.category-type{font-size:10px;font-weight:400;letter-spacing:0}
.category-row-arrow{margin-left:auto;opacity:0;font-size:19px;transition:opacity .3s}
.category-directory-list button[aria-pressed=true],.category-directory-list button:hover,.category-directory-list button:focus-visible{color:#88e0e1}
.category-directory-list button[aria-pressed=true] .category-row-arrow,.category-directory-list button:hover .category-row-arrow,.category-directory-list button:focus-visible .category-row-arrow{opacity:1}
.category-directory-cta{display:inline-flex;gap:22px;margin-top:35px;font-size:13px;font-weight:600;letter-spacing:-.2px;align-items:center}
.category-directory-cta>span{color:#88e0e1;font-size:20px}
.collective-stories{padding:45px 26px 100px}
.collective-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}
.collective-stories-heading h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}
.collective-stories-heading>a{font-size:10px;color:#b2a5c3}
.collective-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.collective-story{display:block;min-width:0}
.collective-story-image{aspect-ratio:1;overflow:hidden;position:relative;border-radius:3px}
.collective-story-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s;filter:saturate(.8)}
.collective-story:hover img{transform:scale(1.035);filter:saturate(1)}
.collective-story-image>span{position:absolute;bottom:16px;right:16px;background:#10101b85;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;opacity:0;transition:opacity .3s}
.collective-story:hover .collective-story-image>span{opacity:1}
.collective-story-type{display:block;font-size:8px;color:#94849f;letter-spacing:.8px;margin-top:14px}
.collective-story h3{font-size:15px;font-weight:450;line-height:1.3;letter-spacing:-.3px;margin:7px 15px 0 0;max-width:340px}
@media(max-width:760px){.collective-statement{padding:85px 18px 75px}.collective-label{font-size:8px;margin:0 0 30px 8vw;letter-spacing:1px}.collective-statement h2{font-size:28px;line-height:1.18;letter-spacing:-1px}.category-directory{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding:20px 18px 70px;gap:16px}.category-preview{padding-right:0}.category-preview-sticky{top:30vh}.category-preview-images{aspect-ratio:.85}.category-preview-caption{display:block;font-size:7px;line-height:1.5;letter-spacing:.5px;margin-top:13px}.category-preview-caption>span{display:block}.category-preview-caption>span:last-child{margin-top:5px}.category-preview-sticky>p{font-size:10px;margin-top:14px}.category-directory-content{padding-right:0}.category-directory-heading{margin-bottom:20px;gap:12px}.category-directory-heading h2{font-size:25px;letter-spacing:-1px}.category-directory-heading>span{font-size:22px;letter-spacing:-.8px}.category-directory-list button{flex-wrap:wrap;gap:0 4px;padding:6px 0}.category-name{font-size:18px;letter-spacing:-.6px;line-height:1.15}.category-type{font-size:8px}.category-row-arrow{display:none}.category-directory-cta{font-size:9px;gap:15px;margin-top:25px}.collective-stories{padding:30px 18px 70px}.collective-stories-heading{gap:20px;align-items:end}.collective-stories-heading h2{font-size:17px;max-width:180px}.collective-stories-heading>a{font-size:8px;white-space:nowrap}.collective-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 10px}.collective-story h3{font-size:13px;line-height:1.4;margin-right:0}.collective-story-type{font-size:7px;letter-spacing:.4px}.collective-story-image>span{opacity:1;width:27px;height:27px;bottom:10px;right:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.category-scene,.category-preview-images,.collective-story-image>img{transition:none}}
