/* Homepage priorities; the shared layout and other pages retain their styles. */












.home-content>.section,.home-factory{padding-top:68px;padding-bottom:64px}
.home-content>.home-parts{padding-top:36px}
.home-content .section-heading{margin-bottom:30px}
.home-production{padding:62px 0}




.home-production .button{margin-top:22px}
.home-factory .evidence-preview>div>img{height:330px}
.home-evidence-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.home-evidence-links .text-link{margin:0;min-height:40px;align-items:center}
.home-factory .home-swiss-explainer{font-size:13px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.home-factory .home-swiss-explainer .text-link{font-size:13px;display:inline;margin:0;text-decoration:underline;text-underline-offset:4px}
.home-questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.home-questions>div>p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--muted);margin-top:20px}
.home-questions .faq-list{min-width:0}
.home-questions .faq-list summary{min-height:56px}
.home-questions .faq-list p{max-width:600px}
.home-resources{border-top:1px solid var(--line)}
.home-resources .resource-rows>a{padding:23px 0}

@media(max-width:850px){
 
 .home-questions{grid-template-columns:1fr;gap:24px}.home-production .focus-grid{gap:30px}
}
@media(max-width:600px){
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .home-content>.section,.home-factory{padding-top:40px;padding-bottom:38px}.home-content .section-heading{margin-bottom:24px}.home-content .section-heading h2,.home-questions h2,.home-factory h2{font-size:34px;line-height:1.1}
 .home-content>.home-parts{padding-top:28px}
 .home-parts .part-grid{gap:12px}.home-parts .part-card{display:grid;grid-template-columns:104px minmax(0,1fr);border:1px solid var(--line);align-items:stretch}
 .home-parts .part-image{width:100%;max-width:100%;aspect-ratio:auto;height:120px;min-width:0}.home-parts .part-image img{object-fit:contain}.home-parts .card-copy{padding:18px 14px;align-self:center;min-width:0}.home-parts .card-copy :is(h2,h3){font-size:19px;line-height:1.15}.home-parts .card-copy p{font-size:12px;line-height:1.5;margin-top:7px}.home-parts .card-index{font-size:9px;top:auto;bottom:8px;left:8px}
 .home-parts-links{gap:8px 24px}.home-parts-links a{font-size:13px}
 .home-production{padding:40px 0}.home-production h2{font-size:34px}.home-production p:not(.eyebrow){font-size:15px;margin-top:18px}
 .home-factory .evidence-preview{gap:24px}.home-factory .evidence-preview>div>img{height:190px}.home-factory .body-copy{font-size:15px;margin-top:18px}.home-evidence-links{gap:4px 18px;margin-top:16px}.home-evidence-links .text-link{font-size:13px;min-height:44px}
 .home-questions{gap:20px}.home-questions>div>p:not(.eyebrow){margin-top:14px}.home-questions .faq-list summary{font-size:15px;line-height:1.4;gap:12px;padding:16px 0}.home-questions .faq-list p{font-size:14px;line-height:1.65}
 .home-resources .resource-rows>a{padding:18px 0}.home-resources .resource-rows :is(h2,h3){font-size:19px}.home-resources .resource-rows .eyebrow{font-size:9px;margin-bottom:6px}
}


.home-parts-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}.home-parts-links a{min-height:44px;align-items:center}
.home-questions .faq-list details{padding:0}.home-questions .faq-list details[open]{padding-bottom:18px}

