.ccc-pride {
  --pride-red: #e1251b;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(70% 90% at 13% 50%, rgba(225, 37, 27, .18), transparent 70%),
    radial-gradient(55% 75% at 78% 35%, rgba(255, 255, 255, .08), transparent 68%),
    linear-gradient(145deg, #050506 0%, #121214 52%, #070708 100%);
  color: #f5f3ef;
  padding: clamp(76px, 10vw, 150px) 0;
}
.ccc-pride::before,.ccc-pride::after{position:absolute;inset:0;z-index:-1;pointer-events:none;content:""}
.ccc-pride::before{opacity:.36;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent)}
.ccc-pride::after{inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent 8%,var(--pride-red) 50%,transparent 92%);box-shadow:0 0 36px rgba(225,37,27,.58)}
.ccc-pride__shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:clamp(38px,6vw,88px);align-items:center}
.ccc-pride__stage{--pride-rx:0deg;--pride-ry:0deg;position:relative;display:grid;min-height:clamp(390px,42vw,570px);place-items:center;perspective:1200px}
.ccc-pride__stage::before{position:absolute;width:min(86%,560px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle,rgba(225,37,27,.16),transparent 58%),conic-gradient(from 145deg,transparent 0 18%,rgba(255,255,255,.16) 20%,transparent 23% 68%,rgba(225,37,27,.34) 71%,transparent 74%);box-shadow:inset 0 0 80px rgba(255,255,255,.025),0 0 80px rgba(225,37,27,.09);content:"";animation:ccc-pride-orbit 18s linear infinite}
.ccc-pride__stage::after{position:absolute;right:4%;bottom:8%;left:4%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(225,37,27,.32),rgba(0,0,0,.5) 50%,transparent 73%);filter:blur(20px);content:"";transform:translateY(22px)}
.ccc-pride__seal{position:relative;z-index:2;width:min(100%,760px);padding:1px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.07) 28%,rgba(225,37,27,.72) 72%,rgba(255,255,255,.24));box-shadow:0 34px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.08),0 0 72px rgba(225,37,27,.17);transform:rotateX(var(--pride-rx)) rotateY(var(--pride-ry)) translateZ(0);transform-style:preserve-3d;transition:transform .2s ease-out;filter:drop-shadow(0 28px 46px rgba(0,0,0,.58))}
.ccc-pride__seal::before{position:absolute;inset:-10px;z-index:-1;border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 0 30px rgba(225,37,27,.12);content:""}
.ccc-pride__seal img{display:block;width:100%;height:auto;border-radius:21px;transform:scale(.985);opacity:.82;transition:opacity .8s ease,transform 1.1s cubic-bezier(.22,.8,.24,1),filter .8s ease}
.ccc-pride.is-active .ccc-pride__seal img{opacity:1;transform:scale(1);filter:saturate(1.04) contrast(1.035)}
.ccc-pride__sheen{position:absolute;inset:1px;overflow:hidden;border-radius:21px;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(#000,#000)}
.ccc-pride__sheen::after{position:absolute;top:-25%;bottom:-25%;left:-72%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);content:"";transform:skewX(-18deg);animation:ccc-pride-sheen 6.8s 1.2s ease-in-out infinite}
.ccc-pride__signature{position:absolute;right:1%;bottom:2%;z-index:3;display:flex;align-items:center;gap:9px;color:rgba(245,243,239,.68);font-family:var(--f-mono,ui-monospace,monospace);font-size:.61rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ccc-pride__signature::before{width:38px;height:1px;background:var(--pride-red);box-shadow:0 0 12px rgba(225,37,27,.68);content:""}
.ccc-pride__copy{position:relative;z-index:2}
.ccc-pride__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:#ff675e;font-family:var(--f-mono,ui-monospace,monospace);font-size:.68rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.ccc-pride__eyebrow::before{width:28px;height:2px;background:var(--pride-red);content:""}
.ccc-pride h2{max-width:12ch;margin:0;color:#fff;font-family:var(--f-display,Inter,system-ui,sans-serif);font-size:clamp(2.65rem,5.3vw,5.8rem);line-height:.94;letter-spacing:-.052em;text-wrap:balance}
.ccc-pride h2 span{display:block;margin-top:.12em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.67);text-shadow:0 0 34px rgba(255,255,255,.08)}
.ccc-pride__lead{max-width:58ch;margin:26px 0 0;color:rgba(245,243,239,.72);font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.75}
.ccc-pride__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:29px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.11)}
.ccc-pride__values div{min-width:0;background:rgba(9,9,11,.88);padding:14px 12px}
.ccc-pride__values small,.ccc-pride__values strong{display:block}
.ccc-pride__values small{color:#ff675e;font-family:var(--f-mono,ui-monospace,monospace);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}
.ccc-pride__values strong{margin-top:5px;color:#f5f3ef;font-size:.74rem;line-height:1.3}
.ccc-pride__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ccc-pride .button--secondary{border-color:rgba(255,255,255,.22);color:#fff}
@keyframes ccc-pride-orbit{to{transform:rotate(360deg)}}
@keyframes ccc-pride-sheen{0%,58%{left:-72%;opacity:0}64%{opacity:.85}80%{left:132%;opacity:.5}100%{left:132%;opacity:0}}
@media(max-width:900px){.ccc-pride__shell{grid-template-columns:1fr;gap:34px}.ccc-pride__stage{min-height:clamp(300px,72vw,520px);order:1}.ccc-pride__copy{order:2}.ccc-pride h2{max-width:14ch}}
@media(max-width:560px){.ccc-pride{padding:70px 0 78px}.ccc-pride__stage{min-height:250px}.ccc-pride__seal{width:100%}.ccc-pride__values{grid-template-columns:1fr}.ccc-pride__signature{right:0;bottom:0;font-size:.52rem}.ccc-pride__actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.ccc-pride__stage::before,.ccc-pride__sheen::after{animation:none}.ccc-pride__seal,.ccc-pride__seal img{transition:none}}
@media print{.ccc-pride{background:#fff;color:#111}.ccc-pride h2,.ccc-pride h2 span,.ccc-pride__lead{color:#111;-webkit-text-stroke:0}.ccc-pride__stage::before,.ccc-pride__stage::after,.ccc-pride__sheen{display:none}}