@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#111;--muted:#6d6d68;--paper:#f5f4ef;--white:#fff;--line:#deddd5;--accent:#b99a62}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,244,239,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;letter-spacing:.06em}.brand-logo{width:150px;height:auto;display:block}.footer-logo{width:135px}.brand-mark{width:42px;height:42px;border:1.5px solid var(--ink);display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:22px}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{color:#353532}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--ink);padding:11px 16px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:7vw 7vw;gap:6vw}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#77756e;margin:0 0 22px}.hero h1,.section h2,.technology h2,.contact h2{font-family:Manrope;margin:0;font-weight:800;line-height:.98;letter-spacing:-.055em}.hero h1{font-size:clamp(48px,6.5vw,92px)}em{font-style:normal;color:#a98a55}.hero-text{max-width:600px;color:var(--muted);font-size:17px;line-height:1.7;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;font-weight:700;font-size:13px;border:1px solid var(--ink);cursor:pointer}.primary{background:var(--ink);color:white}.ghost{background:transparent}.light{background:white;color:var(--ink);border-color:white}.hero-visual{display:flex;justify-content:center}.visual-card{width:min(520px,100%);aspect-ratio:4/5;background:#d6d2c8;position:relative;overflow:hidden}.arch-shape{position:absolute;inset:10% 10% 0;background:linear-gradient(145deg,#bbb5a7,#e9e4d8);clip-path:polygon(0 24%,34% 0,100% 17%,100% 100%,0 100%)}.arch-shape:after{content:"";position:absolute;left:13%;right:20%;top:26%;bottom:0;background:linear-gradient(115deg,#555b58,#1f2524);opacity:.9;clip-path:polygon(20% 0,100% 10%,100% 100%,0 100%,0 25%)}.visual-label{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:.18em;z-index:2}.visual-caption{position:absolute;bottom:25px;left:25px;z-index:3;color:white}.visual-caption strong,.visual-caption span{display:block}.visual-caption strong{font:700 22px Manrope}.visual-caption span{font-size:11px;opacity:.8;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5vw}.stats div{padding:28px 20px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font:800 25px Manrope;display:block;margin-bottom:7px}.stats span{font-size:12px;color:var(--muted)}.section{padding:10vw 7vw}.section-head{margin-bottom:55px}.section h2,.technology h2,.contact h2{font-size:clamp(38px,5vw,70px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service{padding:28px 22px 35px;border-right:1px solid var(--line);min-height:280px}.service:last-child{border:0}.service span{font-size:11px;color:#9a9890}.service h3{font:700 24px Manrope;margin:60px 0 15px}.service p{font-size:13px;color:var(--muted);line-height:1.65}.service a{display:inline-block;margin-top:25px;font-size:12px;font-weight:700}.featured{background:#e8e5dc}.row{display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}.project.large{grid-row:span 2}.project-art{height:360px;position:relative;overflow:hidden}.large .project-art{height:760px}.project-art span{position:absolute;top:20px;left:20px;color:white;font-size:10px;letter-spacing:.15em;z-index:2}.art-1{background:linear-gradient(140deg,#8d8779,#ddd4c2 52%,#4a4d49)}.art-1:after{content:"";position:absolute;width:65%;height:70%;right:5%;bottom:0;background:linear-gradient(145deg,#272a29,#6e6b61);clip-path:polygon(25% 0,100% 16%,100% 100%,0 100%,0 20%)}.art-2{background:linear-gradient(135deg,#b6ad9b,#4b514e)}.art-2:after{content:"";position:absolute;inset:20% 12% 0;background:#d7d0c1;clip-path:polygon(0 18%,80% 0,100% 15%,100% 100%,0 100%)}.art-3{background:linear-gradient(135deg,#343a37,#bcae96)}.art-3:after{content:"";position:absolute;inset:25% 15% 0;background:#ddd5c6;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}.project h3{font:700 21px Manrope;margin:18px 0 5px}.project p{font-size:12px;color:var(--muted);margin:0}.technology{background:#151716;color:white;padding:10vw 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.technology .eyebrow{color:#9b9a92}.technology>div>p:not(.eyebrow){color:#aaa;font-size:16px;line-height:1.7;max-width:560px;margin:30px 0}.tech-panel{border:1px solid #454744;padding:10px}.tech-line{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;padding:25px 8px;border-bottom:1px solid #3b3d3b;font-size:11px;letter-spacing:.14em}.tech-line:last-child{border:0}.tech-line b{color:var(--accent)}.about{display:grid;grid-template-columns:1fr .45fr;gap:8vw;align-items:end}.about-box p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:16px;line-height:1.8;margin-top:30px}.about-note{font:500 28px Manrope;letter-spacing:-.03em;border-left:1px solid var(--line);padding-left:30px}.about-note strong{font-size:100px;line-height:.8}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e9e7df}.contact>div>p:not(.eyebrow){color:var(--muted);margin-top:25px}form{display:grid;gap:12px}input,select,textarea{font:inherit;border:1px solid #c9c7be;background:transparent;padding:15px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{resize:vertical}.form-note{font-size:12px;color:#777}.form-note.ok{color:#4e704b}footer{padding:40px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.footer-brand{color:var(--ink)}
@media(max-width:900px){nav{display:none}.menu{display:block}.hero,.technology,.about,.contact{grid-template-columns:1fr}.hero{padding-top:14vw}.hero-visual{margin-top:5vw}.stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(2){border-right:0}.project-grid{grid-template-columns:1fr}.large .project-art,.project-art{height:450px}.about-note{margin-top:30px}.technology{gap:50px}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.header{padding:0 20px}.hero,.section,.technology{padding-left:20px;padding-right:20px}.hero h1{font-size:48px}.stats{margin:0 20px}.stats div{padding:22px 12px}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--line)}.service h3{margin-top:40px}.row{display:block}.text-link{display:inline-block;margin-top:20px}.project-art,.large .project-art{height:360px}.contact{padding-top:70px;padding-bottom:70px}}