/* 2026-09-23: compact parts hero and responsive diameter ruler. */
.home-utility{height:44px;padding-top:0;padding-bottom:0;justify-content:space-between;gap:14px;align-items:center;letter-spacing:0;font-size:12px}
.home-utility .utility-focus{white-space:nowrap}
.utility-contacts{display:flex;align-items:center;gap:14px;margin-left:auto}
.home-utility a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:inherit;text-underline-offset:4px}
.home-utility a:hover{text-decoration:underline}
.site-header{background:#fff}
.home-utility+.site-header{height:88px}
.home-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:5%;padding-top:16px;padding-bottom:16px;align-items:center}
.home-hero .hero-copy{min-width:0}
.home-hero h1{font-size:clamp(56px,4.8vw,69px);line-height:1.01;letter-spacing:-.06em}
.home-hero .hero-copy>.eyebrow{font-size:11px;margin-bottom:8px;line-height:1.4}
.home-hero .hero-copy>p.hero-introduction{font-size:16px;line-height:1.5;margin-top:10px;max-width:600px}
.home-hero .hero-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;padding:10px 0;max-width:none}
.home-hero .hero-specs dt{font-size:9px;letter-spacing:.025em;line-height:1.4;margin-bottom:0;white-space:nowrap}
.home-hero .hero-specs dd{margin:4px 0 0;font-size:26px;line-height:1.15;white-space:nowrap;letter-spacing:-.04em}
.home-hero .hero-specs dd>small{font-size:11px;letter-spacing:0}
.home-hero .hero-specs .unit-secondary{font-size:10px;line-height:1.45;margin-top:4px}
.focus-inch{display:block}
.home-hero .hero-actions{margin-top:12px;gap:24px;align-items:flex-start}
.home-hero .hero-actions .button{min-height:46px;padding:12px 22px;font-size:14px}
.home-hero .hero-actions .text-link{min-height:46px;min-width:44px;align-items:center;font-size:14px;margin:0}
.drawing-action{display:flex;flex-direction:column;align-items:flex-start}
.drawing-note{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.4;white-space:nowrap}
.home-trust-hero{margin-top:8px;background:transparent;border-top:1px solid var(--line);border-bottom:0}
.home-trust-hero ul{display:flex;gap:0 16px;justify-content:flex-start;align-items:center;padding:4px 0 0}
.home-trust-hero li{font-size:12px;line-height:1.4;display:flex;align-items:center;min-height:22px}
.home-trust-hero li::before{margin:0 6px 0 0;flex:none;width:4px;height:4px}
.home-trust-hero a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.home-hero .hero-visual{height:auto;min-width:0;margin:0;overflow:visible;background:transparent;position:static}
.home-hero .hero-visual::after{display:none}
.home-hero .hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#b8b9bb;position:static}
.home-hero .hero-visual figcaption{font-size:11px;line-height:1.5;color:var(--muted);padding:9px 0 0}
.home-factory figure{margin:0;min-width:0}
.home-factory figure>img{width:100%;height:360px;object-fit:cover}
.home-factory figcaption{font-size:12px;color:var(--muted);line-height:1.5;padding-top:10px}
.hero-ruler{border-bottom:1px solid var(--line);background:var(--paper);padding-top:12px;padding-bottom:12px;scroll-margin-top:100px}
.ruler-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:6px}
.ruler-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.03em}
.log-label{position:absolute;right:0;bottom:0;font-size:12px;line-height:1.3;color:var(--muted)}
.card-hint{font-size:11px;color:var(--muted)}
.card-hint{display:none}
.log-axis{position:relative;height:140px;margin:0 26px}
.log-focus{position:absolute;height:27px;top:0;background:color-mix(in srgb,var(--accent) 18%,white);border:1px solid var(--accent);color:var(--accent-dark)}
.log-focus>span{display:block;text-align:center;font-size:12px;line-height:25px;font-weight:600;white-space:nowrap}
.log-focus small{font:inherit;margin-left:8px}
.log-ticks{list-style:none;margin:0;padding:0;position:absolute;inset:35px 0 46px;border-top:1px solid #89958c}
.log-ticks li{position:absolute;top:0;transform:translateX(-50%);text-align:center;padding-top:8px;white-space:nowrap;font-size:12px;line-height:1.35}
.log-ticks li::before{content:'';height:6px;width:1px;background:#89958c;position:absolute;top:0;left:50%}
.log-ticks small{display:block;font-size:10px;color:var(--muted)}
.range-buttons{position:absolute;inset:74px 0 0}
.range-buttons button{position:absolute;top:0;height:46px;min-width:44px;padding:6px;font:inherit;display:flex;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--ink) 9%,white);border:1px solid #89958c;cursor:pointer;color:var(--ink)}
.range-buttons button:nth-child(even){background:color-mix(in srgb,var(--ink) 16%,white)}
.range-buttons strong{font-size:14px;font-weight:600;white-space:nowrap}
.range-buttons button[aria-selected=true]{color:#fff;background:var(--dark);border-color:var(--dark)}
.range-buttons button:hover{border-color:var(--ink)}
.range-empty{display:flex;align-items:center;min-height:64px;margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.range-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding-top:4px;min-height:64px}
.range-card[hidden]{display:none}
.range-copy h3{font-size:16px;line-height:1.2;letter-spacing:-.015em}.range-copy h3 span{display:none}
.range-inches{display:none}
.range-copy>p{font-size:12px;line-height:1.45;margin-top:3px;max-width:640px}
.range-copy .range-fit{font-size:11px;color:var(--accent-dark)}.range-fit>span{color:var(--muted);margin-left:6px}
.range-actions{display:flex;gap:18px;align-items:center}.range-actions a{font-size:12px;min-height:44px;min-width:44px;align-items:center;white-space:nowrap}
.verified-diameter-photo{position:absolute;bottom:85px;width:58px;transform:translateX(-50%);margin:0}.verified-diameter-photo img{width:58px;height:44px;object-fit:contain}.verified-diameter-photo figcaption{font-size:9px}
.home-utility a:focus-visible,.home-hero a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.hero-ruler :is(button,a):focus-visible{outline:3px solid var(--dark);outline-offset:3px}
/* Keep logarithmic proportions and readable labels between phone and desktop widths. */
@media(min-width:601px) and (max-width:1100px){.log-axis-viewport{overflow-x:auto;overscroll-behavior-x:contain;padding-block:4px}.log-axis{min-width:960px}}
@media(max-width:1100px){.home-utility+.site-header{height:74px}.home-hero{gap:4%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.home-hero h1{font-size:56px}.home-hero .hero-specs{gap:9px}.home-hero .hero-specs dd{font-size:23px}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr}.home-hero .hero-visual{max-width:600px;width:100%;justify-self:center}.home-hero h1{font-size:60px}}
@media(max-width:600px){
 .home-utility{justify-content:flex-end;gap:6px;padding-inline:12px;font-size:10px}.home-utility .utility-email,.home-utility .utility-focus,.utility-contacts>span{display:none}
 .home-utility+.site-header{padding-inline:8px;gap:6px}
 .home-utility+.site-header>.mobile-quote{min-height:44px;padding:8px 6px;font-size:11px;line-height:1.25}
 .home-utility+.site-header>.menu-toggle{width:44px;min-width:44px;min-height:44px;height:44px}
 .home-hero{padding-top:19px;padding-bottom:20px;gap:20px}
 .home-hero h1{font-size:42px;line-height:1.04}
 .home-hero .hero-copy>.eyebrow{font-size:10px;margin-bottom:11px}
 .home-hero .hero-copy>p.hero-introduction{font-size:15px;line-height:1.5;margin-top:13px}
 .home-hero .hero-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin-top:17px;padding:13px 0}
 .home-hero .hero-specs dt{font-size:9px;margin-bottom:5px}.home-hero .hero-specs dd{font-size:24px}.home-hero .hero-specs .unit-secondary{font-size:10px;line-height:1.4;margin-top:3px}.focus-inch{display:inline;margin-left:6px;font-size:9px}
 .home-hero .hero-actions{margin-top:15px;gap:18px}.home-hero .hero-actions .button{min-height:44px;padding:11px 14px;font-size:13px}.home-hero .hero-actions .text-link{min-height:44px;font-size:13px}
 .drawing-note{font-size:9px;line-height:1.4;margin-top:6px}
 .home-trust-hero{margin-top:13px}.home-trust-hero ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:7px;gap:8px 12px;align-items:stretch}.home-trust-hero li{font-size:12px;min-height:52px;min-width:0}.home-trust-hero a{min-height:52px}
 .home-hero .hero-visual{max-width:none;height:auto}.home-hero .hero-visual figcaption{font-size:10px;padding-top:7px}
 .hero-ruler{padding-top:19px;padding-bottom:20px;min-width:0}
 .ruler-heading{display:block;margin-bottom:15px}.ruler-heading h2{font-size:24px}.card-hint{display:block;margin-top:7px}.log-label{display:none}
 .log-axis{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.range-buttons{display:none}
 .range-empty{min-height:0;margin:0 0 16px;font-size:13px;line-height:1.5}
 .diameter-cards{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 3px 12px;margin-inline:-3px;max-width:calc(100% + 6px)}
 .range-card,.range-card[hidden]{display:flex;flex-direction:column;align-items:stretch;flex:0 0 88%;scroll-snap-align:start;gap:10px;padding:18px;border:1px solid #b9c2b9;background:#fff;min-width:0;min-height:280px}
 .range-copy h3{font-size:12px;color:var(--muted)}.range-copy h3 span{display:block;font-size:28px;color:var(--ink);margin-top:7px}.range-inches{display:block;font-size:12px;color:var(--muted);margin-top:5px}
 .range-copy>p{font-size:13px;line-height:1.55;margin-top:13px}.range-copy .range-fit{font-size:11px;line-height:1.45;display:block;margin-top:13px;color:var(--accent-dark)}.range-fit>span{display:block;margin:4px 0 0}
 .range-actions{margin-top:auto;gap:16px;flex-wrap:wrap}.range-actions a{font-size:12px;min-height:44px}
 .home-factory figure>img{height:auto;aspect-ratio:4/3;object-fit:cover}
}
@media(max-width:374px){.home-hero h1{font-size:39px}.home-hero .hero-specs dd{font-size:23px}.focus-inch{display:block;margin-left:0}.home-trust-hero li{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.diameter-cards{scroll-behavior:auto}}
/* First-30% pass: shorter H1, six-cell spec grid, reply note, tighter ruler and case spacing. */
.home-hero h1{font-size:clamp(40px,3.4vw,58px);line-height:1.04;letter-spacing:-.05em}
.home-hero .hero-copy>p.hero-introduction{max-width:640px}
.home-hero .hero-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.home-hero .hero-specs dd{font-size:24px}
.home-hero .hero-visual figcaption{padding-top:6px}
.reply-note{margin-top:1px}
.range-buttons button{background:#fff;transition:background .15s,border-color .15s}
.range-buttons button:nth-child(even){background:color-mix(in srgb,var(--ink) 5%,white)}
.range-buttons button:hover{background:color-mix(in srgb,var(--accent) 10%,white);border-color:var(--accent);color:var(--accent-dark)}
.range-buttons strong::after{content:' →';font-weight:400;opacity:.55}
.range-empty{min-height:44px}
.home-cases{padding-top:56px;padding-bottom:64px}
.home-cases .eyebrow{margin-bottom:14px}
@media(max-width:1100px){.home-hero h1{font-size:44px}.home-hero .hero-specs dd{font-size:21px}}
@media(max-width:850px){.home-hero h1{font-size:48px}}
@media(max-width:600px){
 .home-hero h1{font-size:34px;line-height:1.08}.home-hero h1 br{display:none}
 .home-hero .hero-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-hero .hero-specs dd{font-size:22px}
 .home-cases{padding-top:40px;padding-bottom:44px}
}
@media(max-width:374px){.home-hero h1{font-size:31px}}
/* Differentiator line and its two evidence links sit between the definition and the specs. */
.home-hero .hero-edge{margin-top:12px;max-width:640px;font-size:18px;line-height:1.4;color:var(--ink);font-weight:500;letter-spacing:-.01em;border-left:3px solid var(--accent);padding-left:12px}
.hero-edge-proof{list-style:none;margin:6px 0 0;padding:0 0 0 15px;display:flex;flex-wrap:wrap;gap:2px 18px}
.hero-edge-proof li{font-size:12px;line-height:1.5;color:var(--muted)}
.hero-edge-proof li::before{content:'✓ ';color:var(--accent-dark)}
.hero-edge-proof a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hero-edge-proof a:hover{color:var(--accent-dark)}
/* Phones keep the case evidence only, so the drawing button stays in the first screen; the review step is shown again beside the inquiry form. */
@media(max-width:600px){.hero-edge-proof li+li{display:none}.home-hero .hero-edge{font-size:16px;margin-top:14px}.hero-edge-proof{flex-direction:column}.hero-edge-proof a,.hero-edge-proof li{min-height:24px}}
/* The quote action now sits under the intro, so it needs room before the evidence quote below it. */
.home-hero .hero-actions{margin:18px 0 24px}