*{box-sizing:border-box}
body{margin:0;background:#f5f2eb;color:#252525;font:18px/1.7 Arial,sans-serif}
.wrap{width:min(1160px,92%);margin:auto}
a{color:inherit;text-underline-offset:5px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{line-height:1.15;margin:0 0 22px}
h1{font:normal clamp(40px,5vw,68px)/1.1 Georgia,serif;max-width:850px}
h2{font:normal clamp(32px,4vw,46px)/1.15 Georgia,serif}
h3{font-size:25px}
header{background:#202120;color:white;border-bottom:1px solid #b99a54}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0}
.logo{width:250px;height:auto}
nav{display:flex;gap:30px;flex-wrap:wrap}
nav a{text-decoration:none;font-size:15px;letter-spacing:1px}
nav a:hover{color:#d9bf80}
.preview{text-align:center;background:#c3a463;color:#181918;padding:5px;font-size:12px;letter-spacing:1px}
.hero{background:#202120;color:#fff}
.hero .wrap{padding:55px 0 0}
.hero .wrap>div{padding-bottom:40px}
.hero p{max-width:780px;color:#deded8}
.hero .eyebrow{color:#d9bf80}
.hero img{width:100%;height:auto;border-top:3px solid #b99a54}
.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:#78602b}
.button{display:inline-block;background:#c3a463;color:#171817;padding:13px 25px;font-weight:bold;text-decoration:none;margin-top:12px}
.button:hover{background:#d9bf80}
section.content{padding:75px 0}
.cards{margin-top:35px;border-top:1px solid #b6aa91}
.card{display:grid;grid-template-columns:minmax(180px,310px) 1fr;gap:40px;align-items:center;padding:30px 0;border-bottom:1px solid #b6aa91}
.card img{width:100%;height:auto}
.card p{color:#555;margin:0}
.about{background:#e9e4da}
.split{display:grid;grid-template-columns:1fr 1.3fr;gap:65px}
.portrait{width:100%;max-width:300px;margin-top:25px}
.badges{display:flex;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}
.badges img{width:110px;height:auto}
.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.project-gallery figure{margin:0}
.project-gallery img{width:100%;height:auto}
.project-gallery figcaption{font-size:14px;margin-top:10px;color:#625b4f}
.standards{background:#292a29;color:white;padding:40px 0}
.standards .marks{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}
.marks img{width:180px;height:auto}
.contact{background:#202120;color:white;border-top:2px solid #b99a54}
.contact a{overflow-wrap:anywhere}
footer{background:#171817;color:#c8c8c2;padding:25px 0;font-size:13px}
a:focus-visible{outline:3px solid #b99a54;outline-offset:5px}
@media(max-width:760px){
header .wrap{flex-direction:column;align-items:flex-start}
.logo{width:220px}
nav{gap:22px}
.hero .wrap{padding-top:35px}
.card,.split,.project-gallery{grid-template-columns:1fr}
.card{gap:22px}
.card img{max-width:420px}
.split{gap:28px}
section.content{padding:45px 0}
.marks img{width:130px}
}