/* Central South Side: new editorial website composition. */
:root{--css-hero-image:url('/assets/southside-sunset.png')}
body.ss-site{background:#11131d!important;color:#f3f1f8!important}
.ss-site .ss-header{background:#141620f2!important;border-bottom:1px solid #4b425f!important;padding-inline:max(26px,calc((100vw - 1400px)/2))!important}
.ss-site .brand-logo{width:48px!important;height:48px!important;object-fit:contain!important}
.ss-site .brand-word{font-size:15px!important}.ss-site .brand-word small{font-size:9px!important}
.ss-site .ss-hero{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:670px!important;height:min(800px,calc(100svh - 75px))!important;padding:105px max(7vw,calc((100vw - 1400px)/2)) 125px!important;background:#14131d!important;isolation:isolate!important;overflow:hidden!important}
.ss-site .ss-hero:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;clip-path:inset(0 0 0 50%)!important;background-image:linear-gradient(90deg,#14131d 0%,#14131d52 18%,#17132623 64%),linear-gradient(0deg,#12131d70,transparent 35%),var(--css-hero-image)!important;background-position:center,center,58% center!important;background-size:cover!important;filter:saturate(.82)!important}
.ss-site .ss-hero:after{content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;height:auto!important;background:linear-gradient(90deg,#14131d 0%,#14131d 33%,transparent 65%),linear-gradient(0deg,#11131d,transparent 20%)!important}
.ss-site .ss-hero-content{max-width:660px!important;position:relative!important;z-index:2!important;margin:0!important;padding:0!important;text-align:left!important}
.ss-site .hero-kicker{color:#d8bded!important;font-size:11px!important;letter-spacing:.22em!important;margin-bottom:28px!important}
.ss-site .ss-hero h1{font-size:clamp(52px,5.6vw,92px)!important;line-height:.99!important;letter-spacing:-.065em!important;text-wrap:balance!important;margin-bottom:26px!important;text-shadow:none!important}
.ss-site .ss-hero #site-hero-accent{color:#c7a0e6!important;-webkit-text-fill-color:#c7a0e6!important}
.ss-site .hero-lede{max-width:520px!important;font-size:17px!important;color:#c7c3d2!important;line-height:1.7!important;margin:0 0 30px!important}
.ss-site .hero-actions{gap:10px!important}.ss-site .hero-guide{align-self:center!important;margin-left:14px!important;font-size:12px!important;color:#c6b6d4!important}
.ss-site .hero-crest{position:absolute;z-index:1;width:clamp(170px,20vw,310px);height:auto;right:max(8vw,calc((100vw - 1460px)/2));top:50%;transform:translateY(-46%);filter:drop-shadow(0 18px 34px #08040dce);pointer-events:none;animation:css-crest-in .9s cubic-bezier(.2,.8,.2,1) both}
.ss-site .hero-caption{right:max(7vw,calc((100vw - 1400px)/2))!important;bottom:31px!important;color:#e4d6f0!important}
.ss-site .button{border-radius:4px!important;min-height:47px!important;padding:12px 21px!important;font-size:12px!important;letter-spacing:.02em!important}.ss-site .button.primary{background:#bc93df!important;border-color:#bc93df!important;color:#17121e!important}.ss-site .button:not(.primary){background:#14121bcc!important;border:1px solid #9a86ab!important}
.ss-site .live-strip{max-width:1400px!important;margin-top:-1px!important;background:#202435!important;border:1px solid #4e4c60!important;border-radius:0!important}.ss-site .live-item{padding:20px 25px!important}.ss-site .live-item strong{font-size:21px!important}.ss-site .live-link{background:#251f31!important}
.ss-site .ss-section{max-width:1400px!important;padding:100px 30px!important;border-bottom:1px solid #414054!important}
.ss-site .section-heading{margin-bottom:33px!important}.ss-site .section-heading h2{font-size:clamp(36px,4.3vw,64px)!important;letter-spacing:-.055em!important}.ss-site .section-heading>p{color:#b4b5c6!important}
.ss-site .start-grid{gap:0!important;border-top:1px solid #5a5269!important;border-bottom:1px solid #5a5269!important}
.ss-site .start-card{position:relative;background:transparent!important;border:0!important;border-right:1px solid #5a5269!important;border-radius:0!important;padding:35px!important;box-shadow:none!important;min-height:275px!important}.ss-site .start-card:last-child{border-right:0!important}.ss-site .start-card:before{display:none!important}.ss-site .start-card:hover{background:#201c2a!important;transform:none!important;box-shadow:none!important;border-color:#5a5269!important}.ss-site .step-label{font-family:Georgia,serif;font-size:40px;color:#b795d4!important}
.ss-site .system-grid{gap:13px!important}.ss-site .system-card{background:#1e2231!important;border:1px solid #414759!important;border-radius:3px!important;box-shadow:none!important;padding:29px!important}.ss-site .system-card:hover{border-color:#b899d3!important;transform:translateY(-3px)!important}.ss-site .system-index{font-family:Georgia,serif;font-size:28px!important;color:#b899d3!important}
.ss-site .faction-grid{gap:16px!important}.ss-site .faction-card{background:#202435!important;border:1px solid #4b4b63!important;border-radius:3px!important}.ss-site .faction-card:hover{border-color:#b899d3!important}.ss-site .faction-image{background:#151622!important}
.ss-site .partner-tile,.ss-site .help-detail{background:#1c2030!important;border:1px solid #45465c!important;border-radius:3px!important}
.ss-site .support-panel{background:#241f31!important;border:1px solid #61546f!important;border-left:3px solid #c5a1e0!important;border-radius:2px!important;padding:47px!important}.ss-site .support-panel h2{font-size:clamp(36px,4vw,56px)!important}
.ss-site .ss-footer{background:#0e1018!important;border-color:#414054!important}
.ss-site .ss-page{background:#1b1d2b!important;border-color:#4a455d!important}
@keyframes css-crest-in{from{opacity:0;transform:translate(18px,-44%) scale(.94)}to{opacity:1;transform:translate(0,-46%) scale(1)}}
@media(max-width:850px){.ss-site .ss-hero{min-height:700px!important;height:auto!important;align-items:flex-start!important;padding:100px 7vw 260px!important}.ss-site .ss-hero:before{clip-path:inset(42% 0 0 0)!important;background-position:center,center,56% center!important}.ss-site .ss-hero:after{background:linear-gradient(0deg,#11131d,transparent 25%),linear-gradient(180deg,#14131d 0%,#14131d 35%,transparent 72%)!important}.ss-site .hero-crest{width:170px;right:8vw;top:auto;bottom:62px;transform:none;animation:none}.ss-site .ss-hero h1{font-size:clamp(44px,9vw,70px)!important}.ss-site .start-grid{display:block!important}.ss-site .start-card{min-height:0!important;border-right:0!important;border-bottom:1px solid #5a5269!important}.ss-site .start-card:last-child{border:0!important}.ss-site .ss-section{padding:65px 20px!important}}
@media(max-width:520px){.ss-site .ss-hero{padding-bottom:225px!important}.ss-site .hero-crest{width:130px;bottom:56px}.ss-site .hero-guide{display:none!important}.ss-site .support-panel{padding:30px!important}.ss-site .live-strip{margin-top:0!important}}
@media(prefers-reduced-motion:reduce){.ss-site .hero-crest{animation:none!important}.ss-site .system-card{transition:none!important}}

/* Full-width street scene with the original-style Central South Side cover. */
.ss-site .ss-hero:before{clip-path:none!important;background-image:linear-gradient(90deg,#10121af2 0%,#10121acc 39%,#10121a66 74%,#10121a85 100%),linear-gradient(0deg,#11131d,transparent 28%),var(--css-hero-image)!important;background-position:center!important;filter:saturate(1.08)!important}
.ss-site .ss-hero:after{background:radial-gradient(circle at 77% 44%,#9b50c12e,transparent 36%),linear-gradient(0deg,#11131d,transparent 19%)!important}
.ss-site .hero-crest{width:clamp(270px,29vw,460px)!important;max-height:65vh!important;object-fit:cover!important;aspect-ratio:1!important;border:1px solid #d4a96a80!important;border-radius:3px!important;box-shadow:0 25px 80px #05030aaf,0 0 0 9px #15121e88!important;right:max(7vw,calc((100vw - 1410px)/2))!important;filter:none!important}
.ss-site .ss-hero-content{max-width:620px!important}.ss-site .ss-hero h1{font-size:clamp(52px,5.2vw,83px)!important}
@media(max-width:1100px){.ss-site .hero-crest{opacity:.78!important;width:31vw!important}.ss-site .ss-hero-content{max-width:58vw!important}}
@media(max-width:850px){.ss-site .ss-hero:before{clip-path:none!important}.ss-site .ss-hero:after{background:linear-gradient(180deg,#10121ade 0%,#10121a8c 52%,#11131d 100%)!important}.ss-site .ss-hero-content{max-width:100%!important}.ss-site .hero-crest{width:170px!important;max-height:none!important;opacity:.9!important}}
@media(max-width:520px){.ss-site .hero-crest{width:122px!important}}