/* Force Home section to full browser height */
#home.section.full-screen { min-height: calc(100vh - 77px) !important; }
#home.section.full-screen .section-wrapper { height: calc(100vh - 77px) !important; }
#home .content-wrapper { height: calc(100vh - 77px) !important; }

/* Home splash image sizing */
#home .home-right .home-splash {
  width: 1024px; /* target width */
  max-width: 100%; /* never overflow container */
  height: auto;
}

@media (max-width: 1020px) {
  #home .home-right .home-splash { width: 100%; max-width: 100%; }
}

/* Extra left padding for title block */
#home .home-left { padding-left: 40px; }

/* Emphasize Zelwall text size on Home */
#home .big-text .brand-zelwall {
  font-size: 60px;
  line-height: 1.1;
  display: inline-block;
}

/* Increase line-height between the two title lines */
#home .big-text { line-height: 1.5; }

/* Home slogan: normal size and weight */
#home .home-left .info-text { font-weight: 400; font-size: 28px; }

/* Increase gap between title and slogan */
#home .home-left .big-text { margin-bottom: 24px; }

@media (max-width: 1020px) {
  #home .big-text .brand-zelwall { font-size: 48px; }
}

/* Firewall embed section sizing (full browser height iframe) */
#firewall-embed.section.full-width { min-height: 100vh !important; padding: 0 !important; }
#firewall-embed .section-wrapper { height: 100vh !important; padding: 0 !important; margin: 0 !important; }
#firewall-embed .content-wrapper { height: 100% !important; margin: 0 !important; }
#firewall-embed .app-iframe { width: 100%; height: 100%; border: 0; display: block; }

/* Hide legacy sections so only requested pages remain */
#services,
#portfolio,
#inspire,
#about,
#news,
#skills,
#team,
#clients,
#contact,
#milestones { display: none !important; }

/* Make all new pages full browser height */
#faq.section.page-split,
#screenshots.section.page-split,
#launch.section.page-split { min-height: calc(100vh - 77px) !important; padding: 0 !important; display: flex; }

#faq .section-wrapper,
#screenshots .section-wrapper,
#launch .section-wrapper { height: calc(100vh - 77px) !important; padding: 0 !important; margin: 0 auto !important; }

/* Let FAQ grow with content and add comfortable top/bottom padding */
#faq.section.page-split { min-height: auto !important; padding: 0 !important; display: block; }
#faq .section-wrapper { height: auto !important; padding: 40px 0 60px !important; }
#faq .section-content-holder { margin-top: 0 !important; height: auto !important; display: block; }

/* Let Screenshots grow with content */
#screenshots.section.page-split { min-height: auto !important; padding: 0 !important; display: block; }
#screenshots .section-wrapper { height: auto !important; padding: 40px 0 60px !important; }
#screenshots .section-content-holder { margin-top: 0 !important; height: auto !important; display: block; }

/* Let Launch grow with content */
#launch.section.page-split { min-height: auto !important; padding: 0 !important; display: block; }
#launch .section-wrapper { height: auto !important; padding: 40px 0 60px !important; }
#launch .section-content-holder { margin-top: 0 !important; height: auto !important; display: block; }

#faq .section-content-holder,
#screenshots .section-content-holder,
#launch .section-content-holder { margin-top: 0 !important; height: auto !important; display: block; }

/* Tech Specs: initially viewport height, expand on demand */
#tech-specs.section.page-split { min-height: calc(100vh - 77px) !important; padding: 0 !important; display: flex; }
#tech-specs .section-wrapper { height: calc(100vh - 77px) !important; padding: 90px 0 60px !important; }
#tech-specs .section-content-holder { margin-top: 0 !important; height: calc(100vh - 77px) !important; display: flex; align-items: center; }
#tech-specs.expanded.section.page-split { min-height: auto !important; display: block; }
#tech-specs.expanded .section-wrapper { height: auto !important; }
#tech-specs.expanded .section-content-holder { height: auto !important; display: block; }