/* Owner October 4 live Viber reference: electric cobalt, violet and luminous gold. */
body{background:radial-gradient(ellipse at 85% 10%,#9952e6a8,transparent 44%),radial-gradient(ellipse at 10% 65%,#178cf0a6,transparent 48%),linear-gradient(140deg,#263ac1,#5424a4 60%,#205ecc);color:#fff7df}
.header{background:linear-gradient(100deg,#263cacdd,#6730a8dd);border-bottom:2px solid #e5bd68}
.hero-copy{background:radial-gradient(ellipse at 40% 45%,#7350c277,transparent 60%),linear-gradient(135deg,#2643becc,#5224a3bb)}
.intro,.page-directory .intro,.page-profile .intro,.page-participate .intro{background-image:linear-gradient(90deg,#24379ecc 0%,#5733a59c 52%,#54289d26 100%),url('assets/electric-violet.png');background-position:right 42%}
.intro:after{background:linear-gradient(0deg,#4a39a04d,transparent 30%)}
.intro h1,.intro p,.hero-copy h1{ text-shadow:0 3px 7px #171442aa }
.intro>p{background:#28358072;border-left:3px solid #eac571;padding:14px 18px;border-radius:0 8px 8px 0}
.card,.category,.empty{background:radial-gradient(circle at 100% 0,#a35dea91,transparent 64%),linear-gradient(135deg,#245ecc,#5440ba);border-color:#edc977}
.card:nth-child(2n){background:radial-gradient(circle at 100% 0,#b167e499,transparent 65%),linear-gradient(140deg,#6430bb,#2b62c3)}
.category-group a{color:#fff2ba}.category-group li{border-color:#e6c17477}.category{border:1px solid #edc977}
select,input,textarea{background:#273c9d;border-color:#e5c16e}.editor{background:linear-gradient(135deg,#2f55bc,#6632a0)}
.callout{background:radial-gradient(ellipse at 55% 0,#b567e3a6,transparent 72%),linear-gradient(120deg,#215ece,#7139bd)}
.business-section,.footer{background:linear-gradient(100deg,#263ba2,#522c93)}
.button{box-shadow:0 5px 16px #25237066}.feature-strip{border-color:#f5d177}.feature-strip p{background:linear-gradient(90deg,transparent,#41319ac7 28%)}
@media(max-width:650px){.intro,.page-directory .intro,.page-profile .intro,.page-participate .intro{background-image:linear-gradient(90deg,#2738a3c9,#602d9aa6),url('assets/electric-violet.png');background-position:58% center}.intro>p{padding:12px 14px}.feature-strip p{background:linear-gradient(0deg,#523596dc,transparent 78%)}}

/* October 5 owner correction: preserve the established scene, never fade artwork. */
body{background:radial-gradient(circle at 85% 35%,#47239c 0,transparent 40%),linear-gradient(160deg,#100b35,#1b1552 65%,#0b1d4b)}
body:before{display:none}
.header{background:#130d3b;border-bottom:1px solid #ffd56d}
.intro,.page-directory .intro,.page-profile .intro,.page-participate .intro{background-image:url('assets/electric-violet.png');background-position:right 36%;background-size:cover;padding-top:48px;padding-bottom:48px;min-height:420px}
.intro:after,.hero-art:after{display:none}
.intro h1{max-width:60%;font-size:clamp(42px,5vw,74px);color:#fff7df;text-shadow:0 3px 4px #100b35,0 0 18px #100b35}
.intro>p{max-width:55%;background:#201059;border:1px solid #e9ba61;border-radius:14px;padding:16px 20px;color:#fff7df}
.intro .eyebrow{display:inline-block;background:#201059;border:1px solid #e9ba61;border-radius:999px;padding:10px 16px;color:#ffd56d}
.hero-copy{background:#201059}
.hero-art{background:#251163;border-left:2px solid #ffd56d;display:flex;align-items:center}
.hero-art img{height:auto;object-fit:contain;opacity:1;filter:none}
.art-label{position:static;padding:14px 20px;background:#201059}
.scene{display:grid;grid-template-columns:1.2fr 1fr;min-height:0;background:#201059}
.scene>img{height:auto;align-self:center;object-fit:contain;opacity:1;filter:none}
.scene>div{position:static;inset:auto;width:auto;padding:40px;background:#201059}
.feature-strip{height:auto;display:grid;grid-template-columns:1.2fr 1fr;background:#201059}
.feature-strip img{height:auto;object-fit:contain;opacity:1;filter:none}
.feature-strip p{position:static;width:auto;padding:30px;background:#201059;align-self:center}
.card,.category,.empty{background:linear-gradient(145deg,#312079,#161446);border-color:#ffd56d}
.card:nth-child(2n){background:linear-gradient(145deg,#35138a,#161446)}
.callout{background:linear-gradient(135deg,#5b28a5,#18124e 65%);border-color:#ffd56d}
.business-section,.footer{background:#100b35}
.button{border-radius:999px;background:linear-gradient(135deg,#ffe6a0,#e7a942);color:#23113f}
.button.secondary{background:#201059;color:#fff7df;border-color:#c0a0ff}

/* Owner requested bright gold outer page lining; private review default. */
html{border:7px solid #edb841;box-shadow:inset 0 0 0 2px #fff4be,inset 0 0 0 3px #8e5e16,inset 0 0 8px #ffd56d77;min-height:100%}
/* Glossy dimensional controls; no artwork masks or perpetual animation. */
.button,.category,.alphabetical-categories a{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.button{background:linear-gradient(175deg,#fff6cd 0%,#ffdf83 24%,#d99727 48%,#ffd974 52%,#efb643 80%,#fff0b5 100%);border:1px solid #fff1b7;box-shadow:inset 0 2px 1px #fffbe8,inset 0 -3px 2px #916114,0 5px 0 #714317,0 8px 24px #ffc74733;font-weight:bold;text-shadow:0 1px #fff1bd}
.button.secondary{background:linear-gradient(175deg,#775be3 0%,#39249c 35%,#211265 49%,#4d2bba 53%,#231166 100%);color:#fff7df;border-color:#ffe3a2;text-shadow:0 2px #160c48;box-shadow:inset 0 2px 1px #b3a0ff,inset 0 -3px 2px #160b43,0 5px 0 #100833,0 8px 24px #703cff55}
.category{background:radial-gradient(ellipse at 95% 0%,#9656ff88,transparent 65%),linear-gradient(170deg,#367fee 0%,#203fbc 38%,#172276 49%,#492bb3 51%,#24105c 100%);border:1px solid #ffe09a;border-radius:22px 7px 22px 7px;box-shadow:inset 0 2px 1px #89c7ff,inset 0 -4px 1px #100734,0 7px 0 #120b3c,0 12px 24px #06031f88;padding:24px;min-height:145px}
.category h3{color:#fff7df;text-shadow:0 2px 3px #130b42;margin-top:16px}.category span{color:#d5ebff}.category b{background:linear-gradient(135deg,#fff3c0,#e7ab39);color:#271247;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:22px;box-shadow:0 0 18px #ffd56d66}
.alphabetical-categories ul{gap:14px 22px!important}.alphabetical-categories li{border:0!important;padding:0!important;min-width:0}
.alphabetical-categories a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:66px;padding:16px 20px!important;margin:0!important;border:1px solid #d6ba73!important;border-radius:12px;background:linear-gradient(175deg,#5269cc 0%,#293480 36%,#20165b 49%,#3b267d 52%,#191043 100%);color:#fff0ba;box-shadow:inset 0 1px #b1caff88,inset 0 -2px #10072c,0 4px 0 #10072c,0 8px 18px #07032066;text-decoration:none!important;line-height:1.5}
.alphabetical-categories a:after{content:'↗';color:#ffe3a2;font-size:22px;flex-shrink:0}
.button:before,.category:before,.alphabetical-categories a:before{content:'';position:absolute;inset:-70% auto -70% -65%;width:32%;background:linear-gradient(90deg,transparent,#fff9d977,transparent);transform:rotate(24deg);pointer-events:none;transition:left .65s ease;z-index:-1}
.button:hover,.button:focus-visible,.category:hover,.category:focus-visible,.alphabetical-categories a:hover,.alphabetical-categories a:focus-visible{transform:translateY(-3px);border-color:#fff4cd;box-shadow:inset 0 2px 1px #fff2c877,0 5px 0 #160c40,0 0 24px #44aeff66,0 0 12px #ffd56d44;filter:none}
.button:hover:before,.button:focus-visible:before,.category:hover:before,.category:focus-visible:before,.alphabetical-categories a:hover:before,.alphabetical-categories a:focus-visible:before{left:130%}
.button:focus-visible,.category:focus-visible,.alphabetical-categories a:focus-visible{outline:3px solid #86d7ff;outline-offset:5px}
.button:active,.category:active,.alphabetical-categories a:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.button,.category,.alphabetical-categories a,.button:before,.category:before,.alphabetical-categories a:before{transition:none}.button:hover,.category:hover,.alphabetical-categories a:hover{transform:none}}
@media(max-width:650px){.intro,.page-directory .intro,.page-profile .intro,.page-participate .intro{background-image:url('assets/electric-violet.png');background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#201059;padding:68% 6% 24px;min-height:0}.intro h1,.intro>p{max-width:100%}.intro h1{font-size:42px}.intro>p{background:transparent;border:0;padding:0}.scene,.feature-strip{grid-template-columns:1fr}.scene>div{width:auto;padding:28px}.feature-strip p{padding:24px;font-size:32px}.hero-art img{height:auto}}