/* About and contact reading surfaces, on the Mesh glass system (tokens in tokens.css). */
.company-head{padding:var(--s-20) 0 var(--s-12)}
.company-head__title{max-width:15em;margin:0 0 var(--s-6);font:500 clamp(2.75rem,1.3rem + 5.2vw,5.75rem)/1 var(--font-display);letter-spacing:-.035em;text-wrap:balance}
.company-head__title .tape{font-size:.72em;line-height:1.35;vertical-align:.08em}
.company-head__lede{max-width:36em;margin:0;font-size:var(--t-lg);line-height:var(--lh-lede);color:var(--ink-2)}
.company-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-8);margin:var(--s-8) 0 0;padding:var(--s-6);background:var(--card);box-shadow:var(--lift-2)}
.company-contact__address{margin:0;font:500 clamp(20px,3vw,32px)/1.2 var(--font-display);overflow-wrap:anywhere}
.company-contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}
.company-contact__copy{min-height:var(--tap-min);padding:var(--s-3) var(--s-5);border:1px solid var(--rule-strong);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font:600 var(--t-sm)/var(--lh-ui) var(--font-ui);cursor:pointer}
.company-contact__copy:hover{background:var(--shelf)}
.company-process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-12);align-items:start}
.company-process__steps{margin:0;padding:0;list-style:none;counter-reset:process;border-top:1px solid var(--mk-gold)}
.company-process__steps li{counter-increment:process;display:grid;grid-template-columns:var(--s-8) minmax(0,1fr);gap:var(--s-4);padding:var(--s-5) 0;border-bottom:1px solid var(--rule)}
.company-process__steps li::before{content:counter(process);font:600 var(--t-md)/var(--lh-ui) var(--font-ui);font-variant-numeric:tabular-nums}
.company-process__steps b{display:block;margin-bottom:var(--s-1);font:600 var(--t-md)/var(--lh-ui-lg) var(--font-ui)}
.company-process__steps span{color:var(--ink-2)}
.company-note{margin:var(--s-8) 0 0;padding:var(--s-5) var(--s-6);background:var(--card);box-shadow:var(--lift-1)}
.company-note .tape{display:inline-block;margin-bottom:var(--s-3)}
.company-note p{margin:0;color:var(--ink-2)}
.company-source-note{margin:var(--s-4) 0 0;padding:var(--s-4);background:var(--wall-deep);border:1px solid var(--rule-strong)}
.company-source-note[hidden]{display:none}
.company-safety{margin-top:var(--s-8);padding:var(--s-5) var(--s-6);background:var(--card);box-shadow:var(--lift-1)}
.company-safety p{margin:0}
.company-offer{min-height:100%}
.company-offer .offer__desc{flex:1}
.company-offer .price{gap:var(--s-2)}
.company-facts{display:grid;grid-template-columns:minmax(10em,auto) minmax(0,1fr);margin:0;border-top:1px solid var(--mk-gold)}
.company-facts dt,.company-facts dd{margin:0;padding:var(--s-4) var(--s-3);border-bottom:1px solid var(--rule)}
.company-facts dt{font:600 var(--t-sm)/var(--lh-ui) var(--font-ui)}
.company-facts dd{color:var(--ink-2)}
.company-facts dd a{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.company-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:var(--s-6) 0 0;padding:0;list-style:none;counter-reset:principle}
.company-principles li{counter-increment:principle;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);align-items:start;padding:var(--s-6);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-card);background:rgba(255,255,255,.72);box-shadow:0 1px 2px rgba(20,40,70,.05),0 18px 40px -26px rgba(20,40,70,.22)}
.company-principles li:first-child{grid-column:1/-1;background:radial-gradient(90% 160% at 100% 0%,rgba(255,214,170,.45),rgba(255,214,170,0) 60%),rgba(255,255,255,.8)}
.company-principles li::before{content:counter(principle);font:400 italic 2.5rem/1 var(--font-display);color:var(--ink-3);font-variant-numeric:lining-nums}
.company-principles h3{margin:0 0 var(--s-1);font:600 var(--t-xl)/1.15 var(--font-display);letter-spacing:-.01em}
.company-principles p{margin:0;color:var(--ink-2)}
@media(max-width:599px){.company-principles{grid-template-columns:minmax(0,1fr)}}
.company-profiles{display:flex;flex-wrap:wrap;gap:var(--s-4);margin:var(--s-6) 0 0;padding:0;list-style:none}
.company-profiles a{display:flex;align-items:center;min-height:var(--tap-min);padding:var(--s-3) var(--s-4);background:var(--card);box-shadow:var(--lift-1);font:600 var(--t-sm)/var(--lh-ui) var(--font-ui)}
.company-profiles small{display:block;margin-left:var(--s-2);font-weight:400;color:var(--ink-2)}
.company-page .mv-menu__links .tape{min-width:var(--tap-min);justify-content:center}
.company-page #who .prose a{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.company-related{margin:var(--s-8) 0 0;color:var(--ink-2)}
.company-page #questions .faq{padding-inline:var(--s-4)}
@media(max-width:959px){.company-process{grid-template-columns:1fr;gap:var(--s-8)}}
@media(max-width:767px){.company-head{padding:var(--s-12) 0 var(--s-8)}.company-head__title{max-width:14em}.company-contact{grid-template-columns:1fr;gap:var(--s-4);padding:var(--s-4)}.company-contact__actions{width:100%}.company-contact__actions>*{flex:1;text-align:center}.company-facts{grid-template-columns:1fr}.company-facts dt{padding-bottom:0;border-bottom:0}.company-facts dd{padding-top:var(--s-2)}.company-profiles{display:grid;grid-template-columns:1fr}.company-profiles a{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.company-contact__copy{transition:none}}

/* Shared reading rhythm for about and contact. Section breaks, list alignment and the
   three-up offer shelf live here. site.css zeroes the first h2 margin inside each section
   and .doc__body indents every list, so both need resetting for this family. */
.company-doc .doc__body section + section{margin-top:var(--s-20)}
.company-doc .doc__body .company-principles,.company-doc .doc__body .company-profiles,.company-doc .doc__body .company-shelf{padding-left:0}
.company-doc .doc__body .company-principles > li + li,.company-doc .doc__body .company-shelf > li + li{margin-top:0}
.company-page .shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.company-page .offer__foot .tape--button{min-height:var(--tap-min)}
@media(max-width:899px){.company-page .shelf{grid-template-columns:1fr}}
@media(max-width:767px){.company-doc .doc__body section + section{margin-top:var(--s-12)}}
/* Narrow sections keep the page's left edge: the wrap stays full width and only the text measures narrow. */
.company-page .wrap--narrow{max-width:var(--wrap)}
.company-page .wrap--narrow > *{max-width:var(--wrap-narrow)}