@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Playfair+Display:wght@400;500&display=swap');
:root{--ink:#171715;--paper:#f4f1eb;--line:rgba(23,23,21,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 5.5%;color:#fff}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-family:var(--serif);font-size:38px}.brand small{font-size:8px;letter-spacing:2px;margin-top:5px}.desktop-nav{display:flex;gap:34px;text-transform:uppercase;font-size:10px;letter-spacing:1.7px}.desktop-nav a{opacity:.85}.lang{display:flex;gap:8px;font-size:9px;letter-spacing:1.5px}.lang button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;opacity:.55}.lang button.active{opacity:1}.hero{height:100vh;min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero-mockup.png') center/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 35%)}.hero-content{position:relative;z-index:2;margin-left:7%;max-width:600px}.eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase;margin:0 0 25px;opacity:.8}.hero h1{font-family:var(--serif);font-size:clamp(66px,8vw,120px);font-weight:400;line-height:.84;letter-spacing:-4px;margin:0 0 30px}.lead{max-width:420px;line-height:1.6;font-size:15px}.text-link{display:inline-flex;gap:15px;align-items:center;text-transform:uppercase;letter-spacing:2px;font-size:9px;border-bottom:1px solid currentColor;padding-bottom:9px;margin-top:18px}.hero-side{position:absolute;right:5.5%;bottom:16%;z-index:2;font-size:9px;letter-spacing:2px;line-height:2.2;opacity:.85}.hero-count{position:absolute;right:5.5%;bottom:6%;font-size:9px;letter-spacing:2px}.section{padding:105px 7%}.intro{background:var(--paper)}.section-top,.work-head{display:flex;justify-content:space-between;align-items:flex-start}.section-top .text-link,.work-head .text-link{margin:0}.intro h2,.work h2,.about h2,.contact h2{font-family:var(--serif);font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.98;letter-spacing:-2.5px;margin:0;max-width:700px}.intro-copy{max-width:380px;margin:25px 0 55px 53%;line-height:1.7;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:30px}.services-grid article{padding:28px 30px 10px 0;border-right:1px solid var(--line);min-height:210px}.services-grid article:not(:first-child){padding-left:30px}.services-grid article:last-child{border-right:0}.services-grid span{font-size:9px;letter-spacing:2px}.services-grid h3{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:400;margin:35px 0 15px}.services-grid p{font-size:12px;line-height:1.6;max-width:190px;color:#5d5b56}.services-grid b{font-weight:300;display:block;margin-top:25px}.work{background:#11110f;color:#fff}.work-head h2{margin-top:0}.work-image{height:500px;margin-top:70px;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;object-position:center 72%;filter:saturate(.7)}.work-tags{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;font-size:9px;letter-spacing:2px;color:#aaa}.about{display:grid;grid-template-columns:1fr 1fr;padding:0}.about-image{min-height:650px;background:url('assets/hero-mockup.png') center/cover no-repeat;filter:grayscale(.35)}.about-copy{padding:100px 10%;display:flex;flex-direction:column;justify-content:center}.about-copy p:not(.eyebrow){line-height:1.8;max-width:430px;font-size:14px;color:#5b5953}.cta{background:#11110f;color:#fff;min-height:330px;padding:75px 7%;display:flex;align-items:center;justify-content:space-between;background-image:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.3)),url('assets/hero-mockup.png');background-size:cover;background-position:center 82%}.cta h2{font-family:var(--serif);font-size:clamp(48px,6vw,80px);font-weight:400;line-height:.95;margin:0}.outline-btn{border:1px solid rgba(255,255,255,.65);padding:18px 25px;text-transform:uppercase;font-size:9px;letter-spacing:2px}.contact{display:grid;grid-template-columns:38% 62%;gap:8%}.contact-intro p:not(.eyebrow){max-width:350px;line-height:1.7;color:#5d5b56}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.contact label{display:flex;flex-direction:column;gap:9px;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.contact input,.contact select,.contact textarea{font:300 14px var(--sans);background:transparent;border:0;border-bottom:1px solid var(--line);padding:11px 0;outline:0;color:var(--ink);resize:vertical}.contact .full{grid-column:1/-1}.submit{justify-self:start;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:17px 25px;font:400 9px var(--sans);letter-spacing:2px;cursor:pointer}.hidden-field{position:absolute;left:-9999px}footer{background:#11110f;color:#fff;padding:55px 7% 25px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand strong{font-family:var(--serif);font-size:42px;font-weight:400}.footer-brand span{font-size:9px;letter-spacing:2px;color:#aaa}.footer-links{display:flex;gap:30px;margin:35px 0;text-transform:uppercase;font-size:9px;letter-spacing:1.7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#999}@media(max-width:800px){.desktop-nav{display:none}.nav{padding:22px 5%}.hero{min-height:700px}.hero-content{margin:0 7%}.hero h1{font-size:70px}.hero-side{display:none}.section{padding:75px 7%}.intro-copy{margin:30px 0}.services-grid{grid-template-columns:1fr 1fr}.services-grid article:nth-child(2){border-right:0}.services-grid article:nth-child(3),.services-grid article:nth-child(4){border-top:1px solid var(--line)}.services-grid article:nth-child(3){padding-left:0}.work-image{height:300px}.work-tags{grid-template-columns:1fr 1fr;gap:18px}.about{grid-template-columns:1fr}.about-image{min-height:400px}.about-copy{padding:70px 7%}.cta{padding:65px 7%;display:block}.cta .outline-btn{display:inline-block;margin-top:30px}.contact{grid-template-columns:1fr;gap:45px}.contact form{grid-template-columns:1fr}.contact .full{grid-column:auto}.footer-links{flex-wrap:wrap}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block;margin-top:8px}}