/* The original layout, type sizes and section spacing are preserved. */
.redcore-brand-logo{width:100%;height:auto;mix-blend-mode:normal;object-fit:contain}
#section-testimony .swiper-slide img{display:none}

/* Mouse scroll indicator, scoped to the home hero. */
.home #intro .scroll-down.mouse{top:auto;bottom:clamp(32px,10vh,96px);padding:0;margin:0;width:48px;height:64px;justify-content:center;text-decoration:none;color:#fff;cursor:pointer}
.home #intro .mouse-icon{box-sizing:content-box;width:25px;height:45px;border:2px solid currentColor;border-radius:15px;position:relative;text-align:center}
.home #intro .scroll-down .mouse-wheel{position:absolute;top:2px;left:11px;display:block;width:3px;height:6px;margin:0;background:currentColor;border-radius:50%;opacity:0;animation:redcore-wheel-down 1.6s ease infinite}
.home #intro .scroll-down.mouse:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:20px}
@keyframes redcore-wheel-down{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(18px);opacity:0}}
@media(prefers-reduced-motion:reduce){.home #intro .scroll-down .mouse-wheel{animation:none;opacity:1;transform:translateY(8px)}}

/* Full-height video and scroll-triggered introduction. */
.home #intro{height:100vh;height:100svh;min-height:100svh;padding-top:0}
.home #intro .content{top:50%;transform:translateY(-50%)}
.redcore-reveal-enabled .home #section-first .first-content,
.redcore-reveal-enabled .home #section-first .swipe-in-picture-wrapper{opacity:0;visibility:hidden;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility .8s}
.redcore-reveal-enabled .home #section-first .redcore-revealed{opacity:1;visibility:visible;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.redcore-reveal-enabled .home #section-first .first-content,.redcore-reveal-enabled .home #section-first .swipe-in-picture-wrapper{transform:none;transition:none}}

/* Remove the decorative line and grey corner around the first section. */
.home #section-first:before,
.home #section-first:after,
.home #section-first .swipe-in-picture-wrapper:before{content:none;display:none}

/* Redcore IT expertise mosaic. */
.home #section-expertises .redcore-expertise-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;grid-template-rows:repeat(2,clamp(150px,13vw,230px));gap:8px}
.redcore-expertise-card{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:#06172b;text-decoration:none;isolation:isolate}
.redcore-expertise-card::after{content:"";position:absolute;inset:0;background:#06172b;opacity:.48;transition:opacity .4s ease;z-index:1}
.redcore-card-photo{position:absolute;inset:0;background-image:url('/assets/redcore-it-mosaic.png');background-size:var(--photo-size);background-position:var(--photo-position);background-repeat:no-repeat;transition:opacity .4s ease;z-index:0}
.redcore-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px}
.redcore-card-content svg{width:clamp(48px,4.5vw,76px);height:clamp(48px,4.5vw,76px);color:#fff;transition:color .3s ease}
.redcore-card-title{font-family:roc-grotesk-condensed,'Arial Narrow',sans-serif;font-weight:500;font-size:clamp(24px,2.15vw,36px);line-height:1;text-transform:uppercase;color:#fff}
.redcore-card-security{grid-area:1/1}.redcore-card-cloud{grid-area:1/2}.redcore-card-phone{grid-area:2/1}.redcore-card-support{grid-area:2/2}.redcore-card-consulting{grid-area:1/3/3/4}
.redcore-expertise-card:hover .redcore-card-photo,.redcore-expertise-card:focus-visible .redcore-card-photo{opacity:0}
.redcore-expertise-card:hover::after,.redcore-expertise-card:focus-visible::after{opacity:1}
.redcore-expertise-card:hover svg,.redcore-expertise-card:focus-visible svg{color:#ef2639}
.redcore-expertise-card:focus-visible{outline:3px solid #ef2639;outline-offset:-3px}
@media(max-width:767px){.home #section-expertises .redcore-expertise-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,180px) 250px}.redcore-card-consulting{grid-area:3/1/4/3}.redcore-card-title{font-size:27px}}
@media(max-width:420px){.home #section-expertises .redcore-expertise-grid{gap:6px;grid-template-rows:repeat(2,160px) 220px}.redcore-card-content{padding:10px;gap:10px}.redcore-card-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.redcore-card-photo,.redcore-expertise-card::after,.redcore-card-content svg{transition:none}}

/* Compact contact and outlined remote support actions. */
#header .redcore-header-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:101;color:#021135}
.home #header .redcore-header-actions,.page-template-page-agence-experte #header .redcore-header-actions{color:#fff}
#header.scrolled .redcore-header-actions{color:#021135}
#header.open .redcore-header-actions{color:#fff}
#header .redcore-contact-link,#header .redcore-support-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s}
#header .redcore-contact-link{width:48px;height:48px;border-radius:50%;background:#ef2639;color:#fff}
#header .redcore-support-link{height:48px;padding:0 22px;gap:12px;border:1.5px solid currentColor;border-radius:999px;color:inherit;font-family:roc-grotesk,sans-serif;font-size:18px;font-weight:500;line-height:1}
#header .redcore-header-actions svg{width:24px;height:24px;fill:none;stroke:currentColor;flex-shrink:0}
#header .redcore-contact-link:hover{background:#d71c30}
#header .redcore-support-link:hover{background:#ef2639;border-color:#ef2639;color:#fff}
#header .redcore-header-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:767px){#header .button-wrapper{margin-right:18px}#header .redcore-header-actions{gap:8px}#header .redcore-contact-link{width:38px;height:38px}#header .redcore-support-link{height:40px;padding:0 12px;gap:7px;font-size:14px}#header .redcore-header-actions svg{width:20px;height:20px}}
@media(max-width:480px){#header>.grid-container .logo{width:110px;max-width:110px}#header>.grid-container .logo img{width:100%;height:auto}#header .button-wrapper{margin-right:12px}}
@media(prefers-reduced-motion:reduce){#header .redcore-header-actions a{transition:none}}

/* Navigation is available exclusively through the hamburger menu. */
#header .redcore-hidden-horizontal-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}

#header.open #menu-overlay{visibility:visible;pointer-events:auto}
#header .navbar-toggle:focus-visible{outline:2px solid currentColor;outline-offset:8px}

/* Circular reveal from top left, followed by staggered links. */
#header #menu-overlay{display:block!important;transform:none;clip-path:circle(0 at 0 0);visibility:hidden;pointer-events:none;transition:clip-path .6s ease-in-out,visibility 0s linear .6s}
#header.open #menu-overlay{transform:none;clip-path:circle(150vmax at 0 0);visibility:visible;pointer-events:auto;transition:clip-path .6s ease-in-out,visibility 0s}
#header.open #menu-overlay .menu>.menu-item,#header.open #menu-overlay .menu>.menu-item-secondary{animation:redcore-menu-text .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.25s + var(--menu-order,0) * .1s)}
#header.open #menu-overlay .right-column{animation:redcore-menu-text .65s ease both;animation-delay:.65s}
@keyframes redcore-menu-text{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
#header #menu-overlay .menu>li:nth-child(1){--menu-order:0}
#header #menu-overlay .menu>li:nth-child(2){--menu-order:1}
#header #menu-overlay .menu>li:nth-child(3){--menu-order:2}
#header #menu-overlay .menu>li:nth-child(4){--menu-order:3}
#header #menu-overlay .menu>li:nth-child(5){--menu-order:4}
#header #menu-overlay .menu>li:nth-child(6){--menu-order:5}
#header #menu-overlay .menu>li:nth-child(7){--menu-order:6}
#header #menu-overlay .menu>li:nth-child(8){--menu-order:7}
#header #menu-overlay .menu>li:nth-child(9){--menu-order:8}
#header #menu-overlay .menu>li:nth-child(10){--menu-order:9}
#header #menu-overlay .menu>li:nth-child(11){--menu-order:10}
#header #menu-overlay .menu>li:nth-child(12){--menu-order:11}
#header #menu-overlay .menu>li:nth-child(13){--menu-order:12}
#header #menu-overlay .menu>li:nth-child(14){--menu-order:13}
#header #menu-overlay .menu>li:nth-child(15){--menu-order:14}
@media(prefers-reduced-motion:reduce){#header #menu-overlay,#header.open #menu-overlay{transition:none}#header.open #menu-overlay .menu>.menu-item,#header.open #menu-overlay .menu>.menu-item-secondary,#header.open #menu-overlay .right-column{animation:none;opacity:1;transform:none}}

/* Three-bar hamburger morphing into a cross. */
#header .navbar-toggle,#header.open .navbar-toggle-wrapper .navbar-toggle{position:relative;display:block;width:30px;height:30px;margin:0}
#header .navbar-toggle span,#header.open .navbar-toggle span,.no-touch #header .navbar-toggle:hover span,.no-touch #header.open .navbar-toggle-wrapper .navbar-toggle:hover span{position:absolute;left:0;width:30px;height:2px;margin:0;border-radius:2px;transform:none;transform-origin:center;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s ease,background-color .25s ease}
#header .navbar-toggle span:nth-child(1){top:5px}
#header .navbar-toggle span:nth-child(2){top:14px}
#header .navbar-toggle span:nth-child(3){top:23px}
#header.open .navbar-toggle-wrapper .navbar-toggle span:nth-child(1),.no-touch #header.open .navbar-toggle-wrapper .navbar-toggle:hover span:nth-child(1){transform:translateY(9px) rotate(45deg);background:#ef2639}
#header.open .navbar-toggle-wrapper .navbar-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}
#header.open .navbar-toggle-wrapper .navbar-toggle span:nth-child(3),.no-touch #header.open .navbar-toggle-wrapper .navbar-toggle:hover span:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:#ef2639}
@media(prefers-reduced-motion:reduce){#header .navbar-toggle span{transition:none}}
.no-touch #header .navbar-toggle:hover span+span,.no-touch #header.open .navbar-toggle-wrapper .navbar-toggle:hover span+span{margin-left:0}

/* Keep every bar aligned and full width, including hover and open states. */
#header .navbar-toggle span,#header .navbar-toggle:hover span,#header.open .navbar-toggle span,#header.open .navbar-toggle:hover span{width:30px!important;margin-left:0!important;margin-top:0!important;left:0;opacity:1}
#header.open .navbar-toggle span:nth-child(2){opacity:0}

/* Keep support visible on the dark sticky header after scrolling. */
.home #header.scrolled .redcore-header-actions,
.page-template-page-agence-experte #header.scrolled .redcore-header-actions{color:#fff}
.home #header.scrolled .redcore-support-link,
.page-template-page-agence-experte #header.scrolled .redcore-support-link{color:#fff;border-color:#fff}
.home #header.scrolled .redcore-support-link:hover,
.page-template-page-agence-experte #header.scrolled .redcore-support-link:hover{border-color:#ef2639}

/* Enlarged wordmark only in the top-left header. */
#header>.grid-container .logo{width:230px;max-width:230px;flex-shrink:0}
#header.scrolled>.grid-container .logo{width:210px;max-width:210px}
#header>.grid-container .logo img{width:100%;height:auto}
@media(max-width:767px){#header>.grid-container .logo,#header.scrolled>.grid-container .logo{width:160px;max-width:160px}}
@media(max-width:480px){#header>.grid-container .logo,#header.scrolled>.grid-container .logo{width:125px;max-width:125px}}

/* Rounded photography and Redcore service symbols. */
.home #section-first .swipe-in-picture-wrapper img{-webkit-mask-image:url('/assets/redcore-rounded-photo-mask.svg');mask-image:url('/assets/redcore-rounded-photo-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;object-position:center}
.home #section-first .swipe-in-picture-wrapper picture{display:block;width:100%;height:100%}
.home #section-global-com .ovale-wrapper{width:clamp(460px,65vw,1000px);max-width:none;top:8rem;transform:translateX(35%);pointer-events:none}
.home .redcore-cloud-decoration{display:block;width:100%;height:auto;animation:redcore-cloud-drift 8s ease-in-out infinite}
.home #section-project>svg.redcore-shield-decoration{width:clamp(280px,42vw,650px);max-width:none;left:0;top:0;opacity:0;transform:translate(-32%,-62%) rotate(-14deg);transition:opacity .8s ease,transform 1.2s cubic-bezier(.22,1,.36,1);pointer-events:none}
.home #section-project.aos-animate>svg.redcore-shield-decoration{opacity:1;transform:translate(-32%,-62%) rotate(0deg)}
.home #section-project.aos-animate .redcore-shield-decoration path{animation:redcore-shield-draw 1.6s ease both}
.home #section-global-com .all-reals-item .redcore-partnership-mark{height:auto;width:100%;max-width:480px;pointer-events:none}
@keyframes redcore-cloud-drift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-20px) rotate(3deg)}}
@keyframes redcore-shield-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(max-width:767px){.home #section-global-com .ovale-wrapper{width:460px;top:14rem;transform:translateX(55%)}.home #section-project>svg.redcore-shield-decoration{width:280px;transform:translate(-45%,-55%) rotate(-14deg)}.home #section-project.aos-animate>svg.redcore-shield-decoration{transform:translate(-45%,-55%) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.home .redcore-cloud-decoration,.home #section-project.aos-animate .redcore-shield-decoration path{animation:none}.home #section-project>svg.redcore-shield-decoration{transition:none}}

/* Keep the light header wordmark when the navy menu is open. */
#header.open>.grid-container .logo img{content:url('/assets/redcore-header-wordmark.svg')}

/* Lift the shield away from the heading and keep section content in front. */
.home #section-project>.grid-container{position:relative;z-index:2}
.home #section-project>svg.redcore-shield-decoration{z-index:1;transform:translate(-40%,-86%) rotate(-14deg)}
.home #section-project.aos-animate>svg.redcore-shield-decoration{transform:translate(-40%,-86%) rotate(0deg)}
@media(max-width:767px){.home #section-project>svg.redcore-shield-decoration{transform:translate(-45%,-86%) rotate(-14deg)}.home #section-project.aos-animate>svg.redcore-shield-decoration{transform:translate(-45%,-86%) rotate(0deg)}}
/* Shared header logo: one element, identical size and position when opening. */
#header #menu-overlay .logo{display:none!important}
#header.open>.grid-container .logo{position:relative;z-index:101;opacity:1}
/* Lock background scrolling while allowing long accordion menus to scroll. */
html{scrollbar-gutter:stable}
html.redcore-menu-open,html.redcore-menu-open body{overflow:hidden;overscroll-behavior:none}
#header #menu-overlay{overscroll-behavior:contain;touch-action:pan-y}

/* Native accordions keep each submenu in normal document flow. */
#header #menu-overlay .grid-container{height:auto;min-height:100%}
#header #menu-overlay .grid-container>.grid-x{height:auto;min-height:100svh;align-items:stretch;padding-top:140px;padding-bottom:70px}
#header #menu-overlay .links-list{column-count:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:50px;align-items:start;width:100%}
.redcore-menu-primary,.redcore-menu-secondary{display:flex;flex-direction:column;align-items:stretch;gap:16px;font-family:roc-grotesk,sans-serif}
#header #menu-overlay .redcore-menu-entry,#header #menu-overlay .redcore-menu-group>summary{color:#fff;font-size:30px;font-weight:700;line-height:1.2;text-decoration:none;padding:0;margin:0;letter-spacing:normal}
.redcore-menu-group{display:block;min-width:0}
.redcore-menu-group>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;width:fit-content}
.redcore-menu-group>summary::-webkit-details-marker{display:none}
.redcore-menu-plus{position:relative;width:20px;height:20px;flex-shrink:0}
.redcore-menu-plus:before,.redcore-menu-plus:after{content:'';position:absolute;background:currentColor;border-radius:1px;left:2px;top:9px;width:16px;height:2px}
.redcore-menu-plus:after{transform:rotate(90deg);transition:transform .25s ease}
.redcore-menu-group[open] .redcore-menu-plus:after{transform:rotate(0)}
#header #menu-overlay .redcore-menu-group[open]>summary,#header #menu-overlay .redcore-menu-entry:hover{color:#f4c000}
.redcore-menu-children{border-left:2px solid #7184a0;padding-left:20px;margin:16px 0 4px 5px}
#header #menu-overlay .redcore-menu-children>a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-decoration:none;font-size:18px;font-weight:400;line-height:1.35;letter-spacing:normal;padding:10px 0;border-bottom:1px solid #263d60;position:relative}
.redcore-menu-children>a>span{color:#8195b2;font-size:24px;flex-shrink:0}
#header #menu-overlay .redcore-menu-children>a:hover,#header #menu-overlay .redcore-menu-children>a:hover>span{color:#f4c000}
.redcore-menu-children>a:hover:before{content:'';position:absolute;left:-21px;top:50%;height:3px;width:13px;background:#f4c000}
#header #menu-overlay .redcore-menu-secondary>a{color:#fff;font-size:18px;font-weight:400;line-height:1.4;text-decoration:none;padding:4px 0}
#header #menu-overlay .redcore-menu-secondary>a:hover{color:#f4c000}
#header.open .redcore-menu-primary,#header.open .redcore-menu-secondary{animation:redcore-menu-text .5s ease both;animation-delay:.3s}
#header #menu-overlay .redcore-menu-primary a:focus-visible,#header #menu-overlay summary:focus-visible,#header #menu-overlay .redcore-menu-secondary a:focus-visible{outline:2px solid #f4c000;outline-offset:5px}
@media(max-width:1023px){#header #menu-overlay .links-list{gap:25px}#header #menu-overlay .redcore-menu-entry,#header #menu-overlay .redcore-menu-group>summary{font-size:25px}#header #menu-overlay .redcore-menu-children>a,#header #menu-overlay .redcore-menu-secondary>a{font-size:16px}}
@media(max-width:767px){#header #menu-overlay .grid-container>.grid-x{padding-top:110px;padding-bottom:45px}#header #menu-overlay .links-list{display:flex;flex-direction:column;gap:30px}.redcore-menu-primary{width:100%}.redcore-menu-secondary{gap:10px}#header #menu-overlay .redcore-menu-entry,#header #menu-overlay .redcore-menu-group>summary{font-size:24px}}
@media(prefers-reduced-motion:reduce){#header.open .redcore-menu-primary,#header.open .redcore-menu-secondary{animation:none}.redcore-menu-plus:after{transition:none}}

/* Contact panel with email first, offices and social links beneath. */
#header #menu-overlay .right-column{width:100%;min-width:0;font-family:roc-grotesk,sans-serif}
#header #menu-overlay .right-column h3{font-size:clamp(20px,1.65vw,28px);font-weight:700;line-height:1.2;margin:0 0 22px;letter-spacing:normal}
#header #menu-overlay .right-column .redcore-menu-email{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(15px,1.4vw,23px);font-weight:400;color:#f4c000;line-height:1.3;text-decoration:none;border-bottom:1px solid #f4c000;padding-bottom:3px;width:100%;white-space:nowrap;letter-spacing:normal}
#header #menu-overlay .right-column .redcore-menu-email>span:last-child{font-size:1.35em;flex-shrink:0}
#header #menu-overlay .right-column .redcore-menu-email:hover{color:#fff;border-color:#fff}
#header #menu-overlay .right-column .redcore-contact-meta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;border-top:1px solid rgba(255,255,255,.3);padding-top:24px;margin-top:30px}
#header #menu-overlay .right-column .redcore-contact-label{display:block;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.16em;font-weight:500;color:#cbd7e1;margin-bottom:12px}
#header #menu-overlay .right-column .redcore-contact-office>a{display:block;color:#fff;font-size:16px;line-height:1.35;text-decoration:none;letter-spacing:normal}
#header #menu-overlay .right-column .redcore-contact-office>a>span{display:block;font-size:14px;margin-top:3px}
#header #menu-overlay .right-column .redcore-contact-office>a:hover{color:#f4c000}
#header #menu-overlay .right-column .socials-block{display:flex;align-items:center;gap:14px;margin:0;padding:0}
#header #menu-overlay .right-column .socials-block a{display:flex;align-items:center;justify-content:center;margin:0;width:20px;height:24px;flex-shrink:0}
#header #menu-overlay .right-column .socials-block svg{height:22px;width:auto;max-width:22px;fill:#fff}
@media(max-width:1023px) and (min-width:768px){#header #menu-overlay .right-column .redcore-contact-meta{grid-template-columns:1fr;gap:22px}#header #menu-overlay .right-column .redcore-menu-email{font-size:16px}}
@media(max-width:767px){#header #menu-overlay .right-column{margin-top:40px;max-width:440px}#header #menu-overlay .right-column .redcore-menu-email{font-size:22px}#header #menu-overlay .right-column .redcore-contact-meta{gap:24px}#header #menu-overlay .right-column .redcore-contact-label{font-size:11px}}
/* Bold submenu labels without horizontal separators. */
#header #menu-overlay .redcore-menu-children>a{font-weight:700;border-bottom:0}

/* Linked group titles; the adjacent summary icon still toggles the submenu. */
#header #menu-overlay .redcore-menu-group > summary > .redcore-menu-group-link { color:inherit; font:inherit; letter-spacing:inherit; text-decoration:none; display:inline-block; }
#header #menu-overlay .redcore-menu-group > summary > .redcore-menu-group-link:hover { color:#f4c000; }
#header #menu-overlay .redcore-menu-group > summary > .redcore-menu-group-link:focus-visible { outline:2px solid currentColor; outline-offset:6px; }

/* Verre translucide : relief léger, reflets et fond visible. */
#header .redcore-support-link,.home #intro .redcore-finale-cta,.home #intro .redcore-story-replay{position:relative;background:rgba(255,255,255,.055);-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(255,255,255,.10),0 5px 18px rgba(5,17,51,.12);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
#header .redcore-support-link{border-color:currentColor}
.home #intro .redcore-story-replay{position:absolute;padding:10px 18px;border-radius:999px;color:rgba(255,255,255,.9);font-size:13px}
#header .redcore-support-link:hover,.home #intro .redcore-finale-cta:hover,.home #intro .redcore-story-replay:hover{background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 22px rgba(5,17,51,.18)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.home #intro .redcore-finale-cta,.home #intro .redcore-story-replay{background:rgba(5,17,51,.55)}}