:root{color-scheme:light;--bg: #f5f5f3;--surface: #ffffff;--surface-soft: #eeeeeb;--text: #1c1c1a;--muted: #6d6b66;--line: #ddddda;--accent: #1c1c1a;--accent-strong: #000000;--rust: #77746e;--max: 1180px;--font-main: Arial, Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.45}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header,.site-footer{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header{min-height:76px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:grid;gap:4px;max-width:260px;line-height:1.05}.brand__role{color:var(--muted);font-size:12px;font-weight:400;text-transform:uppercase}.brand__name{font-size:22px;font-weight:500}.main-nav{display:flex;flex:1;justify-content:center;gap:24px;color:var(--muted);font-size:16px}.main-nav a:hover,.header-phone:hover,.footer-links a:hover{color:var(--accent-strong)}.header-phone{color:var(--accent-strong);font-weight:700}.hero,.section,.page-heading,.site-footer{width:min(var(--max),calc(100% - 32px))}.hero{min-height:calc(100vh - 76px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:56px;padding:56px 0}.hero__content{display:grid;gap:24px}.eyebrow{margin:0;color:var(--rust);font-size:13px;font-weight:400;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-main);font-weight:400;line-height:1.08}h1{margin-bottom:0;font-size:clamp(42px,7vw,82px)}h2{margin-bottom:0;font-size:clamp(32px,4.6vw,54px)}h3{margin-bottom:0;font-size:22px;line-height:1.2}.hero p:not(.eyebrow),.page-heading p,.about-grid p{color:var(--muted);font-size:20px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;padding:0 20px;font-weight:700}.button--ghost{background:transparent;color:var(--accent-strong)}.hero__visual{border-radius:0;overflow:hidden;box-shadow:none}.hero__visual img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.section,.page-heading{margin:0 auto}.section{padding:88px 0}.section--muted{width:100%;max-width:none;padding-left:max(16px,calc((100% - var(--max)) / 2));padding-right:max(16px,calc((100% - var(--max)) / 2));background:var(--surface-soft)}.section__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:32px}.section__intro .eyebrow{grid-column:1 / -1}.section__intro a{color:var(--accent-strong);font-weight:700}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:28px;border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{overflow:hidden;border-radius:0;background:var(--surface)}.project-card a{display:block}.project-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .18s ease}.project-card:hover img{transform:scale(1.025)}.project-card__body{display:grid;gap:8px;padding:20px}.project-card__body p,.project-card__body span{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:grid;gap:24px;min-height:280px;border:1px solid var(--line);border-radius:0;background:var(--surface);padding:24px}.service-card strong{display:block;margin-top:12px;color:var(--accent-strong);font-size:18px}.service-card ul{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted)}.page-heading{display:grid;gap:18px;padding:80px 0 32px}.page-heading h1{max-width:820px}.page-heading p:not(.eyebrow){max-width:680px}.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contacts a{display:grid;gap:12px;border:1px solid var(--line);border-radius:0;background:var(--surface);padding:24px}.contacts span{color:var(--muted)}.contacts strong{color:var(--accent-strong);font-size:20px}.project-page{width:min(var(--max),calc(100% - 32px));margin:0 auto}.project-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:end;gap:44px;padding:56px 0 44px}.project-hero__text{display:grid;gap:18px}.project-hero__text p:not(.eyebrow){color:var(--muted);font-size:20px}.project-hero img{width:100%;aspect-ratio:4 / 3;border-radius:0;object-fit:cover}.back-link{color:var(--accent-strong);font-weight:700}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--line)}.project-facts div{display:grid;gap:8px;background:var(--surface);padding:22px}.project-facts span{color:var(--muted)}.project-facts strong{color:var(--accent-strong);font-size:20px}.project-content{max-width:760px;padding:56px 0}.project-content p{color:var(--muted);font-size:20px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:88px}.project-gallery img{width:100%;aspect-ratio:4 / 3;border-radius:0;object-fit:cover}.project-gallery img:first-child{grid-column:1 / -1;aspect-ratio:16 / 9}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:36px 0;border-top:1px solid var(--line);color:var(--muted)}.site-footer strong{color:var(--text)}.site-footer p{margin-bottom:0}.footer-links{display:grid;gap:8px;text-align:right}@media (max-width: 860px){.site-header{min-height:auto;flex-wrap:wrap;padding:18px 0;gap:16px 20px}.brand{max-width:min(100%,320px)}.brand__name{font-size:20px}.main-nav{order:3;width:100%;justify-content:flex-start;gap:18px;overflow-x:auto}.header-phone{margin-left:auto}.hero{min-height:auto;grid-template-columns:1fr;gap:32px;padding:40px 0 64px}.hero__visual{order:-1}.hero__visual img{aspect-ratio:16 / 11}.section{padding:56px 0}.section--muted{padding-left:16px;padding-right:16px}.section__intro,.about-grid,.project-grid,.project-grid--wide,.project-hero,.project-facts,.project-gallery,.service-grid,.contacts{grid-template-columns:1fr}.project-hero{padding-top:36px}.project-gallery img:first-child{aspect-ratio:4 / 3}.site-footer{display:grid}.footer-links{text-align:left}}
