html,body{color:#f4f3ef;background-color:#0000;background-image:radial-gradient(circle at 15% 20%,#5f6e7d21,#0000 30%),radial-gradient(circle at 85% 70%,#3746551f,#0000 35%),linear-gradient(135deg,#090a0c 0%,#111318 50%,#08090b 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}canvas{width:100%;height:100%;display:block}.projects-section{color:#f4f3ef;background:radial-gradient(circle at 72% 45%,#5a697d1f,#0000 35%),radial-gradient(circle at 20% 80%,#374b5f1a,#0000 40%),linear-gradient(135deg,#0b0c0f 0%,#101217 45%,#0b0c0f 100%);min-height:100vh;position:relative;overflow:hidden}.projects-section:before{content:"";pointer-events:none;background:radial-gradient(at 70% 40%,#b4bec80b,#0000 45%);position:absolute;inset:-20%}.projects-window{z-index:2;background:linear-gradient(135deg,#1c1d21f5,#0d0e12f7);border:1px solid #ffffff1f;border-radius:34px;width:calc(100% - 120px);max-width:1380px;min-height:760px;margin:60px auto;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff0a}.projects-header{background:#ffffff04;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex}.projects-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:13px;display:flex}.projects-label:before{content:"";background:#f4f3ef;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #ffffff73}.projects-close{color:#ffffffb3;cursor:pointer;background:#ffffff06;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;transition:background .3s,border-color .3s,transform .3s;display:grid}.projects-close:hover{background:#ffffff12;border-color:#ffffff40;transform:rotate(8deg)}.projects-intro{padding:42px 52px 20px}.projects-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffffff61;margin-bottom:18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.projects-title{letter-spacing:-.055em;color:#f4f3ef;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,7vw,92px);font-weight:400;line-height:.9}.projects-counter{letter-spacing:.18em;color:#ffffff47;font-family:Inter,sans-serif;font-size:12px;position:absolute;top:215px;right:55px}.projects-carousel{justify-content:center;align-items:center;height:430px;margin-top:35px;display:flex;position:relative}.project-card{background:linear-gradient(145deg,#202125,#111216);border:1px solid #ffffff1f;border-radius:22px;width:550px;height:330px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s,filter .5s;position:absolute;overflow:hidden;box-shadow:0 30px 70px #00000080}.project-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 75% 20%,#aab9c81f,#0000 35%),linear-gradient(135deg,#ffffff09,#0000 55%);position:absolute;inset:0}.project-card.active{z-index:3;opacity:1;filter:none;transform:translate(0)scale(1)}.project-card.previous{z-index:1;opacity:.35;filter:brightness(.55)blur(.5px);transform:translate(-350px)scale(.82)}.project-card.next{z-index:1;opacity:.35;filter:brightness(.55)blur(.5px);transform:translate(350px)scale(.82)}.project-card img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .8s,opacity .5s;display:block}.project-card:hover img{opacity:1;transform:scale(1.025)}.project-info{z-index:4;position:absolute;bottom:24px;left:26px;right:26px}.project-category{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.project-name{color:#fff;margin:0;font-family:Georgia,serif;font-size:34px;font-weight:400}.projects-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd9;cursor:pointer;z-index:10;background:#0a0b0e73;border:1px solid #ffffff21;border-radius:50%;width:58px;height:58px;font-size:25px;transition:background .3s,border-color .3s,transform .3s;position:absolute;top:50%;transform:translateY(-50%)}.projects-arrow:hover{background:#ffffff14;border-color:#ffffff47;transform:translateY(-50%)scale(1.08)}.projects-arrow.left{left:65px}.projects-arrow.right{right:65px}@media (width<=900px){.projects-window{border-radius:24px;width:calc(100% - 30px);margin:20px auto}.projects-intro{padding:35px 28px 10px}.projects-title{font-size:62px}.project-card{width:75vw;height:300px}.project-card.previous{transform:translate(-65vw)scale(.78)}.project-card.next{transform:translate(65vw)scale(.78)}.projects-arrow.left{left:18px}.projects-arrow.right{right:18px}.projects-counter{top:195px;right:30px}}body{color:#f2eee8;background:radial-gradient(circle at 20% 20%,#78523738,#0000 38%),radial-gradient(circle at 80% 70%,#404e5c33,#0000 40%),linear-gradient(135deg,#0b0b0c 0%,#151311 45%,#0d1013 100%)}.projects-window{background:linear-gradient(135deg,#1d1b19f5,#0f1113f5);border:1px solid #ffffff1f;box-shadow:0 30px 100px #0000008c,inset 0 1px #ffffff0a}.accent,.project-accent,.project-number,.project-category{color:#c9a46a}.project-arrow{color:#eee8df;background:#ffffff06;border-color:#ffffff29}.project-arrow:hover{color:#d8b77d;background:#c9a46a1f;border-color:#c9a46a73}.project-card{background:linear-gradient(145deg,#ffffff0b,#ffffff04);border:1px solid #ffffff17}.project-card:hover{border-color:#c9a46a59;box-shadow:0 20px 60px #0006,0 0 40px #c9a46a0f}.project-dot{background:#d6b477;box-shadow:0 0 14px #d6b47773}