@media (max-width:1050px) {
  .continuity-hero .contact-hero-layout { position:relative; }
  .continuity-hero-visual { display:block; position:absolute; top:48px; right:0; width:36%; color:#FFFFFF; }
  .continuity-backup-stage { position:relative; width:100%; aspect-ratio:1.65; }
  .continuity-backup-flow { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
  .continuity-backup-track { fill:none; stroke:currentColor; stroke-opacity:.3; stroke-width:1.5; stroke-linecap:round; }
  .continuity-backup-dot { fill:currentColor; opacity:0; }
  .continuity-backup-node { position:absolute; display:grid; place-items:center; width:64px; height:64px; transform:translate(-50%,-50%); }
  .continuity-backup-node svg { display:block; width:56px; height:56px; stroke-width:1.5; }
  .continuity-backup-server { left:16%; top:62%; }
  .continuity-backup-local { left:49%; top:62%; }
  .continuity-backup-cloud { left:83%; top:32%; }
  .continuity-backup-cloud svg { width:64px; height:64px; }
  .continuity-backup-toggle { position:absolute; bottom:0; right:4px; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }
  .continuity-backup-toggle:hover { background:rgba(255,255,255,.12); }
  .continuity-backup-toggle span { display:grid; place-items:center; }
  .continuity-backup-toggle[hidden], .continuity-backup-toggle [hidden] { display:none; }
  .continuity-backup-toggle svg { width:16px; height:16px; }
  .continuity-page.projects-page .continuity-hero {
    background:
      linear-gradient(180deg,rgba(7,63,59,.45),rgba(7,63,59,0) 190px),
      linear-gradient(90deg,rgba(7,63,59,.88),rgba(7,63,59,.72) 48%,rgba(7,63,59,.18)),
      var(--cloud-shell) var(--continuity-hero-image) center / cover no-repeat;
  }
  /* Separate artwork from cover scaling; retain the source photos at natural proportions. */
  .continuity-page.projects-page .continuity-hero.continuity-hero-datto {
    position:relative;
    background:var(--cloud-shell) var(--continuity-hero-image) center / cover no-repeat;
    background-blend-mode:normal;
  }
  .continuity-hero-datto .continuity-hero-art {
    display:block;
    position:absolute;
    right:max(24px,calc((100% - var(--alt-interior-content-width,1160px)) / 2));
    bottom:calc(var(--alt-overlap-hero-offset,135px) + 40px);
    width:396px;
    max-width:34%;
    aspect-ratio:710 / 455;
    pointer-events:none;
  }
  .continuity-hero-art .continuity-hero-servers {
    display:block;
    width:100%;
    height:auto;
    filter:drop-shadow(0 6px 6px rgba(0,23,18,.28));
  }
  .continuity-hero-art .continuity-hero-cloud {
    display:block;
    position:absolute;
    right:0;
    bottom:calc(100% + 72px);
    width:119px;
    max-width:31%;
    height:auto;
  }
  .continuity-hero h1 { max-width:760px; }
  .continuity-main .continuity-hero .continuity-hero-line { display:block; }
  .continuity-main .continuity-hero .continuity-eyebrow {
    position:absolute;
    bottom:calc(100% + 24px);
    margin:0;
    color:#FFFFFF;
    font-size:14px;
    font-weight:500;
  }
  .continuity-main .continuity-hero .continuity-hero-lead { max-width:740px; }
  .continuity-main :is(.projects-types,.projects-support) { padding:80px 0 0; }
  .continuity-main .projects-intro h2 { margin-bottom:36px; }
  .continuity-main .continuity-section-lead { max-width:960px; margin-bottom:40px; }
  .continuity-main .projects-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .continuity-main .projects-tabs button { text-wrap:balance; }
  .continuity-themes-layout .projects-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; }
  .continuity-themes-layout .projects-panel > div { min-width:0; }
  .continuity-diagram { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; gap:24px; min-height:176px; margin:0; padding:20px 0; }
  .continuity-diagram-node { position:relative; display:grid; grid-template-rows:48px minmax(40px,auto); justify-items:center; gap:10px; min-width:0; text-align:center; font-size:13px; line-height:1.5; color:#000000; }
  .continuity-diagram-icon { display:grid; place-items:center; width:56px; height:48px; color:var(--cloud-accent); }
  .continuity-diagram-icon svg { display:block; width:32px; height:32px; }
  .continuity-diagram-node:not(:last-child)::after { content:""; position:absolute; top:24px; left:calc(50% + 34px); width:calc(100% - 44px); border-top:1px dashed var(--cloud-accent); }
  .continuity-main .continuity-microsoft { margin-top:80px; padding:48px 0; background:var(--cloud-tint); }
  .continuity-microsoft :is(h2,h3,p) { color:#000000; }
  .continuity-apps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:0; padding:0; list-style:none; }
  .continuity-apps li { min-width:0; }
  .continuity-apps li + li { border-left:1px solid #CBD9E4; padding-left:32px; }
  .continuity-apps img { display:block; width:40px; height:40px; margin-bottom:20px; object-fit:contain; }
  .continuity-apps h3 { margin:0 0 12px; font-size:20px; }
  .continuity-apps p { font-size:15px; }
  .continuity-history { margin-top:40px; padding-top:32px; border-top:1px solid #CBD9E4; }
  .continuity-history h3 { margin:0 0 16px; font-size:22px; }
  .continuity-history p { max-width:960px; }
  .continuity-main .projects-support > .projects-container > h2 { text-align:left; }
  .continuity-main .projects-step-icon { width:32px; height:32px; border-radius:0; background:none; }
  .continuity-main .projects-step-icon svg { display:block; width:32px; height:32px; color:var(--cloud-accent); }
  .continuity-main .projects-support-grid { grid-template-rows:auto auto auto; }
  .continuity-main .projects-support-grid > div { display:grid; grid-row:span 3; grid-template-rows:subgrid; }
  .continuity-main .projects-support-grid h3 { min-height:0; }
  .backup365-main .backup365-protection-list { margin:0; padding-left:20px; list-style:disc; color:#000000; }
  .backup365-main .backup365-protection-list li + li { margin-top:8px; }
  .backup365-main .backup365-protection-list li::marker { color:var(--cloud-accent); }
  .backup365-main .projects-support-grid { grid-template-rows:auto auto; }
  .backup365-main .projects-support-grid > div { grid-row:span 2; }
  /* The related frame already supplies the 80px gap before the FAQ. */
  .continuity-main .projects-related { margin-top:80px; }
  .continuity-page .continuity-main .faq .section-inner { padding-top:0; padding-bottom:80px; }
  .continuity-main .projects-contact { padding-top:0; padding-bottom:80px; }
}