.illustrated-cockpit .section-head{margin-bottom:56px}
.industrial-story{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-areas:'copy scene';align-items:center;gap:clamp(28px,4vw,64px);padding:24px 0 60px}
.industrial-story+.industrial-story{margin-top:40px;padding-bottom:12px}
.story-spindle{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:'scene copy'}
.story-copy{grid-area:copy;min-width:0}
.story-copy .eyebrow{font-size:13px;line-height:1.7;letter-spacing:.12em;color:#93c5fd}
.story-copy h3{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:20px 0 24px;font-weight:500}
.story-copy h3 span{color:#b4c6e0}
.story-copy>p{font-size:16px;line-height:1.85;color:#b9c9dd;margin:0 0 18px}
.story-copy strong{font-weight:500;color:#e4edf8}
.story-indicators{display:grid;gap:21px;margin:30px 0 0}
.story-indicators>div{display:grid;grid-template-columns:25px 1fr;column-gap:14px;row-gap:5px}
.story-indicators svg{width:25px;height:25px;grid-row:1/3;color:#93c5fd}
.story-indicators dt{font-size:16px;font-weight:600;color:#e8effa}
.story-indicators dd{margin:0;font-size:14px;line-height:1.65;color:#afc1d9}
.industrial-figure{grid-area:scene;min-width:0;margin:0}
.industrial-scene{position:relative;isolation:isolate}
.industrial-scene>img{width:100%;height:auto;display:block;mask-image:radial-gradient(ellipse 78% 78% at 50% 49%,#000 40%,#000 62%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 49%,#000 40%,#000 62%,transparent 85%)}
.industrial-figure figcaption{font-size:13px;line-height:1.6;color:#a0b5d0;padding:15px 14px 0;max-width:560px;margin:auto}
.story-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#a4c5e9;overflow:visible}
.story-leaders>g{fill:none;stroke:currentColor;stroke-width:.22;stroke-linecap:round;stroke-linejoin:round}
.spindle-leaders{color:#d4b77e}
.story-leaders .part-targets{stroke-width:.18;stroke-dasharray:.5 .5;fill:#e6b85a08}
.scene-label{position:absolute;display:flex;align-items:center;gap:9px;background:rgba(18,32,52,.8);border:1px solid #91b1d138;border-radius:6px;padding:9px 11px;color:#acc5e3;font-size:12px;line-height:1.45;box-shadow:none}
.scene-label>svg{width:22px;height:22px;color:#a9cefa;flex:none}
.scene-label b{display:block;color:#e6eef9;font-size:14px;font-weight:500}
.scene-number{display:grid;place-items:center;width:24px;height:24px;border:1px solid #bba27480;border-radius:50%;color:#e0c99b;font-size:12px;flex:none}
.process-trs{left:3%;top:9%}.process-cycle{right:1%;top:7%}.process-stops{right:2%;bottom:9%}
.spindle-bearing{left:1%;top:8%}.spindle-shaft{right:0;top:11%}.spindle-tool{left:3%;bottom:7%}
@media(max-width:1050px){.industrial-story,.story-spindle{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scene-label{padding:7px;gap:6px}.scene-label b{font-size:13px}.scene-label>svg{width:19px;height:19px}}
@media(max-width:800px){.industrial-story,.story-spindle{grid-template-columns:1fr;grid-template-areas:'copy' 'scene';gap:28px;padding-bottom:20px}.industrial-story+.industrial-story{margin-top:60px}.illustrated-cockpit .section-head{margin-bottom:30px}.story-copy h3{font-size:32px}.industrial-figure{width:100%;max-width:680px;justify-self:center}.story-indicators{gap:18px}.scene-label b{font-size:13px}.industrial-figure figcaption{padding-inline:0}}
@media(max-width:400px){.scene-label{padding:5px;gap:5px;font-size:12px}.scene-label>svg,.scene-number{width:18px;height:18px}.scene-label b{font-size:12px}.process-cycle{right:0}.spindle-shaft{right:-1%}.story-copy .eyebrow{font-size:12px}}

/* Visible H2/H3 hierarchy beneath the technology experience. */
.illustrated-cockpit .section-head{margin-bottom:70px;perspective:1100px;}
.illustrated-cockpit .section-head h2{font-size:clamp(36px,3.5vw,50px);line-height:1.13;letter-spacing:-.035em;transform-origin:left center;}
.illustrated-cockpit .story-copy h3{font-size:clamp(25px,2.2vw,32px);line-height:1.25;letter-spacing:-.02em;margin:16px 0 24px;}
.illustrated-cockpit .story-copy .eyebrow{font-size:12px;letter-spacing:.1em;}
@media(max-width:800px){.illustrated-cockpit .section-head{margin-bottom:48px;}.illustrated-cockpit .section-head h2{font-size:36px;}.illustrated-cockpit .story-copy h3{font-size:27px;}}
@media(prefers-reduced-motion:reduce){#illustrated-title{transform:none!important;opacity:1!important;}}


/* Local wall/floor grid surrounds the object, never the full text column. */
.illustrated-cockpit .industrial-figure{position:relative;isolation:isolate;align-self:center;}
.illustrated-cockpit .industrial-scene{position:relative;width:100%;isolation:isolate;}
.illustrated-cockpit .industrial-scene>.story-grid{inset:-5% -7% -5%;z-index:0;}
.illustrated-cockpit .story-spindle .industrial-scene>.story-grid{inset:-5% -7% -5%;}
.illustrated-cockpit .story-grid::before,.illustrated-cockpit .story-grid::after{background-size:54px 54px;}
.illustrated-cockpit .story-grid::before{inset:0 0 31%;}
.illustrated-cockpit .story-grid::after{top:69%;}
.illustrated-cockpit .industrial-scene>img{position:relative;z-index:1;mask-image:none;-webkit-mask-image:none;}
.illustrated-cockpit .story-leaders{z-index:2;}
.illustrated-cockpit .scene-label{z-index:3;}
.illustrated-cockpit .industrial-figure figcaption{position:relative;margin-inline:auto;margin-block:0;}
@media(max-width:800px){.illustrated-cockpit .industrial-scene>.story-grid{left:0;right:0;}}

/* Include callout labels while keeping the grid local to the image canvas. */
.illustrated-cockpit .story-spindle .story-grid::before{bottom:35%;}
.illustrated-cockpit .story-spindle .story-grid::after{top:65%;}

/* Match the deployment reading pattern: image at column start, held during reading. */
@media(min-width:801px){
  .illustrated-cockpit .industrial-story{align-items:start;}
  .illustrated-cockpit .industrial-figure{
    position:sticky;
    top:calc(var(--anchor-header-height,94px) + var(--anchor-gap,28px));
    align-self:start;
  }
  .illustrated-cockpit .industrial-figure.story-figure-too-tall{position:relative;top:auto;}
}
.footer-socials{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.footer-socials a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#b4c6e0;font-size:14px;transition:color .2s;}
.footer-socials a:hover{color:#fff;}
.footer-socials svg{width:23px;height:23px;flex:none;}

/* Cutting tool is distinct from its holder. */
.spindle-cutting-tool{left:0;top:29%;}