@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--dark:#171210;--burg:#52282f;--rose:#b68b8c;--cream:#f4ede6}*{box-sizing:border-box}body{margin:0;background:var(--cream);font:15px/1.7 'DM Sans',sans-serif;color:#261c19}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}em{color:var(--rose);font-weight:400}.wrap{max-width:1500px;padding:0 6%;margin:auto}.nav{position:absolute;z-index:5;top:0;left:0;right:0;color:white;border-bottom:1px solid #ffffff25}.nav .wrap{height:86px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:27px Italiana,serif;letter-spacing:.07em;white-space:nowrap}.links{display:flex;gap:32px;align-items:center;font-size:12px}.links a:last-child{border:1px solid #ffffff77;padding:9px 15px}.menu{display:none}.hero{min-height:810px;background:linear-gradient(110deg,#100e0d 0%,#211714 55%,#30211d 100%);color:white;position:relative;overflow:hidden}.arch{position:absolute;left:40%;width:60%;height:100%;background:url('assets/architecture.jpg') center/cover;opacity:.57;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}.hero .wrap{min-height:810px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:165px;padding-bottom:35px}.hero-body{display:grid;grid-template-columns:1.2fr .5fr;gap:8%;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero h1{font-size:clamp(65px,7.5vw,122px);margin:20px 0 32px;line-height:.99}.hero-aside{max-width:270px;font-size:14px;color:#e6d8d0;text-shadow:0 2px 8px #000}.rule{width:120px;height:1px;background:#cab8a5;margin:28px 0}.btn{display:inline-flex;justify-content:space-between;gap:50px;border:1px solid #cdbcb1;padding:14px 20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.btn:hover{background:#f4ede6;color:#201514}.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-foot small{font-size:10px;letter-spacing:.12em}.strip{display:grid;grid-template-columns:repeat(4,1fr);width:min(530px,55vw);height:118px;box-shadow:0 10px 25px #0005}.strip img{width:100%;height:100%;object-fit:cover}.strip div{display:grid;place-items:center;text-align:center;background:#391d22;font:18px Italiana,serif}.section{padding:115px 0}.tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8d746b}.intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%}.intro h2,.services h2{font-size:clamp(50px,6vw,85px);margin:0 0 30px}.intro p{max-width:590px;font-size:17px;color:#6c5e57}.under{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:20px;font-size:12px}.work{background:#2a1b1e;color:#f8f2ed;padding:105px 0}.work h2{font-size:clamp(52px,6vw,85px);margin:18px 0 55px}.work-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:center}.browser{background:#e6dcd2;padding:12px;box-shadow:20px 20px 0 #503038}.browser-head{display:flex;justify-content:space-between;color:#57443d;font-size:10px;padding-bottom:10px}.browser img{width:100%;aspect-ratio:1.45;object-fit:cover}.work h3{font-size:clamp(45px,5vw,72px);margin:12px 0}.work p{color:#d4c3bb}.fine{font-size:11px!important;color:#ad9b93!important}.services{background:#eae0d7}.services-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:55px}.services-head p{max-width:260px;color:#74645b}.service{display:grid;grid-template-columns:55px 1fr 170px 25px;gap:15px;align-items:center;border-top:1px solid #c7b8ab;padding:27px 0}.service:last-child{border-bottom:1px solid #c7b8ab}.service strong{font:clamp(24px,3vw,38px) 'Playfair Display',serif}.service span,.service small{font-size:12px;color:#79695e}.end{background:#171210;color:#f8f2ed;text-align:center;padding:115px 0 45px}.end h2{font-size:clamp(60px,8vw,112px);margin:25px 0}.end p{color:#c7b6aa;max-width:450px;margin:0 auto 35px}.end .btn{margin-bottom:100px}.footerline{border-top:1px solid #ffffff3a;display:flex;justify-content:space-between;gap:15px;padding-top:25px;font-size:11px;color:#b9aaa0}.pagehead{background:#1c1413;color:white;padding:180px 0 90px}.pagehead h1{font-size:clamp(60px,8vw,110px);margin:20px 0}.pagehead p{max-width:600px;color:#d5c7be}.pagebody{padding:100px 0 130px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:9%}.pagebody h2{font-size:clamp(42px,5vw,72px)}.pagebody p{color:#6d5e55}.item{border-top:1px solid #c8b6a9;padding:30px 0}.item h3{font-size:31px;margin:0 0 10px}.item b{color:#773f4b;font-size:13px}.contactbox{background:#e8dcd1;padding:45px}.contactbox .btn{border-color:#2c211d}.foot{background:#171210;color:#f6eee8;padding:35px 0}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:12px}
@media(max-width:820px){.menu{display:block;background:transparent;border:1px solid #ffffff66;color:white;padding:8px 12px}.links{display:none;position:absolute;top:86px;left:0;right:0;background:#201616;padding:25px 6%;flex-direction:column;align-items:start}.links.open{display:flex}.hero-body,.intro,.work-grid,.cols{grid-template-columns:1fr}.hero-aside{max-width:500px}.arch{left:22%;width:100%;opacity:.25}.services-head{display:block}.service{grid-template-columns:40px 1fr 25px}.service small{display:none}}
@media(max-width:550px){.brand{font-size:23px}.hero,.hero .wrap{min-height:760px}.hero .wrap{padding-top:130px}.hero h1{font-size:clamp(56px,12vw,76px)}.hero-foot{display:block}.strip{width:100%;height:88px;margin-top:25px}.strip div{font-size:13px}.section{padding:80px 0}.intro h2,.services h2,.work h2{font-size:49px}.work{padding:80px 0}.end h2{font-size:58px}.footerline{flex-direction:column}.pagehead{padding:145px 0 75px}.pagehead h1{font-size:60px}.pagebody{padding:70px 0}.contactbox{padding:28px}}