*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#f5f3ef;font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.055),transparent 35%);z-index:-2}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:50;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff12;position:relative;z-index:10;backdrop-filter:blur(18px);background:#070707b8}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.12em}.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover}.navlinks{display:flex;gap:34px}.navlinks a,footer a{color:#aaa;text-decoration:none;font-size:12px}.navlinks a:hover,footer a:hover{color:#fff}.navbtn{border:1px solid #ffffff20;border-radius:999px;padding:11px 16px;color:#fff;text-decoration:none;font-size:12px}.navbtn span{margin-left:12px}.hero{min-height:calc(100vh - 84px);padding:9vh 5vw 12vh;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.label{font-size:10px;letter-spacing:.18em;color:#898989;font-weight:700}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:9px;box-shadow:0 0 18px #fff}.hero h1{font-size:clamp(52px,7.2vw,112px);line-height:.88;letter-spacing:-.075em;margin:22px 0 28px;font-weight:800}.hero h1 em,.contact h2 em{font-style:normal;color:#777}.hero-copy>p{max-width:510px;color:#999;line-height:1.7;font-size:15px}.actions{display:flex;gap:12px;margin-top:34px}.actions a{padding:15px 20px;border-radius:7px;text-decoration:none;font-size:12px;font-weight:700}.primary{background:#f5f3ef;color:#080808}.ghost{border:1px solid #ffffff20;color:#fff}.actions b{margin-left:28px}.hero-card{position:relative;z-index:2;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:.5s}.hero-card:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(0) translateY(-8px)}.card-top,.card-bottom{display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.15em;padding:12px 0}.hero-card img{display:block;width:100%;height:min(61vh,620px);object-fit:cover;border-radius:5px;box-shadow:25px 35px 90px #000}.grid3d{position:absolute;width:100%;height:60%;bottom:-28%;left:0;opacity:.17;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(62deg);mask-image:linear-gradient(transparent,#000)}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14}.orb1{width:350px;height:350px;background:#fff;right:10%;top:10%}.orb2{width:280px;height:280px;background:#8c8c8c;left:0;bottom:0}.work,.about,.process,.contact{padding:150px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2,.about h2,.process h2,.contact h2{font-size:clamp(45px,6vw,88px);line-height:.9;letter-spacing:-.065em;margin:18px 0 0}.section-head h2 span,.about h2 span,.process h2 span{color:#777}.section-head>p{max-width:320px;color:#777;line-height:1.7;font-size:13px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{position:relative;overflow:hidden;background:#111;min-height:470px;border-radius:4px}.project.tall{grid-row:span 2}.project.wide{grid-column:span 2;min-height:560px}.project img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s}.project:hover img{transform:scale(1.045);filter:brightness(.72)}.meta{position:absolute;left:0;right:0;bottom:0;padding:25px;display:flex;gap:22px;align-items:start;background:linear-gradient(transparent,#000c)}.meta>span{color:#999;font-size:10px}.meta h3{font-size:18px;margin:0 0 5px}.meta p{font-size:10px;color:#999;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#0b0b0b}.about-visual{height:580px;position:relative;display:grid;place-items:center;perspective:800px}.about-orb{width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee,#555 25%,#111 62%,#000);box-shadow:inset -35px -35px 60px #000,0 30px 90px #000;animation:float 6s ease-in-out infinite}.ring{position:absolute;border:1px solid #fff2;border-radius:50%;transform:rotateX(68deg) rotateZ(15deg)}.r1{width:520px;height:180px}.r2{width:400px;height:140px;transform:rotateX(68deg) rotateZ(-25deg)}.float-tag{position:absolute;right:5%;top:17%;padding:14px 17px;background:#101010;border:1px solid #fff1;font-size:9px;letter-spacing:.13em;line-height:1.5;box-shadow:0 20px 60px #000}.float-tag small{color:#666}.about-copy>p{color:#888;line-height:1.8;max-width:560px;margin:35px 0}.skills{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #fff1}.skills div{padding:20px 0;border-bottom:1px solid #fff1;display:flex;gap:25px}.skills b{color:#555;font-size:10px}.skills span{font-size:12px;line-height:1.5}.process{background:#080808}.process h2{margin-bottom:70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #fff1}.steps div{padding:30px 20px 20px 0;border-right:1px solid #fff1;min-height:190px}.steps div:not(:first-child){padding-left:25px}.steps b{color:#555;font-size:10px}.steps h3{font-size:18px;margin:28px 0 10px}.steps p{color:#666;font-size:11px;line-height:1.6}.contact{text-align:center;position:relative;overflow:hidden;border-top:1px solid #fff1}.contact-bg{position:absolute;width:700px;height:700px;left:50%;top:50%;transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(circle,#333 0,#111 35%,transparent 67%);filter:blur(20px);opacity:.35}.contact>*:not(.contact-bg){position:relative}.contact h2{font-size:clamp(55px,9vw,130px);margin:28px 0}.contact>p{color:#777}.contact-row{display:flex;justify-content:center;gap:12px;margin-top:40px}.contact-row button,.contact-row a{font:inherit;font-size:12px;color:#fff;background:#111;border:1px solid #fff2;padding:16px 20px;border-radius:6px;text-decoration:none}.contact-row button{cursor:pointer}.contact-row span{margin-left:35px;color:#777}footer{border-top:1px solid #fff1;padding:25px 5vw;display:flex;justify-content:space-between;color:#555;font-size:9px;letter-spacing:.13em}#toast{position:fixed;bottom:25px;right:25px;background:#f5f3ef;color:#080808;padding:13px 18px;border-radius:6px;font-size:11px;opacity:0;transform:translateY(15px);transition:.3s;z-index:100}#toast.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotateY(8deg)}}@media(max-width:800px){nav{padding:0 20px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding:70px 20px}.hero-card{margin-top:20px;transform:none}.hero-card img{height:55vh}.work,.about,.process,.contact{padding:90px 20px}.section-head,.about{grid-template-columns:1fr;display:block}.section-head>p{margin-top:25px}.gallery{grid-template-columns:1fr}.project.tall,.project.wide{grid-row:auto;grid-column:auto;min-height:400px}.about-visual{height:390px;margin-bottom:60px}.steps{grid-template-columns:1fr 1fr}.steps div{border-bottom:1px solid #fff1}.contact-row{flex-direction:column;align-items:stretch}footer{padding:20px;gap:15px;flex-wrap:wrap}}