*{box-sizing:border-box}:root{--bg:#090a0c;--panel:#111318;--line:#262a30;--text:#f4f2ec;--muted:#7f8690;--gold:#d5b46e}html{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 72% 0,#211c12,transparent 30%),var(--bg);min-height:100vh}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{padding:28px clamp(20px,5vw,74px) 75px;border-bottom:1px solid var(--line);min-height:390px}.hero nav{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px}.brand span{width:39px;height:39px;border:1px solid #90784a;border-radius:50%;display:grid;place-items:center;color:#dcc382;font-size:11px;font-weight:800}.brand b{font-size:12px;letter-spacing:.2em}.private-link{color:#aab0b8;text-decoration:none;border:1px solid #30343b;border-radius:999px;padding:10px 14px;font-size:11px;transition:.2s}.private-link:hover{border-color:#806c47;color:#e0c987}.hero-copy{margin-top:90px}.hero-copy>p,.section-title p{font-size:9px;letter-spacing:.23em;color:#7c838d;font-weight:800}.hero h1{font-size:clamp(42px,7vw,94px);line-height:.94;letter-spacing:-.052em;margin:12px 0 20px;max-width:980px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#d7bc82}.hero-copy>span{display:block;color:#858c95;max-width:620px;line-height:1.65;font-size:14px}main{max-width:1600px;margin:auto;padding:45px clamp(20px,5vw,74px) 90px}.section-title h2{font-size:29px;margin:5px 0 24px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{color:inherit;text-decoration:none;background:linear-gradient(145deg,#111419,#0d0f12);border:1px solid #252a30;border-radius:17px;padding:18px;min-height:330px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s,box-shadow .22s;animation:appear .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}.project-card:hover{border-color:#444951;box-shadow:0 22px 60px rgba(0,0,0,.25)}.visual{height:128px;border:1px solid #23282f;border-radius:11px;background:#090b0e;margin-bottom:18px;position:relative;overflow:hidden}.visual i{position:absolute;display:block}.gold .visual i:nth-child(1){width:120px;height:120px;border:1px solid #836c41;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.gold .visual i:nth-child(2){width:70px;height:70px;border:1px solid #4d422d;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.gold .visual i:nth-child(3){width:70%;height:1px;background:linear-gradient(90deg,transparent,#c0a25f,transparent);left:15%;top:50%;animation:sweep 3.2s infinite}.blue .visual{background:linear-gradient(135deg,#0c1018,#101827)}.blue .visual i:nth-child(1){width:75%;height:1px;background:#365376;left:12%;top:68%;transform:rotate(-12deg)}.blue .visual i:nth-child(2){width:7px;height:7px;border-radius:50%;background:#78a5d8;left:66%;top:38%;box-shadow:0 0 20px #78a5d8}.purple .visual i:nth-child(1){inset:24px;border:1px solid #57466b;border-radius:50%}.purple .visual i:nth-child(2){inset:40px;border:1px dashed #826b99;border-radius:50%;animation:spin 12s linear infinite}.purple .visual i:nth-child(3){width:65px;height:65px;background:radial-gradient(circle,#644779,transparent 68%);left:50%;top:50%;transform:translate(-50%,-50%)}.green .visual i:nth-child(1){left:15%;right:15%;height:1px;background:#486552;top:32%;box-shadow:0 28px #486552,0 56px #486552}.green .visual i:nth-child(2){width:32px;height:32px;border:1px solid #75a17f;border-radius:50%;left:64%;top:48%;animation:pulse 2s infinite}.rose .visual{background:radial-gradient(circle at 50% 50%,#241419,#0a0b0e 65%)}.rose .visual i:nth-child(1){inset:25px;border:1px solid #6d424d;transform:rotate(8deg)}.rose .visual i:nth-child(2){inset:40px;border:1px solid #473039;transform:rotate(-8deg)}.amber .visual i:nth-child(1){width:80%;height:55%;left:10%;top:22%;border:1px solid #66522f}.amber .visual i:nth-child(2){width:1px;height:80%;background:#4d402a;left:35%;top:10%;box-shadow:80px 0 #4d402a}.top{display:flex;justify-content:space-between;color:#707781;font-size:9px;letter-spacing:.13em;margin-bottom:20px}.project-card small{color:#777e88;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.project-card h3{font-size:22px;line-height:1.1;margin:7px 0 8px;letter-spacing:-.025em}.project-card p{font-size:11px;color:#858b94;line-height:1.5;margin:0}.private-card{background:linear-gradient(145deg,#17150f,#0e0f11);border-color:#3b3424}.folder{height:128px;margin-bottom:18px;position:relative;display:grid;place-items:center}.folder:before{content:"";width:130px;height:84px;border:1px solid #846e45;border-radius:9px;background:#17140d;box-shadow:0 15px 38px rgba(0,0,0,.3)}.folder .tab{position:absolute;width:54px;height:16px;border:1px solid #846e45;border-bottom:0;border-radius:7px 7px 0 0;left:calc(50% - 65px);top:17px}.folder span{position:absolute;color:#b99c63;letter-spacing:.18em}@keyframes appear{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.14);box-shadow:0 0 20px rgba(117,161,127,.2)}}@keyframes sweep{50%{transform:translateY(15px);opacity:.3}}footer{border-top:1px solid var(--line);padding:23px 5vw;display:flex;justify-content:space-between;color:#5f666f;font-size:9px;letter-spacing:.15em}@media(max-width:1050px){.projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.projects{grid-template-columns:1fr}.hero{min-height:360px}.hero-copy{margin-top:70px}}