:root{--p-bg:#f8fafc;--p-gold:#D4AF37;--p-text:#172033;--p-muted:#5f6b7a;--p-line:rgba(15,23,42,.10);--p-glass:rgba(255,255,255,.76);--p-dark:#090D16;--p-dark-deep:#0B0F12;--p-dark-soft:#111827;--p-cyan-deep:#07151A;--p-cyan-mid:#0A222A;--p-cyan-soft:#0E303A;--p-cyan:#22D3EE}
html,body{background:var(--p-bg)}
body.projects-v8-page{margin:0;background:linear-gradient(180deg,#fff 0%,#f8fafc 48%,#fffaf0 100%);color:var(--p-text)}
body.projects-v8-page *,body.projects-v8-page *::before,body.projects-v8-page *::after{box-sizing:border-box}
body.projects-v8-page main{position:relative;overflow:hidden;background:transparent;color:var(--p-text)}
body.projects-v8-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.projects-v8-hero{position:relative;min-height:720px;padding:160px 0 100px;display:grid;align-items:center;border-bottom:1px solid var(--p-line);isolation:isolate;background:radial-gradient(circle at 14% 22%,rgba(6,182,212,.14),transparent 26%),radial-gradient(circle at 84% 18%,rgba(212,175,55,.18),transparent 28%),radial-gradient(circle at 76% 76%,rgba(139,92,246,.10),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f8fbff 44%,#fff8e8 100%)}
.projects-v8-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(2,132,199,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(2,132,199,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 76%)}
.projects-v8-hero::after{content:"";position:absolute;inset:auto 5vw auto auto;top:145px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.13),transparent 68%);filter:blur(10px);opacity:.8;z-index:-1}
.projects-v8-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:58px;align-items:center}
.projects-v8-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 14px;border:1px solid rgba(212,175,55,.24);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);color:#475569;font-size:12px;font-weight:900;letter-spacing:.18em;box-shadow:0 10px 30px rgba(148,163,184,.12)}
.projects-v8-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f3d76d,#D4AF37);box-shadow:0 0 18px rgba(212,175,55,.45)}
.projects-v8-copy h1{max-width:780px;margin:0;color:#152033;font-size:clamp(48px,6vw,86px);font-weight:900;line-height:1.03;letter-spacing:-.05em}
.projects-v8-copy h1 em{color:#b08926;font-style:normal}
.projects-v8-copy>p:not(.projects-v8-kicker){max-width:720px;margin:26px 0 0;color:#5f6b7a;font-size:clamp(16px,1.5vw,19px);line-height:1.95}
.projects-v8-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.projects-v8-btn{min-height:48px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.projects-v8-btn:hover{transform:translateY(-2px)}
.projects-v8-btn-primary{color:#18202d;background:linear-gradient(135deg,#f3d76d,#D4AF37);border:1px solid rgba(185,143,43,.22);box-shadow:0 14px 36px rgba(212,175,55,.22)}
.projects-v8-btn-secondary{color:#334155;background:rgba(255,255,255,.80);border:1px solid rgba(51,65,85,.12);backdrop-filter:blur(14px)}
.projects-v8-console{position:relative;padding:28px;border:1px solid rgba(212,175,55,.34);border-radius:28px;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 26%,rgba(212,175,55,.025) 52%,transparent 76%),radial-gradient(circle at 10% 12%,rgba(14,165,233,.10),transparent 26%),radial-gradient(circle at 90% 86%,rgba(212,175,55,.12),transparent 28%),linear-gradient(135deg,#0B0F12 0%,#090D16 54%,#111827 100%);box-shadow:0 30px 86px rgba(7,10,16,.27),0 0 0 1px rgba(212,175,55,.055),0 0 38px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(212,175,55,.08);backdrop-filter:blur(20px);color:#F8FAFC}
.projects-v8-console::before{content:"";position:absolute;inset:14px;border:1px solid rgba(212,175,55,.1);border-radius:20px;pointer-events:none}
.projects-v8-console small{position:relative;display:block;color:#E7C95B;font-weight:900;letter-spacing:.14em;text-shadow:0 0 14px rgba(212,175,55,.20)}
.projects-v8-console h2{position:relative;margin:18px 0 12px;color:#F8FAFC;font-size:clamp(28px,3vw,40px);line-height:1.1}
.projects-v8-console p{position:relative;margin:0;color:#CBD5E1;line-height:1.8}
.projects-v8-console-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.projects-v8-console-grid span{padding:14px;border:1px solid rgba(212,175,55,.22);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:#F1F5F9;font-weight:800;font-size:13px;box-shadow:0 9px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)}
.projects-v8-strip{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 26%,rgba(212,175,55,.025) 52%,transparent 76%),radial-gradient(circle at 10% 12%,rgba(14,165,233,.10),transparent 26%),radial-gradient(circle at 90% 86%,rgba(212,175,55,.12),transparent 28%),linear-gradient(135deg,#0B0F12 0%,#090D16 54%,#111827 100%);border-top:1px solid rgba(212,175,55,.34);border-bottom:1px solid rgba(212,175,55,.34);box-shadow:0 30px 86px rgba(7,10,16,.18),0 0 38px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(212,175,55,.08)}
.projects-v8-strip::before,.projects-v8-strip::after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:2;pointer-events:none}
.projects-v8-strip::before{inset-inline-start:0;background:linear-gradient(90deg,#0B0F12,rgba(11,15,18,0))}
.projects-v8-strip::after{inset-inline-end:0;background:linear-gradient(270deg,#111827,rgba(17,24,39,0))}
.projects-v8-strip-track{display:flex;width:max-content;will-change:transform;animation:projectsV8Ticker 64s linear infinite}
.projects-v8-strip-group{display:flex;align-items:center;gap:24px;padding:17px 24px;white-space:nowrap;color:#E7C95B;font-weight:900;letter-spacing:.025em;text-shadow:0 0 14px rgba(212,175,55,.20)}
.projects-v8-strip-group b{font-size:8px;opacity:.72}
@keyframes projectsV8Ticker{to{transform:translateX(-50%)}}
html[dir="rtl"] .projects-v8-strip-track{animation-direction:reverse}
.projects-v8-catalog{padding:92px 0 110px;background:radial-gradient(circle at 12% 20%,rgba(14,165,233,.06),transparent 28%),radial-gradient(circle at 88% 52%,rgba(212,175,55,.07),transparent 30%),linear-gradient(180deg,#f8fafc 0%,#ffffff 40%,#fffaf3 100%)}
.projects-v8-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.projects-v8-section-head p{margin:0;color:#b08926;font-size:12px;font-weight:900;letter-spacing:.14em}
.projects-v8-section-head h2{margin:8px 0 0;color:#172033;font-size:clamp(34px,4.5vw,58px);line-height:1.05}
.projects-v8-section-head a{color:#b08926;text-decoration:none;border-bottom:1px solid rgba(212,175,55,.45);padding-bottom:4px;font-weight:800}
.projects-v8-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.projects-v8-card{position:relative;overflow:hidden;min-height:470px;border:1px solid rgba(34,211,238,.22);border-radius:26px;background:radial-gradient(circle at 14% 8%,rgba(34,211,238,.13),transparent 28%),radial-gradient(circle at 88% 92%,rgba(6,182,212,.08),transparent 32%),linear-gradient(145deg,var(--p-cyan-soft) 0%,var(--p-cyan-mid) 42%,var(--p-cyan-deep) 100%);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(4,18,24,.24),0 0 0 1px rgba(34,211,238,.035),inset 0 1px 0 rgba(255,255,255,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.projects-v8-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 24%,transparent 70%,rgba(212,175,55,.025));opacity:.9}
.projects-v8-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.48);box-shadow:0 34px 82px rgba(4,18,24,.34),0 0 34px rgba(34,211,238,.12),0 0 22px rgba(212,175,55,.045)}
.projects-v8-media{position:relative;height:235px;overflow:hidden;border-bottom:1px solid rgba(34,211,238,.18);background:linear-gradient(145deg,#07151A,#0A222A)}
.projects-v8-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.projects-v8-card:hover .projects-v8-media img{transform:scale(1.025)}
.projects-v8-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,21,.04) 45%,rgba(3,16,21,.74) 100%)}
.projects-v8-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(34,211,238,.16),transparent 45%),linear-gradient(145deg,#0E303A,#07151A)}
.projects-v8-placeholder span{width:96px;height:96px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.36);border-radius:24px;color:#CFFAFE;background:rgba(7,21,26,.72);font-size:24px;font-weight:900;box-shadow:0 16px 36px rgba(3,16,21,.28),0 0 24px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.projects-v8-card-body{position:relative;padding:26px}
.projects-v8-card-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}
.projects-v8-card-top small{color:#E7C95B;font-weight:900;letter-spacing:.11em}
.projects-v8-card-top span{color:#67E8F9;font-size:12px;font-weight:800}
.projects-v8-card h3{margin:0;color:#F8FAFC;font-size:clamp(27px,3vw,36px);line-height:1.1;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.projects-v8-card p{margin:15px 0 0;color:#B9D7DE;line-height:1.8}
.projects-v8-studio-state{margin-top:22px;padding-top:17px;border-top:1px solid rgba(34,211,238,.14);display:flex;align-items:center;gap:9px;color:#A5F3FC;font-size:12px;font-weight:800}
.projects-v8-studio-state::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f3d76d,#D4AF37);box-shadow:0 0 12px rgba(212,175,55,.45)}
.projects-v8-card.is-hidden{display:none}
.projects-v8-footer-note{margin:30px 0 0;color:#5f6b7a;font-size:13px;line-height:1.8}
@media(max-width:900px){.projects-v8-hero{min-height:auto;padding:130px 0 80px}.projects-v8-hero-grid{grid-template-columns:1fr}.projects-v8-grid{grid-template-columns:1fr}.projects-v8-console{max-width:620px}.projects-v8-section-head{align-items:flex-start;flex-direction:column}.projects-v8-media{height:260px}}
@media(max-width:600px){body.projects-v8-page .container{width:min(100% - 26px,1180px)}.projects-v8-hero{padding:118px 0 66px}.projects-v8-copy h1{font-size:clamp(40px,13vw,58px)}.projects-v8-console{padding:22px}.projects-v8-console-grid{grid-template-columns:1fr}.projects-v8-catalog{padding:68px 0 80px}.projects-v8-card{min-height:0}.projects-v8-media{height:210px}.projects-v8-card-body{padding:22px}.projects-v8-strip::before,.projects-v8-strip::after{width:34px}.projects-v8-strip-group{gap:18px;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.projects-v8-strip-track{animation:none}.projects-v8-card,.projects-v8-media img,.projects-v8-btn{transition:none}}