/* Bright 1970s psychedelic cosmic shapes, lightweight CSS only. */
.jc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:2rem;align-items:center;padding:clamp(3rem,7vw,7rem) max(5vw,24px);min-height:640px;overflow:hidden}
.jc-hero h1{font-size:clamp(4.5rem,11vw,11rem);line-height:.84;letter-spacing:-.085em;margin:1rem 0 2rem}
.jc-intro{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.55;max-width:720px}
.jc-art{width:min(100%,460px);aspect-ratio:1;position:relative;place-self:center}
.jc-ring{position:absolute;inset:5%;border:3px solid #7c3ddd;border-radius:50%;transform:rotate(25deg) scaleY(.67)}
.jc-ring.b{inset:18%;border-color:#10b9cd;transform:rotate(-45deg) scaleY(.7)}
.jc-center{position:absolute;inset:25%;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 20% 20%,#fffab2,#ffbd48 30%,#fd5baf 65%,#9544e8);box-shadow:0 0 45px #e565cb77;color:#2e145f;font-size:clamp(3rem,6vw,5rem);font-weight:900}
.jc-center small{font-size:clamp(.75rem,1.7vw,1.25rem);line-height:1.2;letter-spacing:.12em}
.jc-orbit-note{position:absolute;top:8%;left:0;font-size:.78rem;font-weight:900;letter-spacing:.1em;color:#44227e}
.jc-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
.jc-principles article{border-top:3px solid #cf33b1;padding:1rem 0}
.jc-principles article:nth-child(2){border-color:#18b4cf}.jc-principles article:nth-child(3){border-color:#ff9c39}.jc-principles article:nth-child(4){border-color:#854de4}
.jc-principles span{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#6a2c94}
.jc-principles h3{font-size:clamp(1.15rem,2vw,1.6rem);margin:.8rem 0 .35rem}
.jc-principles p{line-height:1.6}
.jc-stage{padding:clamp(3rem,7vw,6rem) max(5vw,24px);background:linear-gradient(130deg,#fff7e0,#fbe4f6 52%,#e0f9ff);color:#281345}
.jc-stage h2{font-size:clamp(2.7rem,7vw,6rem);line-height:1;letter-spacing:-.05em}
.jc-stage h2 em{color:#ae299f}
.jc-stage h3{font-size:clamp(1.6rem,3.6vw,2.6rem);margin:.4rem 0}
.jc-stage h4{font-size:1.3rem;margin:1rem 0 .5rem}
.jc-stage p{line-height:1.65;max-width:850px}
.jc-status{padding:1rem 0;border-bottom:2px solid #bc6ddd;font-weight:800}
.jc-area{padding:2.5rem 0;border-bottom:2px solid #9a51d244}
.jc-area form{display:grid;gap:.95rem;max-width:700px;margin:1.2rem 0 2rem}
.jc-area form label{display:grid;gap:.45rem;font-weight:750}
.jc-area input:not([type=checkbox]),.jc-area select,.jc-area textarea{width:100%;padding:.8rem;font:inherit;background:#fff;color:#2b1651;border:2px solid #9653d0;border-radius:.6rem}
.jc-area label.jc-check{display:flex;align-items:start;gap:.6rem;font-weight:600}
.jc-check input{width:1.1rem;height:1.1rem;accent-color:#7029bd}
.jc-area button{border:0;border-radius:40px;background:#672ab5;color:white;padding:.85rem 1.3rem;font:inherit;font-weight:900;cursor:pointer}
.jc-area button:disabled{opacity:.5;cursor:default}
.jc-entry{padding:1rem 0;border-bottom:1px solid #9c53ca66}
.jc-entry strong{color:#552686}.jc-entry a{color:#6c2cae;text-decoration:underline}
#jc-locked{max-width:650px;padding:2rem 0 3rem}#jc-locked h3{font-size:clamp(1.65rem,4vw,2.8rem)}
.jc-outro p{max-width:850px;font-size:1.1rem;line-height:1.7}
@media(max-width:820px){.jc-hero{grid-template-columns:1fr;min-height:auto}.jc-art{width:min(75vw,320px)}.jc-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.jc-hero h1{font-size:clamp(3.8rem,15vw,5.8rem)}.jc-principles{grid-template-columns:1fr}.jc-art{width:78vw}}
@media(prefers-reduced-motion:reduce){.jc-art,.jc-ring,.jc-center{animation:none!important;transition:none!important}}

@media(max-width:420px){.site-header{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:.65rem}.site-header .wordmark{white-space:normal;overflow-wrap:anywhere;max-width:100%}.site-header .entry-link{padding:.6rem 1rem}.jc-hero h1{font-size:clamp(3.35rem,14vw,4.4rem)}.jc-hero h1 .asterisk{right:-.38em}.jc-stage h2{font-size:clamp(2.35rem,10vw,3.3rem);overflow-wrap:anywhere}}

@media(max-width:420px){.jc-charter h2,.jc-outro h2,.jc-stage h2{font-size:clamp(2rem,9vw,3.1rem);letter-spacing:-.055em;line-height:1.06;overflow-wrap:anywhere}}
