*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#23272B;background:#F7F6F2;line-height:1.6}
a{color:#B3541E}
.site-header{background:#23272B;color:#fff;position:relative}
.header-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 20px}
.brand{color:#fff;text-decoration:none;font-weight:bold;font-size:20px;letter-spacing:.5px}
.brand span{color:#E8A33D}
.main-nav{margin-left:auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.nav-item{position:relative}
.nav-item>a,.nav-btn{color:#fff;text-decoration:none;background:none;border:0;font:inherit;font-size:15px;padding:8px 12px;cursor:pointer;display:block}
@media (hover:hover){.nav-item>a:hover,.nav-btn:hover{color:#E8A33D}.menu a:hover{background:#F1EDE6;color:#B3541E}.has-menu:hover .menu{display:block}}
.menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:250px;list-style:none;margin:0;padding:8px 0;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50;border-top:3px solid #B3541E}
.menu a{color:#23272B;text-decoration:none;display:block;padding:7px 16px;font-size:14px}
.has-menu:focus-within .menu{display:block}
.lang-switch{position:relative;margin-left:6px}
.lang-switch summary{color:#fff;cursor:pointer;list-style:none;font-size:14px;padding:8px 10px;border:1px solid #4A5057;white-space:nowrap;background:#2C3136}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover{color:#E8A33D}
.lang-switch ul{position:absolute;right:0;top:calc(100% + 4px);background:#fff;min-width:120px;list-style:none;margin:0;padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:60;border-top:3px solid #B3541E}
.lang-switch ul a{color:#23272B;text-decoration:none;display:block;padding:6px 14px;font-size:14px}
.lang-switch ul a:hover{background:#F1EDE6;color:#B3541E}
.lang-switch .cur{color:#B3541E;font-weight:bold;display:block;padding:6px 14px;font-size:14px}
@media (min-width:861px){.mnav-btn{display:none}}
.mobile-panel{display:none;background:#2C3136;padding:10px 20px 18px}
.mobile-panel.open{display:block}
.m-group span{display:block;color:#E8A33D;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:12px 0 4px}
.m-link{display:block;color:#fff;text-decoration:none;padding:9px 0;font-size:15px}
.hero{background:linear-gradient(180deg,#fff, #F1EDE6);border-bottom:4px solid var(--fam)}
.hero-in{max-width:1180px;margin:0 auto;padding:36px 20px 30px;display:flex;gap:32px;align-items:flex-start}
.hero-text{flex:1 1 55%}
.kicker{font-family:ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--fam);margin:0 0 8px}
h1{font-size:32px;line-height:1.2;margin:0 0 12px}
.lead{font-size:17px;color:#3C4247;margin:0}
.specimen{flex:0 1 420px;width:100%;background:#fff;border:1px solid #D8D2C4;border-top:6px solid var(--fam);padding:14px 16px;font-family:ui-monospace,Menlo,Consolas,monospace}
.spec-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#6B7280;border-bottom:1px dashed #C9C2B0;padding-bottom:8px;margin-bottom:8px}
.spec-row{display:flex;gap:10px;padding:8px 0;font-size:12.5px}
.spec-k{color:var(--fam);font-weight:bold;flex:0 0 92px}
.spec-v{color:#23272B}
.content{max-width:900px;margin:0 auto;padding:28px 20px 10px}
.content h2{font-size:24px;margin:28px 0 10px;line-height:1.3}
.content h3{font-size:18px;margin:20px 0 8px}
.content p{margin:0 0 12px}
.twrap{overflow-x:auto;margin:12px 0}
table.spec{border-collapse:collapse;width:100%;background:#fff;font-size:14.5px}
table.spec th{background:#23272B;color:#fff;text-align:left;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:1px}
table.spec td{border-bottom:1px solid #E3DED0;padding:8px 10px;vertical-align:top}
figure.photo{margin:18px 0;background:#fff;border:1px solid #E3DED0;padding:10px}
figure.photo img{max-width:100%;height:auto;display:block}
figure.photo figcaption{font-size:13px;color:#6B7280;margin-top:8px}
.cta{background:#23272B;color:#fff;padding:24px;margin:30px 0 10px;border-top:5px solid #B3541E}
.cta h2{color:#fff;margin-top:0}
.btn{display:inline-block;background:#B3541E;color:#fff;text-decoration:none;padding:10px 18px;font-weight:bold;margin-right:10px}
.btn.ghost{background:transparent;border:1px solid #fff}
.btn:active{opacity:.85}.nav-item>a:active,.nav-btn:active{color:#E8A33D}.menu a:active{background:#E7DFD2}
form.quote{background:#fff;border:1px solid #E3DED0;padding:20px;margin:16px 0}
form.quote label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#6B7280;margin:12px 0 4px}
form.quote input,form.quote select,form.quote textarea{width:100%;padding:10px;border:1px solid #C9C2B0;font:inherit;background:#FDFCF9}
form.quote button{background:#B3541E;color:#fff;border:0;padding:12px 22px;font:inherit;font-weight:bold;cursor:pointer;margin-top:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px;margin:16px 0}
.card{min-width:0}
.card{background:#fff;border:1px solid #E3DED0;border-top:4px solid var(--fam,#37474F);padding:16px}
.card h3{margin-top:0}
.card a{text-decoration:none}
.site-footer{background:#23272B;color:#C9CDD2;margin-top:40px}
.foot-in{max-width:1180px;margin:0 auto;padding:28px 20px;display:flex;gap:32px;flex-wrap:wrap}
.foot-col{flex:1 1 260px}
.foot-col strong{color:#fff;display:block;margin-bottom:8px}
.foot-col a{color:#E8A33D;text-decoration:none}
.copy{max-width:1180px;margin:0 auto;padding:0 20px 22px;font-size:13px;color:#8A9096}
@media (max-width:860px){
 .main-nav{display:none}.mnav-btn{display:block;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;margin-left:auto;padding:8px 10px}
 .hero-in{flex-direction:column}.specimen{flex:none}
 h1{font-size:26px}
}