:root{--wr-black:#050505;--wr-red:#f0182b;--wr-dark:#5c0b16;--wr-white:#fff;--wr-yellow:#ffc928}*{box-sizing:border-box}html{background:var(--wr-black);scroll-behavior:smooth}body.webring-page{margin:0;background:var(--wr-black);color:var(--wr-white);font-family:"Atkinson Hyperlegible",Arial,Helvetica,sans-serif;overflow-x:hidden}body.webring-page .sx-route-hero{display:none!important}.webring-shell{position:relative;isolation:isolate;max-width:1600px;margin:0 auto;background:linear-gradient(180deg,#050505,#0a0002 46%,#050505 100%)}.webring-shell:before{content:"";position:fixed;z-index:-3;inset:0;background:radial-gradient(circle at 14% 16%,rgba(240,24,43,.18),transparent 25%),radial-gradient(circle at 84% 62%,rgba(92,11,22,.3),transparent 28%),#050505}.webring-shell:after{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 86%)}
.webring-hero{position:relative;min-height:640px;padding:34px 44px 64px;overflow:hidden;border-bottom:10px solid var(--wr-red);background:linear-gradient(120deg,rgba(5,5,5,.96) 0 46%,rgba(5,5,5,.7) 66%,rgba(5,5,5,.92) 100%),url('/assets/shadow-images/shadowimage8.jpg') 78% 36%/cover no-repeat}.webring-hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#050505);pointer-events:none}.webring-back{position:relative;z-index:5;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.webring-back:before{content:"";width:32px;height:4px;background:var(--wr-yellow)}.webring-hero-copy{position:relative;z-index:4;max-width:780px;margin-top:96px}.webring-hero h1{margin:0;font-weight:800;letter-spacing:-.075em;line-height:.76;text-transform:uppercase}.webring-hero h1 span{display:block;font-size:clamp(4.6rem,11vw,9.6rem);color:#fff;text-shadow:8px 8px 0 var(--wr-dark)}.webring-hero h1 strong{display:block;width:max-content;max-width:100%;margin-top:.1em;padding:.04em .12em .09em .08em;background:var(--wr-red);color:#050505;font-size:clamp(3.6rem,8vw,6.7rem);font-weight:800;letter-spacing:-.085em;transform:skewX(-6deg)}.webring-hero-copy>p{max-width:620px;margin:28px 0 0;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:#fff}.webring-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.webring-hero-actions a{padding:13px 16px;background:#050505;color:#fff;text-decoration:none;font-weight:800;border:2px solid #fff;box-shadow:5px 5px 0 var(--wr-red);transition:transform .18s ease,background .18s ease,color .18s ease}.webring-hero-actions a:hover,.webring-hero-actions a:focus-visible{transform:translate(-2px,-2px);background:var(--wr-yellow);color:#050505}.webring-orbit{position:absolute;z-index:2;right:-80px;top:54px;width:min(49vw,620px);aspect-ratio:1;border:4px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 42px rgba(240,24,43,.05),0 0 0 84px rgba(255,255,255,.025)}.webring-orbit:before,.webring-orbit:after{content:"";position:absolute;border-radius:50%;inset:15%;border:2px solid rgba(240,24,43,.8)}.webring-orbit:after{inset:34%;border-color:rgba(255,201,40,.8)}.webring-orbit i{position:absolute;width:18px;height:18px;background:#fff;border:4px solid #050505;box-shadow:0 0 0 3px var(--wr-red)}.webring-orbit i:nth-child(1){left:12%;top:20%}.webring-orbit i:nth-child(2){right:10%;top:28%;background:var(--wr-yellow)}.webring-orbit i:nth-child(3){left:4%;bottom:28%;background:var(--wr-red)}.webring-orbit i:nth-child(4){right:17%;bottom:12%}.webring-orbit i:nth-child(5){left:46%;top:-10px;background:var(--wr-red)}.webring-orbit i:nth-child(6){left:47%;bottom:-10px;background:var(--wr-yellow)}
.webring-directory{padding:76px 44px 88px}.webring-section-label{display:flex;align-items:center;gap:20px;margin-bottom:42px}.webring-section-label span{font-size:clamp(2.7rem,4.4vw,4rem);font-weight:800;letter-spacing:-.06em}.webring-section-label b{height:7px;flex:1;background:linear-gradient(90deg,var(--wr-red),var(--wr-yellow))}.webring-band{position:relative;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:42px;padding:38px 0 20px;border-top:2px solid rgba(255,255,255,.7)}.webring-band-title h2{margin:0;font-size:clamp(2.1rem,3.25vw,3.25rem);line-height:.94;letter-spacing:-.05em;text-transform:uppercase}.webring-band-title p{max-width:30ch;margin:14px 0 0;color:rgba(255,255,255,.86);font-size:17px;line-height:1.55}.webring-links{display:grid;gap:0}.webring-links a{position:relative;display:grid;grid-template-columns:minmax(170px,.48fr) minmax(0,1fr);gap:24px;padding:20px 8px 22px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);transition:padding .18s ease,background .18s ease}.webring-links a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--wr-red);transition:width .18s ease}.webring-links a:hover,.webring-links a:focus-visible{padding-left:18px;background:rgba(240,24,43,.08)}.webring-links a:hover:before,.webring-links a:focus-visible:before{width:6px}.webring-links strong{font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.08}.webring-links span{color:rgba(255,255,255,.88);font-size:16px;line-height:1.55}.webring-callout{grid-column:2;margin:20px 0 0;padding:18px 20px;background:var(--wr-yellow);color:#050505!important;font-size:16px;line-height:1.5}.webring-callout strong{color:#050505!important;font-weight:800}
.webring-join{position:relative;padding:78px 44px;background:linear-gradient(135deg,#5c0b16 0,#f0182b 48%,#5c0b16 100%);overflow:hidden}.webring-join:before{content:"JOIN";position:absolute;right:-.03em;top:-.15em;font-size:clamp(9rem,23vw,21rem);font-weight:800;line-height:1;color:rgba(5,5,5,.14);letter-spacing:-.1em}.webring-join-copy{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end;margin-bottom:32px}.webring-join-copy h2{margin:0;font-size:clamp(2.7rem,4.7vw,4.3rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.webring-join-copy p{max-width:620px;margin:0;color:#fff!important;font-size:18px;line-height:1.6}.webring-form{position:relative;z-index:2}.webring-form label{color:#fff!important;font-family:"Atkinson Hyperlegible",Arial,sans-serif!important;font-size:16px!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important}.webring-form label>span{color:#fff!important;font-size:13px!important;line-height:1.35!important}.webring-form input,.webring-form textarea,.webring-form select{background:#050505!important;border:2px solid #fff!important;border-left:8px solid var(--wr-yellow)!important;color:#fff!important;font:16px/1.45 "Atkinson Hyperlegible",Arial,sans-serif!important}.webring-form input::placeholder,.webring-form textarea::placeholder{color:rgba(255,255,255,.72)!important}.webring-form .sx-webring-check{background:#050505!important;border:2px solid #fff!important}.webring-form .sx-webring-check span{color:#fff!important;font-size:15px!important;line-height:1.45!important}.webring-form .sx-webring-submit button{padding:14px 18px;background:#050505!important;border:2px solid #fff!important;color:#fff!important;font:800 16px/1 "Atkinson Hyperlegible",Arial,sans-serif!important;letter-spacing:0!important}.webring-form .sx-webring-submit button:hover{background:var(--wr-yellow)!important;color:#050505!important}.webring-form .sx-webring-submit p{color:#fff!important;font-size:15px!important;line-height:1.5!important}
.webring-widget{padding:78px 44px 92px;background:#050505}.webring-widget-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end}.webring-widget h2{margin:0;font-size:clamp(2.7rem,4.7vw,4.3rem);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.webring-widget-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.9);font-size:18px;line-height:1.6}.webring-widget-preview{margin:32px 0 24px!important;padding:0!important;background:transparent!important;border:0!important;border-left:0!important;gap:0!important;font-family:"Atkinson Hyperlegible",Arial,sans-serif!important}.webring-widget-preview a{padding:13px 16px!important;background:#fff!important;color:#050505!important;border:0!important;border-right:2px solid #050505!important;font-weight:800}.webring-widget-preview a:nth-child(3){background:var(--wr-red)!important;color:#fff!important}.webring-widget-preview a:hover{background:var(--wr-yellow)!important;color:#050505!important}.webring-widget .sx-webring-code-label{font-family:"Atkinson Hyperlegible",Arial,sans-serif!important;font-size:15px!important;letter-spacing:0!important;color:#fff!important;text-transform:none!important}.webring-widget .sx-webring-code{min-height:92px;background:#100206!important;border:2px solid rgba(255,255,255,.7)!important;border-left:8px solid var(--wr-red)!important;color:#fff!important;font-size:15px!important;line-height:1.5!important}.webring-widget .sx-webring-copy{padding:13px 16px;background:var(--wr-red)!important;border:0!important;font:800 15px/1 "Atkinson Hyperlegible",Arial,sans-serif!important;letter-spacing:0!important}.webring-widget .sx-webring-code-note{max-width:800px!important;color:rgba(255,255,255,.84)!important;font-size:15px!important;line-height:1.55!important}
@media(max-width:980px){.webring-hero{min-height:590px;padding:28px 24px 56px}.webring-hero-copy{margin-top:82px}.webring-orbit{right:-150px;top:110px;width:520px;opacity:.66}.webring-directory,.webring-join,.webring-widget{padding-left:24px;padding-right:24px}.webring-band{grid-template-columns:1fr;gap:24px}.webring-callout{grid-column:1}.webring-join-copy,.webring-widget-copy{grid-template-columns:1fr;gap:18px}}
@media(max-width:640px){.webring-hero{min-height:520px;padding:22px 16px 42px;background-position:66% 36%}.webring-back{font-size:13px}.webring-hero-copy{margin-top:62px}.webring-hero h1 span{font-size:clamp(3.6rem,18vw,5.4rem);text-shadow:5px 5px 0 var(--wr-dark)}.webring-hero h1 strong{font-size:clamp(3rem,15vw,4.7rem)}.webring-hero-copy>p{font-size:1rem;max-width:100%;line-height:1.55}.webring-orbit{right:-250px;top:145px;width:455px;opacity:.34}.webring-hero-actions{display:grid;grid-template-columns:1fr}.webring-hero-actions a{text-align:center}.webring-directory{padding:54px 16px 62px}.webring-section-label{margin-bottom:32px}.webring-section-label span{font-size:clamp(2.5rem,12vw,3.7rem)}.webring-band{padding:28px 0 20px}.webring-band-title h2{font-size:clamp(2rem,11vw,3.1rem)}.webring-band-title p{font-size:16px}.webring-links a{grid-template-columns:1fr;gap:8px;padding:18px 6px 20px}.webring-links a:hover,.webring-links a:focus-visible{padding-left:14px}.webring-links strong{font-size:1.35rem}.webring-links span{font-size:15px}.webring-callout{font-size:15px}.webring-join,.webring-widget{padding:58px 16px 64px}.webring-join-copy h2,.webring-widget h2{font-size:clamp(2.6rem,12vw,4rem)}.webring-join-copy p,.webring-widget-copy p{font-size:16px}.webring-widget-preview{display:grid!important;width:100%!important;grid-template-columns:1fr 1fr}.webring-widget-preview a{border-bottom:2px solid #050505!important;text-align:center}.sx-webring-form{grid-template-columns:1fr!important}.sx-webring-form-wide{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.webring-orbit{transform:none!important}}