:root{--primary:#0F172A;--primary-light:#1E293B;--accent:#0369A1;--accent-light:#0EA5E9;--accent-vivid:#0284C7;--accent-subtle:#E0F2FE;--orange:#F97316;--emerald:#10B981;--bg:#F8FAFC;--bg-white:#FFFFFF;--text:#020617;--text-secondary:#475569;--text-muted:#475569;--border:#E2E8F0;--shadow-sm:0 1px 2px rgba(15,23,42,0.05);--shadow-md:0 4px 16px rgba(15,23,42,0.08);--shadow-lg:0 8px 32px rgba(15,23,42,0.12);--shadow-accent:0 4px 20px rgba(3,105,161,0.15);--font-heading:"Plus Jakarta Sans","Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--font-display:"Space Grotesk",sans-serif;--max-width:1200px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--success:#10B981;--radius:0px;--radius-lg:0px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.dropdown a:hover{background:var(--accent-subtle);color:var(--accent-vivid)}.hero-refs{display:none}.hero-bread{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent-vivid);margin-bottom:32px}.hero-bread a{color:var(--text-secondary);transition:var(--transition)}.hero-bread a:hover{color:var(--accent-vivid)}.hero-bread span{color:var(--text-secondary);margin:0 8px}.hero-title{font-size:clamp(52px,8vw,96px);font-weight:800;color:var(--primary);line-height:0.95;letter-spacing:-3px;margin-bottom:32px}.hero-title em{font-style:normal;background:linear-gradient(135deg,#0EA5E9,#06b6d4,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:19px;color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:48px}.hero-pills{display:flex;gap:16px;flex-wrap:wrap}.hero-pill{display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--bg);border:1px solid var(--border);transition:var(--transition);position:relative;overflow:hidden}.hero-pill::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-vivid);transform:scaleY(0);transition:0.4s ease}.hero-pill:hover::before{transform:scaleY(1)}.hero-pill:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-vivid)}.pill-num{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--accent-vivid);line-height:1}.pill-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);line-height:1.4}.pill-divider{width:1px;height:32px;background:var(--border)}.filter-section{padding:40px 0 20px;background:var(--bg);position:sticky;top:76px;z-index:50;border-bottom:1px solid var(--border)}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.filter-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px}.filter-count-total{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--accent-vivid)}.filter-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:none;-ms-overflow-style:none;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 92%,transparent 100%)}.filter-row::-webkit-scrollbar{display:none}.filter-scroll-hint{display:none}@media(max-width:1024px){.filter-row{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 90%,transparent 100%)}}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-secondary);background:var(--bg-white);border:1px solid var(--border);cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-btn:hover{border-color:var(--accent-vivid);color:var(--accent-vivid)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn .fc{font-size:11px;font-weight:700;background:rgba(0,0,0,0.08);padding:2px 7px}.filter-btn.active .fc{background:rgba(255,255,255,0.2)}.projects-section{padding:48px 0 100px;background:var(--bg)}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-auto-flow:dense}.project-card{position:relative;overflow:hidden;cursor:pointer;background:var(--primary);min-height:340px;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}.project-card.hidden{display:none}.project-card:hover{transform:translateY(-5px)}.project-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.project-card:hover .project-card-img{transform:scale(1.05)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,0.95) 0%,rgba(15,23,42,0.3) 45%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:var(--transition)}.project-card-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;transform:translateY(8px);opacity:0;transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94) 0.05s}.project-card:hover .project-card-cats{transform:translateY(0);opacity:1}.project-cat-tag{padding:3px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:rgba(14,165,233,0.2);color:var(--accent-light);border:1px solid rgba(14,165,233,0.3)}.project-card-title{font-size:20px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:6px;transition:0.4s ease}.project-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:rgba(255,255,255,0.75);font-weight:500;transform:translateY(8px);opacity:0;transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94) 0.1s}.project-card:hover .project-card-meta{transform:translateY(0);opacity:1}.project-card-arrow{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);color:#fff;transform:translate(16px,-16px);opacity:0;transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.project-card:hover .project-card-arrow{transform:translate(0,0);opacity:1}.project-card-arrow:hover{background:var(--accent-vivid);border-color:var(--accent-vivid)}.project-card-num{position:absolute;top:16px;left:24px;font-family:var(--font-display);font-size:64px;font-weight:700;color:rgba(255,255,255,0.12);line-height:1;pointer-events:none;transition:0.6s ease}.project-card:hover .project-card-num{color:rgba(14,165,233,0.25);transform:translateY(-6px)}.project-card:nth-child(12n+1){grid-column:span 7}.project-card:nth-child(12n+2){grid-column:span 5}.project-card:nth-child(12n+3){grid-column:span 4}.project-card:nth-child(12n+4){grid-column:span 4}.project-card:nth-child(12n+5){grid-column:span 4}.project-card:nth-child(12n+6){grid-column:span 5}.project-card:nth-child(12n+7){grid-column:span 7}.project-card:nth-child(12n+8){grid-column:span 8}.project-card:nth-child(12n+9){grid-column:span 4}.project-card:nth-child(12n+10){grid-column:span 6}.project-card:nth-child(12n+11){grid-column:span 6}.project-card:nth-child(12n+0){grid-column:span 12;min-height:300px}.project-card:nth-child(12n+1) .project-card-title,.project-card:nth-child(12n+7) .project-card-title,.project-card:nth-child(12n+8) .project-card-title,.project-card:nth-child(12n+0) .project-card-title{font-size:26px}.po-backdrop{position:fixed;inset:0;z-index:10001;background:rgba(2,6,23,0.55);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:0.35s ease;display:flex;align-items:center;justify-content:center;padding:32px}.po-backdrop.active{opacity:1;visibility:visible}.po-modal{background:var(--bg-white);width:100%;max-width:860px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.3);transform:translateY(30px) scale(0.96);opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.35s ease}.po-backdrop.active .po-modal{transform:translateY(0) scale(1);opacity:1}.po-close{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);color:#fff;border:none;cursor:pointer;transition:var(--transition)}.po-close:hover{background:var(--accent-vivid)}.po-close svg{width:18px;height:18px}.po-hero{position:relative;width:100%;height:320px;overflow:hidden}.po-hero-gradient{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg-white) 0%,transparent 50%,rgba(15,23,42,0.2) 100%)}.po-hero-num{position:absolute;bottom:-10px;right:24px;font-family:var(--font-display);font-size:140px;font-weight:800;color:rgba(2,132,199,0.07);line-height:1;pointer-events:none;z-index:2}.po-content{padding:0 36px 36px;position:relative;z-index:3;margin-top:-40px}.po-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.po-cat{padding:4px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-vivid);background:var(--accent-subtle)}.po-title{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--primary);letter-spacing:-1px;line-height:1.15;margin-bottom:10px}.po-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.po-info-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:24px;border:1px solid var(--border);overflow:hidden}.po-info-card{padding:18px 22px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:var(--transition)}.po-info-card:nth-child(2n){border-right:none}.po-info-card:last-child,.po-info-card:nth-last-child(1),.po-info-card:nth-last-child(2):nth-child(odd) ~ .po-info-card{border-bottom:none}.po-info-card:nth-last-child(2):nth-child(odd){border-bottom:none}.po-info-card:hover{background:var(--accent-subtle)}.po-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-vivid);margin-bottom:8px;display:flex;align-items:center;gap:8px}.po-info-label i{font-size:14px;width:18px;text-align:center;color:var(--accent-vivid)}.po-info-value{font-size:15px;font-weight:700;color:var(--primary);line-height:1.4;word-break:break-word}.po-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.po-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);transition:var(--transition)}.po-tag:hover{border-color:var(--accent-vivid);color:var(--accent-vivid)}.po-tag::before{content:'';width:5px;height:5px;background:var(--accent-vivid);flex-shrink:0}.po-gallery-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:12px}.po-gallery{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px}.po-gallery-item{flex-shrink:0;width:140px;height:95px;overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border)}.po-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.po-hero-img{width:100%;height:100%;object-fit:cover;display:block}.po-gallery-zoom{display:none}.po-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.po-nav-item{padding:16px 20px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:var(--transition)}.po-nav-item:first-child{border-right:1px solid var(--border)}.po-nav-item:hover{background:var(--bg)}.po-nav-dir{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.po-nav-name{font-size:14px;font-weight:700;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition)}.po-nav-item:hover .po-nav-name{color:var(--accent-vivid)}.po-nav-item:last-child{text-align:right}.po-nav-item:last-child .po-nav-dir{justify-content:flex-end}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10010;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:0.3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox>img,.lightbox img{max-width:min(90vw,1400px);max-height:85vh;width:auto;height:auto;object-fit:contain;display:block;position:relative;z-index:1}.lightbox-close{z-index:3;position:absolute;top:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;color:#fff;cursor:pointer;transition:var(--transition)}.lightbox-close:hover{background:var(--accent-vivid)}.lightbox-nav{z-index:3;position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:none;color:#fff;cursor:pointer;transition:var(--transition)}.lightbox-nav:hover{background:var(--accent-vivid)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-counter{z-index:3;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:14px;font-weight:600;color:rgba(255,255,255,0.8);letter-spacing:2px}.seo-intro{padding:60px 0;background:var(--bg);border-bottom:1px solid var(--border)}.seo-intro-text{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:28px}.seo-intro-text a{color:var(--accent-vivid);font-weight:600;transition:var(--transition);text-decoration:none}.seo-intro-text a:hover{color:#0369A1;text-decoration:underline}@media(max-width:1024px){.hero-title{letter-spacing:-2px}.hero-pills{gap:12px}.hero-pill{padding:12px 20px}.pill-num{font-size:24px}.projects-grid{grid-template-columns:repeat(12,1fr);gap:12px}.project-card{min-height:240px}.project-card-title{font-size:16px}.project-card-num{font-size:48px}.project-card-overlay{padding:20px}.project-card:nth-child(12n+1) .project-card-title,.project-card:nth-child(12n+7) .project-card-title,.project-card:nth-child(12n+8) .project-card-title,.project-card:nth-child(12n+0) .project-card-title{font-size:20px}.modal{width:100vw}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero-pills{flex-direction:column}.pill-divider{display:none}.projects-grid{grid-template-columns:repeat(12,1fr);gap:8px}.project-card{min-height:160px}.project-card-overlay{padding:14px}.project-card-title{font-size:13px !important}.project-card-num{font-size:32px;left:12px}.project-card-meta{font-size:10px;gap:6px}.project-cat-tag{font-size:8px;padding:2px 6px}.project-card-arrow{width:32px;height:32px;top:10px;right:10px}.po-backdrop{padding:0;align-items:stretch}.po-modal{max-width:100%;max-height:calc(100dvh - 16px);height:auto;box-shadow:none;margin:8px 0}.po-close{position:fixed;top:12px;right:12px;width:40px;height:40px;border-radius:0;background:rgba(15,23,42,.85);z-index:10002;border:1px solid rgba(255,255,255,.15)}.po-hero{height:200px}.po-hero-num{font-size:60px;right:12px}.po-content{padding:0 16px 16px;margin-top:-24px}.po-title{font-size:22px;letter-spacing:-.5px}.po-subtitle{font-size:14px;margin-bottom:16px}.po-info-strip{grid-template-columns:1fr 1fr}.po-info-card{padding:12px 14px}.po-info-label{font-size:9px;letter-spacing:1px}.po-info-value{font-size:13px}.po-tags{gap:6px;margin-bottom:16px}.po-tag{padding:4px 10px;font-size:11px}.po-gallery-item{width:110px;height:75px}.po-nav{grid-template-columns:1fr}.po-nav-item:first-child{border-right:none;border-bottom:1px solid var(--border)}.po-nav-item{padding:12px 16px}.po-nav-name{font-size:13px}.filter-section{top:64px;padding:12px 0}.filter-header{margin-bottom:10px}.filter-btn{padding:8px 14px;font-size:12px}.lightbox-nav{width:44px;height:44px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{top:12px;right:12px;width:40px;height:40px}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr !important;gap:24px !important}.hero-visual{display:none}.hero-title{font-size:clamp(20px,6vw,30px) !important;letter-spacing:-.5px !important}.hero-desc{font-size:14px !important}.hero-btns,.hero-actions{flex-direction:column !important;width:100%}.hero-btns .btn,.hero-actions .btn{width:100%;justify-content:center;text-align:center}.hero-bread{font-size:10px;letter-spacing:1px}}@media(max-width:480px){.hero-title{font-size:clamp(18px,5vw,26px) !important}.po-hero{height:160px}.po-info-strip{grid-template-columns:1fr 1fr}.po-info-card{border-right:none !important}.po-info-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}.po-info-card:last-child{border-bottom:none}.hero-pills{gap:8px}.hero-pill{padding:10px 16px}.pill-num{font-size:20px}.pill-label{font-size:10px}}@media (pointer:coarse){.filter-btn{min-height:44px;padding:12px 20px}.faq-question{min-height:48px}.btn{min-height:48px}.po-close{min-width:48px;min-height:48px}.po-nav-item{min-height:48px}.lightbox-nav{min-width:48px;min-height:48px}.lightbox-close{min-width:48px;min-height:48px}}.faq-answer a,.faq-answer-inner a,.section-desc a,.po-desc a{text-decoration:underline;text-decoration-color:var(--accent-vivid);text-underline-offset:3px}.hero-bread a{text-decoration:underline;text-decoration-color:rgba(255,255,255,0.35);text-underline-offset:2px}@media (pointer:coarse){.filter-btn{min-height:48px;padding:12px 20px}.faq-question{min-height:48px;padding:18px 20px}.btn,.cta-btn{min-height:48px}.po-close{min-width:48px;min-height:48px}.po-nav-item{min-height:48px;padding:12px 16px}.lightbox-nav{min-width:48px;min-height:48px}.lightbox-close{min-width:48px;min-height:48px}.hero-bread a{min-height:44px;display:inline-flex;align-items:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}