:root{--navy: #0f1b2d;--navy-2: #16263d;--gold: #c6a15b;--gold-2: #b28d45;--ivory: #faf8f4;--ink: #1d2736;--muted: #6b7280;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--sans);color:var(--ink);background:var(--ivory);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 48px);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:var(--gold);font-weight:500;margin-bottom:16px}.eyebrow--dark{color:var(--gold-2)}.rule{width:56px;height:2px;background:var(--gold);margin:22px 0 26px}.rule--center{margin-inline:auto}.btn{display:inline-block;padding:15px 34px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;border:1px solid var(--gold);cursor:pointer;transition:.3s;font-family:var(--sans)}.btn--gold{background:var(--gold);color:var(--navy)}.btn--gold:hover{background:transparent;color:var(--gold)}.btn--outline{color:#fff;border-color:#fff9}.btn--outline:hover{background:#fff;color:var(--navy)}.btn--sm{padding:10px 22px}.header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.35s;color:#fff}.header--solid{background:#0f1b2df5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px #c6a15b40}.header__inner{display:flex;align-items:center;justify-content:space-between;height:76px}.logo{display:flex;align-items:center}.brand{display:inline-flex;height:52px;border:2px solid #4b1a78;background:#fff;color:#4b1a78}.brand__icon{display:grid;place-items:center;width:52px;background:#4b1a78;color:#4b1a78}.brand__icon svg{width:34px}.brand__word{display:flex;flex-direction:column;justify-content:center;padding:0 12px;line-height:1}.brand__word strong{font-family:"Montserrat",var(--sans);font-weight:700;font-size:1.55rem;letter-spacing:.02em}.brand__word small{font-size:.42rem;letter-spacing:.02em;text-transform:uppercase;margin-top:4px;white-space:nowrap}.nav{display:flex;align-items:center;gap:34px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.nav a:not(.btn):hover{color:var(--gold)}.burger{display:none;background:none;border:0;width:28px;height:20px;position:relative;cursor:pointer}.burger span{position:absolute;left:0;width:100%;height:2px;background:#fff}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){bottom:0}.hero{min-height:100vh;background-size:cover;background-position:center;background-color:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding-top:120px}.hero__content{padding-bottom:80px}.hero h1{font-size:clamp(2.8rem,7vw,5.6rem);max-width:13ch;font-weight:500}.hero__lead{max-width:560px;margin:24px 0 38px;font-size:1.1rem;font-weight:300;color:#ffffffd9}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(198,161,91,.4);padding-block:30px}.stat{text-align:center}.stat strong{display:block;font-family:var(--serif);font-size:2.4rem;color:var(--gold);font-weight:600}.stat span{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf}.section{padding:110px 0}.section--dark{background:var(--navy);color:#fff}.section__head{text-align:center;margin-bottom:60px}h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:500}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about p{color:var(--muted);margin-bottom:16px}.values{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e6dfd0;border:1px solid #e6dfd0}.value{background:#fff;padding:34px 28px}.value h3{font-size:1.45rem;color:var(--navy);margin-bottom:8px}.value p{font-size:.92rem;margin:0}.grid{display:grid;gap:28px}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--2{grid-template-columns:repeat(2,1fr);gap:36px}.card{padding:40px 30px;border:1px solid rgba(198,161,91,.3);transition:.35s}.card:hover{background:var(--navy-2);border-color:var(--gold);transform:translateY(-4px)}.card__num{font-family:var(--serif);color:var(--gold);font-size:1.1rem;letter-spacing:.15em}.card h3{font-size:1.6rem;margin:16px 0 12px}.card p{color:#ffffffb3;font-size:.95rem}.project{background:#fff;box-shadow:0 10px 40px #0f1b2d12}.project__imgwrap{position:relative;overflow:hidden;aspect-ratio:16/11;background:var(--navy-2)}.project__img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .7s}.project:hover .project__img{transform:scale(1.05)}.badge{position:absolute;top:18px;left:18px;background:var(--navy);color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px}.project__body{padding:26px 28px 30px}.project__type{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2)}.project__body h3{font-size:1.8rem;color:var(--navy);margin:6px 0}.project__loc{color:var(--muted);font-size:.9rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact__list{list-style:none}.contact__list li{margin-bottom:20px;color:#ffffffd9}.contact__list span{display:block;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.form{display:flex;flex-direction:column;gap:16px}.form input,.form textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;padding:14px 2px;font:inherit;outline:none;transition:.3s}.form input:focus,.form textarea:focus{border-color:var(--gold)}.form ::placeholder{color:#ffffff80}.form .btn{align-self:flex-start;margin-top:12px}.form__note{color:var(--gold);font-size:.9rem}.footer{background:#0a1220;color:#fff9;font-size:.82rem;padding:26px 0}.footer__inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (max-width: 960px){.grid--4{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr;gap:48px}.burger{display:block}.nav{position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:22px;background:var(--navy);padding:30px 0;display:none}.nav--open{display:flex}}@media (max-width: 640px){.section{padding:72px 0}.grid--4,.grid--2,.values{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.brand{height:44px}.brand__icon{width:44px}.brand__word strong{font-size:1.25rem}.brand__word small{font-size:.36rem}}
