*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f5f5f5;font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.top{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{width:100%;padding:14px clamp(16px,3vw,44px);display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-weight:950;font-size:24px;letter-spacing:-.045em;color:#fff;text-decoration:none}.logo span{color:#ff4d18}.menu{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.menu a{color:#f3f3f3;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.02em;padding:9px 12px;border-radius:999px;text-transform:uppercase}.menu a:hover,.menu .active{background:#ff4d18;color:#fff}.hero{width:100%;padding:52px clamp(16px,4vw,64px) 32px;background:radial-gradient(circle at 18% 0%,rgba(255,77,24,.25),transparent 34%),linear-gradient(135deg,#070707,#111 60%,#070707);border-bottom:1px solid rgba(255,255,255,.08)}.hero-inner{width:100%;max-width:1600px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:#ff8a66;margin:0 0 14px}.hero h1{font-size:clamp(34px,5.8vw,86px);line-height:.94;letter-spacing:-.065em;max-width:1050px;margin:0 0 18px;color:#fff}.hero p:not(.eyebrow){max-width:760px;margin:0;color:#cfcfcf;font-size:clamp(15px,1.45vw,20px);line-height:1.55}.portfolio-shell{width:100%;padding:20px clamp(10px,1.6vw,28px) 54px}.portfolio-toolbar{position:sticky;top:57px;z-index:40;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);padding:14px 0 16px;margin-bottom:4px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter{padding:10px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#fff;text-decoration:none;background:#101010;font-weight:800;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.filter.active,.filter:hover{background:#ff4d18;border-color:#ff4d18;color:#fff}.masonry-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}.work-card{min-width:0;background:#121212;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:0 10px 34px rgba(0,0,0,.24);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.work-card:hover{transform:translateY(-4px);border-color:rgba(255,77,24,.65);box-shadow:0 18px 55px rgba(0,0,0,.38)}.image-open{display:block;width:100%;border:0;background:#171717;padding:0;cursor:zoom-in}.image-open img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;background:#171717}.work-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px 14px}.work-info span{display:block;color:#a9a9a9;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.work-info h3{margin:5px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.015em;color:#fff}.appreciate-btn{border:1px solid rgba(255,77,24,.38);background:rgba(255,77,24,.1);color:#ff6b3c;border-radius:999px;min-width:64px;height:38px;padding:0 12px;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-weight:950;cursor:pointer;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.appreciate-btn:hover,.appreciate-btn.done{background:#ff4d18;color:#fff;border-color:#ff4d18}.appreciate-btn:disabled{opacity:.7;cursor:not-allowed}.heart{font-size:16px;line-height:1}.pager{display:flex;justify-content:center;gap:8px;margin:36px 0;flex-wrap:wrap}.pager a{color:#fff;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:850}.pager .active,.pager a:hover{background:#ff4d18;border-color:#ff4d18;color:#fff}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:72px clamp(12px,3vw,44px)}.lightbox.open{display:flex}.modal-open{overflow:hidden}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.lb-close,.lb-prev,.lb-next{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;cursor:pointer;display:grid;place-items:center}.lb-close{top:18px;right:22px;width:46px;height:46px;font-size:34px}.lb-prev,.lb-next{top:50%;transform:translateY(-50%);width:50px;height:68px;font-size:46px}.lb-prev{left:18px}.lb-next{right:18px}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:#ff4d18;border-color:#ff4d18}.lb-caption{position:absolute;left:clamp(14px,3vw,44px);right:clamp(14px,3vw,44px);bottom:18px;color:#fff;display:flex;gap:12px;align-items:center;justify-content:center;text-align:center}.lb-caption strong{font-size:16px}.lb-caption span{font-size:13px;color:#bbb;text-transform:uppercase;letter-spacing:.08em}.panel{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;box-shadow:0 1px 4px rgba(0,0,0,.2)}.wrap{width:100%;max-width:1280px;margin:auto;padding:32px clamp(16px,3vw,48px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel p,.panel li{color:#c9c9c9;line-height:1.75}.clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.client{padding:22px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#111;color:#eee}.empty{text-align:center;color:#aaa;border:1px dashed rgba(255,255,255,.2);border-radius:18px;padding:50px;background:#111}.foot{text-align:center;color:#888;border-top:1px solid rgba(255,255,255,.08);padding:34px 20px;margin-top:30px;background:#070707}.foot a{color:#fff;font-weight:850}@media(min-width:1600px){.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}}@media(max-width:900px){.nav{align-items:flex-start;flex-direction:column}.portfolio-toolbar{top:104px}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.about{grid-template-columns:1fr}}@media(max-width:560px){.portfolio-shell{padding-left:10px;padding-right:10px}.masonry-grid{grid-template-columns:1fr}.hero{padding-top:44px}.menu a{padding:8px 10px}.lb-prev,.lb-next{width:42px;height:54px;font-size:36px}.lb-caption{flex-direction:column;gap:3px}.work-card{border-radius:14px}.image-open img{aspect-ratio:1/1}}


.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:950;font-size:22px;letter-spacing:-.035em;line-height:1}.brand img{height:46px;width:auto;display:block;background:#fff;border-radius:10px;padding:5px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.brand span{white-space:nowrap}.client-grid .client{display:flex;flex-direction:column;gap:7px;min-height:112px;justify-content:center}.client-grid .client strong{font-size:18px;color:#fff}.client-grid .client span{font-size:13px;color:#aaa}@media(max-width:560px){.brand img{height:40px}.brand span{font-size:19px}.nav{gap:14px}}


/* Square portfolio + developed pages */
.image-open{aspect-ratio:1/1;overflow:hidden}
.image-open img{height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}
.clients-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.client-logo-card{background:#fff;border-radius:18px;min-height:150px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#111;text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);transition:transform .18s ease,box-shadow .18s ease}.client-logo-card:hover{transform:translateY(-4px);box-shadow:0 18px 54px rgba(0,0,0,.36)}.client-logo-card img{width:100%;height:82px;object-fit:contain;margin-bottom:14px}.client-logo-card strong{font-size:16px;line-height:1.25;color:#111}.client-logo-card span{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:22px;align-items:start}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;background:#0a0a0a;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;padding:15px 16px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff4d18;box-shadow:0 0 0 3px rgba(255,77,24,.13)}.contact-form textarea{min-height:150px;resize:vertical}.primary-btn{border:0;background:#ff4d18;color:#fff;border-radius:999px;padding:14px 22px;font-weight:950;cursor:pointer;width:max-content}.primary-btn:hover{background:#ff6536}.contact-card-list{display:grid;gap:14px}.contact-item{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px}.contact-item span{display:block;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:8px}.contact-item strong,.contact-item a{color:#fff;font-size:17px;text-decoration:none;line-height:1.45}.notice{border-radius:16px;padding:14px 16px;margin-bottom:18px;background:rgba(255,77,24,.13);border:1px solid rgba(255,77,24,.35);color:#ffd8cc}.contact-note{color:#c9c9c9;line-height:1.75;margin-top:0}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.clients-logo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:560px){.client-logo-card{min-height:128px;padding:16px}.client-logo-card img{height:62px}.primary-btn{width:100%}}