/* RUNAS DE URUZ · RAGNARÖK OMEGA E17/E19 */
.rdu-b4{background:#080b11;color:#e9edf2;}
.rdu-b4 .b4-main{overflow:hidden}
.rdu-b4 .b4-main h1,.rdu-b4 .b4-main h2,.rdu-b4 .b4-main h3{font-family:Oswald,'Arial Narrow',Impact,sans-serif;letter-spacing:.025em;text-transform:uppercase;line-height:1.06;margin:0;color:#f2f4f7;text-shadow:none;-webkit-text-fill-color:currentColor;}
.rdu-b4 .b4-main p{line-height:1.7;color:#b7c5cf}
.rdu-b4 .b4-hero{position:relative;isolation:isolate;min-height:min(760px,86vh);display:flex;align-items:center;border-bottom:1px solid #34404b;overflow:hidden;background:#111a24}
.b4-hero-art,.b4-hero-shade{position:absolute;inset:0;z-index:-2}.b4-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:.71;filter:contrast(1.1) saturate(.79)}
.b4-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,8,13,.98) 0%,rgba(5,8,13,.90) 38%,rgba(5,8,13,.30) 87%),linear-gradient(0deg,#080b11 0%,transparent 30%,rgba(7,11,17,.23) 100%)}
.b4-hero-inner{padding-top:140px;padding-bottom:112px;position:relative;width:100%}.b4-eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ec785e;font-weight:800;display:block;line-height:1.65}
.rdu-b4 .b4-main .b4-hero h1{font-size:clamp(4rem,8.8vw,9.9rem);margin:21px 0 24px;max-width:1050px;font-weight:800;letter-spacing:-.025em;line-height:.93}
.rdu-b4 .b4-main h1 em,.rdu-b4 .b4-main h2 em{font-style:normal;color:#ef6b51;-webkit-text-fill-color:#ef6b51}
.b4-hero-inner>p{font-size:clamp(1rem,1.5vw,1.18rem);max-width:570px;margin:0 0 28px!important}.b4-hero-rune{position:absolute;right:7%;bottom:16%;font-family:serif;font-size:clamp(90px,16vw,245px);color:#9eb3c5;opacity:.12;pointer-events:none}
.b4-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.b4-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font:800 12px/1.1 system-ui,sans-serif!important;letter-spacing:.09em;text-transform:uppercase;min-height:50px;border:1px solid #6e8091;border-radius:4px;padding:15px 21px;cursor:pointer;transition:transform .18s ease,background .18s ease;color:#fff!important;-webkit-text-fill-color:#fff!important}
.b4-button:hover,.b4-button:focus-visible{transform:translateY(-2px)}.b4-primary{background:#ae362c;border-color:#da6557}.b4-primary:hover{background:#d14b3b}.b4-secondary{background:rgba(17,26,37,.68)}
.b4-section{padding-top:95px;padding-bottom:100px}.b4-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px;border-bottom:1px solid #374252;padding-bottom:25px}.b4-section-head p{max-width:460px;font-size:14px}
.rdu-b4 .b4-main h2{font-size:clamp(2.5rem,5.2vw,5.9rem);margin:10px 0 20px}.rdu-b4 .b4-main h3{font-size:clamp(1.45rem,2.3vw,2.4rem)}
.b4-dark-section{background:#101722;border-block:1px solid #2d3948;position:relative}.b4-dark-section:after{content:'ᚢ';font-family:serif;font-size:280px;line-height:1;position:absolute;right:2%;top:4%;color:rgba(106,144,172,.055);pointer-events:none}
.b4-feature{display:grid;grid-template-columns:minmax(240px,430px) 1fr;align-items:center;gap:clamp(25px,6vw,85px);padding:28px;background:linear-gradient(125deg,#161e29,#111823);border:1px solid #384353;border-radius:9px}
.b4-feature img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #536475}.b4-feature h3{font-size:clamp(2.5rem,5vw,5.3rem)!important;margin:18px 0!important}.b4-feature p{max-width:550px}.b4-link{display:inline-block;color:#8bdeeb!important;text-decoration:none!important;font-size:12px;font-weight:800;letter-spacing:.08em;margin-right:21px;margin-top:18px}
.b4-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.b4-tiles>a{background:linear-gradient(145deg,#182332,#111722);border:1px solid #425263;color:#eaf0f4;text-decoration:none;padding:30px 22px;min-height:210px;transition:border-color .2s,transform .2s}.b4-tiles>a:hover{border-color:#e36851;transform:translateY(-4px)}.b4-tiles b{color:#ec745b;font:700 14px monospace}.b4-tiles h3{font-size:clamp(1.5rem,2vw,2.2rem)!important;margin:25px 0 7px!important}.b4-tiles p{font-size:13px}
.b4-album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.b4-album{border:1px solid #394656;display:grid;grid-template-columns:140px 1fr;gap:17px;background:linear-gradient(130deg,#151d28,#0c121c);padding:13px;min-height:190px;color:#eef4f8!important;text-decoration:none!important;transition:transform .2s,border-color .2s}.b4-album:hover{transform:translateY(-3px);border-color:#df745d}.b4-album img{width:100%;height:100%;max-height:168px;object-fit:cover}.b4-album div{display:flex;flex-direction:column;align-items:start;min-width:0}.b4-album span,.b4-album b,.b4-song small,.b4-video small{font:700 10px system-ui,sans-serif;letter-spacing:.1em;color:#72c3d9}.b4-album h3{font-size:1.55rem!important;margin:8px 0!important;overflow-wrap:anywhere}.b4-album p{font-size:12px;line-height:1.5!important;margin:0 0 10px!important}.b4-album b{margin-top:auto;color:#ef7a64}
.b4-songlist{border-top:1px solid #394657}.b4-song{display:flex;gap:22px;align-items:center;padding:20px 13px;border-bottom:1px solid #394657;text-decoration:none;color:#e9f1f3}.b4-song>span{font:700 24px monospace;color:#e77860}.b4-song>div{display:flex;flex-direction:column;gap:7px;flex:1}.b4-song strong{font:700 22px Oswald,Impact,sans-serif;text-transform:uppercase}.b4-song b{font-size:11px;color:#7bcee2}.b4-song:hover{background:#1b2734}
.b4-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.b4-video{display:block;text-decoration:none;color:#f3f3f3;padding:14px;border:1px solid #394657;background:#131c29}.b4-video>div{aspect-ratio:16/10;position:relative;overflow:hidden}.b4-video img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.b4-video .b4-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background:#b4382b;border-radius:50%;display:grid;place-items:center;width:52px;height:52px;color:#fff}.b4-video h3{font-size:1.7rem!important;margin:14px 0!important}.b4-video:hover img{filter:brightness(.9)}
.b4-press{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.b4-press h3{font-size:2.6rem!important;margin-bottom:20px!important}.b4-press aside{display:flex;flex-direction:column;gap:14px;background:#162231;border:1px solid #354b60;padding:30px}.b4-press a{color:#8dd2e7;text-decoration:none;font-size:13px;font-weight:700}
.b4-gatherings{min-height:480px}.b4-loading{padding:32px;border:1px solid #49566a;background:#141e2a;color:#bad0df;font-size:15px}.b4-loading[data-state="error"]{border-left:4px solid #cd5843}.b4-loading[data-state="empty"]{border-left:4px solid #4c899e}.b4-event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.b4-event{padding:28px;background:linear-gradient(145deg,#192432,#0e1520);border:1px solid #506176}.b4-event h3{font-size:2.4rem!important;margin:15px 0!important}.b4-event time{font-size:13px;letter-spacing:.08em;color:#91e1f2;font-weight:700}.b4-event p{font-size:14px}.b4-event .b4-event-type{font:800 10px system-ui,sans-serif;color:#ed7c65;letter-spacing:.19em}.b4-event .b4-actions{margin-top:19px}.b4-event .b4-button{min-height:44px;font-size:11px}
.b4-community{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;padding-block:85px}.b4-community>div:first-child{max-width:740px}.b4-community-mark{font-family:serif;font-size:clamp(110px,19vw,270px);text-align:center;color:#87d0e7;opacity:.24}.b4-muted{font-size:12px;color:#899eaf!important}.b4-bottom{padding-block:75px}
.b4-dialog{max-width:min(650px,94vw);width:100%;padding:30px;background:#111b29;color:#f3f4f5;border:1px solid #688092;border-radius:12px;box-shadow:0 30px 100px #000d}.b4-dialog::backdrop{background:#020408dd}.b4-dialog h2{font-size:2.5rem!important}.b4-close{margin-left:auto;display:block;border:1px solid #62768b;background:#1a2735;color:#f5f5f5;cursor:pointer;font-size:27px;width:44px;height:44px}.b4-messages{display:grid;gap:13px;max-height:260px;overflow-y:auto;padding:15px 0}.b4-message{padding:11px 14px;border-left:2px solid #498aa3;background:#1a2a3a;overflow-wrap:anywhere}.b4-message strong{display:block;font-size:12px;color:#92d4e6}.b4-message p{font-size:13px!important;margin:4px 0!important}.b4-form{display:grid;gap:12px}.b4-form label{font-size:11px;letter-spacing:.12em}.b4-form textarea{width:100%;border:1px solid #65788e;background:#0b121b;color:#fff;padding:12px;font-size:15px;min-height:92px}.b4-dialog form:first-child{margin:0}.b4-ritual-upgrade{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px;margin-block:40px;background:linear-gradient(120deg,#172434,#101822);border:1px solid #486070}.b4-ritual-upgrade h2{font-size:2rem;color:#fff!important;-webkit-text-fill-color:#fff!important}.b4-ritual-upgrade p{max-width:540px;color:#b8c8d7}
@media(max-width:1100px){.b4-album-grid{grid-template-columns:repeat(2,1fr)}.b4-tiles{grid-template-columns:repeat(2,1fr)}.b4-video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.rdu-b4 .b4-hero{min-height:630px;align-items:end}.b4-hero-inner{padding-top:120px;padding-bottom:70px}.rdu-b4 .b4-main .b4-hero h1{font-size:clamp(3.6rem,15.8vw,6.3rem);line-height:.97}.b4-hero-shade{background:linear-gradient(0deg,#080b11 0%,#080b11bf 65%,#080b1133 100%),linear-gradient(90deg,#080b1199,transparent)}.b4-hero-rune{bottom:3%;font-size:90px}.b4-section{padding-top:60px;padding-bottom:65px}.b4-section-head{display:block}.b4-feature,.b4-community,.b4-press{grid-template-columns:1fr}.b4-tiles,.b4-album-grid,.b4-video-grid,.b4-event-grid{grid-template-columns:1fr}.b4-feature{padding:15px}.b4-album{grid-template-columns:120px 1fr;min-height:160px}.b4-album img{max-height:145px}.b4-album h3{font-size:1.45rem!important}.b4-album p{font-size:11px}.b4-community{padding-block:55px}.b4-community-mark{display:none}.b4-actions .b4-button{width:100%}.b4-ritual-upgrade{display:block}.b4-ritual-upgrade .b4-button{margin-top:12px}.b4-song b{font-size:10px}.b4-dialog{padding:16px}}
@media(max-width:360px){.b4-album{grid-template-columns:96px 1fr}.b4-album h3{font-size:1.3rem!important}.rdu-b4 .b4-main .b4-hero h1{font-size:3.55rem}.b4-song{gap:12px}}
@media(prefers-reduced-motion:reduce){.rdu-b4 .b4-main *, .rdu-b4 .b4-main *::before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
