/* TXA Platform 0.2.1-A */

.mobile-menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;cursor:pointer}
.mobile-menu-button span{display:block;height:2px;background:#161616;margin:4px 0;border-radius:2px}
.mobile-menu[hidden]{display:none!important}
.mobile-menu{background:#fff;border-top:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.06)}
.mobile-menu-inner{padding-top:18px;padding-bottom:22px}
.mobile-menu nav{display:grid}
.mobile-menu nav a{text-decoration:none;font-size:1rem;font-weight:800;padding:12px 0;border-bottom:1px solid #efefe9}
.mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}

.company-hero{background:#fff;padding:88px 0}
.company-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.company-hero h1{font-size:clamp(3.1rem,6vw,5.7rem);line-height:.93;letter-spacing:-.065em;margin:15px 0 22px;max-width:900px}
.company-hero p{font-size:1.12rem;color:var(--muted);line-height:1.7;max-width:760px}
.company-fact-card{background:var(--yellow);border-radius:22px;min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.company-fact-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.company-fact-card strong{font-size:2.45rem;letter-spacing:-.05em;margin:8px 0;line-height:1}
.company-fact-card small{font-size:.9rem;color:#625600}
.company-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.company-story-grid h2{font-size:clamp(2.1rem,4vw,3.6rem);letter-spacing:-.05em;line-height:1.02;margin:12px 0}
.company-story-copy p{font-size:1.05rem;color:var(--muted);line-height:1.8;margin:0 0 20px}
.company-principles-section{background:#171716;color:#fff}
.company-principles-section .site-eyebrow{color:#aaa99f}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.principles-grid article{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px;min-height:310px;display:flex;flex-direction:column}
.principles-grid h2{font-size:2rem;letter-spacing:-.04em;margin:12px 0 auto}
.principles-grid p{color:#c2c2ba;line-height:1.7;margin-top:30px}
.values-block{margin-top:50px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.values-grid span{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;font-weight:800}

.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:start}
.contact-main>h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em;margin:12px 0 28px}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contact-card{min-height:155px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:.16s transform,.16s border-color}
.contact-card>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.contact-card strong{font-size:1rem;margin:12px 0 auto;overflow-wrap:anywhere}
.contact-card small{color:var(--muted);margin-top:16px}
a.contact-card:hover{border-color:#c7c7bd;transform:translateY(-2px)}
.contact-hours{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.contact-hours h3{margin:0 0 10px}
.contact-hours p{margin:5px 0;color:var(--muted)}
.contact-quote-card{background:var(--yellow);border-radius:20px;padding:28px;position:sticky;top:110px}
.contact-quote-card h2{font-size:2.2rem;letter-spacing:-.05em;margin:12px 0}
.contact-quote-card p{line-height:1.6;color:#554b00;margin-bottom:25px}

.footer-grid-refined{grid-template-columns:1.5fr 1fr .8fr .7fr}
.footer-grid-refined>div:first-child>span{color:#aaa99f;font-size:.82rem}

@media(max-width:1120px){
 .site-nav{display:none}
 .desktop-quote{display:none}
 .mobile-menu-button{display:block}
}
@media(max-width:900px){
 .company-hero-grid,.company-story-grid,.contact-grid{grid-template-columns:1fr}
 .company-fact-card{min-height:220px}
 .principles-grid{grid-template-columns:1fr}
 .contact-quote-card{position:static}
 .footer-grid-refined{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .mobile-menu-actions{grid-template-columns:1fr}
 .company-hero{padding:55px 0}
 .company-hero h1{font-size:3.1rem}
 .company-fact-card strong{font-size:2rem}
 .values-grid{grid-template-columns:1fr 1fr}
 .contact-cards{grid-template-columns:1fr}
 .footer-grid-refined{grid-template-columns:1fr}
}
@media(max-width:420px){
 .values-grid{grid-template-columns:1fr}
}