*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f3f1ec;font-family:Inter,Arial,sans-serif}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}a{color:inherit;text-decoration:none}.brand{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:.08em;font-size:14px}nav{display:flex;gap:28px;font-size:13px}nav a{opacity:.8}nav a:hover{opacity:1}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:110px 5vw 7vw;overflow:hidden}.hero-media,.hero-media video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media video{object-fit:cover;background:#171717}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.22) 55%,rgba(0,0,0,.15) 100%),linear-gradient(to top,rgba(0,0,0,.5),transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:920px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;margin-bottom:22px;color:#c8c5be}.hero h1,.section-heading h2,.about h2,.contact h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:.92;margin:0}.hero h1{font-size:clamp(58px,9vw,150px);font-weight:600}.hero h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:18px;max-width:500px;line-height:1.55;margin:30px 0 26px;color:#d4d1ca}.text-link{font-size:13px;border-bottom:1px solid #777;padding-bottom:6px}.work,.services,.about,.contact{padding:120px 5vw}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-heading h2{font-size:clamp(48px,7vw,100px)}.project{margin-bottom:74px}.project-image{width:100%;aspect-ratio:4/3;background:#191919;background-size:cover;background-position:center}.project-large .project-image{aspect-ratio:16/8.5}.placeholder{position:relative;overflow:hidden}.placeholder:after{content:"Replace with your image";position:absolute;inset:0;display:grid;place-items:center;color:#6f6f6f;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.one{background:linear-gradient(125deg,#202020,#101010)}.two{background:linear-gradient(135deg,#26211d,#0f0f0f)}.three{background:linear-gradient(135deg,#17191b,#0b0b0b)}.four{background:linear-gradient(125deg,#151515,#242424)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-meta{padding-top:18px}.project-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8f8b84}.project-meta h3{font-family:Manrope,sans-serif;font-size:25px;margin:8px 0}.project-meta p{color:#9e9a93;margin:0}.services{background:#f0ede6;color:#0c0c0c}.services .eyebrow{color:#65615a}.services-list{border-top:1px solid #bdb8ae}.services-list>div{display:grid;grid-template-columns:70px 1fr;align-items:center;border-bottom:1px solid #bdb8ae;padding:28px 0}.services-list span{font-size:11px}.services-list h3{font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,56px);margin:0;letter-spacing:-.035em}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.about h2{font-size:clamp(46px,6vw,92px)}.about-grid>div{font-size:17px;line-height:1.7;color:#aaa69f;max-width:520px}.contact{min-height:70vh;display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(60px,9vw,140px);margin-bottom:40px}.contact-link{font-size:clamp(20px,3vw,38px);width:max-content;border-bottom:1px solid #777;padding-bottom:7px}.small{font-size:11px;color:#666;margin-top:12px}footer{padding:30px 5vw 45px;display:flex;justify-content:space-between;color:#777;font-size:11px;border-top:1px solid #1f1f1f}@media(max-width:760px){.site-header{padding:20px}.site-header nav{gap:14px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.hero{padding:100px 20px 50px}.work,.services,.about,.contact{padding:90px 20px}.project-grid,.about-grid{grid-template-columns:1fr}.project-large .project-image{aspect-ratio:4/3}.about-grid{gap:40px}.section-heading{display:block}footer{padding:28px 20px;display:block}footer span{display:block;margin-bottom:8px}}