/* Shared floating navigation for Revolt's interior pages. */
body.interior-menu-experiment .header{grid-template-columns:1fr!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.interior-menu-experiment .header::before,body.interior-menu-experiment .header::after{display:none!important}
body.interior-menu-experiment .header .rail-head,
body.interior-menu-experiment .header .nav--skills-visible,
body.interior-menu-experiment .header .mobile-menu{display:none!important}
body.interior-menu-experiment .header .header-main{grid-template-columns:auto 1fr!important;padding:0 clamp(18px,2.4vw,46px)!important;gap:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important}
body.interior-menu-experiment .header .header-main::before,body.interior-menu-experiment .header .header-main::after{display:none!important}
body.interior-menu-experiment .header .actions{display:flex!important;justify-self:end;align-items:center;gap:12px!important}
body.interior-menu-experiment .header .logo{justify-self:start}
body.interior-menu-experiment .header .logo img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.5))}
body.interior-menu-experiment .menu-overlay{display:none!important}
body.interior-menu-experiment .web-menu-trigger{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:32px;width:188px;height:46px;padding:0 18px;border:0;color:#fff;background:rgba(23,13,29,.2);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);box-shadow:0 10px 28px rgba(0,0,0,.15);font:700 11px/1 "Space Grotesk",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}
body.interior-menu-experiment .web-menu-trigger:hover,
body.interior-menu-experiment .web-menu-trigger:focus-visible{background:rgba(217,24,130,.24);box-shadow:0 10px 30px rgba(0,0,0,.18);color:#fff}
body.interior-menu-experiment .web-menu-trigger:focus-visible{outline:2px solid #d91882;outline-offset:3px}
body.interior-menu-experiment .web-menu-trigger__icon{width:20px;display:grid;gap:5px}
body.interior-menu-experiment .web-menu-trigger__icon i{display:block;width:20px;height:1px;background:currentColor;transition:transform .25s}
body.interior-menu-experiment .web-menu-trigger__icon i:last-child{width:13px;justify-self:end}
body.interior-menu-experiment .web-menu-trigger:hover .web-menu-trigger__icon i:last-child{transform:translateX(-7px)}
body.interior-menu-experiment .header .menu-cta{width:164px!important;min-width:164px!important;height:46px!important;padding-inline:18px!important}
body.web-menu-is-open{overflow:hidden!important}

.web-menu-experiment{position:fixed;inset:0;z-index:2147483500;visibility:hidden;pointer-events:none;transition:visibility 0s linear .55s;font-family:"Space Grotesk",Arial,sans-serif}
.web-menu-experiment.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
.web-menu-experiment__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,6,13,.58);backdrop-filter:blur(0);opacity:0;cursor:default;transition:opacity .45s ease,backdrop-filter .45s ease}
.web-menu-experiment.is-open .web-menu-experiment__backdrop{opacity:1;backdrop-filter:blur(11px)}
.web-menu-experiment__panel{position:absolute;top:0;right:0;bottom:0;width:min(490px,100%);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;background:#121015;color:#f7f5f7;border-left:0;box-shadow:-28px 0 70px rgba(0,0,0,.36);transform:translateX(102%);transition:transform .55s cubic-bezier(.77,0,.18,1)}
.web-menu-experiment.is-open .web-menu-experiment__panel{transform:translateX(0)}
.web-menu-experiment__top{height:112px;flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:27px 30px 0 31px}
.web-menu-experiment__brand img{display:block;width:128px;height:auto}
/* Match the contact canvas close control without moving the menu header. */
.web-menu-experiment__close{width:50px;height:50px;flex:none;position:relative;border:1px solid #ef008c;border-radius:50%;background:rgba(7,6,10,.72);color:#fff;cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.web-menu-experiment__close:hover{transform:rotate(90deg);background:rgba(239,0,140,.14);border-color:#ef008c}
.web-menu-experiment__close:focus-visible{outline:2px solid #fff;outline-offset:4px;background:rgba(239,0,140,.14)}
.web-menu-experiment__close span{position:absolute;left:50%;top:50%;width:22px;height:1.5px;border-radius:99px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.web-menu-experiment__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.web-menu-experiment__eyebrow{margin:0 31px 18px;color:#d91882;font:700 10px/1.3 "Space Grotesk",Arial,sans-serif;letter-spacing:.2em}
.web-menu-experiment__nav{display:block!important;flex:none}
.web-menu-experiment__row{appearance:none;width:100%;min-height:64px;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:5px;margin:0;padding:7px 31px!important;border:0;border-top:1px solid rgba(255,255,255,.15);background:transparent;color:#f7f5f7!important;text-align:left;text-decoration:none;font:700 clamp(25px,2.6vw,34px)/1 "Space Grotesk",Arial,sans-serif!important;letter-spacing:-.055em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}
.web-menu-experiment__nav>.web-menu-experiment__row:last-child{border-bottom:1px solid rgba(255,255,255,.15)}
.web-menu-experiment__row:hover,.web-menu-experiment__row:focus-visible,.web-menu-experiment__row[aria-current="page"],.web-menu-experiment__services[aria-expanded="true"]{color:#d91882!important;background:rgba(217,24,130,.055)}
.web-menu-experiment__index{color:#d91882;font:700 10px/1 "Space Grotesk",Arial,sans-serif;letter-spacing:0}
.web-menu-experiment__arrow{font:400 22px/1 Arial,sans-serif;text-align:right;opacity:.45;transition:opacity .2s,transform .2s}
.web-menu-experiment__row:hover .web-menu-experiment__arrow{opacity:1;transform:translate(2px,-2px)}
.web-menu-experiment__plus{justify-self:end;position:relative;width:20px;height:20px}
.web-menu-experiment__plus::before,.web-menu-experiment__plus::after{content:"";position:absolute;top:50%;left:0;width:20px;height:1px;background:currentColor;transform:translateY(-50%);transition:transform .25s}
.web-menu-experiment__plus::after{transform:translateY(-50%) rotate(90deg)}
.web-menu-experiment__services[aria-expanded="true"] .web-menu-experiment__plus::after{transform:translateY(-50%) rotate(0)}
.web-menu-experiment__subnav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:11px 31px 22px 74px;background:#1a151c}
.web-menu-experiment__subnav[hidden]{display:none}
.web-menu-experiment__subnav a{display:block;padding:10px 0;color:#c8c0c8;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.09);font:600 11px/1.15 "Space Grotesk",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;transition:color .2s}
.web-menu-experiment__subnav a:hover,.web-menu-experiment__subnav a:focus-visible,.web-menu-experiment__subnav a[aria-current="page"]{color:#d91882}
.web-menu-experiment__bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:auto;padding:28px 31px 20px;border-top:1px solid rgba(255,255,255,.15)}
.web-menu-experiment__bottom div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.web-menu-experiment__bottom span,.web-menu-experiment__footer{color:#d91882;font:700 9px/1.3 "Space Grotesk",Arial,sans-serif;letter-spacing:.14em}
.web-menu-experiment__bottom a{color:#f7f5f7;font:500 11px/1.3 "Space Grotesk",Arial,sans-serif;text-decoration:none}
.web-menu-experiment__bottom a:hover{color:#d91882}
.web-menu-experiment__footer{display:flex;justify-content:space-between;gap:10px;padding:16px 31px 20px;border-top:1px solid rgba(255,255,255,.15);color:#807982}
@media(max-width:700px){body.interior-menu-experiment .header .header-main{padding:0 12px!important;gap:6px!important}body.interior-menu-experiment .header .logo img{width:clamp(82px,25vw,105px)!important}body.interior-menu-experiment .header .actions{gap:6px!important}body.interior-menu-experiment .header .menu-cta{display:flex!important;min-width:clamp(90px,25vw,104px)!important;width:clamp(90px,25vw,104px)!important;height:40px!important;padding:0 9px!important;justify-content:space-between!important;gap:4px!important;font-size:8px!important}body.interior-menu-experiment .web-menu-trigger{width:clamp(90px,26vw,108px);height:40px;gap:5px;padding:0 9px;font-size:9px}.web-menu-experiment__top{height:95px;padding:22px 21px 0}.web-menu-experiment__brand img{width:108px}.web-menu-experiment__eyebrow{margin:0 21px 15px}.web-menu-experiment__row{min-height:59px;padding:7px 21px!important;grid-template-columns:30px 1fr 25px;font-size:25px!important}.web-menu-experiment__subnav{padding:8px 21px 18px 51px;grid-template-columns:1fr 1fr}.web-menu-experiment__bottom{padding:24px 21px 18px}.web-menu-experiment__footer{padding:14px 21px 18px}}
@media(max-width:760px){.web-menu-experiment__close{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.web-menu-experiment,.web-menu-experiment *,body.interior-menu-experiment .web-menu-trigger{transition-duration:.01ms!important;animation-duration:.01ms!important}}