/* The original visual assets and theme remain in place. */
html:has(.rubnoise-fixed-layout),body.rubnoise-fixed-layout{height:100%;overflow:hidden;background:#000}
.rubnoise-fixed-layout .wp-site-blocks{height:100dvh;overflow:hidden}
.rubnoise-fixed-layout .fixed-menu{position:fixed!important;top:40px;left:0;width:50%;z-index:30;background:#000}
.rubnoise-fixed-layout .fixed-brand-column{position:fixed!important;top:0;right:0;bottom:0;width:50%!important;margin:0!important;overflow:hidden;background:#000;z-index:0}
.rubnoise-fixed-layout .fixed-brand-column .wp-container-8{position:static!important}
.rubnoise-fixed-layout .fixed-brand-column header{height:100dvh;overflow:hidden}
.rubnoise-fixed-layout .fixed-socials{position:fixed!important;top:230px;left:var(--wp--style--root--padding-left,40px);width:calc(50% - 80px);height:48px;margin:0!important;padding:0!important;display:flex;flex-wrap:nowrap;gap:18px;align-items:center;justify-content:flex-start;background:#000;z-index:30}
.rubnoise-fixed-layout .fixed-socials figure{flex:0 0 auto;margin:0!important}
.rubnoise-fixed-layout .fixed-socials a{display:inline-flex;min-height:40px;align-items:center}
.rubnoise-fixed-layout .fixed-socials img{display:block;max-height:34px;width:auto!important;max-width:34px;object-fit:contain}
.rubnoise-fixed-layout .scroll-content{position:fixed!important;top:305px;left:0;bottom:0;width:50%;margin:0!important;padding-top:0!important;padding-bottom:32px!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c75605 #000;z-index:10}
.rubnoise-fixed-layout .scroll-content>.wp-block-group,.rubnoise-fixed-layout .scroll-content .wp-container-core-group-is-layout-c5bbea69,.rubnoise-fixed-layout .scroll-content .entry-content{margin-top:0!important;padding-top:0!important}
.rubnoise-fixed-layout .scroll-content h1.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rubnoise-fixed-layout .scroll-content .entry-content{margin-block-start:0!important}
@media(max-width:781px){
 .rubnoise-fixed-layout .fixed-menu{top:0;width:55%;padding-top:24px!important;padding-left:20px!important}
 .rubnoise-fixed-layout .fixed-brand-column{width:45%!important;pointer-events:none}
 .rubnoise-fixed-layout .fixed-brand-column header>figure img{width:145px!important;max-width:100%!important}
 .rubnoise-fixed-layout .fixed-brand-column header>div{position:absolute;bottom:0;right:0;left:0;background:#000!important}
 .rubnoise-fixed-layout .fixed-brand-column header>div img{max-width:100%!important}
 .rubnoise-fixed-layout .fixed-socials{top:145px;left:20px;right:20px;width:auto;height:44px;gap:14px}
 .rubnoise-fixed-layout .fixed-socials img{max-height:26px;max-width:26px}
 .rubnoise-fixed-layout .scroll-content{top:205px;width:100%;padding-left:20px!important;padding-right:20px!important;background:transparent}
 .rubnoise-fixed-layout .fixed-brand-column{z-index:0}
 .rubnoise-fixed-layout .scroll-content .wp-block-cover{min-width:0}
}
@media(max-width:360px){.rubnoise-fixed-layout .fixed-socials{gap:10px}.rubnoise-fixed-layout .fixed-socials img{max-height:26px;max-width:26px}}
/* Scrolling controls are global; the scrollbar itself is hidden. */
.rubnoise-fixed-layout .scroll-content{scrollbar-width:none!important;-ms-overflow-style:none}
.rubnoise-fixed-layout .scroll-content::-webkit-scrollbar{display:none;width:0;height:0}
/* About and contacts continue beneath the music in the same scroll area. */
.rubnoise-fixed-layout .scroll-section{scroll-margin-top:0;margin-top:0!important}
.rubnoise-fixed-layout .text-section{padding-top:70px;padding-bottom:35px}
.rubnoise-fixed-layout .text-section .wp-block-post-title{margin-top:0!important;margin-bottom:30px!important}
.rubnoise-fixed-layout .text-section .entry-content{color:#c75605;font-size:16px;line-height:1.65}
.rubnoise-fixed-layout .text-section .entry-content p{margin-bottom:24px}


/* Preserve the original theme's menu spacing and active button. */
.rubnoise-fixed-layout .fixed-menu ul{gap:0.5rem}

/* Keep the logo image's black margins clear of the fixed portrait. */
.rubnoise-fixed-layout .fixed-brand-column header>figure img{clip-path:inset(25% 10% 29% 10%)}

.rubnoise-fixed-layout .fixed-menu a[aria-current="location"],
.rubnoise-fixed-layout .fixed-menu a[aria-current="location"] mark{color:#000!important}

/* Compact rectangular SoundCloud players. */
.rubnoise-fixed-layout .music-section .wp-block-cover{min-height:0!important}
.rubnoise-fixed-layout .music-section .wp-block-embed{width:100%;min-height:0!important;margin-top:0;margin-bottom:0}
.rubnoise-fixed-layout .music-section .embed-soundcloud iframe{display:block;width:100%!important;max-width:none;height:166px}

.rubnoise-fixed-layout .music-section .releases-player iframe{height:450px!important}
.rubnoise-fixed-layout .releases-block .wp-block-post-title{margin:0 0 24px;font-size:28px}
.rubnoise-fixed-layout .releases-block{margin-bottom:28px}

.rubnoise-fixed-layout .music-section .music-heading{font:inherit;line-height:1;margin:0 0 24px}
.rubnoise-fixed-layout .music-section .podcast-player iframe{width:100%!important;max-width:none}

/* Contact links share the menu's orange type and icon size. */
.rubnoise-fixed-layout #contacts .contact-content{padding:0;width:100%;box-sizing:border-box;max-width:none}
.rubnoise-fixed-layout #contacts .contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.rubnoise-fixed-layout #contacts .contact-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#ff6a00;text-decoration:none;font:inherit}
.rubnoise-fixed-layout #contacts .contact-link svg{width:28px;height:28px;flex:none}
.rubnoise-fixed-layout #contacts .contact-link:hover span{text-decoration:underline}
.rubnoise-fixed-layout #contacts .contact-link:focus-visible{outline:1px solid #ff6a00;outline-offset:6px}
@media(max-width:781px){.rubnoise-fixed-layout #contacts .contact-content{padding:0}}

/* Leave enough room to finish About before Contact becomes active. */
.rubnoise-fixed-layout #contacts{min-height:var(--scroll-area-height,calc(100dvh - 305px));box-sizing:border-box;display:flex;align-items:center;padding-top:0;padding-bottom:0}

.rubnoise-fixed-layout .video-block{width:100%;margin-top:28px}
.rubnoise-fixed-layout .video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%}
.rubnoise-fixed-layout .video-item{min-width:0}
.rubnoise-fixed-layout .video-item iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#000}
.rubnoise-fixed-layout .video-item>a{display:inline-block;color:#aaa;font-size:12px;text-decoration:none;margin-top:8px}
.rubnoise-fixed-layout .video-item>a:hover{color:#ff6600}

/* Match the icon hover and scroll entrance used on SomosUno Records. */
.rubnoise-fixed-layout .fixed-socials a{transition:transform .3s ease}
.rubnoise-fixed-layout .fixed-socials a:hover,.rubnoise-fixed-layout .fixed-socials a:focus-visible{transform:scale(.86)}
@keyframes rubnoiseZoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}to{opacity:1;transform:scale3d(1,1,1)}}
.rubnoise-fixed-layout .scroll-content .reveal-ready{opacity:0;transform:scale3d(.3,.3,.3)}
.rubnoise-fixed-layout .scroll-content .reveal-ready.reveal-visible{animation:rubnoiseZoomIn 1.25s ease both}
@media(prefers-reduced-motion:reduce){
 .rubnoise-fixed-layout .fixed-socials a{transition:none}
 .rubnoise-fixed-layout .scroll-content .reveal-ready{opacity:1;transform:none}
 .rubnoise-fixed-layout .scroll-content .reveal-ready.reveal-visible{animation:none}
}

/* Restore only the upper background details from the supplied reference. */
.rubnoise-fixed-layout .fixed-brand-column::before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:2.5;background:url('/assets/background-reference.jpg') top left/100% auto no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 35%,5% 35%,5% 100%,0 100%);pointer-events:none;z-index:0}
.rubnoise-fixed-layout .fixed-brand-column header{position:relative;z-index:1}

/* Restore full, native SoundCloud widgets with the requested inverted colors. */
.rubnoise-fixed-layout .music-section .original-soundcloud iframe{display:block;width:100%!important;max-width:none;border:0;filter:invert(1);background:#fff}
.rubnoise-fixed-layout .music-section .releases-player.original-soundcloud iframe{height:450px!important}
.rubnoise-fixed-layout .music-section .podcast-player.original-soundcloud iframe{height:166px!important}

/* Scroll the complete native widget and the color corrections together. */
.rubnoise-fixed-layout .music-section .releases-player.original-soundcloud{height:var(--releases-crop-height,475px);overflow:clip;overscroll-behavior:auto}
.soundcloud-color-content{position:relative;isolation:isolate}
.rubnoise-fixed-layout .music-section .releases-player.original-soundcloud iframe{height:782px!important}
.artwork-color-fix{position:absolute;display:block;z-index:1;pointer-events:none;backdrop-filter:invert(1);-webkit-backdrop-filter:invert(1)}
.artwork-color-large{left:11px;top:11px;width:144px;height:144px}
.artwork-color-small{left:11px;width:20px;height:20px}

.artwork-color-footer{left:10px;top:734px;width:40px;height:40px}

/* Black out only the footer and captions shown in the supplied screenshots. */
.rubnoise-fixed-layout .releases-player .soundcloud-color-content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;background:#000;z-index:2;pointer-events:auto}
.rubnoise-fixed-layout .releases-block>.original-soundcloud+div,.rubnoise-fixed-layout .video-item>a{visibility:hidden;pointer-events:none}

.rubnoise-fixed-layout .podcast-player .soundcloud-color-content::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:12px;background:#000;z-index:2;pointer-events:auto}
.rubnoise-fixed-layout .podcast-block>.original-soundcloud+div{visibility:hidden;pointer-events:none}

/* Keep the original podcast artwork above the privacy mask without inverting it. */
.podcast-cover-original{position:absolute;left:11px;top:11px;width:144px!important;height:144px!important;max-width:none!important;object-fit:cover;filter:none!important;z-index:3;pointer-events:none;display:block;border:0;margin:0}

/* Biography links follow the text color and turn white on hover. */
.rubnoise-fixed-layout #about .entry-content a{color:inherit!important;text-decoration:none!important}
.rubnoise-fixed-layout #about .entry-content a:hover,.rubnoise-fixed-layout #about .entry-content a:focus-visible{color:#fff!important;text-decoration:none!important}

/* Show About as one compact biography, with a single scroll reveal. */
.rubnoise-fixed-layout #about{padding-top:20px;padding-bottom:20px}
.rubnoise-fixed-layout #about .entry-content{line-height:1.5}
.rubnoise-fixed-layout #about .entry-content p{margin-top:0!important;margin-bottom:16px}
.rubnoise-fixed-layout #about .entry-content p:last-child{margin-bottom:0}

/* Crop RELEASES just after the SoundCloud end-of-list logo without a nested scrolling surface. */
.rubnoise-fixed-layout .releases-player .soundcloud-color-content{height:var(--releases-crop-height,475px);overflow:clip}
.rubnoise-fixed-layout .releases-player .soundcloud-color-content::after{display:none}
.rubnoise-fixed-layout .releases-block>.original-soundcloud+div{display:none}