@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1eb;color:#1d211f;font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.wrap{padding:0 6vw}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:#f4f1eb;z-index:20;border-bottom:1px solid #d8d1c6}.brand{text-decoration:none;color:#19376b;font-weight:600;letter-spacing:.09em;display:flex;flex-direction:column}.brand small{color:#d49a2c;letter-spacing:.3em;font-size:10px}.brand span{font-size:17px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:13px}.pill{border:1px solid;border-radius:99px;padding:11px 18px;text-decoration:none;font-size:12px}.hero{height:calc(100vh - 84px);min-height:650px;position:relative;overflow:hidden;color:white}.hero img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,13,.7),rgba(12,15,13,.08))}.hero-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);max-width:700px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600}.hero h1,.title{font-size:clamp(44px,6vw,88px);font-weight:300;line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero em,.script{font-family:'Playfair Display';font-weight:500}.hero p{max-width:520px;line-height:1.7}.btn{display:inline-block;background:#d8a332;color:#171a18;text-decoration:none;padding:15px 22px;margin:22px 18px 0 0;font-size:12px;font-weight:600}.btn.dark{background:#202724;color:white}.textlink{text-decoration:none;font-size:12px}.section{padding:100px 7vw}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end}.lead{font-size:19px;line-height:1.75}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.facts div{border-top:1px solid #bdb6aa;padding-top:18px}.facts b{display:block;margin-bottom:7px}.dark-section{background:#202724;color:#f5f1e8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4c534f;margin-top:55px}.service-grid article{padding:30px;border-right:1px solid #4c534f}.service-grid article:first-child{padding-left:0}.service-grid b{color:#d8a332}.service-grid h3{font-weight:400;font-size:21px;margin-top:55px}.service-grid p{font-size:13px;line-height:1.7;color:#c4c7c4}.featured{background:#e8e3da}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 22px;margin-top:45px}.project-card{text-decoration:none}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.caption{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #c6beb2;font-size:13px}.cta{background:#d8a332;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw}.contact-card{border-top:1px solid #655023;padding-top:25px;align-self:end}.contact-card>*{display:block;margin:0 0 18px;text-decoration:none;line-height:1.6}footer{padding:42px 6vw;background:#171b19;color:#ddd;display:flex;justify-content:space-between;align-items:end}footer p{font-size:10px;letter-spacing:.1em}.page-hero{padding:90px 7vw 55px}.page-hero p{max-width:650px;line-height:1.7}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.filters span{border:1px solid #aaa196;border-radius:99px;padding:8px 13px;font-size:11px}.gallery{padding:20px 7vw 100px;columns:2;column-gap:22px}.gallery figure{break-inside:avoid;margin:0 0 34px}.gallery img{width:100%;display:block}.gallery figcaption{padding:11px 2px;border-bottom:1px solid #c8c0b5;font-size:12px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bbb4a8;margin-top:55px}.steps div{padding:22px 12px 45px 0;border-right:1px solid #bbb4a8}.steps b{display:block;color:#b47c19;margin-bottom:30px}.note{font-size:12px;color:#6f6b64;margin-top:25px}
@media(max-width:800px){header{padding:0 20px}nav{display:none}.hero-copy{left:24px;right:24px}.section,.page-hero,.gallery{padding-left:24px;padding-right:24px}.intro-grid,.cta,.about-layout{grid-template-columns:1fr}.facts,.service-grid,.steps,.project-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #4c534f}.service-grid h3{margin-top:25px}.gallery{columns:1}.steps div{border-right:0;border-bottom:1px solid #bbb4a8}.cta .contact-card{margin-top:35px}footer{display:block}footer>*{margin-bottom:18px}}

/* Final V4 portfolio upgrade */
.portfolio-hero{padding-bottom:42px}.project-jump{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.project-jump a{border:1px solid #aaa196;border-radius:99px;padding:9px 14px;text-decoration:none;font-size:11px}.portfolio-list{padding:0 7vw 100px}.portfolio-project{padding:45px 0 70px;border-top:1px solid #c8c0b5;scroll-margin-top:95px}.portfolio-cover{display:block;position:relative;overflow:hidden}.portfolio-cover img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;transition:transform .5s ease}.portfolio-cover:hover img{transform:scale(1.012)}.project-no{position:absolute;right:20px;bottom:14px;color:white;font-family:'Playfair Display';font-style:italic;font-size:48px;text-shadow:0 2px 18px #0008}.portfolio-info{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:24px 0 28px}.portfolio-info h2{font-size:32px;font-weight:400;margin:6px 0}.portfolio-info p{line-height:1.65;color:#66615b}.project-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.project-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.project-strip img:first-child{grid-column:span 2}.project-strip img:nth-child(4){grid-column:span 2}@media(max-width:800px){header{height:72px}.brand span{font-size:14px}.pill{padding:9px 12px}.portfolio-list{padding:0 24px 70px}.portfolio-project{padding:30px 0 50px;scroll-margin-top:78px}.portfolio-cover img{aspect-ratio:4/3}.project-no{font-size:36px}.portfolio-info{grid-template-columns:1fr;gap:4px;padding:18px 0 22px}.portfolio-info h2{font-size:28px}.portfolio-info p{margin-top:0}.project-strip{grid-template-columns:repeat(2,1fr);gap:7px}.project-strip img,.project-strip img:first-child,.project-strip img:nth-child(4){grid-column:span 1;aspect-ratio:1/1}.project-strip img:last-child{display:none}}