/* RTERA's own header stays independent of the colors on the cards. */
.community-home{--community-header:101px;--deck-gutter:24px;--deck-bottom:80px;--deck-height:calc(100svh - var(--community-header) - 34px - var(--deck-bottom));padding-top:var(--community-header);background:#f9f8f5}
.community-home>.site-header,.community-home[data-hero-dark=true]>.site-header{position:fixed;inset:0 0 auto;width:100%;max-width:none;height:var(--community-header);padding:0 40px;z-index:30;gap:30px;background:rgba(249,248,245,.98);color:#17231d;border-bottom:1px solid #d9dbd3}
.community-home>.site-header .brand .logo-lockup,.community-home[data-hero-dark=true]>.site-header .logo-lockup{width:210px;height:91px;filter:none}
.community-home>.site-header .community-desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;align-items:center;white-space:nowrap}
.community-home>.site-header nav a{padding:12px 0;position:relative}
.community-home>.site-header nav a[aria-current=page]:after{content:'';position:absolute;inset:auto 0 6px;height:2px;background:#bfa27a}
.community-home>.site-header .header-link,.community-home[data-hero-dark=true]>.site-header .header-link{border:0;border-radius:2px;background:#bfa27a;color:#17231d;padding:13px 19px;gap:13px;min-height:46px;font-size:14px;font-weight:500;white-space:nowrap}
.community-home>.site-header .header-link:hover,.community-home[data-hero-dark=true]>.site-header .header-link:hover{background:#b1946e}
.community-mobile-menu{display:none;position:relative}.community-mobile-menu>summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:grid;place-items:center}.community-mobile-menu>summary::-webkit-details-marker{display:none}.community-mobile-menu>summary svg{width:24px;height:24px;stroke:#17231d;stroke-width:1.8}.community-mobile-menu[open]>summary{background:#eee7db;border-radius:3px}.community-mobile-menu>nav{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 40px));display:grid;gap:0!important;padding:14px 20px;background:#f9f8f5;box-shadow:0 12px 28px #17231d22;border:1px solid #d9dbd3;border-radius:5px;font-size:14px}.community-home>.site-header .community-mobile-menu nav a{padding:13px 0;min-height:44px}.community-home>.site-header .community-mobile-menu .mobile-library{background:#bfa27a;padding:13px 15px;margin-top:7px;border-radius:2px}
/* Real next-scene colors peek from beneath the current card. */
.showcase{padding:34px var(--deck-gutter) var(--deck-bottom);overflow:hidden;background:#f9f8f5}
.showcase-stage{min-height:0;height:auto;background:transparent;position:relative;isolation:isolate;overflow:visible;width:min(100%,1720px);margin-inline:auto}
.showcase-back{position:absolute;inset:0;border-radius:18px;pointer-events:none;box-shadow:0 7px 16px #17231d1c}
.showcase-back[data-stack-offset="1"]{z-index:4;transform:translate(10px,13px) rotate(1.6deg) scale(.99)}
.showcase-back[data-stack-offset="2"]{z-index:3;transform:translate(-13px,22px) rotate(-2.4deg) scale(.98)}
.showcase-back[data-stack-offset="3"]{z-index:2;transform:translate(18px,30px) rotate(3.4deg) scale(.97)}
.showcase-back[data-stack-offset="4"]{z-index:1;transform:translate(-20px,36px) rotate(-3.8deg) scale(.96)}
.showcase-slide,.slide-sites{position:relative;z-index:5;width:100%;height:var(--deck-height);min-height:650px;border-radius:18px;overflow:hidden;padding:32px 36px 68px;gap:32px;box-shadow:0 15px 30px #17231d24;transform:rotate(-.5deg)}
.showcase-slide:not([hidden]){animation:deal-card .45s cubic-bezier(.16,1,.3,1) both}
.showcase-art,.sites-reel-art,.slide-content .showcase-art{height:min(54svh,510px);min-height:0}
.cron-art,.agent-art{height:min(54svh,510px);min-height:380px}
.showcase-controls{left:36px;right:36px;bottom:16px;z-index:6}
.showcase~.catalog{padding-top:60px}
@keyframes deal-card{from{opacity:.5;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}
@media(min-width:1800px){.community-home>.site-header{padding-inline:max(40px,calc((100vw - 1700px)/2))}.showcase-slide,.slide-sites{padding-inline:36px}.showcase-controls{left:36px;right:36px}}
@media(max-width:1200px){.community-home>.site-header,.community-home[data-hero-dark=true]>.site-header{padding-inline:28px;gap:23px}.community-home>.site-header .community-desktop-nav{gap:20px;font-size:13px}.community-home>.site-header .brand .logo-lockup,.community-home[data-hero-dark=true]>.site-header .logo-lockup{width:185px;height:80px}.community-home>.site-header .header-link{font-size:13px;padding-inline:15px}}
@media(max-width:1100px){.community-home{--community-header:88px}.community-home>.site-header,.community-home[data-hero-dark=true]>.site-header{padding-inline:22px;gap:18px;justify-content:space-between}.community-home>.site-header .community-desktop-nav,.community-home>.site-header .community-desktop-account{display:none}.community-mobile-menu{display:block}.community-home>.site-header .brand .logo-lockup,.community-home[data-hero-dark=true]>.site-header .logo-lockup{width:172px;height:75px}}
@media(max-width:980px){.showcase{padding-top:28px}.community-home{--deck-gutter:16px;--deck-bottom:62px;--deck-height:calc(100svh - var(--community-header) - 28px - var(--deck-bottom))}.showcase-slide,.slide-sites{height:var(--deck-height);min-height:740px;padding:22px 18px 68px;gap:16px;border-radius:13px}.showcase-back{border-radius:13px}.showcase-back[data-stack-offset="1"]{transform:translate(5px,12px) rotate(1.1deg) scale(.99)}.showcase-back[data-stack-offset="2"]{transform:translate(-6px,22px) rotate(-1.45deg) scale(.98)}.showcase-back[data-stack-offset="3"]{transform:translate(8px,32px) rotate(1.9deg) scale(.97)}.showcase-back[data-stack-offset="4"]{transform:translate(-8px,44px) rotate(-2.15deg) scale(.96)}.showcase-art,.sites-reel-art,.slide-content .showcase-art{height:100%;min-height:0}.cron-art,.agent-art{height:100%;min-height:0}.slide-ops,.slide-agents{min-height:820px}.slide-work{min-height:780px}.showcase-controls{left:18px;right:18px;bottom:16px}.showcase-navigation{gap:8px}.showcase-picker{gap:0}.showcase-picker button{width:28px}.showcase-current{font-size:8px;max-width:90px}.showcase-pause{width:30px;height:30px;min-height:30px}.showcase~.catalog{padding-top:45px}}
@media(max-width:420px){.community-home>.site-header,.community-home[data-hero-dark=true]>.site-header{padding-inline:20px}.community-home>.site-header .brand .logo-lockup,.community-home[data-hero-dark=true]>.site-header .logo-lockup{width:168px;height:73px}.showcase-slide,.slide-sites{padding-inline:14px}.showcase-controls{left:14px;right:14px}.showcase-current{max-width:79px;font-size:7.5px}.showcase-picker button{width:27px}.showcase-navigation{gap:6px}}
@media(prefers-reduced-motion:reduce){.showcase-slide:not([hidden]){animation:none}}
.community-home section[id],.community-home article[id]{scroll-margin-top:calc(var(--community-header) + 20px)}
/* Each subject gets a quiet graphic texture, keeping its text field clear. */
.showcase-slide::before,.showcase-slide::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0}
.showcase-slide::before{background:url('/assets/catalogo/paper-grain.svg') repeat;background-size:192px;mix-blend-mode:multiply;opacity:.12}
.showcase-slide::after{background-position:center;background-size:cover;background-repeat:no-repeat}
.showcase-art{z-index:1}
.slide-sites::after{background-image:url('/assets/catalogo/background-sites.svg')}
.slide-ops::after{background-image:url('/assets/catalogo/background-ops.svg')}
.slide-agents::after{background-image:url('/assets/catalogo/background-agents.svg')}
.slide-content{background:#edac97}.slide-content::after{background-image:url('/assets/catalogo/background-content.svg')}
.slide-work{background:#b9d2c7}.slide-work::after{background-image:url('/assets/catalogo/background-work.svg')}
@media(max-width:980px){.showcase-slide::after{background-size:auto 100%;background-position:20% center}.showcase-slide::before{opacity:.09}}
.community-mobile-menu{border:0;padding:0}

@media(min-width:981px){.slide-sites h1{font-size:clamp(38px,3.85vw,68px)}}
@media(min-width:981px){.showcase h1,.showcase h2,.slide-ops h2{font-size:clamp(38px,4.3vw,64px)}.slide-sites h1{font-size:clamp(38px,3.85vw,56px)}}
@media(min-width:1800px){.showcase-slide,.slide-sites{padding-inline:36px}.showcase-controls{left:36px;right:36px}}

@media(min-width:981px){.showcase-slide,.slide-sites{grid-template-columns:.78fr 1.22fr}}
@media(min-width:981px){.community-home .slide-content .motion-video-art{--motion-art-height:min(65svh,640px);height:var(--motion-art-height)}.motion-video-art .motion-video-frame{align-self:center;max-width:calc((var(--motion-art-height) - 210px)*1.777778);display:flex;flex-direction:column;min-height:0}.motion-video-art .motion-video-frame video{min-height:0;flex:1;object-fit:contain}.motion-video-bar,.motion-video-footer{flex-shrink:0}}