*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f1e8;color:#302f28;font:17px/1.65 Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:18px 6%;border-bottom:1px solid #bbb7a3;background:#f5f1e8}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;font-size:12px;letter-spacing:2px}.brand img{width:94px;height:68px;object-fit:cover;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:28px}nav a{color:inherit;text-decoration:none;font-size:14px}button{font:inherit;cursor:pointer}#language{background:none;border:1px solid #737859;padding:5px 12px;color:#4f563b}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.18fr;min-height:650px;margin:42px 6% 95px;border:1px solid #aaa98e}.intro{padding:60px 40px;background:#e7e6d7;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:2px;color:#555d3e}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(34px,4vw,65px);margin:30px 0}h2{font-size:clamp(32px,3vw,48px)}h3{font-size:31px;margin:15px 0}.intro p:not(.eyebrow){max-width:340px}.button{display:inline-block;border:1px solid #535b3d;color:#fff;background:#535b3d;padding:12px 23px;text-decoration:none;font-size:14px;margin-top:18px}.location{font-size:12px;letter-spacing:2px;margin-top:auto;padding-top:55px;color:#62664d}figure{margin:0;position:relative;min-width:0}figure img{height:100%;width:100%;object-fit:cover}figcaption{position:absolute;bottom:20px;left:20px;background:#f5f1e8;padding:7px 15px;font-size:12px;letter-spacing:2px}#projects{margin:0 6% 110px}.section-heading{margin-bottom:45px}.section-heading h2{margin:15px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.card{border:0;background:none;color:inherit;text-align:left;padding:0}.card img{width:100%;height:350px;object-fit:cover;border:1px solid #cbc7b6;transition:filter .2s}.card:hover img{filter:brightness(.94)}.card .meta{font-size:13px;letter-spacing:1px;color:#5c6447}.card p{margin-top:0;max-width:560px}.view{display:inline-block;font-size:14px;border-bottom:1px solid #687051;color:#4e5639}.about{margin:0 6% 85px;padding:60px 0;border-top:1px solid #bbb7a3;display:grid;grid-template-columns:.7fr 1fr;gap:80px}.about>img{width:100%;align-self:center;mix-blend-mode:multiply}.about p{max-width:650px}.skills{font-size:13px;letter-spacing:2px;margin-top:30px}.skills span{padding:0 15px;color:#81846b}footer{display:flex;justify-content:space-between;border-top:1px solid #bbb7a3;padding:30px 6%;font-size:12px;letter-spacing:1px}dialog{border:0;background:#f5f1e8;color:inherit;width:min(1200px,94vw);max-height:92vh;padding:55px;overflow:auto}dialog::backdrop{background:#22251de0}.close{position:sticky;top:0;float:right;background:#535b3d;color:white;border:0;width:42px;height:42px;font-size:30px;z-index:1}.detail-meta{color:#586142;font-size:14px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.gallery a{display:block}.gallery img{width:100%;height:auto;border:1px solid #ccc7b9}.gallery a:first-child{grid-column:1/-1}.gallery-caption{font-size:14px;color:#586142}a:focus-visible,button:focus-visible{outline:3px solid #8b7042;outline-offset:5px}@media(max-width:760px){header{padding:12px 5%}.brand span{display:none}nav{gap:16px}.hero{grid-template-columns:1fr;margin:25px 5% 60px}.intro{padding:35px 25px}.hero figure{height:350px}.location{padding-top:30px}.grid{grid-template-columns:1fr;gap:40px}.card img{height:280px}.about{grid-template-columns:1fr;gap:20px;padding:35px 0}.about>img{max-width:230px}dialog{padding:25px}.gallery{grid-template-columns:1fr}.gallery a:first-child{grid-column:auto}footer{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact{margin:0 6% 85px;border-top:1px solid #bbb7a3;padding:50px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{margin:15px 0}.contact p{max-width:540px}.contact-links{display:flex;flex-direction:column;gap:25px;justify-content:center}.contact-links a{color:#4f563b;text-decoration:none;border-bottom:1px solid #aaa98e;padding:15px 0;overflow-wrap:anywhere}.contact-links span{display:block;font-size:12px;letter-spacing:2px;margin-bottom:6px}@media(max-width:760px){.contact{grid-template-columns:1fr;gap:15px}.brand img{width:70px}nav{gap:12px}nav a{font-size:13px}}

.gallery img{border:0}

.gallery{grid-template-columns:1fr}.gallery a{width:100%;max-width:1000px;margin:0 auto}