/* Calm variant of the industrial language: same materials (charcoal, hairlines, mono, square corners, one accent), less chrome. No ticker, clock, index numbers, code labels, hazard stripe or display numerals. Loaded after styles.css (and analyze.css) on pages whose carries class "calm". */ /* No negative tracking at text sizes: word spaces must stay visibly wider than letter gaps. */ .calm h1, .calm h2 { text-transform: none; letter-spacing: -.01em; } .calm h3 { text-transform: none; letter-spacing: 0; } .calm h1 { font-size: clamp(2.1rem, 4.4vw, 3.3rem); font-stretch: 100%; line-height: 1.05; } .calm h1 em { display: block; font-size: .58em; font-weight: 500; letter-spacing: 0; margin-top: 12px; line-height: 1.2; } .calm h2 { font-size: 1.55rem; line-height: 1.15; } .calm h3 { font-size: 1.02rem; font-weight: 600; line-height: 1.3; } .calm .top { grid-template-columns: auto auto; justify-content: space-between; align-items: center; } .calm .topnav a::before { content: none; margin: 0; } .calm .topnav a { padding: 10px 16px 10px 0; margin-right: 16px; } .calm .hero { grid-template-columns: 1fr; padding: 44px 0 26px; } .calm .hero-copy { max-width: 720px; } .calm .hero.with-visual { grid-template-columns: 1.1fr .9fr; } @media (max-width: 900px) { .calm .hero.with-visual { grid-template-columns: 1fr; } } .calm .kicker { margin-bottom: 12px; } .calm .kicker::before { content: none; } .calm .lede { max-width: 64ch; margin-top: 16px; } .calm .cta-row { margin: 24px 0 12px; } .calm .section { padding-top: 46px; } .calm .section-head { grid-template-columns: 1fr; gap: 4px; border-top: 1px solid var(--line); padding-top: 18px; margin-bottom: 20px; } .calm .section-head p { margin: 0; } .calm .steps li { padding: 20px 20px 22px; } .calm .step-n { font-size: .72rem; font-family: var(--mono); color: var(--accent); font-weight: 500; font-stretch: 100%; margin-bottom: 10px; } .calm .card { padding: 20px; } .calm .card h3 { margin-bottom: 8px; } .calm .vs > article { padding: 22px 22px 12px; } .calm .vs h3 { margin-bottom: 4px; } .calm .vs li::before, .calm .vs .ours li::before { content: '\2013'; color: var(--dim); } .calm .vs .ours li::before { color: var(--accent); } .calm .price-card::before { display: none; } .calm .price-card { border-color: var(--line); } .calm .big-price { font-size: 2.9rem; font-stretch: 100%; letter-spacing: -.02em; } .calm .faq summary { grid-template-columns: 1fr auto; } .calm .faq summary::before { content: none; } .calm .led { animation: none; } .calm .foot { margin-top: 48px; } .calm .disclaimer { max-width: 72ch; } .calm .plate::before, .calm .plate::after { display: none; } .calm .sheet-demo { margin: 22px 0 0; } .calm .sheet-demo .consult-sheet { margin-top: 0; } .calm .sheet-demo figcaption { color: var(--dim); font-size: .85rem; margin-top: 10px; text-align: left; } .calm .panel::before, .calm .panel::after { display: none; } .calm .evidence { border: 1px solid var(--line); padding: 18px 20px; margin-top: 18px; } @media (max-width: 700px) { .calm .top { grid-template-columns: 1fr auto; } }