.renkli{isolation:isolate;color:#fff;background:#0e0d12;position:relative;overflow:hidden}.renkli__isik{z-index:-1;pointer-events:none;position:absolute;inset:-20%}.renkli__isik i{filter:blur(90px);opacity:.32;border-radius:50%;width:55vmax;height:55vmax;animation:26s ease-in-out infinite alternate renkliSuz;position:absolute}.renkli__isik i:first-child{background:#ff2d6f;top:4%;left:-8%}.renkli__isik i:nth-child(2){background:#1fd1c1;animation-duration:32s;animation-delay:-8s;top:18%;right:-10%}.renkli__isik i:nth-child(3){background:#ff9f1c;animation-duration:29s;animation-delay:-15s;bottom:-18%;left:28%}@keyframes renkliSuz{0%{transform:translate(0)scale(1)}to{transform:translate(8%,-6%)scale(1.15)}}.renkli__bas{max-width:760px;margin-bottom:clamp(30px,4vw,54px)}.renkli__ust{font:500 .78rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:#ffffffb8;margin-bottom:14px;display:inline-block}.renkli__bas h2{font-family:var(--serif);color:#fff;margin:0;font-size:clamp(2.6rem,5.4vw,4.8rem);font-weight:400;line-height:1}.renkli__bas h2 em{background:linear-gradient(90deg,#ff5f8f,#ffb347,#ffe066,#47e5bc,#5f9bff,#c77dff,#ff5f8f) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:12s linear infinite renkliAkis}@keyframes renkliAkis{to{background-position:300% 0}}.renkli__izgara{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:clamp(170px,17vw,260px);gap:clamp(12px,1.6vw,22px);display:grid}.renkli__izgara--6{grid-template-columns:repeat(4,1fr)}.renkli__izgara--6 .renkli__kare--1{grid-area:span 2/span 2}.renkli__izgara--6 .renkli__kare--3{grid-row:span 2}.renkli__izgara--6 .renkli__kare--5,.renkli__izgara--6 .renkli__kare--6{grid-column:span 2}.renkli__izgara--6 .renkli__kare--3{grid-area:1/4/span 2}.renkli__kare{--parilti:var(--renk);box-shadow:0 18px 50px -18px var(--parilti), 0 0 0 1px #ffffff0f;border-radius:18px;margin:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s;position:relative;overflow:hidden}@supports (color:hsl(from red h s l)){.renkli__kare{--parilti:hsl(from var(--renk) h calc(s + 35) max(l, 52))}}.renkli__kare img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.renkli__kare:hover{box-shadow:0 30px 80px -14px var(--parilti), 0 0 0 1px #ffffff24;transform:translateY(-6px)}.renkli__kare:hover img{transform:scale(1.06)}.renkli__kare.belir{transition-delay:calc(var(--sira,0) * 70ms)}.renkli__alt{text-align:center;margin-top:clamp(30px,4vw,48px)}@media (max-width:720px){.renkli__izgara--6{grid-template-columns:1fr 1fr;grid-auto-rows:42vw}.renkli__izgara--6 .renkli__kare--1{grid-area:span 1/span 2}.renkli__izgara--6 .renkli__kare--3{grid-area:span 2/2}.renkli__izgara--6 .renkli__kare--5,.renkli__izgara--6 .renkli__kare--6{grid-column:span 2}.renkli__isik i{filter:blur(60px)}}@media (prefers-reduced-motion:reduce){.renkli__isik i,.renkli__bas h2 em{animation:none}.renkli__kare,.renkli__kare img{transition:none}}