/* DC3D manufacturing: graphite panels, clear project records and real workshop imagery. */
body.industrial-design {
  --ink: #10181e;
  --navy: #18252e;
  --deep: #0b1217;
  --cyan: #36d5e8;
  --paper: #c9d5dc;
  --steel-rule: #344754;
  --steel-muted: #96aab6;
  background: var(--ink);
  color: var(--paper);
}

body.industrial-design ::selection { background: var(--cyan); color: #10181e; }
body.industrial-design .section-pad { padding-top: 100px; padding-bottom: 100px; }
body.industrial-design .eyebrow,
body.industrial-design .eyebrow.dark { color: var(--cyan); font-family: Consolas, ui-monospace, monospace; font-size: 11px; letter-spacing: .075em; line-height: 1.6; }
body.industrial-design h2,
body.industrial-design h3 { color: #f1f5f7; }
body.industrial-design h2 em { color: #c9d5dc; }
body.industrial-design :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
body.industrial-design .text-link { color: var(--cyan); border-color: #6a8b9b; }
body.industrial-design .button { border-radius: 0; font-family: Consolas, ui-monospace, monospace; font-size: 12px; letter-spacing: .01em; }
body.industrial-design .button-cyan { color: #0b1b23; background: var(--cyan); border: 1px solid var(--cyan); }
body.industrial-design .button-cyan:hover { color: #0b1b23; background: #a2eff5; border-color: #a2eff5; }

/* Navigation and the film keep the manufacturer's work at the front. */
body.industrial-design .site-header { height: 98px; background: #0d171dd9; border-bottom: 1px solid #536a7859; }
body.industrial-design .site-header.scrolled { height: 82px; background: #10181ef5; border-bottom-color: var(--steel-rule); }
body.industrial-design .wordmark span { color: #d4e0e6; font-family: Consolas, ui-monospace, monospace; line-height: 1.5; }
body.industrial-design .site-header nav { gap: 30px; }
body.industrial-design .site-header nav a { font-family: Consolas, ui-monospace, monospace; font-size: 12px; letter-spacing: .015em; }
body.industrial-design .site-header nav a > span { color: #8da5b3; }
body.industrial-design .site-header nav .nav-cta { border-color: #6c8b9b; background: #18252e8c; padding: 15px 19px; border-radius: 0; }
body.industrial-design .site-header nav .nav-cta:hover { background: var(--cyan); border-color: var(--cyan); color: #0b1b23; }
body.industrial-design .hero { min-height: 890px; padding-top: 145px; gap: 32px; background: transparent; }
body.industrial-design .hero-shade { background: linear-gradient(90deg, #091117ec 0%, #0a131bc7 47%, #08131b30 100%), linear-gradient(0deg, #091117ed 0%, transparent 49%, #09111770 100%); }
body.industrial-design .hero-topline { padding-bottom: 17px; border-bottom: 1px solid #8296a355; }
body.industrial-design .hero-topline > span:last-child { color: #bdccd5; font-family: Consolas, ui-monospace, monospace; font-size: 10px; }
body.industrial-design .hero-copy { max-width: 1120px; margin: 45px 0 55px; }
body.industrial-design .hero h1 { font-size: clamp(46px, 4.3vw, 68px); line-height: 1.13; letter-spacing: -.045em; font-weight: 650; color: #f1f5f7; }
body.industrial-design .hero h1 em { color: #c9d5dc; font-size: inherit; }
body.industrial-design .hero-description { align-items: flex-start; gap: 38px; max-width: 900px; margin-top: 30px; }
body.industrial-design .hero-description p { max-width: 650px; color: #d1dce3; font-size: 15px; line-height: 1.85; }
body.industrial-design .circle-link { width: 166px; height: auto; min-height: 76px; flex-shrink: 0; border-radius: 0; border: 1px solid #7893a3; padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #192b35a6; }
body.industrial-design .circle-link span { font-family: Consolas, ui-monospace, monospace; font-size: 10px; line-height: 1.5; letter-spacing: .045em; }
body.industrial-design .circle-link b { font-size: 25px; }
body.industrial-design .circle-link:hover { color: #0b1b23; background: var(--cyan); border-color: var(--cyan); }
body.industrial-design .hero-bottom { border-top: 1px solid #8296a355; padding-top: 24px; grid-template-columns: .85fr 1.35fr auto; align-items: end; gap: 30px; }
body.industrial-design .scene-caption > span,
body.industrial-design .scene-index,
body.industrial-design .motion-toggle { font-family: Consolas, ui-monospace, monospace; color: #b6c9d3; font-size: 10px; letter-spacing: .025em; }
body.industrial-design .scene-caption button { color: #f0f5f7; font-size: 14px; }
body.industrial-design .scene-tabs { gap: 5px; }
body.industrial-design .scene-tabs button { height: 65px; border-radius: 0; border-color: #617787; }
body.industrial-design .scene-tabs button.active { border-color: var(--cyan); box-shadow: inset 0 -3px var(--cyan); }
body.industrial-design .scene-tabs button span { font-family: Consolas, ui-monospace, monospace; font-size: 10px; }
body.industrial-design .motion-toggle { position: static; border: 1px solid #617787; border-radius: 0; padding: 13px; background: #101e27cc; line-height: 1.5; }
body.industrial-design .discipline-strip { background: #18252e; color: #a6bac5; border-top: 1px solid var(--steel-rule); border-bottom: 1px solid var(--steel-rule); min-height: 60px; gap: 27px; }
body.industrial-design .discipline-strip span { font-family: Consolas, ui-monospace, monospace; font-size: 11px; letter-spacing: .045em; }
body.industrial-design .discipline-strip i { color: var(--cyan); font-size: 15px; }

/* An aligned project catalogue. Records describe what is actually pictured. */
body.industrial-design .work { color: var(--paper); background: #10181e; border-bottom: 1px solid var(--steel-rule); }
body.industrial-design .work-intro { grid-template-columns: .65fr 2.35fr; gap: 20px 45px; margin-bottom: 45px; }
body.industrial-design .work-intro > .eyebrow { border-top: 1px solid var(--steel-rule); padding-top: 14px; }
body.industrial-design .work-intro h2 { font-size: clamp(32px, 3.1vw, 49px); line-height: 1.2; }
body.industrial-design .work-intro-note { grid-column: 2; align-items: flex-start; gap: 20px; }
body.industrial-design .work-intro-note p { max-width: 770px; color: #aebfc9; font-size: 14px; line-height: 1.85; }
body.industrial-design .small-cross { color: var(--cyan); }
body.industrial-design .project-toolbar { border-top: 1px solid var(--steel-rule); border-bottom: 1px solid var(--steel-rule); padding: 12px 0; margin-bottom: 28px; gap: 20px; }
body.industrial-design .project-filters { gap: 5px; flex-wrap: wrap; }
body.industrial-design .project-filters button { border: 1px solid #3b505e; border-radius: 0; padding: 12px 17px; color: #bdcdd6; background: #15212a; font-family: Consolas, ui-monospace, monospace; font-size: 11px; }
body.industrial-design .project-filters button.active,
body.industrial-design .project-filters button[aria-pressed="true"] { color: #f3fafb; border-color: #587b8d; background: #1f3441; box-shadow: inset 0 -3px var(--cyan); }
body.industrial-design .project-filters button:hover { color: #f3fafb; border-color: var(--cyan); background: #1f3441; }
body.industrial-design #filter-status { color: #9cb3c0; font-family: Consolas, ui-monospace, monospace; font-size: 11px; white-space: nowrap; }
body.industrial-design .project-gallery,
body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
body.industrial-design .project-gallery .project-card,
body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) .project-card { grid-column: span 6; display: flex; flex-direction: column; gap: 0; width: 100%; min-width: 0; margin: 0; padding: 0; border: 1px solid var(--steel-rule); border-radius: 0; background: #18252e; color: var(--paper); text-align: left; overflow: hidden; }
body.industrial-design .project-gallery .project-photo,
body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) .project-photo { width: 100%; height: clamp(300px, 30vw, 440px); min-height: 0; flex: none; margin: 0; border-bottom: 1px solid var(--steel-rule); background: #0b1217; }
body.industrial-design .project-gallery .project-photo img { object-fit: cover; object-position: 50% 50%; filter: none; opacity: 1; }
body.industrial-design .project-gallery .project-covers .project-photo img { object-position: 50% 62%; }
body.industrial-design .project-gallery .project-enclosures .project-photo img { object-position: 48% 50%; }
body.industrial-design .project-gallery .project-lead .project-photo img { object-position: 50% 40%; }
body.industrial-design .project-shade { background: linear-gradient(180deg, #05111b66 0%, transparent 25%, transparent 100%); }
body.industrial-design .project-number { left: 19px; top: 20px; bottom: auto; color: white; font-family: Consolas, ui-monospace, monospace; font-size: 9px; letter-spacing: .035em; text-shadow: 0 1px 4px #000; }
body.industrial-design .project-open { width: 38px; height: 38px; top: 15px; right: 15px; border: 1px solid #b6d1de8c; border-radius: 0; color: #f4f8fa; background: #0a1c28b5; font-size: 24px; }
body.industrial-design .project-card:hover { border-color: #7294a5; }
body.industrial-design .project-card:hover .project-open { color: #081820; background: var(--cyan); transform: none; }
body.industrial-design .project-gallery .project-body { display: flex; flex: 1; flex-direction: column; align-items: stretch; padding: 24px 27px 27px; gap: 0; min-width: 0; }
body.industrial-design .project-record { display: grid; gap: 0; margin: 0 0 21px; padding: 0 0 16px; border-bottom: 1px solid var(--steel-rule); }
body.industrial-design .project-record > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; padding: 5px 0; }
body.industrial-design .project-record dt { color: #8fa9b8; font-family: Consolas, ui-monospace, monospace; font-size: 12px; line-height: 1.6; }
body.industrial-design .project-record dd { margin: 0; color: #c9d7df; font-family: Consolas, ui-monospace, monospace; font-size: 12px; line-height: 1.6; }
body.industrial-design .project-gallery .project-body > h3 { grid-column: auto; grid-row: auto; margin: 0 0 15px; font-family: Manrope, sans-serif; font-size: clamp(22px, 2.05vw, 29px); line-height: 1.35; font-weight: 650; letter-spacing: -.025em; color: #f1f5f7; }
body.industrial-design .project-gallery .project-body > p { grid-column: auto; grid-row: auto; margin: 0 0 25px; max-width: none; color: #b3c4ce; font-size: 14px; line-height: 1.85; }
body.industrial-design .project-gallery .project-body > .project-inspect { margin: auto 0 0; padding-top: 5px; justify-self: auto; align-self: flex-start; color: var(--cyan); border-bottom-color: #416778; font-family: Consolas, ui-monospace, monospace; font-size: 11px; line-height: 1.8; }
body.industrial-design .work-footer { border-top: 1px solid var(--steel-rule); margin-top: 35px; padding-top: 25px; }
body.industrial-design .work-footer p { color: #aebfc9; font-size: 13px; line-height: 1.8; }

/* Capabilities and sector notes share the same steel construction. */
body.industrial-design .capabilities { background: #18252e; grid-template-columns: 1fr 1.15fr; gap: 8%; border-bottom: 1px solid var(--steel-rule); }
body.industrial-design .capabilities h2,
body.industrial-design .industries h2,
body.industrial-design .approach h2 { font-size: clamp(31px, 3.05vw, 48px); line-height: 1.22; }
body.industrial-design .capabilities-intro > p { color: #b3c4ce; font-size: 14px; line-height: 1.9; }
body.industrial-design .capability-accordion { border-top: 1px solid #587080; }
body.industrial-design .capability-accordion details { border-bottom: 1px solid #455d6b; }
body.industrial-design .capability-accordion summary { padding: 25px 0; gap: 17px; }
body.industrial-design .capability-accordion summary > span { color: #92adbd; font-family: Consolas, ui-monospace, monospace; font-size: 11px; }
body.industrial-design .capability-accordion summary h3 { font-family: Consolas, ui-monospace, monospace; font-size: 17px; line-height: 1.5; letter-spacing: -.015em; font-weight: 500; color: #e0e9ed; }
body.industrial-design .capability-accordion summary b { width: 29px; height: 29px; border: 1px solid #526e80; display: grid; place-items: center; font-size: 20px; font-weight: 400; }
body.industrial-design .capability-accordion details[open] summary h3,
body.industrial-design .capability-accordion details[open] summary > span { color: var(--cyan); }
body.industrial-design .detail-copy p { color: #bbccd6; font-size: 14px; line-height: 1.85; }
body.industrial-design .detail-copy > span { color: #8eabbc; font-family: Consolas, ui-monospace, monospace; font-size: 9px; line-height: 1.8; letter-spacing: .025em; }
body.industrial-design .industries { color: var(--paper); background: #10181e; border-bottom: 1px solid var(--steel-rule); }
body.industrial-design .industry-heading { grid-template-columns: .65fr 1.65fr 1fr; gap: 30px; align-items: start; margin-bottom: 48px; }
body.industrial-design .industry-heading > p { color: #aebfc9; font-size: 13px; line-height: 1.9; }
body.industrial-design .industry-layout { grid-template-columns: .8fr 1.2fr; gap: 50px; }
body.industrial-design .industry-tabs { border-top: 1px solid var(--steel-rule); }
body.industrial-design .industry-tabs button { padding: 24px 15px 24px 0; border-bottom: 1px solid var(--steel-rule); border-radius: 0; color: #a7bdc9; font-family: Manrope, sans-serif; font-size: clamp(20px, 2vw, 28px); letter-spacing: -.025em; }
body.industrial-design .industry-tabs button > span { color: #8aa4b4; font-family: Consolas, ui-monospace, monospace; font-size: 10px; }
body.industrial-design .industry-tabs button > b { color: #69899b; }
body.industrial-design .industry-tabs button.active { padding-left: 15px; color: #f1f7f9; background: #1b2c37; box-shadow: inset 3px 0 var(--cyan); }
body.industrial-design .industry-tabs button:hover { background: #1b2c37; }
body.industrial-design .industry-tabs button.active > span,
body.industrial-design .industry-tabs button.active > b,
body.industrial-design .industry-tabs button:hover { color: var(--cyan); }
body.industrial-design .industry-panel { background: #18252e; border: 1px solid var(--steel-rule); padding: 0; }
body.industrial-design .industry-panel figure { margin: 0; border-bottom: 1px solid var(--steel-rule); }
body.industrial-design #industry-project-trigger { height: 290px; border-radius: 0; }
body.industrial-design #industry-project-trigger img { height: 290px; filter: none; }
body.industrial-design #industry-project-trigger > span { border-radius: 0; color: #f2f7fa; background: #0a1c28d9; border: 1px solid #89a5b5; }
body.industrial-design #industry-project-label { color: #c0d2dd; padding: 13px 24px; background: #13202a; font-family: Consolas, ui-monospace, monospace; font-size: 10px; }
body.industrial-design .industry-content { padding: 27px; }
body.industrial-design .panel-top { border-bottom: 1px solid var(--steel-rule); padding-bottom: 16px; }
body.industrial-design #industry-number { color: #93adbd; font-family: Consolas, ui-monospace, monospace; font-size: 10px; }
body.industrial-design .industry-content h3 { color: #edf3f7; font-size: 26px; line-height: 1.4; }
body.industrial-design .industry-content > p { color: #b5c7d2; font-size: 14px; line-height: 1.85; }
body.industrial-design .industry-content li { border-color: var(--steel-rule); color: #b7c9d3; font-size: 12px; }
body.industrial-design .industry-content li::before { color: var(--cyan); }
body.industrial-design .approach { background: #18252e; border-bottom: 1px solid #4a6272; }
body.industrial-design .approach-header { grid-template-columns: .65fr 1.65fr 1fr; gap: 30px; }
body.industrial-design .approach-header > p { color: #adbfca; font-size: 13px; line-height: 1.9; }
body.industrial-design .process-list { gap: 0; margin-top: 48px; border: 1px solid #455e6e; }
body.industrial-design .process-list li { padding: 25px 24px 29px; border: 0; border-right: 1px solid #455e6e; }
body.industrial-design .process-list li:last-child { border-right: 0; }
body.industrial-design .process-list li::before { display: none; }
body.industrial-design .process-list li > span { display: inline-block; color: var(--cyan); font-family: Consolas, ui-monospace, monospace; font-size: 12px; opacity: 1; margin-bottom: 29px; }
body.industrial-design .process-list h3 { font-size: 18px; line-height: 1.5; letter-spacing: -.025em; margin: 0 0 16px; }
body.industrial-design .process-list p { font-size: 13px; line-height: 1.9; color: #b0c2ce; }

/* A practical enquiry desk, rather than a full colour advertising panel. */
body.industrial-design .contact { background: #101b23; color: #c9d5dc; gap: 7%; }
body.industrial-design .contact-intro h2 { font-size: clamp(34px, 3.5vw, 54px); color: #f0f5f7; line-height: 1.2; }
body.industrial-design .contact-intro h2 em { color: #aebfc9; -webkit-text-stroke: 0; }
body.industrial-design .contact-intro > p { color: #b2c5d0; font-size: 14px; line-height: 1.9; }
body.industrial-design .contact-email { color: var(--cyan); border-bottom: 1px solid #496a7d; font-size: clamp(15px, 1.7vw, 23px); }
body.industrial-design .contact-details { color: #a8bfcc; }
body.industrial-design .contact-details a,
body.industrial-design .contact .text-link.light { color: #cadce7; }
body.industrial-design #project-form { padding: 28px; border: 1px solid #3d5768; background: #1a2a35; }
body.industrial-design .brief-types { gap: 7px; margin-bottom: 14px; }
body.industrial-design .brief-types button { border: 1px solid #577182; border-radius: 0; background: #15232d; color: #bfd2de; font-family: Consolas, ui-monospace, monospace; font-size: 11px; }
body.industrial-design .brief-types button.active,
body.industrial-design .brief-types button[aria-pressed="true"] { color: #f2f8fa; background: #2a4353; border-color: var(--cyan); box-shadow: inset 0 -2px var(--cyan); }
body.industrial-design .brief-types button:hover { border-color: var(--cyan); color: #f2f8fa; }
body.industrial-design #brief-type-status { color: #a6c1d0; }
body.industrial-design .form-topline { border-color: #4a6576; color: #adbfca; font-family: Consolas, ui-monospace, monospace; font-size: 9px; }
body.industrial-design .field label { color: #d5e2ea; font-size: 11px; }
body.industrial-design .field label > span { color: var(--cyan); }
body.industrial-design .field input,
body.industrial-design .field select,
body.industrial-design .field textarea { border: 1px solid #6e899b; border-radius: 0; color: #173040; background: #e0e8ec; font-size: 13px; padding: 13px; }
body.industrial-design .field input::placeholder,
body.industrial-design .field textarea::placeholder { color: #576c7a; opacity: 1; }
body.industrial-design .field select option { color: #173040; background: #e0e8ec; }
body.industrial-design .field input:focus,
body.industrial-design .field select:focus,
body.industrial-design .field textarea:focus { border-color: var(--cyan); background: #f0f5f7; }
body.industrial-design .form-note { color: #a5bdcc; font-size: 11px; line-height: 1.8; }
body.industrial-design .form-submit { color: #10232f; background: var(--cyan); border-color: var(--cyan); }
body.industrial-design .draft-actions { border-color: #445f71; }
body.industrial-design .draft-actions button { color: #c3d8e5; }
body.industrial-design #draft-status { color: #99becf; }
body.industrial-design .brief-result { border-color: #55778b; background: #11212d; color: #c9dce8; }
body.industrial-design .brief-result h3 { color: #eff8fc; }
body.industrial-design .brief-result pre { background: #e0e8ec; color: #173040; border-color: #7a93a2; }
body.industrial-design footer { background: #082338; border-top: 1px solid #32546c; }
body.industrial-design .footer-big-wordmark { color: #f0f5f8; }
body.industrial-design .footer-big-wordmark span { color: var(--cyan); }
body.industrial-design .footer-top > div p,
body.industrial-design .footer-bottom { color: #a4bdce; font-family: Consolas, ui-monospace, monospace; }
body.industrial-design .footer-bottom { border-color: #36566c; font-size: 10px; }
body.industrial-design .project-lightbox { background: #10181e; border-color: #496777; }
body.industrial-design .lightbox-info h2 { color: #f0f5f8; }
body.industrial-design .lightbox-info p { color: #b8cbd7; }
body.industrial-design #privacy-dialog h2 { color: #142d3d; }
body.industrial-design #privacy-dialog .eyebrow { color: #215c75; }

@media (max-width: 1100px) {
  body.industrial-design .hero { min-height: 880px; }
  body.industrial-design .hero-bottom { grid-template-columns: .9fr 1.4fr; gap: 25px; }
  body.industrial-design .motion-toggle { grid-column: 2; justify-self: end; }
  body.industrial-design .industry-heading,
  body.industrial-design .approach-header { grid-template-columns: .65fr 2.35fr; }
  body.industrial-design .industry-heading > p,
  body.industrial-design .approach-header > p { grid-column: 2; max-width: 700px; }
  body.industrial-design .industry-layout { gap: 30px; }
  body.industrial-design .project-gallery .project-body { padding: 22px; }
  body.industrial-design .process-list { grid-template-columns: 1fr 1fr; }
  body.industrial-design .process-list li { border-bottom: 1px solid #455e6e; }
  body.industrial-design .process-list li:nth-child(2) { border-right: 0; }
  body.industrial-design .process-list li:nth-child(n+3) { border-bottom: 0; }
  body.industrial-design #project-form { padding: 23px; }
}

@media (max-width: 900px) {
  body.industrial-design .site-header nav { background: #101c25; border-color: #405c6e; }
  body.industrial-design .section-pad { padding-top: 75px; padding-bottom: 75px; }
  body.industrial-design .hero { min-height: 910px; }
  body.industrial-design .hero h1 { font-size: clamp(42px, 6vw, 57px); }
  body.industrial-design .hero-copy { margin: 40px 0; }
  body.industrial-design .hero-description { max-width: 780px; gap: 25px; }
  body.industrial-design .capabilities { grid-template-columns: 1fr; gap: 45px; }
  body.industrial-design .capabilities-intro > p { max-width: 700px; }
  body.industrial-design .contact { grid-template-columns: 1fr; gap: 42px; }
  body.industrial-design .contact-intro > p { max-width: 660px; }
  body.industrial-design .contact-intro h2 br { display: none; }
  body.industrial-design .industry-layout { grid-template-columns: 1fr 1.35fr; gap: 25px; }
  body.industrial-design .industry-tabs button { font-size: 20px; }
  body.industrial-design .industry-content { padding: 23px; }
  body.industrial-design .industry-content h3 { font-size: 23px; }
  body.industrial-design .project-record > div { grid-template-columns: 80px minmax(0, 1fr); gap: 9px; }
  body.industrial-design .project-record dt,
  body.industrial-design .project-record dd { font-size: 11px; }
  body.industrial-design .project-gallery .project-body > h3 { font-size: 23px; }
  body.industrial-design .project-gallery .project-body > p { font-size: 13px; }
}

@media (max-width: 680px) {
  body.industrial-design .site-header { height: 82px; }
  body.industrial-design .site-header.scrolled { height: 74px; }
  body.industrial-design .wordmark img { width: 66px; height: 66px; }
  body.industrial-design .wordmark span { font-size: 8px; }
  body.industrial-design .hero { min-height: 1010px; padding-top: 115px; gap: 25px; }
  body.industrial-design .hero-topline { align-items: flex-start; gap: 12px; }
  body.industrial-design .hero-topline .eyebrow { max-width: 230px; font-size: 9px; }
  body.industrial-design .hero-topline > span:last-child { font-size: 8px; max-width: 90px; text-align: right; line-height: 1.7; }
  body.industrial-design .hero-copy { margin: 20px 0 25px; }
  body.industrial-design .hero h1 { font-size: clamp(35px, 8.6vw, 47px); line-height: 1.17; letter-spacing: -.045em; }
  body.industrial-design .hero-description { display: flex; flex-direction: column; gap: 24px; margin-top: 25px; }
  body.industrial-design .hero-description p { font-size: 13px; line-height: 1.85; }
  body.industrial-design .circle-link { width: 177px; min-height: 60px; padding: 12px 15px; }
  body.industrial-design .circle-link span br { display: none; }
  body.industrial-design .hero-bottom { grid-template-columns: 1fr; gap: 23px; align-items: start; }
  body.industrial-design .scene-controls { width: 100%; }
  body.industrial-design .motion-toggle { grid-column: auto; justify-self: start; padding: 10px 14px; font-size: 9px; }
  body.industrial-design .scene-index { font-size: 8px; }
  body.industrial-design .scene-tabs { gap: 5px; }
  body.industrial-design .scene-tabs button { min-width: 0; height: 64px; }
  body.industrial-design .scene-tabs button span { font-size: 9px; line-height: 1.5; }
  body.industrial-design .discipline-strip { min-height: 53px; gap: 20px; }
  body.industrial-design .discipline-strip span { font-size: 10px; }
  body.industrial-design .section-pad { padding-top: 62px; padding-bottom: 62px; }
  body.industrial-design .work-intro,
  body.industrial-design .industry-heading,
  body.industrial-design .approach-header { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
  body.industrial-design .work-intro-note,
  body.industrial-design .industry-heading > p,
  body.industrial-design .approach-header > p { grid-column: 1; }
  body.industrial-design .work-intro > .eyebrow { max-width: 100%; }
  body.industrial-design .work-intro h2,
  body.industrial-design .capabilities h2,
  body.industrial-design .industries h2,
  body.industrial-design .approach h2 { font-size: 31px; line-height: 1.25; }
  body.industrial-design .work-intro-note p { font-size: 13px; }
  body.industrial-design .project-toolbar { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 22px; padding: 15px 0; }
  body.industrial-design .project-filters { display: flex; flex-wrap: wrap; width: 100%; gap: 5px; }
  body.industrial-design .project-filters button { flex: 0 0 auto; padding: 11px 13px; font-size: 10px; }
  body.industrial-design .project-gallery,
  body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 23px; }
  body.industrial-design .project-gallery .project-card,
  body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) .project-card { grid-column: 1; display: flex; width: 100%; margin: 0; }
  body.industrial-design .project-gallery .project-photo,
  body.industrial-design.descriptive-copy .project-gallery:has(.project-card[hidden]) .project-photo { height: clamp(275px, 80vw, 440px); min-height: 0; }
  body.industrial-design .project-gallery .project-body { display: flex; padding: 22px; }
  body.industrial-design .project-gallery .project-body > h3 { font-size: 24px; line-height: 1.35; }
  body.industrial-design .project-gallery .project-body > p { font-size: 13px; line-height: 1.9; margin-bottom: 22px; }
  body.industrial-design .project-record > div { grid-template-columns: 84px minmax(0, 1fr); gap: 14px; }
  body.industrial-design .project-record dt,
  body.industrial-design .project-record dd { font-size: 12px; }
  body.industrial-design .work-footer { align-items: flex-start; gap: 22px; }
  body.industrial-design .capability-accordion summary { gap: 13px; padding: 23px 0; }
  body.industrial-design .capability-accordion summary h3 { font-size: 15px; }
  body.industrial-design .detail-copy { padding-left: 0; }
  body.industrial-design .detail-copy p { font-size: 13px; }
  body.industrial-design .industry-layout { display: grid; grid-template-columns: 1fr; gap: 28px; }
  body.industrial-design .industry-tabs { display: grid; grid-template-columns: 1fr; gap: 0; overflow: visible; border-left: 0; }
  body.industrial-design .industry-tabs button { min-width: 0; width: 100%; text-align: left; padding: 17px 12px 17px 0; font-size: 19px; border-right: 0; }
  body.industrial-design .industry-tabs button.active { padding-left: 12px; }
  body.industrial-design #industry-project-trigger,
  body.industrial-design #industry-project-trigger img { height: 260px; }
  body.industrial-design .industry-content { padding: 22px; }
  body.industrial-design .industry-content h3 { font-size: 24px; }
  body.industrial-design .process-list { grid-template-columns: 1fr; margin-top: 30px; }
  body.industrial-design .process-list li { display: block; padding: 23px; border: 0; border-bottom: 1px solid #455e6e; }
  body.industrial-design .process-list li:nth-child(n+3) { border-bottom: 1px solid #455e6e; }
  body.industrial-design .process-list li:last-child { border-bottom: 0; }
  body.industrial-design .process-list li > span { margin-bottom: 18px; }
  body.industrial-design .process-list h3 { font-size: 19px; }
  body.industrial-design .process-list p { font-size: 13px; }
  body.industrial-design .contact-intro h2 { font-size: 35px; line-height: 1.22; }
  body.industrial-design .contact-intro > p { font-size: 13px; }
  body.industrial-design .contact-email { font-size: 16px; }
  body.industrial-design #project-form { padding: 21px; }
  body.industrial-design .form-grid { grid-template-columns: minmax(0, 1fr); }
  body.industrial-design .field.full { grid-column: 1; }
  body.industrial-design .brief-types { grid-template-columns: 1fr 1fr; }
  body.industrial-design .brief-types button { font-size: 10px; padding: 13px 7px; }
  body.industrial-design .form-topline { gap: 14px; line-height: 1.7; }
  body.industrial-design .draft-actions { gap: 13px; }
  body.industrial-design .draft-actions button { font-size: 10px; }
  body.industrial-design .footer-top > div p { font-size: 10px; }
}