
:root{--black:#050607;--gold:#c78b18;--gold2:#e0a62a;--ink:#181818;--muted:#696969;--line:#e5e1da;--off:#f5f3ef}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.content-header{height:74px;background:#050607;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(199,139,24,.2)}
.content-brand{letter-spacing:5px;font-size:18px}.content-brand span{display:block;color:var(--gold2);font-size:8px;letter-spacing:6px;margin-top:4px}
.content-header nav{display:flex;gap:26px;height:100%;align-items:center}
.content-header nav a{font-size:10px;color:#efefef;height:100%;display:flex;align-items:center;position:relative}
.content-header nav a.active{color:var(--gold2)}
.content-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--gold2)}
.content-main{max-width:1220px;margin:0 auto;padding:60px 28px 84px}
.content-kicker{color:#b4760c;letter-spacing:1.7px;font-size:11px;font-weight:700}
.content-main>h1{font-size:48px;line-height:1;margin:9px 0 12px;letter-spacing:-1.5px}
.content-intro{font-size:16px;color:#5f5f5f;max-width:760px;line-height:1.6;margin:0 0 34px}
.about-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#faf8f3);padding:30px;border-radius:10px;margin:26px 0}
.about-panel h2{font-size:30px;margin:0 0 18px;font-weight:500}.about-panel p{color:#626262;line-height:1.7}
.about-values,.values-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.about-values article,.values-page-grid article{border:1px solid var(--line);border-radius:9px;padding:22px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.03)}
.about-values h3,.values-page-grid h2{color:#ad7615;font-size:15px;margin:0 0 10px}
.about-values p,.values-page-grid p{color:#666;font-size:12px;line-height:1.6;margin:0}
.value-icon{color:var(--gold2);font-size:26px;margin-bottom:10px}
.lower-values{margin-top:14px}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.archive-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.03)}
.archive-card img{width:100%;height:220px;object-fit:cover;display:block}
.archive-card div{padding:20px}.archive-card time{font-size:10px;color:#a96d0f}.archive-card h2{font-size:20px;line-height:1.35;margin:9px 0 18px}
.archive-card a,.career-card a{display:inline-block;border:1px solid var(--gold);color:#9c6814;padding:9px 12px;font-size:10px;font-weight:700}
.career-list{display:grid;gap:13px}
.career-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.career-card h2{margin:0 0 8px;font-size:21px}.career-card p{color:#666;line-height:1.6}
.career-tags{display:flex;gap:8px}.career-tags span{border:1px solid #dbc89d;border-radius:999px;padding:5px 8px;font-size:10px;color:#8d671e}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}
.contact-panel,.contact-form{border:1px solid var(--line);border-radius:9px;background:#fff;padding:26px;box-shadow:0 4px 16px rgba(0,0,0,.03)}
.contact-panel h2{font-size:25px;margin:0 0 12px}.contact-panel p{color:#666;line-height:1.65}
.contact-link{display:block;color:#a86e12;margin:10px 0;font-weight:600}
.contact-form{display:grid;gap:13px}
.contact-form label{font-size:11px;color:#555}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d9d5cd;background:#fbfaf7;padding:11px;color:#161616}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form button{justify-self:start;background:linear-gradient(135deg,#d49a2c,#b87913);color:#fff;border:0;padding:12px 17px;font-size:10px;font-weight:700;cursor:pointer}
.form-status{font-size:10px;color:#a86e12}
.empty-public{border:1px dashed #d8d2c7;padding:30px;text-align:center;color:#777}
.content-footer{background:#050607;color:#858585;padding:18px 4vw;font-size:9px}
@media(max-width:850px){.content-header nav{display:none}.archive-grid,.about-values,.values-page-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}}
@media(max-width:560px){.content-main{padding:42px 18px 64px}.content-main>h1{font-size:39px}.archive-grid,.about-values,.values-page-grid{grid-template-columns:1fr}.career-card{align-items:flex-start;flex-direction:column}}
