/* Inner pages: products, build, pricing, enterprise.

   The homepage is the onboarding surface. It gets the engraved range, the
   contents rail, the media panel and the full-viewport sections. The inner
   pages are reference material, so they run as ordinary stacked pages on
   plain paper. Same fonts, same palette, same mark. No canvas, no motion.

   Loaded after site.css and theme.css so it wins on the shared selectors.
   Home does not load this file. */

/* ---------- page shell ---------- */
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}

main{padding-bottom:20px}
main section{
  min-height:0;display:block;max-width:none;
  padding:clamp(56px,7vw,100px) 0;
}
main section > .wrap > *{max-width:none}

/* Alternate bands. Transparent on the default palette, tinted on the two
   colour studies, so the page is not one unbroken sheet of white. */
main section:nth-of-type(even){background:var(--band-wash,transparent)}

/* the first block on every inner page */
main section.hero{
  padding-top:clamp(126px,13vw,186px);
  padding-bottom:clamp(48px,5.5vw,78px);
  background:none;
}
/* Headlines carry the page. They were too polite next to the old site. */
main section.hero h1{
  font-size:clamp(40px,5.6vw,88px);line-height:1.0;
  max-width:16ch;margin-bottom:28px;
}
main section.hero .sub{max-width:58ch;margin-bottom:0;font-size:17px;color:var(--ink-2)}
main section.hero .cta{margin-top:38px}

h2{max-width:20ch;margin-bottom:24px}
p{max-width:66ch}
.sub{max-width:64ch}
.label{margin-bottom:24px}

/* a quiet rule instead of a scroll rail */
main section + section{border-top:1px solid var(--line)}

/* ---------- the statement blocks the real site uses ---------- */
.statement{max-width:900px}
.statement .serif{max-width:26ch;margin-bottom:20px}
.statement p{max-width:64ch}

/* ---------- full-width blocks ---------- */
.rules,.plates,.spec,.plans{max-width:none}
pre.code{max-width:840px}
.band{max-width:none;text-align:left;background:var(--surface);
  border:1px solid var(--surface-line)}
.band h2{max-width:24ch}
.band p{max-width:58ch}

@media (max-width:900px){
  main section{padding:clamp(42px,8vw,64px) 0}
  main section.hero{padding-top:108px;padding-bottom:36px}
  main section.hero h1{font-size:clamp(34px,9vw,50px);max-width:none}
  main section.hero .sub{font-size:15.5px}
}