:root{--primary:#0d1b2a;--primary-light:#1b3a4b;--primary-dark:#060d15;--accent:#0866ff;--accent-light:#1877f2;--accent-dark:#0554cc;--background:#faf8f5;--background-dark:#f0ebe5;--muted:#5c6b7a;--text:#0d1b2a;--text-light:#1b3a4b;--white:#fff;--font-display:"FormaDJRDisplay","Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Marund","Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--transition:all .3s ease}.projektid-page{font-family:var(--font-body);background:var(--background);color:var(--text);letter-spacing:.02em;line-height:1.6;overflow-x:clip}.projektid-page *{box-sizing:border-box;margin:0;padding:0}.projektid-page img{max-width:100%;height:auto}.projektid-page .btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.projektid-page .btn-dark{background-color:var(--accent);color:var(--white);border:2px solid #fff3;transition:all .2s ease-in-out;position:relative;overflow:hidden;box-shadow:inset 4px 4px 10px #00000026,inset -4px -4px 10px #ffffff40}.projektid-page .btn-dark:hover{transform:translateY(-2px);box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff40,4px 4px 15px #0866ff4d,-2px -2px 10px #ffffff80}.projektid-page .nav{z-index:1000;width:auto;max-width:calc(100% - 40px);padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(0)}.projektid-page .nav.nav-hidden{transform:translate(-50%)translateY(-120%)}.projektid-page .nav-inner{-webkit-backdrop-filter:blur(20px);background:#faf8f5d9;border:1px solid #fff9;border-radius:50px;justify-content:space-between;align-items:center;gap:56px;padding:16px 32px 16px 40px;display:flex;box-shadow:0 4px 24px #00000014,0 1px 2px #0000000a,inset 0 1px #fffc}.projektid-page .nav-logo{align-items:center;text-decoration:none;display:flex}.projektid-page .nav-logo img{width:auto!important;max-width:none!important;height:32px!important}.projektid-page .nav-buttons{align-items:center;gap:12px;display:flex}.projektid-page .nav-cta{white-space:nowrap;padding:12px 24px!important;font-size:12px!important}.projektid-page .hero{background:var(--background);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:8rem 2rem 4rem;display:flex;position:relative}.projektid-page .back-link{color:var(--muted);margin-bottom:2rem;font-size:.9375rem;text-decoration:none;transition:all .3s;display:inline-block}.projektid-page .back-link:hover{color:var(--accent)}.projektid-page .hero h1{font-family:var(--font-display);letter-spacing:.3px;color:var(--primary);margin-bottom:1rem;font-size:4rem;font-weight:700;line-height:1.1}.projektid-page .hero p{font-family:var(--font-body);color:var(--muted);letter-spacing:.02em;max-width:700px;font-size:1.125rem;line-height:1.7}.projektid-page .timeline-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.projektid-page .timeline-container{padding:4rem 0;position:relative}.projektid-page .timeline-line{background:linear-gradient(180deg,var(--accent)0%,var(--accent)var(--scroll-progress,0%),#0d1b2a1a var(--scroll-progress,0%),#0d1b2a1a 100%);width:2px;transition:all .1s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.projektid-page .timeline-items{flex-direction:column;gap:4rem;display:flex}.projektid-page .timeline-item{grid-template-columns:1fr 1fr;align-items:stretch;gap:4rem;min-height:500px;display:grid;position:relative}.projektid-page .timeline-dot{background:var(--white);z-index:10;border:4px solid #0d1b2a1a;border-radius:50%;width:20px;height:20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.projektid-page .timeline-dot.visible{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 6px #0866ff33}.projektid-page .card-wrapper{opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:translate(-40px)}.projektid-page .timeline-item:nth-child(2n) .card-wrapper{transform:translate(40px)}.projektid-page .card-wrapper.visible{opacity:1;transform:translate(0)}.projektid-page .project-card{background:var(--white);border:1px solid #0d1b2a14;border-radius:20px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.projektid-page .project-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 12px 32px #00000014}.projektid-page .card-image-container{aspect-ratio:1200/628;background:linear-gradient(135deg,var(--accent)0%,var(--accent-dark)100%);width:100%;position:relative;overflow:hidden}.projektid-page .card-image{object-fit:cover;width:100%;height:100%}.projektid-page .industry-tag{display:none}.projektid-page .card-body{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex}.projektid-page .card-title{font-family:var(--font-display);letter-spacing:.3px;color:var(--primary);font-size:1.5rem;font-weight:700}.projektid-page .card-description{font-family:var(--font-body);color:var(--muted);letter-spacing:.02em;flex:1;font-size:.9375rem;line-height:1.6}.projektid-page .stat-pills{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.projektid-page .stat-pill{color:#3f3f46;font-size:.8125rem;font-weight:600;font-family:var(--font-body);background:linear-gradient(#fff 0%,#e4e4e7 100%);border:1px solid #d4d4d8;border-radius:100px;padding:.625rem 1.25rem;box-shadow:0 2px #a1a1aa,0 4px 8px #0000001a,inset 0 1px #fffc}.projektid-page .year-badge{background:var(--primary);color:var(--white);font-family:var(--font-body);border-radius:50px;margin:2rem auto;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-block}.projektid-page .year-badge:hover{background:var(--accent);transform:translateY(-2px)}.projektid-page .cta-section{background:var(--primary);text-align:center;color:var(--white);padding:6rem 2rem}.projektid-page .cta-section h2{font-family:var(--font-display);letter-spacing:.3px;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.projektid-page .cta-subtext{font-family:var(--font-body);color:#ffffffbf;max-width:600px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.6}.projektid-page .cta-button{background:var(--accent);color:var(--white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.projektid-page .cta-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0866ff4d}.projektid-page .projektid-footer{background:var(--primary-dark);color:var(--white);text-align:center;letter-spacing:.02em;padding:3rem 2rem;font-size:.9375rem;line-height:1.6}.projektid-page .projektid-footer p{opacity:.7}@media (max-width:900px){.projektid-page .timeline-section{padding:2rem 16px}.projektid-page .timeline-container{padding:1rem 0}.projektid-page .timeline-line,.projektid-page .timeline-dot{display:none}.projektid-page .timeline-items{gap:50px}.projektid-page .timeline-item{min-height:auto;display:block}.projektid-page .timeline-item .empty-space{display:none}.projektid-page .card-wrapper,.projektid-page .timeline-item:nth-child(2n) .card-wrapper{opacity:1;transition:none;transform:none}.projektid-page .card-wrapper.visible{opacity:1;transform:none}.projektid-page .project-card{background:linear-gradient(145deg,var(--primary)0%,var(--primary-dark)100%);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0c23404d,inset 0 1px #ffffff1a,inset 0 -2px #0003}.projektid-page .project-card:hover{transform:translateY(-4px)}.projektid-page .card-image-container{aspect-ratio:16/9;border:1px solid #ffffff26;border-radius:12px;width:auto;margin:24px 24px 0}.projektid-page .card-body{gap:.75rem;padding:1.25rem 1.5rem 1.5rem}.projektid-page .card-title{color:var(--white);font-size:1.25rem}.projektid-page .card-description{color:#ffffffb3;font-size:.875rem}.projektid-page .stat-pill{color:#fffc;box-shadow:none;background:#ffffff14;border:1px solid #ffffff26;padding:.5rem 1rem;font-size:.75rem}}@media (max-width:768px){.projektid-page .nav{width:100%;max-width:100%;top:0;left:0;right:0;transform:none}.projektid-page .nav.nav-hidden{transform:translateY(-120%)}.projektid-page .nav-inner{border-radius:0;gap:12px;padding:8px 16px}.projektid-page .nav-logo img{height:24px!important}.projektid-page .nav-cta{padding:5px 14px!important;font-size:10px!important}.projektid-page .hero{min-height:auto;padding:5rem 1.5rem 2.5rem}.projektid-page .hero h1{font-size:2.5rem}.projektid-page .hero p{font-size:1rem}.projektid-page .cta-section{padding:4rem 1.5rem}.projektid-page .cta-section h2{font-size:1.75rem}}@media (max-width:480px){.projektid-page .nav-inner{gap:8px;padding:6px 12px}.projektid-page .nav-logo img{height:22px!important}.projektid-page .nav-cta{padding:4px 12px!important;font-size:9px!important}.projektid-page .hero{padding:4rem 1rem 2rem}.projektid-page .hero h1{font-size:2rem}.projektid-page .timeline-section{padding:1.5rem 12px}.projektid-page .timeline-items{gap:40px}.projektid-page .card-image-container{margin:16px 16px 0}.projektid-page .card-body{gap:.75rem;padding:1rem}.projektid-page .card-title{color:var(--white);font-size:1.125rem}.projektid-page .card-description{color:#ffffffb3;font-size:.8125rem}.projektid-page .stat-pill{padding:.375rem .75rem;font-size:.6875rem}}