/* EFG 042: aerial and walkthrough players, the Twizzler axonometric, and the enquiry send step. */
[data-sector="industrial"]{--accent:#6e695c;--accent-text:#fff;--accent-surface:#e7e4dc}
.mk.bar{clip-path:inset(28% 0)}

/* Segmented choices: one pressed state, large touch targets */
.segs{display:inline-flex;flex-wrap:wrap;border:1px solid var(--rule-ink-strong)}
.segs button{min-height:var(--target);padding:8px 16px;border:0;border-left:1px solid var(--rule-ink-strong);background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-small);cursor:pointer}
.segs button:first-child{border-left:0}
.segs button:hover{background:rgba(31,33,29,.06)}
.segs button[aria-pressed="true"]{background:var(--ink);color:var(--bone)}
.segs button:focus-visible{outline:3px solid var(--focus-on-light);outline-offset:2px;position:relative;z-index:1}

/* Poster-first player */
.aer{margin:0}
.aer-stage{position:relative;aspect-ratio:16/9;background:#141512;overflow:hidden}
.aer-video{display:block;width:100%;height:100%;object-fit:cover;background:#141512}
.aer-play{position:absolute;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:10px 20px 10px 14px;border:0;background:var(--bone);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.28)}
.aer-play:hover{background:#fff}
.aer-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.aer-play-i{width:0;height:0;border-left:14px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent}
.aer-play-t{font-weight:400;color:var(--ink-2)}
.aer[data-playing] .aer-play{display:none}
.aer-ctl{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:var(--sp-4)}
.aer figcaption{margin-top:var(--sp-3);padding-top:8px;border-top:1px solid var(--rule-ink);font-size:var(--fs-small);color:var(--ink-2);max-width:72ch;text-wrap:pretty}
.aer figcaption b{color:var(--ink);margin-right:6px}
.aer-noscript{font-size:var(--fs-small)}

/* Twizzler: interactive exploded axonometric */
.twz-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-4) clamp(28px,5vw,80px);align-items:end;margin-bottom:var(--sp-6)}
.twz-head h2{margin:0}
.twz-head .lede{margin:0;max-width:56ch}
.twz3{margin:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,4fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage ctl" "stage key" "stage cap";gap:var(--sp-4) clamp(24px,4vw,56px);align-items:start}
.twz-stage{grid-area:stage;background:var(--paper);border:1px solid var(--rule-ink);padding:clamp(8px,1.5vw,20px)}
.twz-svg{display:block;width:100%;height:auto;max-height:min(68vh,640px);font-family:var(--sans)}
.twz-t{font-size:22px;fill:var(--ink-2)}
.twz-ctl{grid-area:ctl;display:grid;gap:var(--sp-4)}
.twz3:not(.is-live) .twz-ctl{display:none}
.twz-sep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.twz-end{min-height:var(--target);padding:8px 12px;border:1px solid var(--rule-ink-strong);background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-small);cursor:pointer}
.twz-end:hover{background:rgba(31,33,29,.06)}
.twz-sep input{width:100%;min-height:var(--target);accent-color:var(--ink);cursor:pointer}
.twz-row{display:grid;gap:12px}
.twz-key{grid-area:key;list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:var(--fs-small);color:var(--ink-2)}
.twz-key li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}
.twz-key b{display:block;color:var(--ink)}
.sw{width:18px;height:18px;margin-top:2px;border:1.5px solid}
.sw-a{background:#f4e3d9;border-color:#8a4628}
.sw-b{background:#e9ecdd;border-color:#4b5638}
.twz3 figcaption{grid-area:cap;padding-top:8px;border-top:1px solid var(--rule-ink);font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty}
.aer-walk{margin-top:var(--sp-7);display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:var(--sp-4) clamp(24px,4vw,56px);align-items:end}
.aer-walk figcaption{margin:0;border-top:0;padding:0 0 4px}
.aer-title{position:absolute;left:clamp(14px,2vw,24px);top:clamp(14px,2vw,22px);display:grid;gap:4px;color:var(--bone);font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;pointer-events:none}
.aer-title small{font-family:var(--sans);font-weight:400;font-size:var(--fs-small);color:#c9c5b8;letter-spacing:0}
.aer[data-playing] .aer-title{display:none}
@media (max-width:1040px){.aer-walk{grid-template-columns:minmax(0,640px)}.aer-walk figcaption{padding:0}}
@media (max-width:900px){
  .twz-head{grid-template-columns:1fr}
  .twz3{grid-template-columns:1fr;grid-template-areas:"stage" "ctl" "key" "cap"}
}
/* Short landscape phones: keep the drawing and its controls on one screen */
@media (max-height:500px) and (orientation:landscape){
  .twz3{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);grid-template-areas:"stage ctl" "stage key" "stage cap"}
  .twz-svg{max-height:82vh}
}

/* Enquiry send step */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.send-status{margin:0;font-size:var(--fs-small);color:var(--ink);max-width:62ch;padding-left:12px;border-left:3px solid var(--rule-ink-strong)}
.send[data-state="ready"] .send-status{border-left-color:var(--efg)}
.send[data-state="unavailable"] .send-status{border-left-color:var(--ink-3)}
.send[data-state="error"] .send-status{border-left-color:#b3261e}
.send[data-state="sending"] .send-status{border-left-color:var(--ink)}
.ts-box{min-height:65px}
.send-direct{margin:0;font-size:var(--fs-small);color:var(--ink-2)}
#send-btn[disabled]{opacity:.5;cursor:not-allowed}
.sent{max-width:760px;border:1px solid var(--ink);background:var(--field);padding:clamp(20px,3vw,32px)}
.sent h2{margin:0 0 var(--sp-3);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.125rem)}
.sent p{margin:0 0 var(--sp-3);max-width:60ch}
.sent b{font-variant-numeric:tabular-nums}
.sent:focus{outline:none}

@media (prefers-reduced-motion:reduce){.aer-play,.segs button{transition:none}}
/* Wide screens: a compact editorial player, choices and caption beside the picture */
@media (min-width:1100px){
  .aer-band .aer{display:grid;grid-template-columns:minmax(0,8fr) minmax(240px,3fr);grid-template-areas:"stage ctl" "stage cap";grid-template-rows:auto 1fr;column-gap:clamp(24px,3vw,48px)}
  .aer-band .aer-stage{grid-area:stage}
  .aer-band .aer-ctl{grid-area:ctl;margin-top:0;flex-direction:column;align-items:flex-start}
  .aer-band .aer figcaption{grid-area:cap;align-self:end;margin-top:var(--sp-4)}
}
.aer-walk figcaption{max-width:62ch}
.twz-head .lede,#inq-lede{text-wrap:pretty}

/* 043: enquiry collection notice, read before the Review button. */
.privacy-note{font-size:var(--fs-small);color:var(--ink-2);max-width:62ch;margin:0 0 var(--sp-4);text-wrap:pretty}
.privacy-note a{color:var(--ink)}
/* 043: the walkthrough poster is now a real frame (042 v2), so the overlay title made for the black frame is not
   drawn; the caption and the Play button carry the same words. */
.aer-walk .aer-title{display:none}