/* Approved Reverse hero. Scoped to preserve the rest of the concept. */
@font-face{font-family:RaioHeroLay;src:url('../fonts/icomat-lay-grotesk-semibold.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RaioHeroMono;src:url('../fonts/icomat-akkurat-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
body.agency-concept-page{--raio-hero-vr:calc((100vw / 1440 + 1px + 100svh / 933 + 1px)/4);--raio-hero-margin:calc(20*var(--raio-hero-vr))}
#raio-hero-module.raio-reverse-hero{position:relative;height:calc(100svh + 2px);min-height:520px;padding:0;margin:0;overflow:hidden;background:#333;color:#f8f8f8;isolation:isolate}
#raio-hero-module.raio-reverse-hero:after{display:none}
#raio-hero-module.raio-reverse-hero .raio-hero-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;background:none;opacity:1;filter:none;transform:scale(1.1);transform-origin:center;will-change:transform}
.raio-reverse-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.35));pointer-events:none}
.raio-reverse-content{position:absolute;inset:0;z-index:2;transform-origin:center center}
body.agency-concept-page #raio-hero-module .raio-reverse-title,
body.agency-concept-page #raio-hero-module .raio-reverse-copy{font-family:RaioHeroLay,Arial,sans-serif!important;font-weight:400;color:#f8f8f8;text-transform:none;margin:0;z-index:2}
#raio-hero-module .raio-reverse-title{position:absolute;bottom:calc(24*var(--raio-hero-vr));right:var(--raio-hero-margin);left:auto;width:calc(650*var(--raio-hero-vr));max-width:none;font-size:calc(60*var(--raio-hero-vr));line-height:.98;letter-spacing:calc(-.9*var(--raio-hero-vr));text-align:right}
.raio-reverse-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.raio-reverse-line>span{display:block}
#raio-hero-module .raio-reverse-copy{position:absolute;top:50%;left:var(--raio-hero-margin);right:auto;transform:translateY(-50%);width:calc(453*var(--raio-hero-vr));font-size:calc(18*var(--raio-hero-vr));line-height:1.03;letter-spacing:normal;text-align:left}
.raio-reverse-copy>span{display:block;color:rgba(248,248,248,.6)}
#raio-hero-module .raio-reverse-copy-primary{color:#f8f8f8}
.raio-reverse-copy-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.raio-reverse-copy-line>span{display:block;will-change:transform}
.raio-header-entry-mask{display:block;overflow:hidden;line-height:1.2}
.raio-header-entry-line{display:block;will-change:transform}
.raio-header-wordmark.has-letter-draw{position:relative;color:transparent!important}
.raio-header-letter-draw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#f8f8f8}
.raio-header-mark-draw{position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(27*var(--raio-hero-vr));height:calc(28*var(--raio-hero-vr));pointer-events:none}
#raio-site-header[data-header-entering] .raio-header-logo>img,
#raio-site-header[data-header-entering] .raio-header-morph{visibility:hidden}
#raio-site-header.is-on-light .raio-header-letter-draw{color:#080808}
.raio-reverse-menu-icon:has(.raio-menu-entry-face){overflow:hidden;background:none}
.raio-menu-entry-face{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;background:rgba(0,0,0,.55)}
.raio-reverse-socials{position:absolute;z-index:2;left:var(--raio-hero-margin);bottom:calc(24*var(--raio-hero-vr));display:flex;gap:12px}
body.agency-concept-page #raio-hero-module .raio-reverse-socials,
body.agency-concept-page #raio-hero-module .raio-reverse-socials a{font-family:RaioHeroMono,monospace!important;font-size:calc(11*var(--raio-hero-vr));font-weight:400;letter-spacing:calc(.22*var(--raio-hero-vr));line-height:1.1;color:#f8f8f8;text-decoration:none}
.raio-reverse-socials a{display:flex;align-items:flex-end;min-width:28px;min-height:44px;transition:opacity .25s}.raio-reverse-socials a:hover{opacity:.6}
#raio-site-header.raio-reverse-header{position:fixed;top:calc(22*var(--raio-hero-vr));left:var(--raio-hero-margin);right:var(--raio-hero-margin);width:auto;height:auto;padding:0;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none;mix-blend-mode:normal;color:#f8f8f8;z-index:100}
#raio-site-header.raio-reverse-header a,#raio-site-header.raio-reverse-header button{pointer-events:auto}
#raio-site-header.raio-reverse-header .raio-header-logo{display:flex;position:relative;align-items:center;gap:calc(10*var(--raio-hero-vr));width:auto;flex-shrink:0;text-decoration:none;color:inherit;line-height:1.03}
#raio-site-header.raio-reverse-header .raio-header-logo img{width:calc(27*var(--raio-hero-vr));height:calc(28*var(--raio-hero-vr));filter:brightness(0) invert(1);transition:none}
#raio-site-header.raio-reverse-header .raio-header-morph{left:calc(-13.5*var(--raio-hero-vr));top:calc(-7*var(--raio-hero-vr));width:calc(54*var(--raio-hero-vr));height:calc(42*var(--raio-hero-vr))}
#raio-site-header .raio-header-wordmark{font-family:RaioHeroLay,Arial,sans-serif!important;font-size:calc(25*var(--raio-hero-vr));font-weight:400;letter-spacing:calc(-.5*var(--raio-hero-vr));white-space:nowrap}
#raio-site-header .raio-header-dock{display:flex;align-items:center;justify-content:space-between;gap:calc(30*var(--raio-hero-vr));width:min(calc(620*var(--raio-hero-vr)),calc(100vw - 300*var(--raio-hero-vr)));min-width:0;padding:6px 6px 6px 20px;background:transparent;color:inherit}
#raio-site-header.raio-reverse-header .raio-header-nav{display:flex;align-items:center;justify-content:space-between;flex:1;padding:0;gap:calc(18*var(--raio-hero-vr))}
body.agency-concept-page #raio-site-header.raio-reverse-header .raio-header-dock a,
body.agency-concept-page #raio-site-header.raio-reverse-header .raio-reverse-menu{font-family:RaioHeroMono,monospace!important;font-size:calc(11*var(--raio-hero-vr));font-weight:400;line-height:.91;letter-spacing:calc(.22*var(--raio-hero-vr));text-decoration:none}
#raio-site-header.raio-reverse-header .raio-header-nav a{padding:calc(8*var(--raio-hero-vr)) 0;color:inherit}
#raio-site-header.raio-reverse-header .raio-header-nav a:hover{opacity:.65}
#raio-site-header.raio-reverse-header .raio-header-cta{--raio-create-height:48px;flex-shrink:0;min-width:0;min-height:var(--raio-create-height);padding:6px 17px 6px 6px;border-radius:999px;background:linear-gradient(#2d2e33,#17181b);color:#f4f4f5;white-space:nowrap;box-shadow:inset 0 1px 1px #ffffff22,0 4px 12px #0006}
#raio-site-header.raio-reverse-header .raio-header-cta:hover{background:linear-gradient(#2d2e33,#17181b);color:#f4f4f5;opacity:1}
#raio-site-header.raio-reverse-header .raio-header-cta.has-create-surface{background:transparent;box-shadow:none}
#raio-site-header.is-on-light{color:#080808}
.raio-reverse-menu{display:none}
#raio-site-header.is-on-light .raio-header-logo{color:#080808}
#raio-site-header.is-on-light .raio-header-logo img,#raio-site-header.is-on-light .raio-header-morph{filter:brightness(0)}
#raio-site-header.is-on-light .raio-reverse-menu{color:#080808}
.raio-reverse-menu-icon{color:#f8f8f8}
#raio-hero-module #logoWrap{display:none!important}
#raio-site-header a:focus-visible,#raio-site-header button:focus-visible,.raio-reverse-socials a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(max-width:768px){
 body.agency-concept-page{--raio-hero-vr:calc((100vw / 393 + 1px + 100svh / 812 + 1px)/4)}
 #raio-hero-module.raio-reverse-hero{min-height:650px}
 #raio-hero-module.raio-reverse-hero .raio-hero-background{object-position:47% center}
 #raio-hero-module .raio-reverse-title{top:calc(150*var(--raio-hero-vr));bottom:auto;width:calc(100% - 2*var(--raio-hero-margin));font-size:calc(35*var(--raio-hero-vr));letter-spacing:calc(-.525*var(--raio-hero-vr))}
 #raio-hero-module .raio-reverse-copy{top:auto;bottom:calc(75*var(--raio-hero-vr));left:auto;right:var(--raio-hero-margin);transform:none;width:calc((100vw - 2*var(--raio-hero-margin) - 5*10*var(--raio-hero-vr))/6*5 + 4*10*var(--raio-hero-vr));font-size:calc(18*.9*var(--raio-hero-vr));text-align:right}
 .raio-reverse-socials{bottom:calc(75*var(--raio-hero-vr))}
 #raio-site-header.raio-reverse-header .raio-header-logo img{width:calc(25*var(--raio-hero-vr));height:calc(28*var(--raio-hero-vr))}
 .raio-header-mark-draw{width:calc(25*var(--raio-hero-vr))}
 #raio-site-header .raio-header-wordmark{font-size:calc(24*var(--raio-hero-vr))}
 #raio-site-header.raio-reverse-header .raio-header-morph{left:calc(-12.5*var(--raio-hero-vr));width:calc(50*var(--raio-hero-vr))}
 #raio-site-header .raio-header-dock{display:none;position:absolute;top:58px;left:0;right:0;width:auto;min-width:0;padding:24px;border-radius:7px;flex-direction:column;align-items:stretch;gap:12px;background:rgba(8,8,8,.94);backdrop-filter:blur(24px);color:#f8f8f8}
 #raio-site-header .raio-header-dock.is-open{display:flex}
 #raio-site-header.raio-reverse-header .raio-header-nav{flex-direction:column;align-items:stretch;gap:12px}
 #raio-site-header.raio-reverse-header .raio-header-nav a{padding:16px 0;font-size:14px}
 #raio-site-header.raio-reverse-header .raio-header-cta{--raio-create-height:44px;align-self:flex-start;font-size:14px}
 .raio-reverse-menu{display:flex;align-items:center;gap:12px;background:none;border:0;color:#f8f8f8;padding:0;cursor:pointer}
 .raio-reverse-menu-icon{width:50px;height:36px;display:grid;place-items:center;border-radius:7px;background:rgba(0,0,0,.55);backdrop-filter:blur(20px)}
}
@media(prefers-reduced-motion:reduce){#raio-hero-module .raio-hero-background{will-change:auto}.raio-reverse-socials a{transition:none}}