.quick-nav { position:fixed; left:20px; bottom:20px; z-index:16; display:flex; padding:4px; background:#17191c; color:#fff; border:1px solid #ffffff50; border-radius:6px; box-shadow:0 4px 18px #0002; }
.quick-nav[hidden],.consultation-draft[hidden] { display:none; }
.quick-nav a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:0 14px; font-size:12px; }
.quick-nav .lucide { width:17px; height:17px; }
.quick-nav a:hover { background:#304ed4; }
.quick-nav a:last-child { background:#f5a000; color:#17191c; }
.quick-nav a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.consultation-draft { margin-top:36px; border-top:1px solid #17191c60; padding-top:26px; max-width:900px; }
.consultation-draft label { display:block; font-weight:700; margin-bottom:12px; }
.consultation-draft textarea { display:block; width:100%; min-height:240px; padding:18px; font:400 16px/1.8 var(--body,sans-serif); background:#fff; color:#17191c; border:1px solid #17191c; border-radius:4px; resize:vertical; }
.draft-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px; }
.draft-actions :is(button,a) { display:flex; gap:9px; align-items:center; min-height:44px; padding:10px 16px; border:1px solid #17191c; border-radius:4px; background:#17191c; color:#fff; font-size:13px; }
.draft-actions button[data-clear-draft] { background:transparent; color:#17191c; }
.draft-actions .lucide { width:18px; height:18px; }
.draft-status { font-size:13px; min-height:24px; margin:10px 0 0; }
.project-consult { margin-top:18px; }
.case-reasoning { background:#edf1f4; }
.reasoning-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:30px 0; gap:30px; }
.reasoning-path li { position:relative; border-top:2px solid #304ed4; padding-top:22px; }
.reasoning-path li:last-child { border-color:#d78500; }
.reasoning-path .reason-number { font:500 40px/1 var(--display); color:#304ed4; }
.reasoning-path h3 { font-size:18px; margin:17px 0 12px; }
.reasoning-path p { font-size:15px; line-height:1.9; }
.reasoning-path li>.lucide { position:absolute; right:0; top:28px; width:22px; }
.scope-comparison { margin:35px 0; }
.cost-detail-toggle { border-top:1px solid #17191c35; border-bottom:1px solid #17191c35; margin:28px 0; }
.cost-detail-toggle>summary { padding:24px 0; cursor:pointer; font-size:16px; font-weight:700; }
.scope-compare-entry { display:grid; grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(0,1fr)); border-top:1px solid #17191c35; padding:24px 0; gap:22px; }
.scope-compare-entry h3 { font-size:17px; margin:0 0 10px; }
.scope-compare-entry strong { font:500 25px/1.5 var(--display); }
.scope-compare-entry small { display:block; font-size:11px; color:#505965; }
.scope-compare-entry dl { margin:0; }
.scope-compare-entry dt { font-size:12px; color:#304ed4; font-weight:700; margin-bottom:10px; }
.scope-compare-entry dd { margin:0; font-size:13px; line-height:1.9; }
.service-use-cases { border-top:1px solid #17191c35; margin-top:40px; padding-top:28px; }
.service-use-cases>h3 { font-size:24px; margin-bottom:25px; }
.service-use-cases dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.service-use-cases dt { font-size:17px; font-weight:700; margin-bottom:12px; }
.service-use-cases dd { margin:0; font-size:14px; line-height:1.9; }
.service-use-cases .text-link { margin-top:18px; font-size:13px; }
.lab-statement a[data-consult-lab] { white-space:normal; }
/* Reserve a control strip instead of placing the dock over the reel controls. */
.works-story .reel-bottom { bottom:90px; }
.works-story .reel-captions { bottom:143px; }
.home-motion-playing .approach-story .approach-dialogue-caption { bottom:92px; }
.home-motion-playing .approach-story .approach-world { bottom:279px; }
.home-motion-playing .home-service-stage .pricing-link { bottom:99px; }
.home-motion-playing .home-service-nav { bottom:96px; }
.footer { padding-bottom:85px; }
@media(min-width:761px) {
  #works-grid .project-grid .project { grid-template-rows:subgrid; grid-row:span 8; }
  #works-grid .project-consult { align-self:start; font-size:12px; margin-bottom:15px; }
  #works-grid .project:nth-last-child(2):nth-child(even) { margin-bottom:70px; }
}
@media(max-width:1000px) {
  .scope-compare-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scope-compare-entry>header { grid-column:1/-1; }
}
@media(max-width:760px) {
  .quick-nav { left:12px; bottom:12px; max-width:calc(100% - 72px); }
  .quick-nav a { font-size:11px; padding:0 9px; gap:5px; }
  .quick-nav .lucide { width:15px; }
  .reasoning-path,.service-use-cases dl { grid-template-columns:1fr; gap:28px; }
  .reasoning-path h3 { margin-top:10px; }
  .reasoning-path p { font-size:14px; }
  .reasoning-path li>.lucide { transform:rotate(90deg); }
  .scope-compare-entry { gap:20px; }
  .works-story .reel-captions { bottom:144px; }
  .works-story .reel-bottom { bottom:86px; }
  .home-motion-playing .approach-story .approach-dialogue-caption { bottom:90px; }
  .home-motion-playing .approach-story .approach-world { bottom:302px; }
  .home-motion-playing .home-service-stage .pricing-link { bottom:141px; }
  .home-motion-playing .home-service-nav { bottom:85px; }
  .home-motion-playing .home-service-deck { inset:52% 22px 189px; }
  .home-motion-playing .home-service-world { bottom:44%; }
  .consultation-draft textarea { padding:12px; }
  .draft-actions :is(button,a) { font-size:12px; padding:10px 12px; }
}
@media(max-height:600px) and (min-width:761px) {
  .works-story .reel-captions { bottom:115px; }
  .works-story .reel-bottom { bottom:74px; }
  .home-motion-playing .approach-story .approach-dialogue-caption { bottom:80px; }
  .home-motion-playing .approach-story .approach-world { bottom:178px; }
  .home-motion-playing .home-service-stage .pricing-link { bottom:84px; }
  .home-motion-playing .home-service-nav { bottom:74px; }
}