/* Homepage v2 skin (2026-09-30): the design-lab concept applied to the live homepage markup.
   Content, structured data and form behaviour are unchanged; only presentation lives here.
   Fonts: IBM Plex Sans and Mono, self-hosted (SIL Open Font License, see /fonts/IBM-Plex-OFL.txt). */
.home-v2 .eyebrow{text-transform:uppercase;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.home-v2 .section{padding-top:104px;padding-bottom:104px}
.home-v2 .section-heading h2,.home-v2 .home-cases h2,.home-v2 .factory-proof-heading h2,.home-v2 .buyer-home-intro h2{font-size:clamp(34px,3.6vw,50px);line-height:1.06}

/* Hero */
.home-v2 .home-hero{padding-top:48px}
.home-v2 .home-hero h1{font-size:clamp(40px,4.1vw,64px);line-height:1.02;letter-spacing:-.035em}
.home-v2 .hero-introduction{font-size:19px;line-height:1.55;color:var(--muted);max-width:38ch}
.home-v2 .hero-edge{font-size:17px}
.home-v2 .drawing-note,.home-v2 .reply-note{font-family:var(--mono);font-size:12px;white-space:normal}
/* Monospace notes are wider than the body font: let the action block shrink and wrap on phones. */
.home-v2 .drawing-action{min-width:0;max-width:100%}
.home-v2 .hero-visual{position:relative;margin:34px 40px 0 0}
.home-v2 .hero-visual img{background:var(--paper-v2-2)}
.home-v2 .hero-visual figcaption{font-family:var(--mono);font-size:12px}
/* Drawing-style dimension lines around the parts photograph: a line with end ticks, label on paper. */
.home-v2 .hero-dim{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--ink)}
.home-v2 .hero-dim::before{content:"";position:absolute;background:var(--ink)}
.home-v2 .hero-dim b{position:relative;padding:0 8px;background:var(--paper-v2);font:500 12px/1 var(--mono);white-space:nowrap}
.home-v2 .hero-dim-length{left:0;right:0;top:-30px;height:18px;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}
.home-v2 .hero-dim-length::before{left:0;right:0;top:50%;height:1px}
.home-v2 .hero-dim-diameter{top:0;bottom:30px;right:-36px;width:18px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.home-v2 .hero-dim-diameter::before{top:0;bottom:0;left:50%;width:1px}
.home-v2 .hero-dim-diameter b{writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 0}
/* Title block figures in monospace. */
.home-v2 .hero-titleblock dd{font-family:var(--mono);font-weight:500;letter-spacing:-.02em}
.home-v2 .hero-titleblock dt{font-family:var(--mono);font-weight:500}

/* Factory band: full-bleed photograph fading into a dark band with the machine counts. */
.home-v2 .home-band{position:relative;background:var(--dark);color:#e8ebe7;margin-top:40px}
.home-v2 .home-band-photo{position:relative}
.home-v2 .home-band-photo img{display:block;width:100%;height:min(58vh,600px);object-fit:cover;object-position:60% 45%}
.home-v2 .home-band-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,27,23,0) 35%,rgba(20,27,23,.72) 72%,var(--dark) 100%)}
.home-v2 .home-band-body{position:relative;margin-top:-190px;padding-bottom:96px}
.home-v2 .home-band .eyebrow{color:#e8ebe7;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.home-v2 .home-band h2{color:#fff;font-size:clamp(36px,4.2vw,58px);line-height:1.04;max-width:15ch;margin:14px 0 0;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.home-v2 .home-band-machines{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #3a463f}
.home-v2 .home-band-machines li{padding:24px 20px 0 0}
.home-v2 .home-band-machines strong{display:block;font:500 clamp(42px,4.6vw,66px)/1 var(--mono);letter-spacing:-.04em;color:#fff}
.home-v2 .home-band-machines span{display:block;margin-top:10px;font-size:15px;color:#b9c1bb}
.home-v2 .home-band-facts{margin:44px 0 0;display:flex;flex-wrap:wrap;gap:10px 34px;font:400 14px/1.5 var(--mono);color:#b9c1bb}
.home-v2 .home-band-facts a{color:#e8ebe7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.home-v2 .home-band-machines{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2 .home-band-body{margin-top:-110px;padding-bottom:72px}.home-v2 .home-band-photo img{height:48vh}}

/* Quantity band keeps its chart; numbers in monospace. */
.home-v2 .home-production{background:var(--dark)}
.home-v2 .ladder-qty,.home-v2 .setup-amount,.home-v2 .setup-percent,.home-v2 .setup-fraction{font-family:var(--mono);font-weight:500}
.home-v2 .home-production h2{font-size:clamp(34px,3.8vw,52px);line-height:1.06}

/* Cases: paper cards on a tinted band, the result figure set large. */
.home-v2 .home-cases{background:var(--paper-v2-2);max-width:none;padding-left:max(var(--gutter),calc((100% - var(--max))/2));padding-right:max(var(--gutter),calc((100% - var(--max))/2))}
.home-v2 .case-card{background:var(--paper-v2);border:0;transition:transform .25s,box-shadow .25s}
.home-v2 .case-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(23,32,27,.12)}
.home-v2 .case-card-copy{padding:22px 24px 26px}
.home-v2 .case-stat{font-family:var(--mono);font-weight:500;letter-spacing:-.03em}
.home-v2 .case-process-label{font-family:var(--mono)}

/* Part families: hairline grid. */
.home-v2 .family-card{background:#fff;border-color:var(--rule-v2);border-radius:0}
.home-v2 .family-feature-number{font-family:var(--mono)}

/* Diameter finder and factory proof. */
.home-v2 .hero-ruler{padding-top:96px;padding-bottom:40px}
.home-v2 .hero-ruler .log-axis,.home-v2 .range-inches{font-family:var(--mono)}
.home-v2 .factory-proof{background:var(--paper-v2-2)}
.home-v2 .factory-proof-card{background:var(--paper-v2);border-color:var(--rule-v2);border-radius:0}
.home-v2 .factory-proof-certificate-facts{font-family:var(--mono);font-size:12px}

/* Buyer questions and the quote band. */
.home-v2 .buyer-home-question{border-color:var(--rule-v2)}
.home-v2 .buyer-guide-card{background:var(--paper-v2-2);border-radius:0}
.home-v2 .buyer-guide-time{font-family:var(--mono)}
.home-v2 .rfq-section{background:var(--dark)}
.home-v2 .rfq-form-card{border-radius:0}

/* Labels on the dark bands need light text to stay readable. */
.home-v2 .home-production .eyebrow,.home-v2 .rfq-section .eyebrow{color:#aeb7b1}
/* The diameter finder sits on the page paper like the sections around it. */
.home-v2 .hero-ruler{background:transparent}