:root { --ink:#17231f; --muted:#66716c; --paper:#faf9f7; --line:#d7d1c4; --accent:#bf4f30; --card:#e8e3d6; }
* { box-sizing:border-box; }

body { min-height:100vh; margin:0; overflow-x:hidden; color:var(--ink); background:var(--paper); font:16px/1.5 Georgia,'Times New Roman',serif; }

/* Aurora: фоновый canvas, фиксированный, заполняет экран.
   Деобфусцировано 1:1 из my.aurologic.com/login (компонент AuroraBackground). */
.aurora-canvas {
  position:fixed;
  z-index:0;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
}

.site-header { position:relative; z-index:1; display:flex; align-items:center; min-height:76px; padding:18px max(24px,calc((100vw - 1160px)/2)); border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(250,249,247,.94),rgba(250,249,247,.66)); backdrop-filter:blur(5px); }
.brand { color:var(--ink); font:800 16px/1 Arial,sans-serif; letter-spacing:.02em; }
.brand a:link,.brand a:visited { color:var(--ink); text-decoration:none; }
.brand span { color:var(--accent); font-weight:600; white-space:pre; }

main { position:relative; z-index:1; width:min(1080px,calc(100% - 48px)); margin:clamp(68px,11vw,150px) auto 90px; }
.eyebrow { margin:0 0 18px; color:var(--accent); font:700 11px/1 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
h1 { max-width:730px; margin:0; font:800 clamp(48px,8vw,102px)/.91 Arial,sans-serif; letter-spacing:-.075em; }
.lead { max-width:560px; margin:34px 0 56px; color:var(--muted); font-size:20px; line-height:1.48; }

.project-list { display:grid; grid-template-columns:minmax(0,700px); }
.project-card { position:relative; display:grid; grid-template-columns:auto 1fr; column-gap:24px; padding:28px 30px 30px; overflow:hidden; color:var(--ink); text-decoration:none; background:var(--card); border:1px solid var(--line); transition:transform .22s ease,background .22s ease; }
.project-card::after { position:absolute; right:-32px; bottom:-66px; width:190px; height:190px; border:1px solid rgba(23,35,31,.16); border-radius:50%; content:""; transition:transform .35s ease; }
.project-card:hover { transform:translateY(-5px); background:#dce5dc; }
.project-card:hover::after { transform:scale(1.3); }
.project-number,.project-status { position:relative; z-index:1; font:700 11px/1 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.project-number { color:var(--accent); }
.project-status { justify-self:end; color:var(--muted); }
.project-card b { z-index:1; grid-column:1/-1; margin:56px 0 12px; font:800 clamp(32px,4vw,49px)/1 Arial,sans-serif; letter-spacing:-.055em; }
.project-text { z-index:1; grid-column:1/-1; max-width:410px; color:var(--muted); font-size:17px; }
.project-action { z-index:1; grid-column:1/-1; margin-top:45px; font:700 13px/1 Arial,sans-serif; }
.project-action i { display:inline-block; margin-left:7px; color:var(--accent); font-size:20px; font-style:normal; transition:transform .2s ease; }
.project-card:hover .project-action i { transform:translateX(5px); }

footer { position:relative; z-index:1; padding:28px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font:12px/1.4 Arial,sans-serif; }

@media (max-width:650px) {
  .site-header { min-height:64px; }
  main { width:min(100% - 40px,1080px); margin-top:76px; }
  .lead { margin-bottom:42px; font-size:18px; }
  .project-card { padding:22px; }
  .project-card b { margin-top:48px; }
}