.iz-projects-intro { padding: var(--iz-section-y, 6rem) 0; background:#fff; }
.iz-projects-intro__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr); gap:clamp(44px,7vw,94px); align-items:end; }
.iz-projects-intro h2 { max-width:790px; margin:16px 0 0; color:#081225; font:750 clamp(2.15rem,4vw,4rem)/1.04 'Space Grotesk',sans-serif; letter-spacing:-.055em; }
.iz-projects-intro__grid>p { margin:0; color:var(--iz-text-secondary); font-size:1rem; line-height:1.85; }
.iz-projects-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:58px; }
.iz-projects-principles>div { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:21px; border:1px solid #e2e8f2; border-radius:16px; background:#f9fbff; }
.iz-projects-principles i { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; color:#1557ff; background:rgba(21,87,255,.09); }
.iz-projects-principles strong,.iz-projects-principles small { display:block; }
.iz-projects-principles strong { color:#17233a; font-size:.88rem; }
.iz-projects-principles small { margin-top:5px; color:#617087; font-size:.75rem; line-height:1.5; }
.iz-projects-showcase { padding: var(--iz-section-y, 6rem) 0; background:#f3f6fb; }
.iz-projects-heading { display:grid; grid-template-columns:1fr minmax(290px,.48fr); gap:50px; align-items:end; margin-bottom:48px; }
.iz-projects-heading .iz-section-label-dark { color:#1557ff; }
.iz-projects-heading h2 { max-width:760px; margin:14px 0 0; color:#081225; font:750 clamp(2rem,3.7vw,3.55rem)/1.07 'Space Grotesk',sans-serif; letter-spacing:-.05em; }
.iz-projects-heading>p { margin:0; color:var(--iz-text-secondary); line-height:1.8; }
.iz-projects-grid { display:grid; gap:25px; }
.iz-project-case { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); min-width:0; overflow:hidden; border:1px solid #dfe6f1; border-radius:24px; background:#fff; box-shadow:0 16px 48px rgba(8,18,37,.065); transition:transform .25s,border-color .25s,box-shadow .25s; }
.iz-project-case:hover { transform:translateY(-5px); border-color:rgba(21,87,255,.35); box-shadow:0 25px 70px rgba(8,18,37,.12); }
.iz-project-case--featured { border-color:rgba(21,87,255,.25); }
.iz-project-case--reverse .iz-project-case__visual { order:2; }
.iz-project-case--reverse .iz-project-case__content { order:1; }
.iz-project-case__visual { position:relative; min-height:410px; overflow:hidden; background:#dfe6f2; }
.iz-project-case__visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,18,37,.06),transparent 55%,rgba(8,18,37,.34)); pointer-events:none; }
.iz-project-case__visual img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; transition:transform .7s cubic-bezier(.2,.75,.25,1); }
.iz-project-case__placeholder { position:absolute; inset:0; display:grid; place-content:center; gap:10px; color:#66758d; text-align:center; background:linear-gradient(135deg,#e9eef7,#dce5f3); }
.iz-project-case__placeholder i { color:#1557ff; font-size:2rem; }
.iz-project-case__placeholder span { font-size:.75rem; font-weight:750; }
.iz-project-case:hover .iz-project-case__visual img { transform:scale(1.035); }
.iz-project-case__number { position:absolute; z-index:2; left:22px; top:22px; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.3); border-radius:12px; color:#fff; background:rgba(8,18,37,.64); backdrop-filter:blur(10px); font:700 .72rem 'Space Grotesk',sans-serif; letter-spacing:.08em; }
.iz-project-case__featured { position:absolute; z-index:2; right:20px; top:22px; display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; color:#fff; background:#1557ff; font-size:.67rem; font-weight:800; }
.iz-project-case__content { display:flex; flex-direction:column; justify-content:center; padding:clamp(34px,5vw,64px); }
.iz-project-case__meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.iz-project-case__meta span { padding:6px 9px; border:1px solid rgba(21,87,255,.16); border-radius:999px; color:#1557ff; background:rgba(21,87,255,.06); font-size:.65rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.iz-project-case__content h3 { max-width:520px; margin:0; color:#081225; font:750 clamp(1.65rem,2.6vw,2.4rem)/1.12 'Space Grotesk',sans-serif; letter-spacing:-.045em; }
.iz-project-case__content p { margin:18px 0 22px; color:var(--iz-text-secondary); font-size:.9rem; line-height:1.8; }
.iz-project-case__content ul { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 30px; padding:0; list-style:none; }
.iz-project-case__content li { padding:6px 9px; border-radius:7px; color:#33415b; background:#eef2f8; font-size:.68rem; font-weight:700; }
.iz-project-case__link { align-self:flex-start; display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 15px; border:1px solid rgba(21,87,255,.24); border-radius:9px; color:#1557ff; background:rgba(21,87,255,.06); font-size:.79rem; font-weight:800; text-decoration:none; }
.iz-project-case__link i { transition:transform .2s; }
.iz-project-case__link:hover { color:#0046ee; border-color:#1557ff; }
.iz-project-case__link:hover i { transform:translateX(4px); }
.iz-projects-empty { padding:68px 30px; border:1px dashed #cbd6e7; border-radius:22px; text-align:center; background:#fff; }
.iz-projects-empty>i { color:#1557ff; font-size:2rem; }
.iz-projects-empty h3 { margin:15px 0 7px; color:#081225; }
.iz-projects-empty p { color:#657187; }
.iz-projects-cta { padding: var(--iz-section-y, 6rem) 0; background:#fff; }
.iz-projects-cta__box { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:34px; padding:clamp(36px,5vw,58px); border-radius:24px; color:#fff; background:radial-gradient(circle at 82% 20%,rgba(21,87,255,.28),transparent 28%),linear-gradient(135deg,#081225,#111f39); }
.iz-projects-cta__box::before { content:''; position:absolute; right:-90px; bottom:-155px; width:350px; height:350px; border:1px solid rgba(157,181,255,.2); border-radius:50%; }
.iz-projects-cta__box>div,.iz-projects-cta__box>a { position:relative; z-index:1; }
.iz-projects-cta__box span { color:#9db5ff; font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.iz-projects-cta__box h2 { max-width:650px; margin:10px 0 0; color:#fff; font:750 clamp(1.75rem,3vw,2.8rem)/1.1 'Space Grotesk',sans-serif; letter-spacing:-.045em; }
@media(max-width:991px){.iz-projects-intro__grid,.iz-projects-heading{grid-template-columns:1fr;gap:25px}.iz-projects-principles{grid-template-columns:1fr}.iz-project-case{grid-template-columns:1fr}.iz-project-case--reverse .iz-project-case__visual,.iz-project-case--reverse .iz-project-case__content{order:initial}.iz-project-case__visual{min-height:330px}.iz-projects-cta__box{align-items:flex-start;flex-direction:column}}
@media(max-width:576px){.iz-projects-intro h2{font-size:2.25rem}.iz-project-case__visual{min-height:230px}.iz-project-case__content{padding:28px 24px 32px}.iz-project-case__content h3{font-size:1.75rem}.iz-projects-cta__box{padding:34px 25px;border-radius:18px}.iz-projects-cta__box .btn{width:100%}}