/* Production links use the approved footer's colors and typography. */
.site-header { position:relative; z-index:20; }
.site-header .primary-navigation { gap:clamp(16px,1.7vw,26px); }
.site-header .primary-navigation a { display:inline-flex; align-items:center; min-height:44px; }
.depth-brand .site-header a[aria-current="page"] { color:#a9caff; }
.site-header .mobile-navigation { display:none; }
.site-header a:focus-visible,.site-header summary:focus-visible { outline:2px solid #a9caff; outline-offset:5px; border-radius:4px; }
@media(max-width:1200px) {
  .site-header { gap:16px; }
  .site-header .primary-navigation { display:none; }
  .site-header .header-actions { margin-left:auto; }
  .site-header .mobile-navigation { display:block; order:3; }
  .mobile-navigation summary { display:flex; align-items:center; gap:10px; min-height:44px; padding:0 4px; font-size:13px; cursor:pointer; list-style:none; }
  .mobile-navigation summary::-webkit-details-marker { display:none; }
  .mobile-navigation summary span { font-size:22px; font-weight:400; line-height:1; }
  .mobile-navigation[open] summary span { transform:rotate(45deg); }
  .site-header .mobile-navigation nav { position:absolute; top:100%; left:0; right:0; display:flex; flex-direction:column; gap:0; padding:12px 30px 20px; background:#06152a; border-top:1px solid #ffffff20; border-bottom:1px solid #ffffff20; box-shadow:0 20px 30px #06152a26; white-space:normal; }
  .mobile-navigation nav a { display:flex; align-items:center; min-height:48px; padding:8px 0; font-size:16px; color:#f7f8fc; }
  .mobile-navigation nav a+a { border-top:1px solid #ffffff12; }
}
@media(max-width:700px) {
  .site-header { gap:12px; }
  .site-header .mobile-navigation nav { padding-inline:20px; }
}
@media(max-width:360px) {
  .site-header { gap:8px; }
}
.depth-brand .approved-brand-copy { width:100%; max-width:620px; }
.production-footer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 24px; margin-top:30px; }
.production-footer-links nav,.production-footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.production-footer-links h3 { margin:0 0 3px; color:#f7f8fc; font:500 13px/1.4 var(--font); letter-spacing:0; }
.production-footer-links a { color:#c1cfe2; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.production-footer-links a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.production-footer-contact { grid-column:1/-1; }
.live-project-link { display:inline-flex; align-items:center; gap:8px; width:fit-content; margin-top:16px; color:var(--blue); font-size:12px; }
.live-project-link:hover { text-decoration:underline; text-underline-offset:4px; }
#case-project-link { display:inline-flex; margin:0 24px 16px 0; }
@media(max-width:700px) {
  .production-footer-links { text-align:left; gap:25px 20px; }
  .production-footer-links h3 { font-size:13px; }
  .production-footer-links a { font-size:12px; }
}

/* The server-rendered page remains complete and bookable without JavaScript. */
.static-home .unified-scroll * { animation:none!important; transition:none!important; }
.static-home .unified-scroll.depth-scene:not(.is-static) { height:auto; }
.static-home .depth-scene .unified-stage { position:relative; top:auto; height:auto; min-height:0; overflow:hidden; }
.static-home .depth-scene .unified-shell { height:auto; padding-top:36px; padding-bottom:35px; }
.static-home .unified-scroll.depth-scene .canvas-copy { position:relative; top:auto; left:auto; right:auto; transform:none!important; opacity:1!important; }
.static-home .canvas-copy>* { opacity:1!important; transform:none!important; }
.static-home .unified-headline { display:none; }
.static-home .unified-headline:first-child { display:block; visibility:visible; opacity:1; transform:none; }
.static-home .depth-word { transform:none!important; }
.static-home .depth-scene .unified-art { position:relative; inset:auto!important; height:auto!important; margin-top:32px; }
.static-home .unified-network { position:relative; inset:auto; transform:none!important; opacity:1!important; visibility:visible!important; }
.static-home .depth-scene .canvas-stage { transform:none; }
.static-home .canvas-tool { translate:0!important; pointer-events:none; cursor:default; }
.static-home .canvas-core,.static-home .business-canvas figcaption { opacity:1!important; scale:1!important; }
.static-home .canvas-routes path { stroke-dashoffset:0!important; opacity:1!important; }
.static-home .unified-model,.static-home .unified-labels,.static-home .unified-layer-caption,
.static-home .unified-progress,.static-home .depth-playback,.static-home .depth-foreground,
.static-home .depth-backdrop,.static-home .canvas-controls,.static-home .canvas-motion-toggle,
.static-home #canvas-tool-note,.static-home .canvas-toolbar,.static-home .canvas-packet,
.static-home .canvas-mobile-packet,.static-home .canvas-route-active,.static-home .workflow-play,
.static-home .workflow-choices,.static-home .live-project-views,.static-home .live-project-media>span { display:none!important; }
.static-home .live-project-media { pointer-events:none; cursor:default; }
.static-home .workflow-stage,.static-home .workflow-stage * { animation:none!important; transition:none!important; }
.static-home .workflow-stage { opacity:1!important; }
.static-home .workflow-actions { justify-content:flex-start; }
@media(max-width:700px) {
  .static-home .depth-scene .unified-shell { padding-top:24px; padding-bottom:24px; }
  .static-home .unified-scroll.depth-scene .canvas-copy h1 { min-height:0; }
  .static-home .depth-scene .unified-art { margin-top:24px; }
}