@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:#f2efe8;color:#171714;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:86px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4vw;color:white;border-bottom:1px solid #ffffff40;transition:.3s}header.scrolled{background:#f2efe8ed;color:#171714;border-color:#17171418;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600;letter-spacing:1.5px;line-height:1.05}.brand img{width:42px;height:42px;object-fit:cover}nav{margin:auto;display:flex;gap:35px;font-size:13px}nav a:hover{opacity:.55}.wa.small{font-size:12px;border:1px solid currentColor;padding:12px 16px}.hero{height:100vh;min-height:680px;position:relative;color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#1119 0,#1112 65%),linear-gradient(0deg,#1117 0,transparent 45%)}.heroText{position:absolute;left:7vw;bottom:15vh;max-width:850px}.eyebrow,.kicker{font-size:11px;letter-spacing:2.4px;font-weight:600}.hero h1{font-size:clamp(56px,7.2vw,108px);line-height:.91;letter-spacing:-5px;margin:22px 0 28px;font-weight:400}.hero h1 em{font-family:'Playfair Display',serif;font-weight:500}.heroText>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:560px;color:#f4f1eb}.btn{display:inline-block;padding:16px 22px;font-size:12px;font-weight:600;margin-top:18px}.btn.light{background:#f3efe7;color:#111}.textlink{font-size:12px;margin-left:28px}.scroll{position:absolute;right:4vw;bottom:5vh;font-size:9px;letter-spacing:2px}.intro{padding:150px 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.intro .kicker{grid-column:1}.intro h2,.services h2,.sectionHead h2,.contact h2{font-size:clamp(45px,5vw,76px);font-weight:400;letter-spacing:-3px;line-height:1;margin:15px 0}.intro h2 span{font-family:'Playfair Display',serif;font-style:italic}.lead{font-size:20px;line-height:1.65;max-width:680px;align-self:end;color:#55534d}.services{background:#171714;color:#eeeae1;padding:130px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.serviceList article{border-top:1px solid #ffffff2b;padding:28px 0 34px;display:grid;grid-template-columns:50px 1fr;column-gap:20px}.serviceList b{font-size:10px;color:#8c8a83}.serviceList h3{margin:0;font-size:24px;font-weight:400}.serviceList p{grid-column:2;color:#aaa79f;line-height:1.6;max-width:500px}.projects{padding:140px 5vw}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 70px}.sectionHead>p{max-width:320px;color:#6e6b64;line-height:1.6}.projectGrid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.project{position:relative;overflow:hidden;background:#ddd;min-height:680px}.project img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .8s}.project:hover img{transform:scale(1.025)}.caption{position:absolute;left:0;right:0;bottom:0;padding:70px 36px 32px;color:white;background:linear-gradient(transparent,#111b)}.caption span{font-size:9px;letter-spacing:2px}.caption h3{font-size:36px;font-weight:400;margin:8px 0}.caption p{max-width:540px;font-size:13px;line-height:1.6;color:#eee}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px}.gallery img{width:100%;height:480px;object-fit:cover}.statement{padding:150px 8vw;background:#d8d0c2}.statement>p{font-size:10px;letter-spacing:2px}.statement blockquote{font-size:clamp(44px,6vw,90px);line-height:1.05;margin:60px 0 100px;font-weight:300}.statement blockquote i{font-family:'Playfair Display',serif}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1113;padding-top:25px;font-size:11px;letter-spacing:1px}.contact{text-align:center;padding:150px 20px 170px;background:#f5f2eb}.contact p:not(.kicker){color:#6a6862;font-size:17px}.blue{background:#2736e8;color:white;margin-top:35px;padding:18px 28px}footer{background:#11110f;color:#eeeae1;padding:70px 5vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}footer p{margin:0;color:#9d9a92;font-size:12px;line-height:1.6}footer>div{display:flex;gap:25px;font-size:12px;justify-content:flex-end}footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:25px;margin-top:35px;color:#6f6c65;font-size:10px}@media(max-width:800px){header{height:70px;padding:0 18px}header nav,header .wa{display:none}.brand img{width:36px;height:36px}.heroText{left:24px;right:24px;bottom:14vh}.hero h1{font-size:58px;letter-spacing:-3px}.heroText>p:not(.eyebrow){font-size:14px}.textlink{display:block;margin:22px 0}.intro,.services{grid-template-columns:1fr;padding:90px 24px}.intro .kicker{grid-column:auto}.intro{gap:25px}.lead{font-size:17px}.projects{padding:90px 18px}.sectionHead{margin:0 6px 45px;display:block}.sectionHead>p{margin-top:25px}.projectGrid{grid-template-columns:1fr}.project{min-height:570px}.project.big{min-height:620px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:320px}.gallery img:last-child{grid-column:1/-1}.caption{padding:60px 22px 22px}.caption h3{font-size:30px}.statement{padding:90px 24px}.statement blockquote{margin:45px 0 70px}.principles{grid-template-columns:1fr 1fr;gap:25px}.contact{padding:100px 20px}.contact h2{font-size:52px}footer{grid-template-columns:1fr;padding:55px 24px 25px}footer>div{justify-content:flex-start}footer small{grid-column:1}}
