/* ==========================================================================
   sections.css · main website homepage (dangerdan.at) only
   Brings over selected sections of the digital twin homepage (/3d):
   04 Industries, 07 Why qapture, Next step and the footer without the
   newsletter. 02 The path, 03 The cycle and 05 Spatial intelligence come as
   islands (code/app.css). Header, menu, banner and all other sections keep
   the main site's own design.
   ========================================================================== */

/* --- Homepage: brand headlines get a larger first line (bar: brand.css) -- */
body.qptr.page-home main :is(h1, h2).hl-2 > span:first-child {
  font-size: 1.28em;
  line-height: 1.04;
  letter-spacing: -.035em;
}
body.qptr.page-home .closing .closing__title { font-size: clamp(2.4rem, 5vw, 5rem); }

/* --- Industries: Mission critical as a full-width photo tile on top ------ */
body.qptr .tile--wide { grid-column: 1 / -1; }
body.qptr .tile--wide .tile__link { aspect-ratio: 21 / 8; }
body.qptr .tile--wide .tile__img { object-position: center 40%; }
@media (max-width: 47.99rem) { body.qptr .tile--wide .tile__link { aspect-ratio: 4 / 3; } }

/* --- Next step: point cloud behind the primary button -------------------- */
.dt-closing { position: relative; isolation: isolate; overflow: hidden; }
.dt-closing > .closing__inner { position: relative; z-index: 1; }
.dt-capture-layer {
  position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0;
  fill: #0b1717; opacity: 0; pointer-events: none;
  transition: opacity .6s cubic-bezier(.16, 1, .3, 1);
}
.dt-closing:has(.cta--primary:hover) .dt-capture-layer,
.dt-closing:has(.cta--primary:focus-visible) .dt-capture-layer { opacity: .28; }
@media (prefers-reduced-motion: reduce) { .dt-capture-layer { transition: none; } }

/* --- Footer: qapture has no newsletter ----------------------------------- */
body.qptr .site-footer__news { display: none !important; }