@import url("fluid-layout.css");

.ngws-community-banner{--cb-ink:#15171c;--cb-muted:#626773;position:relative;isolation:isolate;overflow:hidden;background:#090a0d;color:#fff;padding:clamp(3rem,7vw,6.5rem) clamp(1rem,5vw,5rem);font-family:Inter,Aptos,"Helvetica Neue",Arial,sans-serif}
.ngws-community-banner__inner{position:relative;z-index:2;width:100%;margin:auto}
.ngws-community-banner__motto{width:min(1500px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1.4rem,5vw,5rem);margin:0 auto clamp(1.8rem,4vw,3rem)}
.ngws-community-banner__motto:before{content:"";position:absolute;z-index:-1;left:-2.5rem;top:3.2rem;width:clamp(210px,30vw,430px);height:clamp(150px,20vw,280px);background:radial-gradient(circle at 8% 48%,#f7b533 0 3px,transparent 4px),radial-gradient(circle at 18% 25%,#ffd56f 0 2px,transparent 3px),radial-gradient(circle at 25% 70%,#d88a16 0 4px,transparent 5px),radial-gradient(ellipse at 42% 50%,rgba(243,173,50,.22),transparent 58%);filter:drop-shadow(0 0 12px rgba(243,173,50,.2));transform:rotate(-8deg);pointer-events:none}
.ngws-community-banner__eyebrow{display:block;margin-bottom:.65rem;color:#ffb23f;font-size:.73rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.ngws-community-banner__motto h2{position:relative;max-width:860px;margin:0;font:500 clamp(2.8rem,7vw,6.7rem)/.88 "Iowan Old Style","Baskerville",Georgia,serif;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 8px 34px rgba(0,0,0,.48)}
.ngws-community-banner__motto h2:after{content:"";display:block;width:clamp(86px,13vw,180px);height:5px;margin-top:1rem;border-radius:999px;background:linear-gradient(90deg,#f3ad32,#ffd878 55%,transparent);box-shadow:0 0 20px rgba(243,173,50,.35)}
.ngws-community-banner__motto h2 em{font-weight:500;color:#a78cff}
.ngws-community-banner__motto p{max-width:290px;margin:0 0 .4rem;color:#bbbcc3;font-size:.92rem;line-height:1.65}
.ngws-community-banner__plate{position:relative;left:50%;width:100vw;display:grid;grid-template-columns:1fr 1fr 1.55fr;align-items:center;gap:clamp(1rem,5vw,5rem);min-height:220px;overflow:hidden;margin-left:-50vw;padding:clamp(1.5rem,3.5vw,3.2rem) max(5vw,calc((100vw - 1500px)/2));border-block:1px solid #e3e3e3;background:radial-gradient(circle at 3% 18%,rgba(243,173,50,.2) 0 3px,transparent 4px),radial-gradient(circle at 7% 78%,rgba(225,143,20,.15) 0 5px,transparent 6px),radial-gradient(circle at 97% 72%,rgba(243,173,50,.22) 0 4px,transparent 5px),radial-gradient(ellipse at 92% 12%,rgba(255,219,137,.24),transparent 23%),linear-gradient(90deg,#fffaf0 0,#fff 18%,#fff 82%,#fff9ed 100%);color:var(--cb-ink);box-shadow:0 28px 75px #0008}
.ngws-community-banner__plate:before{content:"";position:absolute;top:-48px;right:-35px;width:210px;height:150px;border:2px solid rgba(243,173,50,.28);border-radius:48% 52% 44% 56%;transform:rotate(18deg);box-shadow:0 0 45px rgba(243,173,50,.12);pointer-events:none}
.ngws-community-banner__plate:after{content:"";position:absolute;left:-18px;bottom:-38px;width:240px;height:150px;background:radial-gradient(circle at 16% 40%,rgba(238,164,37,.75) 0 3px,transparent 4px),radial-gradient(circle at 28% 58%,rgba(255,204,94,.65) 0 5px,transparent 6px),radial-gradient(circle at 42% 32%,rgba(223,135,12,.4) 0 2px,transparent 3px),radial-gradient(ellipse at 28% 50%,rgba(247,186,64,.16),transparent 62%);transform:rotate(-9deg);pointer-events:none}
.ngws-community-banner__organisation{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ngws-community-banner__organisation img{display:block;max-width:100%;height:auto;object-fit:contain}
.ngws-community-banner__organisation--tjcc img{width:min(170px,100%)}
.ngws-community-banner__organisation--cacc img{width:min(92px,55%)}
.ngws-community-banner__organisation--passion{position:relative;padding:.85rem;border-radius:22px;background:radial-gradient(ellipse,rgba(255,208,112,.18),transparent 70%)}
.ngws-community-banner__organisation--passion img{position:relative;width:min(270px,100%);filter:drop-shadow(0 8px 16px rgba(122,76,0,.08))}
.ngws-community-banner__organisation span{margin-top:.6rem;color:#171717;font-size:.68rem;font-weight:800;line-height:1.25}
.ngws-community-banner__affiliation{width:min(1500px,100%);margin:1.35rem auto 0;color:#b8bac2;font-size:.74rem;letter-spacing:.16em;line-height:1.7;text-align:center}
.ngws-community-banner[data-treatment="stage"]:before{content:"";position:absolute;z-index:0;top:-55%;left:8%;width:42%;height:135%;background:conic-gradient(from 168deg at 50% 0,transparent 0 43%,rgba(255,230,185,.20) 46%,rgba(255,255,255,.34) 50%,rgba(255,213,146,.14) 55%,transparent 59% 100%);transform-origin:50% 0;filter:blur(12px);animation:ngws-community-spotlight 8s ease-in-out infinite alternate;pointer-events:none}
.ngws-community-banner[data-treatment="stage"]:after{content:"";position:absolute;z-index:0;inset:auto 12% 5% 12%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,192,91,.18),transparent 68%);filter:blur(20px);animation:ngws-community-glow 3.4s ease-in-out infinite;pointer-events:none}
.ngws-community-banner[data-treatment="stage"] .ngws-community-banner__plate{box-shadow:0 28px 75px #0008,0 0 48px rgba(255,180,73,.08)}
@keyframes ngws-community-spotlight{from{transform:translateX(-8%) rotate(-7deg)}to{transform:translateX(72%) rotate(10deg)}}
@keyframes ngws-community-glow{50%{opacity:.45;transform:scaleX(.82)}}
@media(max-width:760px){.ngws-community-banner__motto{grid-template-columns:1fr}.ngws-community-banner__motto p{max-width:34rem}.ngws-community-banner__plate{grid-template-columns:1fr 1fr}.ngws-community-banner__organisation--passion{grid-column:1/-1;padding-top:1rem;border-top:1px solid #ececef}.ngws-community-banner__organisation--tjcc img{width:min(132px,100%)}.ngws-community-banner__affiliation{letter-spacing:.08em}}
@media(max-width:440px){.ngws-community-banner__plate{grid-template-columns:1fr;gap:1.4rem}.ngws-community-banner__organisation--passion{grid-column:auto}.ngws-community-banner__organisation--tjcc img{width:125px}.ngws-community-banner__organisation--cacc img{width:82px}.ngws-community-banner__organisation--passion img{width:220px}.ngws-community-banner__affiliation{font-size:.68rem}}
@media(orientation:landscape) and (max-height:560px){.ngws-community-banner{padding-block:2.2rem}.ngws-community-banner__motto h2{font-size:clamp(2.6rem,7vw,4.4rem)}.ngws-community-banner__plate{min-height:150px}}
@media(prefers-reduced-motion:reduce){.ngws-community-banner:before,.ngws-community-banner:after{animation:none!important}}