/* Figma n8JGhKYs8zMfuhyR8SDESj / 10762:7124, 10771:6495 and 10771:6291.
   Keep the 1198 × 589 source proportions until the wider Figma grid is ready.
   Full-card PNG exports preserve the authored glass, strokes and vignettes. */
.slide .ats-slide-title { font-size: 50px; text-align: center; }
.slide .product-bento.ats-bento {
  --ats-surface: var(--night);
  display: block;
  width: 982.36px;
  height: 482.98px;
  margin: 28px auto 0;
}
.ats-bento-grid { display: grid; width: 1198px; height: 589px; grid-template-columns: 399px 783px; gap: 16px; transform: scale(.82); transform-origin: top left; }
.ats-bento-features { display: grid; min-width: 0; grid-template-rows: 286.5px 286.5px; gap: 16px; }
.ats-bento-row { display: grid; min-width: 0; gap: 16px; }
.ats-bento-row--top { grid-template-columns: 384.5px 382.5px; }
.ats-bento-row--bottom { grid-template-columns: 249.6667px repeat(2, minmax(0, 1fr)); }
.ats-bento .ats-card { min-width: 0; height: 100%; padding: 24px; border: 0; border-radius: 20px; background: linear-gradient(180deg, #ffffff26, #ffffff00); isolation: isolate; }
.ats-bento .ats-card-copy { position: relative; min-height: 48px; }
.ats-bento .ats-card-copy h4 { margin: 0; color: #fff; font-size: 19px; font-weight: 500; line-height: 24px; letter-spacing: -.01em; text-wrap: pretty; }
.ats-bento .ats-card-copy p { margin: 2px 0 0; color: #ffffff99; font-size: 13px; line-height: 17px; letter-spacing: -.01em; }
/* The export includes the complete card, including its own rounded edges.
   Keep live semantic copy behind it for accessibility and image-load fallback. */
.ats-bento .ats-card--raster { border-radius: 0; background: none; }
.ats-card--candidates { --ats-png-width: 399; --ats-png-height: 589; }
.ats-card--search { --ats-png-width: 385; --ats-png-height: 287; }
.ats-card--multi { --ats-png-width: 383; --ats-png-height: 286; }
.ats-card--communication { --ats-png-width: 251; --ats-png-height: 286; }
.ats-card--collaboration { --ats-png-width: 251; --ats-png-height: 287; }
.ats-card--careers { --ats-png-width: 251; --ats-png-height: 287; }
.ats-raster-frame { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.ats-raster-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* Only the live viewer reflows; printing retains the full desktop card PNGs.
   Mobile shows the illustration portion, followed by readable live captions.
   Cropping stops above the exported captions and never distorts the artwork. */
@media screen and (max-width: 900px), screen and (max-height: 600px) and (pointer: coarse) {
  .presentation-viewer .slide .ats-slide-title { font-size: clamp(27px, 6.75vw, 40px) !important; }
  .presentation-viewer .slide .product-bento.ats-bento { width: 100%; height: auto; margin: 0; }
  .presentation-viewer .ats-bento-grid { width: 100%; height: auto; grid-template-columns: minmax(0, 1fr); gap: 16px; transform: none; }
  .presentation-viewer .ats-bento-features,
  .presentation-viewer .ats-bento-row { display: contents; }
  .presentation-viewer .slide .ats-bento .ats-card { height: auto; min-height: 0; padding: 22px; }
  .presentation-viewer .slide .ats-card-copy { min-height: 0; }
  .presentation-viewer .slide .ats-card-copy h4 { margin: 0; font-size: 18px; line-height: 24px; }
  .presentation-viewer .slide .ats-card-copy p { margin-top: 4px; font-size: 14px; line-height: 20px; }
  .presentation-viewer .slide .ats-bento .ats-card--candidates,
  .presentation-viewer .slide .ats-bento .ats-card--careers { min-height: 176px; justify-content: space-between; gap: 22px; }
  .presentation-viewer .slide .ats-bento .ats-card--raster { padding: 0; justify-content: flex-start; background: #0a1823; border-radius: 0 0 20px 20px; }
  .presentation-viewer .ats-raster-frame { --ats-art-crop: 208; position: relative; inset: auto; width: 100%; aspect-ratio: var(--ats-png-width) / var(--ats-art-crop); flex: none; overflow: hidden; }
  .presentation-viewer .ats-raster-frame img { position: absolute; inset: 0; width: 100%; height: calc(100% * var(--ats-png-height) / var(--ats-art-crop)); }
  .presentation-viewer .ats-raster-frame::after { position: absolute; right: 0; bottom: 0; left: 0; height: 20px; background: linear-gradient(180deg, #0a182300, #0a1823); content: ''; }
  .presentation-viewer .slide .ats-card--raster .ats-card-copy { padding: 12px 22px 22px; margin-top: auto; }
}
@media screen and (min-width: 600px) and (max-width: 900px), screen and (min-width: 600px) and (max-height: 600px) and (pointer: coarse) {
  .presentation-viewer .ats-bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}