@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary:#fafafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f2f2f7;--accent-primary:#000;--accent-secondary:#5ba4c9;--accent-gradient:linear-gradient(135deg, #5ba4c9 0%, #3a81a5 100%);--text-primary:#1d1d1f;--text-secondary:#86868b;--border-subtle:#0000000d;--shadow-subtle:0 4px 20px #00000008;--shadow-hover:0 10px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,-apple-system,sans-serif;font-weight:600;line-height:1.1}.mesh-bg{z-index:-1;background:radial-gradient(circle at 50% 0,#fff 0%,#f5f5f7 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.text-gradient{color:var(--accent-secondary)}.text-title{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(3rem,8vw,6rem);font-weight:700}.text-subtitle{color:var(--text-secondary);letter-spacing:-.01em;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);border-radius:24px;transition:all .5s cubic-bezier(.25,1,.5,1);position:relative}.glass-panel:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.btn-primary{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:#333;transform:scale(1.02)}.btn-secondary{color:var(--text-primary);cursor:pointer;background:#0000000d;border:none;border-radius:50px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#00000014;transform:scale(1.02)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:8rem 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.section-padding{padding:5rem 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#86868b}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-gallery-container{width:100%}.portfolio-tile:nth-child(n){grid-area:span 1/span 1}.portfolio-tile:first-child,.portfolio-tile:nth-child(8){grid-area:span 2/span 2}@media (width<=1024px){.portfolio-tile:nth-child(n){grid-area:span 1/span 1}.portfolio-tile:first-child,.portfolio-tile:nth-child(8){grid-area:span 2/span 2}.portfolio-tile:nth-child(14){grid-column:span 2}}@media (width<=768px){.portfolio-tile:nth-child(14){grid-column:span 1}}@media (width<=560px){.portfolio-tile:nth-child(n){grid-area:span 1/span 1}}.portfolio-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;grid-auto-flow:dense;gap:24px;width:100%;display:grid}@media (width<=1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px}}@media (width<=768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}}@media (width<=560px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:260px;gap:16px}}.portfolio-tile{cursor:pointer;background:#eceae4;border:none;border-radius:14px;margin:0;padding:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.portfolio-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.portfolio-tile .portfolio-num{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#1010148c;border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;top:12px;left:12px;transform:translateY(-4px)}.portfolio-tile:hover,.portfolio-tile:focus-visible{outline:none;transform:translateY(-4px);box-shadow:0 18px 40px -18px #10101466}.portfolio-tile:hover img,.portfolio-tile:focus-visible img{transform:scale(1.045)}.portfolio-tile:hover .portfolio-num,.portfolio-tile:focus-visible .portfolio-num{opacity:1;transform:translateY(0)}.portfolio-tile:focus-visible{box-shadow:0 0 0 3px #2aa9e0,0 18px 40px -18px #10101466}.portfolio-lightbox{z-index:2000;opacity:0;background:#101014f0;justify-content:center;align-items:center;transition:opacity .28s;display:none;position:fixed;inset:0}.portfolio-lightbox.open{opacity:1;display:flex}.portfolio-lightbox img{-webkit-user-select:none;user-select:none;border-radius:8px;max-width:92vw;max-height:84vh;box-shadow:0 30px 80px -20px #0009}.portfolio-gallery-container .lb-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;transition:background .2s,border-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-gallery-container .lb-btn:hover{background:#ffffff2e;border-color:#ffffff80}.portfolio-gallery-container .lb-prev{left:20px}.portfolio-gallery-container .lb-next{right:20px}.portfolio-gallery-container .lb-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:20px;right:22px}.portfolio-gallery-container .lb-close:hover{background:#ffffff2e}.portfolio-gallery-container .lb-counter{color:#ffffffbf;letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=560px){.portfolio-gallery-container .lb-btn{width:42px;height:42px;font-size:18px}.portfolio-gallery-container .lb-prev{left:10px}.portfolio-gallery-container .lb-next{right:10px}}@media (prefers-reduced-motion:reduce){.portfolio-tile:hover img{transform:none}}