.project-page{--project:#d7ae61;--project-soft:#d7ae6130;background:#080a10}.project-page .topbar{border-color:color-mix(in srgb,var(--project) 34%,transparent);background:#090b11d9}.project-page .brand-mark{border-color:var(--project);box-shadow:0 0 16px color-mix(in srgb,var(--project) 36%,transparent)}.project-page .brand-mark img{filter:brightness(0) saturate(100%) invert(80%) sepia(39%) saturate(765%) hue-rotate(358deg) brightness(91%) contrast(84%)}.project-page nav a:hover,.project-page .cabinet-link:hover{color:var(--project)}.project-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center;min-height:760px;padding-top:165px;padding-bottom:100px;isolation:isolate}.project-hero::before{content:'';position:absolute;z-index:-2;inset:0 -10vw;background:linear-gradient(90deg,#080a10f2 8%,#080a10b9 48%,#080a104d),var(--project-image) center/cover}.project-hero::after{content:'';position:absolute;z-index:-1;right:8%;bottom:10%;width:340px;height:340px;border-radius:50%;background:var(--project-soft);filter:blur(80px)}.project-copy{max-width:720px}.project-copy h1{margin:20px 0 0;font:600 clamp(52px,7vw,104px)/.88 Unbounded,sans-serif;letter-spacing:-5px}.project-copy h1 em{color:var(--project);font-style:normal}.project-copy p{max-width:600px;margin:29px 0;color:#d1d0d1;font-size:16px;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.project-tags span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--project) 54%,transparent);color:var(--project);font:600 7px/1 Unbounded,sans-serif;letter-spacing:.55px}.project-page .button.primary{border-color:var(--project);background:var(--project);color:#10120e}.project-page .button.ghost{border-color:#ffffff3a}.project-mark{display:grid;justify-items:center;gap:10px;min-width:220px;padding:29px 20px;border:1px solid color-mix(in srgb,var(--project) 58%,transparent);background:#0b0e14c9;text-align:center;box-shadow:0 22px 50px #0008}.project-mark small{color:#c7c3c4;font:600 7px/1 Unbounded,sans-serif;letter-spacing:.65px}.project-mark b{color:#f5f3ee;font:600 50px/.9 Unbounded,sans-serif;letter-spacing:-4px}.project-mark strong{color:var(--project);font:600 12px/1 Unbounded,sans-serif;letter-spacing:.5px}.project-brief{padding-top:105px;padding-bottom:125px;border-top:1px solid #ffffff12}.brief-head h2{margin:19px 0 0;font:600 clamp(38px,5vw,68px)/.96 Unbounded,sans-serif;letter-spacing:-3px}.brief-head h2 em{color:var(--project);font-style:normal}.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.brief-card{min-height:220px;padding:28px;border:1px solid #ffffff18;background:#0e1017}.brief-card span{color:var(--project);font:600 10px/1 Unbounded,sans-serif}.brief-card h3{margin:38px 0 12px;font:600 16px/1.1 Unbounded,sans-serif;letter-spacing:-.6px}.brief-card p{margin:0;color:#aaa8ac;font-size:14px;line-height:1.6}.cosmic-project{--project:#75b8ff;--project-soft:#287fd844;--project-image:url('home-cosmic-preview.png');background:radial-gradient(circle at 78% 68%,#1e4e9455,transparent 30%),#030914}.cosmic-project .topbar{background:#07111dcc}.cosmic-project .project-hero::before{background:linear-gradient(90deg,#030914f5 7%,#061426c7 48%,#06101a55),var(--project-image) center/cover}.cosmic-project .brand-mark img{filter:brightness(0) saturate(100%) invert(79%) sepia(41%) saturate(753%) hue-rotate(177deg) brightness(105%) contrast(102%)}.vanilla-project{--project:#c7ed70;--project-soft:#4bdb9250;--project-image:url('jungle-bg.jpg')}.vanilla-project .brand-mark img{filter:brightness(0) saturate(100%) invert(83%) sepia(35%) saturate(718%) hue-rotate(41deg) brightness(102%) contrast(87%)}@media(max-width:850px){.project-hero{grid-template-columns:1fr;min-height:auto;padding-top:135px}.project-mark{justify-self:start}.brief-grid{grid-template-columns:1fr}.project-copy h1{letter-spacing:-3px}.project-hero::before{inset:0 -24px;background:linear-gradient(90deg,#080a10f4,#080a10a6),var(--project-image) center/cover}.cosmic-project .project-hero::before{background:linear-gradient(90deg,#030914f5,#061426ae),var(--project-image) center/cover}}
/* Тонкая рамка поверх исходной графики: габариты блока не меняются. */
.project-page .project-hero{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--project) 68%,transparent)}

/* Shared graphite-and-gold backdrop plus a frame that keeps every project image at its original size. */
.project-page{background:#080a10}.cosmic-project{background:radial-gradient(circle at 78% 68%,#1e4e9455,transparent 30%),#030914}.vanilla-project{background:#080a10}.project-page .project-hero{overflow:hidden;border:1px solid color-mix(in srgb,var(--project) 72%,transparent);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff18,0 22px 48px #0007}.project-page .project-hero::before{clip-path:inset(0 round 17px)}