*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Questrial",Arial,sans-serif;color:#000;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}
.shell{width:min(calc(100% - 56px),1240px);margin:auto}
header{height:82px;padding:0 max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:5}
.brand{display:flex;align-items:center}
.brand img{display:block;width:200px;height:42px;object-fit:contain;object-position:left center}
nav{display:flex;gap:30px}#menu{display:none;border:0;background:none;font:inherit}
.hero{min-height:700px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding:70px 0}.label{font-size:11px;letter-spacing:.18em;margin:0 0 20px}.hero h1,h2{font-size:clamp(48px,6vw,84px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0}
.lead{max-width:760px;font-size:19px;color:#444;margin:30px 0}
.link{border-bottom:1px solid;padding-bottom:5px}
.mark{height:460px;background:#000;display:grid;place-items:center;padding:58px}
.mark img{width:100%;max-width:310px;height:100%;object-fit:contain}
.black{background:#000;color:#fff}
.statement{padding:105px 0}
.section{padding-top:115px;padding-bottom:115px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.split h2{font-size:clamp(42px,4.6vw,64px)}
.prose{font-size:19px;color:#3e3e3e}
.soft{background:#f3f3f0}
.row{display:grid;grid-template-columns:70px .7fr 1fr;gap:35px;border-top:1px solid #aaa;padding:34px 0}
.row:last-child{border-bottom:1px solid #aaa}
.row h3{font-size:38px;font-weight:400;margin:0}
.row p{margin:4px 0;color:#444}
.grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ddd;border-left:1px solid #ddd}
.grid article{padding:40px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:240px}
.grid h3{font-size:28px;font-weight:400;margin:0 0 30px}
.grid p{color:#555}
.black .label,.muted{color:#999}
.venture{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;border-top:1px solid #444;border-bottom:1px solid #444;padding:55px 0;margin-top:65px}
.venture h3{font-size:48px;font-weight:400;margin:10px 0}
.venture h4,.products h4{font-size:40px;font-weight:400;line-height:1.1;margin:12px 0 22px}
.venture p,.products p{color:#bbb}
.products{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #444}
.products article{padding:45px 0}
.products article+article{border-left:1px solid #444;padding-left:45px}
.products span{font-size:10px;letter-spacing:.16em;color:#999}
.muted{font-size:13px;margin-top:35px}
.contact{background:#f2f2ef;padding:90px 0}
.contact a{font-size:20px;border-bottom:1px solid}
footer{background:#000;color:#fff;padding:40px 0}
footer .shell{display:grid; grid-template-columns: 180px 1fr 1fr; align-items: center; gap: 50px; font-size: 11px; color: #999;}
.footer-logo{  display: block; width: 150px; height: auto; max-height: 85px; object-fit: contain; object-position: left center;}@media(max-width:820px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;border-bottom:1px solid #ddd}
nav.open{display:flex}#menu{display:block}
.hero,.split,.venture{grid-template-columns:1fr}
.hero{min-height:auto}
.mark{height:320px;padding:40px}.row{grid-template-columns:45px 1fr}.row p{grid-column:2}
.grid,.products{grid-template-columns:1fr}.products article+article{border-left:0;border-top:1px solid #444;padding-left:0}
footer .shell{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.shell{width:calc(100% - 30px)}header{height:70px;padding:0 15px}.brand img{width:160px;height:36px}nav{top:70px}.hero{padding:50px 0}.hero h1{font-size:48px}
.section{padding-top:75px;padding-bottom:75px}
.statement{padding:75px 0}.split{gap:40px}
.grid{border-left:0}
.grid article{border-right:0;padding:30px 0}
.mark{height:280px}
.footer-logo{width:150px}}
footer .shell span:last-child {text-align: left;}
@media (max-width: 820px) {
  /* tablet + mobile rules */
footer .shell {grid-template-columns: 1fr; gap: 24px;}
.footer-logo {
    width: 140px;
    max-height: 80px;
  }
footer .shell span:last-child {
    text-align: left;
  }
}