:root{--color-dark: #0d131a;--color-text: #1d1e20;--color-white: #ffffff;--color-accent: #8947e6;--color-accent-hover: #7639d1;--color-border: #b8c0cc;--color-muted: #5f6672;--font-heading: "Roboto", sans-serif;--font-body: "DM Sans", sans-serif;--container-width: 1200px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin:0}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:24px}.btn{display:inline-block;padding:12px 28px;background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-size:16px;border:none;border-radius:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.site-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid #eceef1}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.site-header__brand{display:inline-flex;align-items:center;gap:10px}.site-header__logo{width:34px;height:34px;object-fit:contain}.site-header__name{font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--color-dark)}.site-header__nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;color:var(--color-text);padding-bottom:2px;border-bottom:2px solid transparent;transition:border-color .2s ease}.nav-link:hover{border-color:var(--color-border)}.nav-link--active{border-color:var(--color-dark)}.hero{position:relative;display:grid;align-items:center;min-height:480px;overflow:hidden;background:var(--color-dark)}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/hero.png);background-size:cover;background-position:center;filter:grayscale(1)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0d131ab8,#0d131a73)}.hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;padding-block:96px}.hero__title{color:var(--color-white);font-size:clamp(44px,7vw,80px);line-height:1.1}.hero__subtitle{color:var(--color-white);font-size:clamp(22px,3vw,36px);font-weight:700;max-width:420px}.services{background:var(--color-dark);color:var(--color-white);padding-block:96px}.services__title{font-size:clamp(32px,5vw,48px);margin-bottom:56px}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.service-card__image{width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:grayscale(1);transition:filter .3s ease,transform .3s ease}.service-card:hover .service-card__image{filter:grayscale(.2);transform:scale(1.01)}.service-card__title{margin-top:16px;font-size:22px;color:var(--color-white)}.boutique{padding-block:96px;background:var(--color-white)}.boutique__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.boutique__images{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.boutique__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;filter:grayscale(1)}.boutique__image--secondary{aspect-ratio:4 / 3}.boutique__claim{font-size:clamp(24px,3vw,32px);color:var(--color-dark);max-width:480px;margin-bottom:32px}.contact-section{position:relative;background:var(--color-dark);color:var(--color-white);padding-block:96px;overflow:hidden}.contact-section__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.28}.contact-section__panel{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:var(--container-width);margin-inline:auto;padding-inline:24px}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:460px}.contact-form__field{display:flex;flex-direction:column;gap:6px}.contact-form__label{font-family:var(--font-heading);font-size:15px;color:var(--color-white)}.contact-form__required{color:var(--color-accent)}.contact-form__input{width:100%;padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--color-dark);background:var(--color-white);border:1px solid var(--color-border);border-radius:0}.contact-form__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.contact-form__textarea{resize:vertical}.contact-form__status{margin:0;font-size:14px;color:#9be79b}.contact-form__status--error{color:#ffb3ab}.contact-section__title{font-size:clamp(32px,5vw,48px);color:var(--color-white)}.page-hero{background:var(--color-dark);color:var(--color-white);overflow:hidden}.page-hero--projects{padding-block:72px 0}.page-hero__title{font-size:clamp(36px,5vw,56px);margin-bottom:32px}.page-hero__image{width:min(880px,90%);margin-inline:auto;filter:grayscale(1);transform:translateY(8px)}.page-hero--contact{padding-block:80px}.page-hero__contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.page-hero__subtitle{font-size:20px;color:#ffffffd9;margin:12px 0 24px}.page-hero__email{display:block;font-family:var(--font-heading);font-size:22px;margin-bottom:20px}.page-hero__email:hover{text-decoration:underline}.page-hero__social{color:var(--color-white);opacity:.85}.page-hero__social:hover{opacity:1}.page-hero__image--contact{width:100%;aspect-ratio:1 / 1;object-fit:cover}.location{padding-block:80px}.location__title{font-size:clamp(28px,4vw,40px);color:var(--color-dark);margin-bottom:32px}.location__card{max-width:520px;border:1px solid #eceef1;padding:28px}.location__heading{font-size:18px;color:var(--color-dark);margin-bottom:8px}.location__address{margin:0 0 16px;color:var(--color-muted)}.location__map-link{color:var(--color-accent);font-weight:500}.location__map-link:hover{text-decoration:underline}.projects-list{padding-block:96px}.projects-list__grid{display:grid;gap:80px}.project-card__media{display:block;overflow:hidden}.project-card__image{width:100%;max-height:420px;object-fit:cover;object-position:top;filter:grayscale(1);transition:filter .3s ease,transform .4s ease}.project-card:hover .project-card__image{filter:grayscale(0);transform:scale(1.01)}.project-card__body{max-width:640px}.project-card__title{font-size:clamp(26px,3.5vw,36px);margin-top:24px}.project-card__title a:hover{text-decoration:underline}.project-card__description{margin:12px 0 0;color:var(--color-muted);font-size:18px}.site-footer{background:#f4f5f7;color:var(--color-text);padding-block:56px 24px}.site-footer__inner{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between}.site-footer__col{display:flex;flex-direction:column;gap:10px}.site-footer__heading{font-size:18px;color:var(--color-dark)}.site-footer__social{color:var(--color-dark)}.site-footer__social:hover{color:var(--color-accent)}.site-footer__email,.site-footer__link{color:var(--color-muted)}.site-footer__email:hover,.site-footer__link:hover{color:var(--color-accent)}.site-footer__bottom{margin-top:40px;padding-top:16px;border-top:1px solid #e3e5e9;font-size:13px;color:var(--color-muted)}@media (max-width: 900px){.hero__content,.boutique__inner,.contact-section__panel,.page-hero__contact,.services__grid{grid-template-columns:1fr}.site-header__inner{flex-direction:column;padding-block:12px}}
