/* Final SI'TRU presentation refinements */
:root{--ink:#070707;--ink-soft:#101010;--paper:#fffdf5;--muted:#c6c4bb;--wine:#f6c515;--wine-bright:#ffe264;--line:rgba(255,253,245,.18);--line-soft:rgba(255,253,245,.09)}
.page-transition{background:#f6c515!important;transition-duration:.16s!important}.home .hero-video-stage{background:#070707!important}.home video.hero-video{display:block!important;position:absolute!important;inset:0!important;z-index:-5!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:none!important;transform:none!important;animation:none!important}.home .hero-video-shade{z-index:-4!important;background:linear-gradient(90deg,rgba(7,7,7,.7) 0%,rgba(7,7,7,.32) 40%,transparent 62%)!important}.hero-video-stage:before{display:none!important}.home .hero-grid,.home .signal,.home .light-trace{display:none!important}.brand small,.eyebrow,.service-number,.principles span,.contact-list span,.founder-label span,.closing-panel p{color:#f6c515!important}.availability i{background:#f6c515!important;box-shadow:0 0 15px #f6c515!important}.rotating-word{color:#f6c515!important;text-shadow:0 0 38px rgba(246,197,21,.28)!important}.primary-link,.form-button{background:#f6c515!important;border-color:#f6c515!important;color:#111!important}.primary-link:hover,.form-button:hover{background:#ffe264!important}.about-opening h1 em{color:#ffe264!important}.page-hero:after{border-color:rgba(246,197,21,.36)!important;box-shadow:0 0 50px rgba(246,197,21,.14)!important}.service-row:hover{border-color:#f6c515!important}.site-footer{font-size:10px}.brand{flex-direction:column;align-items:flex-start;gap:5px}.brand img{width:138px}.brand small{white-space:nowrap;max-width:none;font-size:9px;letter-spacing:.02em}@media(max-width:760px){.brand img{width:112px}.brand small{display:block;font-size:7px}body.home .hero{padding-top:96px!important}.home video.hero-video{object-position:57% center!important}.home .hero-video-shade{background:linear-gradient(90deg,rgba(7,7,7,.86),rgba(7,7,7,.35)),linear-gradient(0deg,rgba(7,7,7,.68),transparent 62%)!important}}@media(prefers-reduced-motion:reduce){.home video.hero-video{display:none!important}.home .hero-video-stage{background:url("sitru-cinematic-hero.png") 61% center/cover no-repeat!important}}

/* Hero video extended full-bleed edge-to-edge behind the header, on the home page only */
body.home .site-header{position:absolute!important;top:0;left:0;right:0;width:100%;max-width:none;z-index:30;background:transparent!important;border-bottom:1px solid transparent!important}
body.home .hero{min-height:100svh!important;max-width:none!important;width:100%;padding-top:max(118px,10vh)!important}
body.home main{padding-top:0}

/* Soft top scrim instead of a boxed background — keeps the logo and tabs readable without a visible card/border */
body.home .site-header{isolation:isolate}
body.home .site-header:before{content:"";position:absolute;inset:0 0 auto 0;height:210px;background:linear-gradient(180deg,rgba(5,4,5,.78) 0%,rgba(5,4,5,.4) 55%,transparent 100%);z-index:-1;pointer-events:none}

/* Logo: no extra box, just enough shadow to sit cleanly on the scrim */
body.home .brand img{filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}
body.home .brand small{text-shadow:0 2px 8px rgba(0,0,0,.8)}

/* Nav links: all three now match — bordered pill, bold yellow, easy to read */
body.home .nav-links a{border:1px solid rgba(246,197,21,.55);border-radius:99px;padding:10px 20px;color:#ffe264!important;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.7);transition:background .25s ease,border-color .25s ease,color .25s ease}
body.home .nav-links a:hover,body.home .nav-links a.active{background:#f6c515!important;border-color:#ffe264!important;color:#111!important;text-shadow:none}

/* A softer, smoother, more HD-feeling video: gentle tone match instead of a hard, high-contrast look */
body.home .hero-video{filter:contrast(1.07) saturate(.9) brightness(.95)}
body.home .hero-video-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 50%,rgba(6,10,16,.14) 0%,rgba(5,8,14,.34) 55%,rgba(4,6,12,.78) 100%);z-index:-3;pointer-events:none}
body.home .hero-video-stage:before{content:"";position:absolute;inset:0;background:rgba(18,32,52,.16);mix-blend-mode:overlay;z-index:-3;pointer-events:none;display:block!important}
body.home .hero-video-stage{box-shadow:inset 0 160px 140px -70px rgba(3,5,10,.97),inset 0 -190px 160px -70px rgba(3,5,10,.97),inset 240px 0 190px -140px rgba(3,5,10,.9),inset -240px 0 190px -140px rgba(3,5,10,.9)}

/* No play button, ever: this is a live looping background, not a video player */
.hero-video::-webkit-media-controls,.hero-video::-webkit-media-controls-start-playback-button,.hero-video::-webkit-media-controls-play-button,.hero-video::-webkit-media-controls-overlay-play-button,.hero-video::-webkit-media-controls-overlay-enclosure,.hero-video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;opacity:0!important;pointer-events:none}
.hero-video{pointer-events:none}

/* The hero CTA button was oversized (mostly from the big icon gap) — trim it down */
body.home .hero-bottom .primary-link{padding:12px 18px;gap:10px;font-size:11px}
.page-hero {
    position: relative;
    overflow: hidden;
  }
  
  .services-keyboard {
    position: absolute;
    right: 2rem;
    bottom: 0;
    width: min(320px, 28vw);
    opacity: 0.85;
    pointer-events: none;
  }