.industry-deck {
  --deck-width: clamp(370px, 32vw, 590px);
  position: relative;
  padding: 128px 0 120px;
  overflow: clip;
  background: #fff;
  color: #4b5054;
  scroll-margin-top: 86px;
}
.industry-deck-heading { display: grid; grid-template-columns: 1fr 0.78fr; gap: 64px; align-items: end; }
.industry-deck-heading .eyebrow { margin: 0 0 23px; }
.industry-deck-heading h2 { margin: 0; font-size: clamp(46px, 4.7vw, 72px); line-height: 1.03; font-weight: 400; letter-spacing: -0.052em; }
.industry-deck-intro { max-width: 510px; justify-self: end; }
.industry-deck-intro > p { margin: 0 0 27px; font-size: 17px; line-height: 1.55; color: #4b5054; }
.industry-deck-links { display: flex; gap: 25px; align-items: center; flex-wrap: wrap; }
.industry-deck-links .button { min-height: 52px; font-size: 15px; padding: 16px 24px; }
.industry-deck-all { display: inline-flex; gap: 14px; align-items: center; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.industry-deck-stage { position: relative; isolation: isolate; height: calc(var(--deck-width) * 1.18 + 100px); margin: 36px auto 12px; touch-action: pan-y pinch-zoom; user-select: none; -webkit-user-select: none; outline-offset: -7px; }
.industry-deck-card {
  position: absolute; left: 50%; top: 50%; width: var(--deck-width); height: calc(var(--deck-width) * 1.06);
  margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 12px;
  background: #f1f1ed; text-align: left; font: inherit; color: white; cursor: pointer;
  box-shadow: 0 28px 90px -18px rgb(42 45 102 / 22%);
  transform: perspective(1300px) translate(-50%, -50%) translateX(0) scale(1) rotateY(0);
  transition: transform 750ms cubic-bezier(.22,.68,.2,1), opacity 500ms ease, filter 650ms ease;
  will-change: transform; -webkit-tap-highlight-color: transparent;
}
.industry-deck-card img { display: block; width: 100%; height: auto; max-width: none; pointer-events: none; }
.industry-deck-stage[data-draggable="true"] { cursor: grab; }
.industry-deck-card { translate: calc(var(--deck-drag, 0px) + var(--deck-hover-x, 0px)) var(--deck-hover-y, 0px); scale: 1; transition: transform 750ms cubic-bezier(.22,.68,.2,1), translate 240ms ease-out, scale 240ms ease-out, box-shadow 240ms ease-out, opacity 500ms ease, filter 650ms ease; }
.industry-deck-stage.is-dragging, .industry-deck-stage.is-dragging .industry-deck-card { cursor: grabbing; }
.industry-deck-stage.is-dragging .industry-deck-card { transition: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .industry-deck-card.is-hovered:not([data-position="0"]):not([data-position="99"]) { scale: 1.025; box-shadow: 0 32px 95px -16px rgb(42 45 102 / 30%); }
}
.industry-deck-card[data-position="0"] { z-index: 5; opacity: 1; }
.industry-deck-card[data-position="-1"] { z-index: 3; transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * -.90)) perspective(1300px) scale(.81) rotateY(42deg); }
.industry-deck-card[data-position="1"] { z-index: 3; transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * .90)) perspective(1300px) scale(.81) rotateY(-42deg); }
.industry-deck-card[data-position="-2"] { z-index: 2; transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * -1.16)) perspective(1300px) scale(.68) rotateY(46deg); }
.industry-deck-card[data-position="2"] { z-index: 2; transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * 1.16)) perspective(1300px) scale(.68) rotateY(-46deg); }
.industry-deck-card[data-position="99"] { opacity: 0; pointer-events: none; transform: perspective(1300px) translate(-50%, -50%) scale(.65); z-index: -1; visibility: hidden; }
.industry-deck-card[hidden] { display: none; }
.industry-deck-caption { position: absolute; inset: auto 0 0; display: flex; align-items: end; justify-content: space-between; gap: 16px; padding: 76px 26px 25px; background: linear-gradient(transparent, rgb(10 15 20 / 83%)); }
.industry-deck-caption strong { display: block; font-size: clamp(21px, 2vw, 28px); font-weight: 400; line-height: 1.2; letter-spacing: -.025em; }
.industry-deck-caption small { display: block; font-size: 12px; margin-bottom: 7px; opacity: .9; }
.industry-deck-open { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 50%; background: white; color: #4b5054; font-size: 23px; }
.industry-deck-card:not([data-position="0"]) .industry-deck-caption { opacity: 0; }
.industry-deck-filters { display: flex; justify-content: safe center; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 auto; max-width: 1240px; }
.industry-deck-filters button { position: relative; flex: 0 0 auto; min-height: 44px; padding: 9px 16px; white-space: nowrap; border: 0; background: none; color: #4b5054; font: inherit; font-size: 15px; line-height: 1.3; cursor: pointer; transition: color 180ms ease; }
.industry-deck-filters button + button::before { content: ""; position: absolute; top: 11px; bottom: 11px; left: 0; width: 1px; background: #dedfe2; }
.industry-deck-filters button[aria-pressed="true"] { color: #4b5054; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.industry-deck-filters button:hover { color: #4b5054; }
.industry-deck-filters button[hidden] { display: none; }
.industry-deck-controls { display: flex; justify-content: center; gap: 13px; align-items: center; margin-top: 35px; }
.industry-deck-controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #d9dade; border-radius: 50%; color: #4b5054; background: white; font: inherit; cursor: pointer; font-size: 19px; }
.industry-deck-controls button:hover { border-color: #16191d; background: #f7f7f8; }
.industry-deck-controls button:disabled { opacity: .35; cursor: default; }
.industry-deck-controls p { margin: 0; min-width: 58px; text-align: center; font-size: 12px; font-variant-numeric: tabular-nums; color: #4b5054; }
.industry-deck-controls [data-deck-play] { margin-left: 9px; font-size: 15px; }
.industry-deck button:focus-visible, .industry-deck a:focus-visible, .industry-deck-stage:focus-visible { outline: 3px solid #4168dc; outline-offset: 5px; }
.industry-deck-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.industry-deck-dialog { width: min(960px, calc(100% - 32px)); max-height: 92dvh; padding: 0; border: 0; border-radius: 15px; background: #f9f9f7; color: #4b5054; overscroll-behavior: contain; }
.industry-deck-dialog[open] { display: flex; flex-direction: column; height: 92dvh; overflow: hidden; }
.industry-deck-dialog-head, .industry-deck-dialog-foot { flex: 0 0 auto; }
.industry-deck-dialog-image { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.industry-deck-dialog::backdrop { background: rgb(16 20 28 / 65%); backdrop-filter: blur(7px); }
.industry-deck-dialog-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 26px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.industry-deck-dialog-head h3 { margin: 5px 0 0; font-size: 23px; font-weight: 400; }
.industry-deck-dialog-head small { color: #4b5054; font-size: 12px; }
.industry-deck-dialog-head button { display: flex; align-items: center; gap: 12px; padding: 10px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.industry-deck-dialog-head button span { font-size: 25px; }
.industry-deck-dialog-image img { display: block; width: 100%; height: auto; }
.industry-deck-dialog-foot { padding: 24px; display: flex; justify-content: space-between; gap: 24px; align-items: center; background: white; }
.industry-deck-dialog-foot p { font-size: 15px; margin: 0; }
.industry-deck-dialog-actions { display: flex; gap: 12px; flex: 0 0 auto; align-items: center; }
.industry-deck-dialog-actions .button { padding: 15px 22px; font-size: 14px; white-space: nowrap; }
.industry-deck-dialog-actions [data-deck-full-link] { border: 1px solid #c8cbce; background: #fff; color: #4b5054; }
.industry-deck-dialog-actions [hidden] { display: none; }
html.industry-deck-modal-open { overflow: hidden; }
.industry-deck-card picture { display: block; }
.industry-deck-dialog.is-live-preview { width: min(1320px, calc(100% - 32px)); max-width: calc(100% - 32px); height: min(980px, 94dvh); max-height: 94dvh; overflow: hidden; }
.industry-deck-dialog.is-live-preview[open] { display: flex; flex-direction: column; }
.industry-deck-dialog-live { flex: 1; min-height: 0; background: #101010; }
.industry-deck-dialog-live[hidden], .industry-deck-dialog-image[hidden] { display: none; }
.industry-deck-dialog-live iframe { display: block; width: 100%; height: 100%; border: 0; background: #101010; }
.industry-deck-dialog.is-live-preview .industry-deck-dialog-head, .industry-deck-dialog.is-live-preview .industry-deck-dialog-foot { flex: 0 0 auto; }
@media (min-width: 1800px) { .industry-deck-stage { margin-top: 60px; } }
@media (max-width: 1000px) {
  .industry-deck-heading { gap: 35px; grid-template-columns: 1fr 1fr; }
  .industry-deck-links { gap: 17px; }
  .industry-deck { --deck-width: 360px; }
  .industry-deck-filters { justify-content: flex-start; }
  .industry-deck-filters button { padding-inline: 12px; font-size: 15px; }
}
@media (max-width: 700px) {
  .industry-deck { --deck-width: min(76vw, 370px); padding: 80px 0 76px; }
  .industry-deck-heading { display: block; }
  .industry-deck-heading .eyebrow { margin-bottom: 18px; }
  .industry-deck-heading h2 { font-size: clamp(42px, 10vw, 62px); }
  .industry-deck-intro { margin-top: 25px; max-width: 440px; }
  .industry-deck-intro > p { font-size: 16px; margin-bottom: 23px; }
  .industry-deck-links { gap: 20px; }
  .industry-deck-links .button { font-size: 14px; padding: 15px 20px; }
  .industry-deck-all { font-size: 14px; }
  .industry-deck-stage { height: calc(var(--deck-width) * 1.62 + 48px); margin: 30px 0 14px; }
  .industry-deck-card { height: calc(var(--deck-width) * 1.62); border-radius: 16px; box-shadow: 0 24px 65px -12px rgb(42 45 102 / 23%); }
  .industry-deck-card[data-position="-1"] { transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * -.94)) perspective(1300px) scale(.79) rotateY(15deg); filter: blur(2px); }
  .industry-deck-card[data-position="1"] { transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * .94)) perspective(1300px) scale(.79) rotateY(-15deg); filter: blur(2px); }
  .industry-deck-card[data-position="-2"] { transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * -1.54)) perspective(1300px) scale(.65) rotateY(20deg); }
  .industry-deck-card[data-position="2"] { transform: translate(-50%, -50%) translateX(calc(var(--deck-width) * 1.54)) perspective(1300px) scale(.65) rotateY(-20deg); }
  .industry-deck-caption { padding: 90px 20px 22px; }
  .industry-deck-caption strong { font-size: 24px; }
  .industry-deck-caption small { font-size: 12px; }
  .industry-deck-bottom.container { width: 100%; max-width: none; padding: 0; }
  .industry-deck-filters { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding: 0 20px 9px; scroll-padding-inline: 20px; overscroll-behavior-x: contain; }
  .industry-deck-filters::-webkit-scrollbar { display: none; }
  .industry-deck-filters button { padding: 11px 18px; font-size: 16px; }
  .industry-deck-filters button:first-child { padding-left: 0; }
  .industry-deck-controls { margin-top: 21px; }
  .industry-deck-dialog-head { padding: 14px 17px; }
  .industry-deck-dialog-foot { display: block; }
  .industry-deck-dialog-foot p { margin-bottom: 17px; }
  .industry-deck-dialog-actions { flex-direction: column; align-items: stretch; gap: 9px; }
  .industry-deck-dialog-actions .button { width: 100%; justify-content: center; }
  .industry-deck-dialog.is-live-preview { width: calc(100% - 16px); max-width: calc(100% - 16px); height: 96dvh; max-height: 96dvh; }
  .industry-deck-dialog.is-live-preview .industry-deck-dialog-foot { padding: 14px 17px; }
  .industry-deck-dialog.is-live-preview .industry-deck-dialog-foot p { display: none; }
  .industry-deck-dialog.is-live-preview .industry-deck-dialog-foot .button { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .industry-deck *, .industry-deck *::before { transition: none !important; scroll-behavior: auto !important; }
}
