/* v5/fit-v1.css — every section fits one viewport (operator 2026-09-30: "ALWAYS keep each section fit within the
   height of the viewport including padding and margins"). Loaded last. Measured with Playwright on the live site at
   1440x900, 1280x720 and 390x844 before and after (S346). */

/* Pinned bar costs 56px per scene (sticky-header-v1.css): the decorative window bar goes at every size. */
.experience .window-top{display:none}

/* Contact form, all sizes: tighter fields and a shorter comments box. */
.pilot-form .pf-grid{gap:12px 16px}
.brief-scene .pilot-form label{margin-bottom:5px}
.pilot-form input:not([type="checkbox"]),.pilot-form select{min-height:44px;padding:9px 12px}
.pilot-form textarea{min-height:76px}
.pilot-form .brief-button{margin-top:12px}

/* Short laptop screens. */
@media (min-width:761px) and (max-height:780px){
  .experience .section-label,#brief .section-label{display:none}
  .experience.scene{gap:6px}
  .experience .platform-tabs button{padding-top:9px;padding-bottom:9px}
  .pilot-form textarea{min-height:62px}
  .pilot-form .pf-grid{gap:10px 16px}
  #brief.scene{padding-top:calc(14px + var(--bar));padding-bottom:14px}
  .experience .platform-footnote{display:none}
}

/* Phones. */
@media (max-width:760px){
  .header .header-cta{display:none}
  /* Choose a moment */
  .experience .tab-description,.experience .platform-footnote,.experience .connector,.experience #approval-feedback,.experience .host-panel{display:none}
  .experience .source-file{padding:10px 12px}
  .experience .lesson-plan li i{display:none}
  .experience .lesson-plan ol{margin:10px 0}
  .experience .lesson-plan li{padding-top:7px;padding-bottom:7px}
  /* Plan your pilot */
  #pilot .section-label{display:none}
  #pilot .pilot-journey>div{padding-top:6px;padding-bottom:6px}
  #pilot #pilot-title{margin:12px 0}
  #pilot .pilot-grid>div:first-child>p{margin-bottom:14px}
  /* Contact */
  #brief .section-label,#brief .brief-intro>.eyebrow,#brief .brief-intro>p:last-child{display:none}
  #brief .brief-intro h2{margin:0}
  .pilot-form .pf-grid{grid-template-columns:1fr 1fr;gap:10px 10px}
  .pilot-form .pf-grid>div:nth-child(n+5){grid-column:1/-1}
  .pilot-form{padding:16px}
  .experience .section-label{display:none}
  #pilot .pilot-grid{gap:10px}
  #brief .brief-grid{gap:10px}
  .experience.scene{gap:6px}
  .pilot-form textarea{min-height:62px}
  .pilot-form .builder-note{margin-top:6px}
  #brief.scene{padding-top:calc(14px + var(--bar));padding-bottom:14px}
}

/* The form status line takes no space until it has something to say. */
.pilot-form .builder-note:empty{display:none}

/* The human difference photo (operator's Pexels pick, portrait, 2026-09-30): fills the box's fixed height at every
   size instead of setting it, framed on the two faces. */
.human-picture{position:relative;overflow:hidden}
.human-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 42%}