.collective-section{--collective-card-width:340px;--collective-card-radius:28px;--collective-media-dim:.16;--collective-accent:.7;border-top:1px solid var(--rule);isolation:isolate;margin:0 var(--gutter);overflow:hidden;padding:clamp(92px,11vw,168px) 0;position:relative}
.collective-section:before{background:radial-gradient(ellipse at 16% 38%,rgba(0,182,255,.07),transparent 35%),radial-gradient(ellipse at 82% 74%,rgba(255,145,235,.055),transparent 36%);content:"";inset:0;opacity:var(--collective-accent);pointer-events:none;position:absolute;z-index:-1}
.collective-heading{align-items:end;display:grid;gap:clamp(24px,4vw,72px);grid-template-columns:minmax(0,1fr) minmax(260px,.42fr) auto;margin-bottom:clamp(40px,6vw,84px)}
.collective-heading h2{font-family:var(--display);font-size:clamp(40px,5.5vw,90px);font-weight:390;letter-spacing:-.055em;line-height:1.02;margin:0;max-width:850px}
.collective-heading>p{color:var(--muted);font-size:clamp(14px,1.15vw,18px);line-height:1.5;margin:0;max-width:44ch}
.collective-controls{display:flex;gap:8px}
.collective-controls button,.collective-dialog-close{align-items:center;-webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);background:linear-gradient(135deg,rgba(15,17,23,.62),rgba(7,8,11,.36));border:1px solid rgba(255,255,255,.18);border-radius:50%;color:rgba(255,255,255,.78);cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;transition:border-color .25s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1);width:42px}
.collective-controls button:hover,.collective-controls button:focus-visible{border-color:rgba(130,147,255,.54);box-shadow:0 0 24px rgba(0,182,255,.12),0 0 42px rgba(255,145,235,.08);outline:none;transform:translateY(-2px)}
.collective-track{display:flex;gap:clamp(14px,1.7vw,28px);margin-right:calc(var(--gutter)*-1);-ms-overflow-style:none;overflow-x:auto;padding:3px var(--gutter) 30px 0;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-y}
.collective-track::-webkit-scrollbar{display:none}
.collective-section.is-grid .collective-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-right:0;overflow:visible;padding-right:0}
.collective-card{flex:0 0 min(var(--collective-card-width),82vw);min-width:0;scroll-snap-align:start}
.collective-card-trigger{-webkit-appearance:none;appearance:none;background:#0d0e12;border:1px solid rgba(255,255,255,.12);border-radius:var(--collective-card-radius);box-shadow:0 24px 70px rgba(0,0,0,.3);color:inherit;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;text-align:left;transform:translateZ(0);transition:border-color .36s ease,box-shadow .52s ease,transform .6s cubic-bezier(.16,1,.3,1);width:100%}
.collective-card-trigger:disabled{cursor:default}
.collective-section.is-portrait .collective-card-trigger{aspect-ratio:4/5}.collective-section.is-square .collective-card-trigger{aspect-ratio:1}.collective-section.is-landscape .collective-card-trigger{aspect-ratio:16/10}
.collective-media{display:block;height:100%;inset:0;overflow:hidden;position:absolute;width:100%}
.collective-media img,.collective-media video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;transition:filter .7s ease,opacity .52s ease,transform .9s cubic-bezier(.16,1,.3,1);width:100%}
.collective-media video{opacity:0;z-index:1}.collective-media-fallback{align-items:center;background:radial-gradient(circle at 25% 30%,rgba(0,182,255,.18),transparent 28%),radial-gradient(circle at 73% 70%,rgba(255,145,235,.14),transparent 34%),#111319;color:rgba(255,255,255,.34);display:flex;font-family:var(--display);font-size:clamp(80px,12vw,170px);height:100%;justify-content:center;width:100%}
.collective-card-scrim{background:linear-gradient(180deg,rgba(0,0,0,var(--collective-media-dim)) 20%,transparent 46%,rgba(3,4,7,.82));inset:0;pointer-events:none;position:absolute;z-index:2}
.collective-card-copy{bottom:clamp(18px,2vw,28px);display:grid;gap:6px;left:clamp(18px,2vw,28px);position:absolute;right:clamp(18px,2vw,28px);z-index:3}.collective-card-copy strong{font-family:var(--display);font-size:clamp(27px,2.4vw,42px);font-weight:390;letter-spacing:-.046em;line-height:1}.collective-card-copy>span{color:rgba(244,242,248,.68);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.collective-index{-webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);background:rgba(7,8,12,.4);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(255,255,255,.68);font-family:var(--display);font-size:9px;letter-spacing:.12em;padding:8px 11px;position:absolute;right:16px;top:16px;z-index:3}
.collective-disciplines{display:flex;flex-wrap:wrap;gap:6px;padding:14px 4px 0}.collective-disciplines span{border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(242,240,247,.61);font-size:8px;letter-spacing:.11em;padding:7px 9px;text-transform:uppercase}
.collective-dialog{align-items:center;color:var(--ink);display:none;height:100%;inset:0;justify-content:center;padding:clamp(16px,4vw,64px);position:fixed;width:100%;z-index:220}.collective-dialog.is-open{display:flex}.collective-dialog-backdrop{appearance:none;background:rgba(0,0,0,.76);border:0;cursor:pointer;inset:0;padding:0;position:absolute;width:100%}body.collective-dialog-open{overflow:hidden}
.collective-dialog-card{-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);background:linear-gradient(135deg,rgba(18,20,27,.94),rgba(7,8,11,.97));border:1px solid rgba(255,255,255,.16);border-radius:min(var(--collective-card-radius),34px);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 34px 120px rgba(0,0,0,.62);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);margin:auto;max-height:min(820px,90vh);max-width:1040px;overflow:auto;position:relative;width:100%}
.collective-dialog-media{min-height:560px;position:relative}.collective-dialog-copy{align-self:center;padding:clamp(34px,5vw,72px)}.collective-dialog-copy h3{font-family:var(--display);font-size:clamp(46px,5vw,84px);font-weight:370;letter-spacing:-.06em;line-height:.96;margin:0 0 14px}.collective-dialog-copy>strong{color:rgba(244,242,248,.7);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.collective-dialog-copy>p:not(.eyebrow){color:var(--muted);font-size:clamp(15px,1.15vw,18px);line-height:1.55;margin:28px 0 0}
.collective-dialog-close{font-size:22px;position:absolute;right:16px;text-decoration:none;top:16px;z-index:4}.collective-projects{border-top:1px solid var(--rule);display:grid;gap:10px;margin-top:34px;padding-top:18px}.collective-projects>span{color:var(--dim);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.collective-projects a,.collective-socials a{color:rgba(248,246,251,.82);font-family:var(--display);font-size:14px}.collective-socials{display:flex;gap:18px;margin-top:28px}
@media(hover:hover){.collective-card-trigger:not(:disabled):hover{border-color:rgba(130,147,255,.5);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 34px rgba(0,182,255,.14),0 0 64px rgba(255,145,235,.08);transform:translateY(-6px)}.collective-card-trigger:hover .collective-media video{opacity:1}.collective-card-trigger:hover .collective-media img{filter:brightness(1.07) saturate(1.04);transform:scale(1.025)}}
@media(max-width:899px){.collective-section.is-grid .collective-track{grid-template-columns:repeat(2,minmax(0,1fr))}.collective-heading{align-items:start;grid-template-columns:1fr auto}.collective-heading>p{grid-column:1/-1;grid-row:2}.collective-controls{grid-column:2;grid-row:1}.collective-dialog-card{grid-template-columns:.8fr 1fr}}
@media(max-width:599px){.collective-section{padding-block:92px}.collective-heading{margin-bottom:32px}.collective-heading h2{font-size:clamp(34px,10vw,52px)}.collective-heading>p{font-size:14px;max-width:34ch}.collective-section.is-grid .collective-track{grid-template-columns:1fr}.collective-card{flex-basis:min(var(--collective-card-width),82vw)}.collective-dialog{padding:10px}.collective-dialog-card{display:block;max-height:94vh}.collective-dialog-media{aspect-ratio:4/3;min-height:0}.collective-dialog-copy{padding:30px 24px 36px}.collective-dialog-copy h3{font-size:45px}}
@media(prefers-reduced-motion:reduce){.collective-card-trigger,.collective-media img,.collective-media video{transition:none}.collective-card-trigger:hover{transform:none}}