*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e9;color:#141414;font-family:Inter,Arial,sans-serif;font-weight:300}img{display:block;width:100%}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;background:rgba(17,17,17,.92);color:#fff}.brand{font-weight:600;letter-spacing:.17em}.nav nav{display:flex;gap:26px;font-size:13px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:100vh;display:grid;grid-template-columns:40% 60%;background:#111;color:#fff;padding-top:66px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 4vw 8vw 7vw}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:500;margin:0 0 20px}.dark{color:#777}.hero h1,.intro h2,.section-head h2,.experience h2,.services h2,.contact h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.92;margin:0}.hero h1{font-size:clamp(48px,5.3vw,80px);max-width:360px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#d5d5d5;max-width:410px;margin:26px 0}.btn{display:inline-block;width:max-content;border:1px solid #777;padding:14px 22px;font-size:13px}.hero-photo{min-height:calc(100vh - 66px);overflow:hidden}.hero-photo img{height:100%;object-fit:cover;object-position:center 28%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:130px 8vw}.intro h2,.section-head h2,.services h2{font-size:clamp(50px,6vw,88px)}.intro-copy{font-size:18px;line-height:1.8}.feature-image{position:relative;height:72vh;background:#111;overflow:hidden}.feature-image img{height:100%;object-fit:cover}.quote{position:absolute;left:7vw;bottom:7vh;color:#fff;font-family:"Cormorant Garamond";font-size:clamp(34px,5vw,70px)}.portfolio{padding:125px 5vw}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end;margin-bottom:60px}.section-head>p{color:#666;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;grid-auto-flow:dense}.grid figure{margin:0;overflow:hidden;background:#ddd;aspect-ratio:4/5}.grid figure.wide{grid-column:span 2;aspect-ratio:8/5}.grid img{height:100%;object-fit:cover;transition:transform .6s ease}.grid figure:hover img{transform:scale(1.025)}.experience{display:grid;grid-template-columns:1.05fr .95fr;background:#141414;color:#fff}.experience-photo{min-height:700px}.experience-photo img{height:100%;object-fit:cover}.experience-copy{padding:100px 8vw;display:flex;flex-direction:column;justify-content:center}.experience h2,.contact h2{font-size:clamp(54px,7vw,96px)}.experience-copy>p:not(.eyebrow){color:#c7c7c7;line-height:1.8;font-size:17px;margin-top:35px}.services{padding:125px 8vw}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:80px}.service-grid div{border-top:1px solid #aaa;padding-top:22px}.service-grid h3{font-family:"Cormorant Garamond";font-size:34px;font-weight:500;margin:28px 0 14px}.service-grid p{color:#666;line-height:1.8}.contact{background:#0e0e0e;color:#fff;text-align:center;padding:145px 6vw}.contact>p:not(.eyebrow){color:#aaa;line-height:1.7;margin:30px auto;max-width:560px}.contact-links{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}.contact-links a{border-bottom:1px solid #666;padding-bottom:5px}footer{display:flex;justify-content:space-between;padding:26px 4vw;background:#0e0e0e;color:#777;border-top:1px solid #222;font-size:12px}
@media(max-width:800px){.nav{padding:18px 20px}.menu{display:block}.nav nav{display:none;position:absolute;top:60px;left:0;right:0;background:#111;padding:24px 20px;flex-direction:column}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{order:2;padding:55px 7vw 70px}.hero-photo{order:1;min-height:58vh}.hero-photo img{object-position:center 20%}.hero h1{font-size:52px}.intro,.section-head,.experience{grid-template-columns:1fr}.intro{padding:90px 7vw;gap:38px}.feature-image{height:58vh}.portfolio{padding:90px 4vw}.grid{grid-template-columns:1fr 1fr;gap:8px}.grid figure.wide{grid-column:span 2}.experience-photo{min-height:480px}.experience-copy{padding:80px 7vw}.service-grid{grid-template-columns:1fr;gap:34px}.services{padding:90px 7vw}.contact{padding:110px 7vw}footer{flex-direction:column;gap:12px}}