*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-12px)}}@keyframes floatB{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-9px)}}@keyframes floatC{0%,to{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-14px)}}@keyframes floatD{0%,to{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-10px)}}@keyframes floatE{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-13px)}}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}html *{font-family:Space Grotesk,sans-serif}body{background:#f9f8f6;color:#0a0a0a;overflow-x:hidden;line-height:1}.container{max-width:1200px;margin:0 auto;padding:0 60px}.section-label{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:#aaa;margin-bottom:20px}.section-title{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1;color:#0a0a0a;margin-bottom:20px}.section-body{font-size:16px;color:#777;line-height:1.8;max-width:520px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;padding:13px 28px;border:none;cursor:pointer;transition:all .22s ease;text-decoration:none}.btn--primary{background:#0a0a0a;color:#fff}.btn--primary:hover{background:#333;transform:translateY(-2px)}.btn--outline{background:transparent;color:#0a0a0a;border:1.5px solid #E5E4E0}.btn--outline:hover{border-color:#0a0a0a;transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;background:#f9f8f6f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #E5E4E0}.navbar__logo{font-size:1.25rem;font-weight:800;color:#0a0a0a;letter-spacing:-1px}.navbar__links{display:flex;gap:40px}.navbar__links a{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;transition:color .2s}.navbar__links a:hover{color:#0a0a0a}.navbar__cta{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#0a0a0a;border-bottom:1.5px solid #0A0A0A;padding-bottom:2px;transition:opacity .2s}.navbar__cta:hover{opacity:.4}.hero{min-height:100vh;background:#f9f8f6;display:flex;flex-direction:column;padding:96px 60px 60px;position:relative;overflow:hidden}.hero__top{display:flex;align-items:center;justify-content:space-between;animation:fadeUp .6s ease both}.hero__top-label{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bbb}.hero__top-year{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ccc}.hero__main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:40px 0 32px}.hero__title{font-size:clamp(72px,12vw,152px);font-weight:800;color:#0a0a0a;line-height:.87;letter-spacing:-6px;margin-bottom:36px;animation:fadeUp .85s ease .08s both}.hero__sub{font-size:clamp(14px,1.5vw,17px);color:#999;line-height:1.85;max-width:360px;margin-bottom:44px;animation:fadeUp .85s ease .18s both}.hero__actions{display:flex;gap:14px;animation:fadeUp .85s ease .28s both}.hero__showcase{position:relative;height:480px;mask-image:radial-gradient(ellipse 88% 82% at 50% 50%,black 40%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 88% 82% at 50% 50%,black 40%,transparent 78%);animation:fadeUp .9s ease .22s both}.hero__card{position:absolute;background:#fff;border:1px solid #E5E4E0;border-radius:6px;overflow:hidden;box-shadow:0 12px 40px #00000012}.hero__card-chrome{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f2f1ee;border-bottom:1px solid #E5E4E0}.hero__card-chrome span{width:8px;height:8px;border-radius:50%}.hero__card-chrome span:nth-child(1){background:#ff5f57}.hero__card-chrome span:nth-child(2){background:#febc2e}.hero__card-chrome span:nth-child(3){background:#28c840}.hero__card-preview{width:100%;height:95px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.hero__card-info{padding:10px 14px 12px;background:#fff}.hero__card-info-name{font-size:11px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.hero__card-info-tag{font-size:10px;color:#aaa;letter-spacing:.5px}.hero__card--1{width:205px;top:10px;left:0;animation:floatA 6s ease-in-out 0s infinite;z-index:3}.hero__card--2{width:192px;top:25px;right:15px;animation:floatB 7s ease-in-out .9s infinite;z-index:2}.hero__card--3{width:198px;top:190px;left:20px;animation:floatC 6.5s ease-in-out 1.5s infinite;z-index:4}.hero__card--4{width:188px;top:215px;right:5px;animation:floatD 7.5s ease-in-out .4s infinite;z-index:2}.hero__card--5{width:196px;top:365px;left:50px;animation:floatE 6s ease-in-out 1.1s infinite;z-index:3}.hero__bottom{display:flex;justify-content:space-between;align-items:center;animation:fadeUp .85s ease .38s both}.hero__scroll{display:flex;align-items:center;gap:12px}.hero__scroll-line{display:block;width:40px;height:1px;background:#ccc}.hero__scroll span{font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ccc}.preview--coworking{background:linear-gradient(135deg,#1e2d3d,#f48b3b)}.preview--creative{background:linear-gradient(135deg,#515def,#1a1a2e)}.preview--grocery{background:linear-gradient(135deg,#2e7d32,#f57f17)}.preview--nft{background:linear-gradient(135deg,#0f0e17,#fa504d)}.preview--agency{background:linear-gradient(135deg,#1a1a1a,#7edad2)}.projects{padding:120px 60px;background:#fff;border-top:1px solid #E5E4E0;overflow:hidden}.projects__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid #E5E4E0}.projects__header .section-title{margin-bottom:0}.projects__header-sub{font-size:13px;color:#aaa;max-width:280px;text-align:right;line-height:1.7}.carousel{overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.carousel:hover .carousel__track{animation-play-state:paused}.carousel__track{display:flex;gap:20px;width:max-content;animation:carouselScroll 28s linear infinite}.project-card{width:300px;flex-shrink:0;background:#f9f8f6;border:1px solid #E5E4E0;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:background .25s ease,box-shadow .25s ease}.project-card:hover{background:#fff;box-shadow:0 12px 40px #0000000f}.project-card:hover .project-card__overlay{opacity:1}.project-card:hover .project-card__preview{transform:scale(1.04)}.project-card__num{position:absolute;top:12px;left:14px;font-size:10px;font-weight:700;letter-spacing:2px;color:#0003;z-index:2}.project-card__preview-wrap{position:relative;height:180px;overflow:hidden}.project-card__preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;transition:transform .45s ease}.project-card__overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card__overlay a{background:#fff;color:#0a0a0a;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:10px 22px;transition:background .2s,color .2s}.project-card__overlay a:hover{background:#0a0a0a;color:#fff}.project-card__info{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column}.project-card__type{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#bbb;margin-bottom:7px}.project-card__name{font-size:16px;font-weight:700;color:#0a0a0a;letter-spacing:-.4px;margin-bottom:7px}.project-card__desc{font-size:12px;color:#888;line-height:1.7;flex:1;margin-bottom:16px}.project-card__tech{display:flex;flex-wrap:wrap;gap:5px}.project-card__tech span{font-size:10px;font-weight:600;color:#aaa;background:#f2f1ee;padding:4px 9px;border:1px solid #E5E4E0}.project-card__preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}a.project-card{text-decoration:none;color:inherit;cursor:pointer}a.project-card .project-card__overlay span{background:#fff;color:#0a0a0a;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:10px 22px;display:inline-block;transition:background .2s,color .2s}a.project-card:hover .project-card__overlay span{background:#0a0a0a;color:#fff}.services{padding:120px 60px;background:#f9f8f6;border-top:1px solid #E5E4E0}.services__header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid #E5E4E0}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e5e4e0;border:1px solid #E5E4E0}.services__card{background:#f9f8f6;padding:40px 36px;display:flex;flex-direction:column;gap:14px;position:relative;transition:background .25s ease}.services__card:hover{background:#fff}.services__card--highlight{background:#0a0a0a}.services__card--highlight:hover{background:#1a1a1a}.services__card--highlight .services__card-num{color:#fff3}.services__card--highlight .services__card-name{color:#fff}.services__card--highlight .services__card-desc{color:#fff6}.services__card-num{font-size:10px;font-weight:700;letter-spacing:2px;color:#ccc}.services__card-icon{font-size:1.6rem}.services__card-name{font-size:17px;font-weight:700;color:#0a0a0a;letter-spacing:-.3px;line-height:1.2}.services__card-desc{font-size:13px;color:#888;line-height:1.75}.about{padding:120px 60px;background:#fff;border-top:1px solid #E5E4E0}.about .container{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about__visual{position:relative}.about__visual-box{width:100%;aspect-ratio:1;max-width:400px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:7rem;position:relative;overflow:hidden}.about__visual-box:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.04) 0%,transparent 60%)}.about__visual-badge{position:absolute;bottom:-14px;right:-14px;background:#0a0a0a;border:2px solid #F9F8F6;color:#fff;font-size:13px;font-weight:700;padding:14px 20px;text-align:center;line-height:1.3}.about__visual-badge span{display:block;font-size:22px;font-weight:800}.about__text .section-body{max-width:100%;margin-bottom:32px}.about__skills{margin-top:32px}.about__skills h4{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bbb;margin-bottom:16px}.about__skills-list{display:flex;flex-wrap:wrap;gap:8px}.about__skill{display:flex;align-items:center;gap:8px;background:#f2f1ee;border:1px solid #E5E4E0;padding:8px 16px;font-size:13px;font-weight:600;color:#0a0a0a;transition:border-color .2s}.about__skill:hover{border-color:#0a0a0a}.about__skill .dot{width:7px;height:7px;border-radius:50%;background:#0a0a0a}.about__skill--learning .dot{background:#f59e0b}.about__skill--soon .dot{background:transparent;border:1.5px solid #CCCCCC}.contact{padding:120px 60px;background:#0a0a0a;border-top:1px solid #E5E4E0}.contact__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact .section-label{color:#ffffff4d}.contact .section-title{color:#fff}.contact .section-body{color:#fff6;margin-bottom:40px}.contact__info{display:flex;flex-direction:column;gap:18px}.contact__info-item{display:flex;align-items:center;gap:16px;color:#ffffff73;font-size:14px}.contact__info-icon{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.contact__form{background:#161616;border:1px solid rgba(255,255,255,.07);padding:40px;display:flex;flex-direction:column;gap:14px}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact__form input,.contact__form textarea{width:100%;background:#0a0a0a;border:1.5px solid rgba(255,255,255,.08);padding:14px 18px;font-family:Space Grotesk,sans-serif;font-size:14px;color:#fff;outline:none;transition:border-color .2s;resize:vertical;border-radius:0}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#fff3}.contact__form input:focus,.contact__form textarea:focus{border-color:#ffffff4d}.contact__form button{width:100%;padding:16px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;background:#fff;color:#0a0a0a;border:none;cursor:pointer;transition:all .2s}.contact__form button:hover{background:#eee;transform:translateY(-1px)}.footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);padding:24px 60px;display:flex;align-items:center;justify-content:space-between}.footer__copy{font-size:12px;letter-spacing:.5px;color:#ffffff2e}.footer__links{display:flex;gap:28px}.footer__links a{font-size:12px;color:#ffffff38;transition:color .2s}.footer__links a:hover{color:#ffffffb3}@media(max-width:1024px){.hero{padding:96px 40px 48px}.hero__main{gap:32px}.hero__title{letter-spacing:-3px}.hero__showcase{height:400px}.navbar{padding:0 40px}.projects__header{flex-direction:column;align-items:flex-start;gap:16px}.projects__header .projects__header-sub{text-align:left;max-width:100%}.services__header{grid-template-columns:1fr;gap:16px}.about .container{gap:60px}.contact__inner{gap:48px}.contact__form{padding:32px}.footer{padding:24px 40px}}@media(max-width:768px){.navbar{padding:0 24px}.navbar__links{display:none}.navbar__cta{font-size:11px}.hero{padding:88px 24px 48px}.hero__main{grid-template-columns:1fr;gap:0;padding:32px 0 24px}.hero__title{font-size:clamp(64px,18vw,100px);letter-spacing:-3px;margin-bottom:20px}.hero__sub{font-size:14px;margin-bottom:32px;max-width:100%}.hero__actions{flex-direction:column;gap:12px}.hero__actions .btn{width:100%;text-align:center;justify-content:center}.hero__showcase{display:none}.projects,.services,.about,.contact{padding:64px 24px}.projects__header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:36px;padding-bottom:28px}.projects__header .projects__header-sub{text-align:left;max-width:100%}.project-card{width:260px}.services__header{grid-template-columns:1fr;gap:12px;margin-bottom:36px;padding-bottom:28px}.services__grid{grid-template-columns:1fr}.services__card{padding:28px 24px}.about .container{grid-template-columns:1fr;gap:40px}.about__visual-box{max-width:100%;font-size:5rem}.about__visual-badge{bottom:-10px;right:-10px;padding:10px 16px}.about__visual-badge span{font-size:18px}.contact__inner{grid-template-columns:1fr;gap:40px}.contact__form{padding:24px}.contact__form-row{grid-template-columns:1fr;gap:14px}.footer{padding:24px;flex-direction:column;gap:16px;text-align:center}.section-title{font-size:clamp(32px,9vw,52px)}}@media(max-width:480px){.hero__title{font-size:clamp(52px,17vw,80px);letter-spacing:-2px}.navbar__logo{font-size:1.1rem}.project-card{width:240px}.about__visual-box{font-size:4rem}.contact__form{padding:20px}}