:root{--ink:#10162f;--green:#59c45b;--sand:#eee9df;--paper:#f8f6f1;--muted:#6d6d68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,246,241,.94);position:fixed;z-index:10;top:0;left:0;right:0;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;line-height:.85}.brand b{color:var(--green)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px}.mark{color:var(--green);font-size:36px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover{color:var(--green)}.lang{border:1px solid #c9c8c1;background:transparent;border-radius:99px;padding:8px 12px;cursor:pointer}.hero{height:100svh;min-height:680px;position:relative;color:white}.hero>img{height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,27,.7),rgba(12,18,27,.05) 70%)}.hero-copy{position:absolute;left:max(6vw,24px);bottom:15%;max-width:760px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:3px;color:var(--green)}h1,h2{font-family:Georgia,serif;font-weight:normal;margin:.25em 0}h1{font-size:clamp(52px,7vw,104px);line-height:.95}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:640px}.button{display:inline-block;margin-top:18px;padding:16px 25px;background:var(--green);color:#081020;font-size:13px;font-weight:bold;letter-spacing:.4px}.scroll{position:absolute;right:5vw;bottom:5%;font-size:11px;letter-spacing:2px}.intro{padding:130px 0;text-align:center;max-width:900px}.intro h2,.section-head h2,.about h2,.contact h2{font-size:clamp(39px,5vw,68px);line-height:1.07}.intro>p:last-child{max-width:720px;margin:30px auto 0;color:var(--muted);line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6d1c8;margin-bottom:130px}.services article{background:var(--paper);padding:42px}.services span{color:var(--green);font-size:12px}.services h3{font-family:Georgia,serif;font-size:27px;font-weight:normal}.services p{color:var(--muted);line-height:1.7}.projects{background:#171d30;color:white;padding:120px 0}.section-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:80px;margin-bottom:55px}.section-head>p{color:#b8bac2;line-height:1.7}.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:2px}.gallery figure{margin:0;position:relative;height:620px;overflow:hidden}.gallery figure.wide{height:760px}.gallery img{height:100%;object-fit:cover;transition:transform .6s}.gallery figure:hover img{transform:scale(1.02)}figcaption{position:absolute;left:24px;bottom:22px;background:rgba(10,15,25,.82);padding:11px 14px;font-size:12px}.about{padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about>div:last-child{font-size:17px;line-height:1.8;color:var(--muted);padding-top:40px}.contact{background:var(--green);padding:110px 0}.contact .eyebrow{color:var(--ink)}.contact-row{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:40px}.contact-row>a:not(.button){font-size:18px;border-bottom:1px solid rgba(16,22,47,.4);padding-bottom:5px}.button.light{background:var(--ink);color:white;margin:0}footer{padding:30px 0;background:#0f1426;color:#bfc1ca;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px}@media(max-width:800px){.header{height:70px}.header nav{display:none}.wrap{width:min(100% - 30px,1180px)}.hero{min-height:620px}.hero-copy{bottom:12%}.intro{padding:90px 0}.services{grid-template-columns:1fr;margin-bottom:90px}.services article{padding:32px}.projects{padding:85px 0}.section-head,.about{grid-template-columns:1fr;gap:18px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure.wide{height:500px}.about{padding:90px 0}.about>div:last-child{padding-top:0}.contact{padding:80px 0}.contact-row{align-items:flex-start;flex-direction:column}footer .wrap{flex-direction:column}}