/* Circle shares the existing Selects/Past Nights world, with a quiet portrait wall. */
.circle-body{background:#040304;--acid:#ff378f;--line:#ffffff30}
.circle-world{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#040304 url('/selects/space.webp') 70% center/cover no-repeat}
.circle-shade{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000b,#000e 30%,#000d 70%,#0009);animation:circle-light 24s ease-in-out infinite alternate}
.circle-body .top,.circle-body .foot{background:#0009}.circle-body .strip{display:none}
.circle-body .f9-page{max-width:1200px;padding-top:36px;position:relative}
.f9-circle-intro{padding:38px 0 34px;border-bottom:1px solid var(--line);margin-bottom:32px}
.f9-circle-eyebrow{font:11px monospace;letter-spacing:.22em;color:#cdbbc5;margin:0}
.circle-body .f9-circle-intro h1{font-size:clamp(52px,9vw,116px);font-weight:500;letter-spacing:-.055em;margin:20px 0 22px}
.f9-circle-manifesto{font:12px monospace;letter-spacing:.15em;color:#d4cbd0;max-width:550px;margin:0}
.circle-body .f9-circle-search{max-width:540px;margin-bottom:16px}
.circle-body .f9-circle-search label{font:11px monospace;letter-spacing:.1em;color:#cdbbc5}
.circle-body .f9-circle-search input{background:#080708cc;border-color:#ffffff40;padding:16px 18px;min-height:54px}
.circle-body .f9-circle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;margin:32px 0 48px}
.circle-body .f9-circle-photo{background:#100c10;border-color:#ffffff2e;transition:border-color .5s,box-shadow .5s}
.circle-body .f9-circle-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.f9-circle-details{display:flex;flex-direction:column;gap:8px;padding:3px 0}
.f9-circle-name{font-size:clamp(16px,1.7vw,23px);letter-spacing:-.025em;color:#f3eff1}
.f9-circle-number{font:10px monospace;letter-spacing:.12em;color:#bdaeb7}
@media(hover:hover){.f9-circle-member:hover .f9-circle-photo{border-color:#ff378fa6;box-shadow:0 0 22px #ff378f12}.f9-circle-member:hover img{transform:scale(1.025)}}
@keyframes circle-light{from{opacity:.92}to{opacity:1}}
@media(max-width:900px){.circle-body .f9-circle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.circle-world{background-image:url('/selects/space-mobile.webp');background-position:70% top}.circle-shade{animation:none;background:linear-gradient(#0009,#000d 40%,#000c)}.circle-body .f9-page{padding-top:22px}.f9-circle-intro{padding:26px 0;margin-bottom:26px}.circle-body .f9-circle-intro h1{font-size:clamp(48px,12vw,76px)}.f9-circle-manifesto{font-size:10px;letter-spacing:.08em;max-width:260px}.circle-body .f9-circle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin-top:24px}.f9-circle-name{font-size:16px}.f9-circle-number{font-size:9px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.circle-shade{animation:none}.circle-body .f9-circle-photo,.circle-body .f9-circle-photo img{transition:none}}
