*{box-sizing:border-box}
body{margin:0;background:#120d0c;color:#f4ede2;font-family:"Courier New",monospace}
img{display:block;width:100%;height:100%;object-fit:cover}
.hero{height:clamp(680px,86svh,760px);min-height:0;position:relative;overflow:hidden}
.hero img{object-position:center center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,13,12,.88) 0 34%,rgba(18,13,12,.26) 66%,rgba(18,13,12,.08))}
.hero-copy{position:absolute;z-index:2;left:6vw;bottom:96px;max-width:760px}
.hero-copy p,.certificate p,.inspection p:first-child{margin:0 0 14px;color:#d7b36a;text-transform:uppercase;font-weight:900;font-size:13px}
.hero h1{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5.8vw,84px);line-height:.96}
.hero a{display:inline-flex;margin-top:24px;background:#d7b36a;color:#120d0c;text-decoration:none;padding:17px 24px;text-transform:uppercase;font-weight:900;font-size:13px}
.certificate{display:grid;grid-template-columns:.9fr 1.1fr;min-height:700px;background:#1c1513}
.certificate div,.inspection div{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}
.certificate h2,.inspection h2,.contact h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5.8vw,86px);line-height:1;margin:0}
.chain{display:grid;grid-template-columns:repeat(3,1fr);background:#080706;border-top:1px solid rgba(215,179,106,.3);border-bottom:1px solid rgba(215,179,106,.3)}
.chain article{padding:46px 4vw;border-right:1px solid rgba(215,179,106,.24)}
.chain span{display:block;color:#d7b36a;text-transform:uppercase;font-weight:900;font-size:13px}
.chain b{display:block;margin-top:18px;font-size:23px;line-height:1.25}
.inspection{display:grid;grid-template-columns:1.08fr .92fr;min-height:690px}
.inspection p:last-child{font:20px/1.45 Arial;color:#d8cec0}
.contact{padding:76px 5vw;background:#d7b36a;color:#120d0c;display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:end}
.contact form{display:grid;gap:12px}
.contact input{height:58px;border:0;background:#fff7ea;padding:0 16px;font:18px Arial}
.contact button{height:58px;border:0;background:#120d0c;color:#fff7ea;font:900 13px Arial;text-transform:uppercase}
@media(max-width:820px){
  .hero{height:auto;min-height:auto;display:flex;flex-direction:column;background:#120d0c}
  .hero img{height:320px;object-position:center center}
  .hero:after{display:none}
  .hero-copy{position:static;padding:34px 24px 46px;max-width:none}
  .hero h1{font-size:39px}
  .certificate,.inspection,.contact,.chain{grid-template-columns:1fr}
  .certificate img,.inspection img{height:420px}
  .certificate div,.inspection div,.contact{padding:56px 22px}
  .chain article{border-right:0;border-bottom:1px solid rgba(215,179,106,.24)}
}