
:root{--orange:#f92909;--brown:#25130e;--ivory:#fef7ee;--gray:#6b6b6b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--brown);background:#fff;font-family:Montserrat,Arial,sans-serif}
header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #eee;background:#fff}
.logo{width:min(430px,52vw);height:auto;display:block}
nav{display:flex;gap:28px}nav a,a{text-decoration:none;color:inherit}nav a:hover{color:var(--orange)}
.hero{min-height:calc(100vh - 92px);display:flex;align-items:center;background:var(--ivory);padding:8vw}
.hero-inner{max-width:930px}.eyebrow{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700}
h1{font-size:clamp(2.6rem,5.5vw,5.6rem);line-height:1.02;letter-spacing:-.045em;margin:18px 0 25px}
.hero p{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.55;max-width:760px}
.button{display:inline-block;margin-top:25px;background:var(--brown);color:#fff;padding:15px 23px;font-weight:600}
.button:hover{background:var(--orange)}
.note{margin-top:25px;color:var(--gray);font-size:.9rem}
.projects-intro{padding:70px 6vw 25px;max-width:1200px;margin:auto}
.projects-intro h1{font-size:clamp(2.6rem,5vw,4.8rem);margin-bottom:8px}
.project{max-width:1200px;margin:0 auto;padding:60px 6vw 90px;border-bottom:1px solid #ddd}
.project-head{max-width:850px;margin-bottom:36px}.project h2{font-size:2rem;margin:0 0 5px}
.location{font-style:italic;font-size:1.15rem;margin:0 0 34px}
.desc{font-size:1.08rem;line-height:1.55;margin:0 0 10px}
.gallery{display:grid;grid-template-columns:1fr 1.15fr;gap:22px 42px;margin-top:35px;align-items:start}
.gallery img{width:100%;height:auto;display:block}
footer{padding:45px 6vw;background:var(--ivory);color:var(--gray);font-size:.9rem}
@media(max-width:760px){header{height:auto;padding:22px 6vw;align-items:flex-start;gap:20px}.logo{width:260px;max-width:65vw}nav{gap:14px;font-size:.9rem}.hero{min-height:80vh;padding:12vw 7vw}.gallery{grid-template-columns:1fr;gap:18px}.project{padding-left:7vw;padding-right:7vw}.projects-intro{padding-left:7vw;padding-right:7vw}}
