@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_253ceddd-module__nEpYuq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_253ceddd-module__nEpYuq__variable{--font-inter:"Inter","Inter Fallback"}
:root{--bg:#fff;--bg-dark:#0a1929;--bg-gray:#f8f9fa;--bg-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--surface:#fff;--text:#1a202c;--text-light:#fff;--text-muted:#64748b;--accent:#06c;--accent-dark:#004c99;--accent-light:#39f;--accent-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--outline:#e2e8f0;--shadow:0 4px 20px #00000014;--shadow-md:0 8px 30px #0000001f;--shadow-lg:0 20px 60px #00000026;--shadow-colored:0 8px 32px #667eea40;--maxw:1400px;--radius:0px;--radius-sm:0px;--header-h:90px;--transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;--backdrop:blur(16px)saturate(180%)}[data-theme=dark]{--bg:#0f172a;--bg-gray:#1e293b;--surface:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--outline:#334155;--shadow:0 4px 20px #0000004d;--shadow-md:0 8px 30px #0006;--shadow-lg:0 20px 60px #00000080;--shadow-colored:0 8px 32px #667eea66}:root{--bg-void:#080808;--bg-panel:#111;--bg-card:#161616;--gradient-main:radial-gradient(circle at center,#111 0%,#050505 100%);--gradient-dark:linear-gradient(135deg,#1e1e1e66,#14141499);--text-primary:#fff;--text-secondary:#bbb;--text-muted:#777;--accent-bronze:#177de3;--accent-bronze-dim:#177de3;--accent-glow:#c0a06226;--font-main:"Outfit",sans-serif;--font-display:"Space Grotesk",sans-serif;--ease-out-expo:cubic-bezier(.16,1,.3,1);--z-base:1;--z-dropdown:10;--z-sticky:100;--z-modal-backdrop:1000;--z-modal:1001;--z-toast:2000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--header-h);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.7}.container{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 20px}}.section{scroll-margin-top:calc(var(--header-h) + 16px);padding:120px 0}.section-alt{background:var(--bg-gray)}.section-dark{background:var(--bg-dark);color:var(--text-light)}.section-header{text-align:center;max-width:800px;margin-bottom:64px;margin-left:auto;margin-right:auto}.section-header h2{background:linear-gradient(135deg,var(--text)0%,var(--accent)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;color:var(--text);-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2}.section-header p{color:var(--text-muted);margin:0;font-size:1.125rem;line-height:1.7}.section-dark .section-header h2{color:var(--text-light)}.section-dark .section-header p{color:#ffffffb3}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);will-change:transform;background:#0f172ab3;border-bottom:1px solid #ffffff1a;transition:transform .4s cubic-bezier(.4,0,.2,1),background .3s,border .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 24px #00000026}.site-header.transparent{-webkit-backdrop-filter:blur(8px);box-shadow:none;background:#0f172a1a;border-bottom:1px solid #ffffff0d}.site-header.scrolled{-webkit-backdrop-filter:blur(30px);background:#0f172af2;border-bottom:1px solid #ffffff26;box-shadow:0 4px 24px #0003}.site-header.hidden{transform:translateY(-100%)}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.brand{color:var(--text);transition:var(--transition);align-items:center;gap:16px;text-decoration:none;display:flex}.brand:hover{opacity:.8}.brand-logo{width:200px;height:150px;transition:var(--transition)}.brand-name{letter-spacing:-.5px;transition:var(--transition);font-size:1.5rem;font-weight:700}.brand:hover .brand-name{color:var(--accent)}.brand-tag{color:var(--text-muted);letter-spacing:1px;transition:var(--transition);font-size:.75rem;font-weight:500}.theme-toggle{z-index:100;background:var(--surface);color:var(--text);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);border:none;border:1px solid var(--outline);border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{background:var(--bg-gray);box-shadow:var(--shadow-md);transform:scale(1.05)}.theme-toggle svg{width:24px;height:24px}.nav-toggle{color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:0;padding:10px;display:none}.nav-toggle:hover{background:var(--bg-gray)}.nav-toggle svg{transition:var(--transition)}.nav-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.nav-list{align-items:center;gap:40px;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:#fff;letter-spacing:0;padding:8px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,transform .2s;display:inline-block;position:relative}.nav-list a:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-light));transform-origin:50%;border-radius:2px 2px 0 0;height:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-list a:hover{color:var(--accent-light);transform:translateY(-2px)}.nav-list a:hover:after,.nav-list a.active:after{transform:scaleX(1)}.nav-list a.active{color:var(--accent-light)}.site-header.scrolled .nav-list a{color:#fffffff2}.site-header.scrolled .nav-list a:hover{color:var(--accent)}@media (max-width:880px){.nav-toggle{display:inline-flex}.nav-list{inset:var(--header-h)0 auto 0;-webkit-backdrop-filter:blur(30px);opacity:0;visibility:hidden;max-height:calc(100vh - var(--header-h));background:#0f172afa;border-top:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:0;padding:32px 24px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;position:fixed;overflow-y:auto;transform:translateY(-100%);box-shadow:0 20px 60px #00000080}.nav-list.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-list li{border-bottom:1px solid #ffffff1a;width:100%;animation:.3s ease-out backwards slideInNav}.nav-list li:first-child{animation-delay:50ms}.nav-list li:nth-child(2){animation-delay:.1s}.nav-list li:nth-child(3){animation-delay:.15s}.nav-list li:nth-child(4){animation-delay:.2s}.nav-list li:nth-child(5){animation-delay:.25s}.nav-list li:nth-child(6){animation-delay:.3s}.nav-list a{color:#ffffffe6;width:100%;padding:18px 12px;font-size:1rem;font-weight:500;display:block}.nav-list a:hover,.nav-list a.active{color:var(--accent-light);background:#0066cc26;padding-left:20px}}.btn{color:var(--text-light);background:var(--accent);letter-spacing:.3px;cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:16px 36px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#fff0);transition:opacity .3s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 12px 32px #06c6}.btn:active{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent)0%,var(--accent-dark)100%);color:var(--text-light)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-dark)0%,#036 100%);box-shadow:0 12px 32px #0066cc73}.btn-outline{color:var(--text-light);border-color:var(--text-light);background:0 0}.btn-outline:hover{background:var(--text-light);color:var(--text);border-color:var(--text-light)}.btn-secondary{background:var(--bg-gray);color:var(--text);border-color:var(--outline)}.btn-secondary:hover{background:var(--outline);border-color:var(--text)}.hero{min-height:100vh;margin-top:calc(-1*var(--header-h));padding-top:var(--header-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-image-slider{width:100%;height:100%;position:relative}.hero-slide{object-fit:cover;filter:brightness(.6);opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out,transform 20s ease-out;position:absolute;transform:scale(1)}.hero-slide.active{opacity:1;transform:scale(1.08)}.hero-media img,.hero-media video{object-fit:cover;filter:brightness(.6);width:100%;height:100%;transition:transform 12s ease-out}.hero-media img:hover{transform:scale(1.08)}.hero-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#0a1929bf 0%,#0a192966 100%);position:absolute;inset:0}.hero-content{text-align:center;max-width:var(--maxw);color:var(--text-light);z-index:2;padding:100px 24px 80px;position:relative}.hero-title{letter-spacing:-1.5px;text-shadow:0 4px 30px #00000080;margin:0 0 32px;font-family:Inter,sans-serif;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:700;line-height:1.15}.hero-title .accent{color:var(--accent-light);margin-top:20px;font-size:.92em;font-weight:500;display:block}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:48px;display:flex}.hero-badge{align-items:center;margin-top:40px;display:inline-flex;position:relative}.brush{width:420px;max-width:80%}.badge-text{letter-spacing:1.8px;color:#0b1320;text-shadow:0 2px 4px #ffffff4d;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.grid{gap:32px;display:grid}.cards{grid-template-columns:repeat(4,1fr)}.card{-webkit-backdrop-filter:blur(12px);cursor:pointer;will-change:transform;background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:0;flex-direction:column;height:100%;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--accent)0%,var(--accent-light)100%);height:4px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.card:hover{background:#fffffffa;border-color:#667eea66;transform:translateY(-16px)scale(1.03);box-shadow:0 24px 80px #00000026,0 12px 40px #667eea33}.card:hover .card-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 40px #667eea59}.card-icon{width:72px;height:72px;color:var(--accent);transition:var(--transition);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:0;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.card-icon:after{content:"";background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);opacity:0;border-radius:0;transition:opacity .4s;position:absolute;inset:0}.card-icon svg{z-index:1;transition:var(--transition);position:relative}.card:hover .card-icon{transform:scale(1.1)rotate(5deg)}.card:hover .card-icon:after{opacity:1}.card:hover .card-icon svg{filter:brightness(0)invert()}.card h3{letter-spacing:-.5px;color:var(--text);margin:0 0 16px;font-size:1.375rem;font-weight:700;line-height:1.4}.card p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.7}@media (max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cards{grid-template-columns:1fr}}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-item{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--outline);transition:var(--transition);cursor:pointer;background:#fff;position:relative;overflow:hidden}.gallery-item:after{content:"";opacity:0;transition:var(--transition);z-index:1;background:linear-gradient(#0000 40%,#667eeacc 100%);position:absolute;inset:0}.gallery-item:hover{box-shadow:var(--shadow-lg);border-color:#667eea4d;transform:translateY(-12px)scale(1.02)}.gallery-item:hover:after{opacity:1}.gallery-item img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);display:block}.gallery-item:hover img{transform:scale(1.15)rotate(2deg)}.gallery-item figcaption{color:var(--text-light);letter-spacing:-.3px;z-index:2;transition:var(--transition);padding:24px;font-size:1.125rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover figcaption{transform:translateY(0)}@media (max-width:960px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery{grid-template-columns:1fr}}.projects-grid-section{background-color:#0000;background-image:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%),url("/projects/JOSTEEL.00_00_16_03.Still005 copy.jpg");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative}.projects-grid-section:before{content:"";-webkit-backdrop-filter:blur(8px);z-index:0;background:#0f172ad9;position:absolute;inset:0}.projects-grid-section>.container{z-index:2;position:relative}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px;display:grid}.project-grid-item{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(40px)}.project-grid-item:first-child{animation-delay:.1s}.project-grid-item:nth-child(2){animation-delay:.2s}.project-grid-item:nth-child(3){animation-delay:.3s}.project-grid-item:nth-child(4){animation-delay:.4s}.project-grid-item:nth-child(5){animation-delay:.5s}.project-grid-item:nth-child(6){animation-delay:.6s}.project-grid-item:nth-child(7){animation-delay:.7s}.project-grid-item:nth-child(8){animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-grid-card{-webkit-backdrop-filter:blur(10px);will-change:transform;background:#fffffff2;border:1px solid #fff3;border-radius:0;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003,0 0 1px #0000001a,inset 0 1px #ffffff80}.project-grid-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0000004d,0 0 1px #0000001a,inset 0 1px #ffffff80}.project-grid-image{background:#000;width:100%;height:280px;position:relative;overflow:hidden}.project-grid-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-grid-card:hover .project-grid-image img{transform:scale(1.08)}.project-grid-overlay{z-index:10;position:absolute;top:20px;left:20px}.project-grid-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0066ccf2;border-radius:0;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #0066cc4d}.project-grid-info{-webkit-backdrop-filter:blur(10px);background:#ffffffe6;flex-direction:column;flex:1;justify-content:space-between;padding:28px 24px;display:flex}.project-grid-info h3{color:var(--text);letter-spacing:-.5px;margin:0 0 16px;font-size:1.375rem;font-weight:700;line-height:1.3;transition:color .3s}.project-grid-card:hover .project-grid-info h3{color:var(--accent)}.project-grid-link{color:var(--accent);align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:gap .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-grid-link:hover{gap:12px}.project-grid-link svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.project-grid-link:hover svg{transform:translate(4px)}[data-theme=dark] .projects-grid-section{background:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%),url("/projects/JOSTEEL.00_00_16_03.Still005 copy.jpg")}[data-theme=dark] .project-grid-card{-webkit-backdrop-filter:blur(20px);background:#1e293be6;border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a,inset 0 1px #ffffff1a}[data-theme=dark] .project-grid-card:hover{box-shadow:0 30px 80px #000000b3,0 0 1px #ffffff1a,inset 0 1px #ffffff1a}[data-theme=dark] .project-grid-info{background:#1e293bf2}@media (max-width:960px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-grid-image{height:240px}.project-grid-info h3{font-size:1.25rem}}@media (max-width:560px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-grid-image{height:220px}.project-grid-info{padding:20px}.project-grid-info h3{font-size:1.125rem}.project-grid-category{padding:6px 12px;font-size:.75rem}}.project-detail-page{background:linear-gradient(135deg,#0f172afa 0%,#1e293bfa 100%);min-height:100vh}.project-detail-hero{align-items:flex-start;height:70vh;min-height:600px;margin-top:-90px;padding-top:140px;padding-bottom:80px;display:flex;position:relative}.project-detail-hero-image{z-index:0;position:absolute;inset:0}.project-detail-hero-overlay{z-index:1;background:linear-gradient(#0f172ab3,#0f172af2);position:absolute;inset:0}.project-detail-hero-content{z-index:2;position:relative}.project-detail-back{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:0;align-items:center;gap:8px;margin-bottom:32px;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-detail-back:hover{color:#fff;border-color:var(--accent);background:#0066cce6;gap:4px;transform:translate(-2px)}.project-detail-back svg{transition:transform .3s}.project-detail-back:hover svg{transform:translate(-4px)}.project-detail-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0066ccf2;border-radius:0;margin-bottom:20px;padding:8px 20px;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #06c6}.project-detail-hero h1{color:#fff;letter-spacing:-1px;margin:0 0 20px;font-size:3.5rem;font-weight:800;line-height:1.1}.project-detail-lead{color:#ffffffe6;max-width:900px;margin:0;font-size:1.375rem;line-height:1.6}.project-detail-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a80;padding:80px 0}.project-detail-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.project-detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0;padding:32px 24px;transition:all .3s}.project-detail-card:hover{background:#ffffff14;border-color:#0066cc4d;transform:translateY(-4px)}.project-detail-card h3{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:.875rem;font-weight:600}.project-detail-card p{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.project-detail-content{padding:100px 0}.project-detail-sections{max-width:900px;margin:0 auto}.project-detail-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0;margin-bottom:32px;padding:48px}.project-detail-section h2{color:#fff;letter-spacing:-.5px;margin:0 0 24px;font-size:2rem;font-weight:700}.project-detail-section p{color:#ffffffd9;margin:0;font-size:1.125rem;line-height:1.8}.project-detail-results{gap:16px;margin:0;padding:0;list-style:none;display:grid}.project-detail-results li{color:#ffffffd9;align-items:flex-start;gap:16px;font-size:1.125rem;line-height:1.6;display:flex}.project-detail-results svg{stroke:var(--accent);flex-shrink:0;margin-top:4px}.project-detail-cta{background:linear-gradient(135deg,#0066cc1a,#0066cc0d);padding:100px 0}.project-detail-cta-box{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0;max-width:800px;margin:0 auto;padding:64px 48px}.project-detail-cta-box h2{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:2.5rem;font-weight:700}.project-detail-cta-box p{color:#fffc;margin:0 0 40px;font-size:1.25rem;line-height:1.6}.project-detail-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:0;justify-content:center;align-items:center;padding:16px 32px;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:960px){.project-detail-hero{height:60vh;min-height:500px;padding-bottom:60px}.project-detail-hero h1{font-size:2.5rem}.project-detail-lead{font-size:1.125rem}.project-detail-grid{grid-template-columns:repeat(2,1fr)}.project-detail-section{padding:36px}.project-detail-section h2{font-size:1.75rem}.project-detail-cta-box{padding:48px 32px}.project-detail-cta-box h2{font-size:2rem}}@media (max-width:560px){.project-detail-hero{height:50vh;min-height:400px;padding-bottom:40px}.project-detail-hero h1{font-size:1.875rem}.project-detail-lead{font-size:1rem}.project-detail-grid{grid-template-columns:1fr;gap:16px}.project-detail-card{padding:24px 20px}.project-detail-content{padding:60px 0}.project-detail-section{margin-bottom:24px;padding:28px 24px}.project-detail-section h2{font-size:1.5rem}.project-detail-section p,.project-detail-results li{font-size:1rem}.project-detail-cta{padding:60px 0}.project-detail-cta-box{padding:40px 24px}.project-detail-cta-box h2{font-size:1.75rem}.project-detail-cta-box p{font-size:1.0625rem}.project-detail-cta-buttons{flex-direction:column}.btn-secondary{width:100%}}.projects-section{background-color:#0000;background-image:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%),url("/projects/JOSTEEL.00_00_16_03.Still005 copy.jpg");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:120px 0;position:relative;overflow:hidden}.projects-section:before{content:"";-webkit-backdrop-filter:blur(8px);z-index:0;background:#0f172ad9;position:absolute;inset:0}.projects-section:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.projects-section>*{z-index:2;position:relative}.projects-slider-container{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:550px;margin:60px 0;padding:40px 0;position:relative}.projects-slider-container:active{cursor:grabbing}.projects-track{will-change:transform;gap:32px;height:100%;display:flex}.project-slide{flex-shrink:0;width:420px;height:100%;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.project-card{-webkit-backdrop-filter:blur(20px);transform-origin:50%;background:#fffffff2;border:1px solid #fff3;border-radius:0;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #0003,0 0 1px #0000001a,inset 0 1px #ffffff80}.project-card:hover{box-shadow:0 30px 80px #0000004d,0 0 1px #0000001a,inset 0 1px #ffffff80}.project-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff59,#0000 40%);position:absolute;inset:0}.project-image{background:#000;width:100%;height:70%;position:relative;overflow:hidden}.project-image img{object-fit:cover;object-position:center;will-change:transform;width:100%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:block}.project-card:hover .project-image img{transform:scale(1.05)!important}.project-overlay{z-index:10;position:absolute;top:24px;left:24px}.project-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#0066ccf2;border-radius:0;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #0066cc4d}.project-info{-webkit-backdrop-filter:blur(10px);background:#ffffffe6;flex-direction:column;justify-content:space-between;height:30%;padding:32px 28px;display:flex}.project-info h3{color:var(--text);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .3s}.project-card:hover .project-info h3{color:var(--accent)}.project-link{color:var(--accent);cursor:pointer;align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.project-link:hover{gap:12px}.project-link svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.project-link:hover svg{transform:translate(4px)}.projects-cta{text-align:center;-webkit-backdrop-filter:blur(10px);background:#0066cc1a;border:1px solid #06c3;border-radius:0;margin-top:60px;padding:48px 32px;box-shadow:0 8px 32px #0000001a}.projects-cta p{color:#ffffffe6;margin-bottom:24px;font-size:1.125rem}[data-theme=dark] .projects-section{background-color:#0000;background-image:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%),url("/projects/JOSTEEL.00_00_16_03.Still005 copy.jpg");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}[data-theme=dark] .project-card{-webkit-backdrop-filter:blur(20px);background:#1e293be6;border:1px solid #ffffff1a;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a,inset 0 1px #ffffff1a}[data-theme=dark] .project-card:hover{box-shadow:0 30px 80px #000000b3,0 0 1px #ffffff1a,inset 0 1px #ffffff1a}[data-theme=dark] .project-info{-webkit-backdrop-filter:blur(10px);background:#1e293bf2}[data-theme=dark] .projects-cta{background:#0066cc26;border:1px solid #0066cc4d}@media (max-width:960px){.projects-section{padding:80px 0}.projects-slider-container{height:450px;margin:40px 0}.project-slide{width:340px}.project-info h3{font-size:1.25rem}.projects-cta{margin-top:40px;padding:32px 24px}}@media (max-width:560px){.projects-section{padding:60px 0}.projects-slider-container{height:380px;margin:30px 0;padding:20px 0}.project-slide{width:280px}.project-image{height:65%}.project-info{height:35%;padding:20px}.project-info h3{font-size:1.125rem}.project-category{padding:6px 12px;font-size:.75rem}.project-link{font-size:.875rem}.projects-cta{padding:24px 20px}.projects-cta p{font-size:1rem}}.about{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.about h2{letter-spacing:-1px;margin:0 0 24px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.about p{color:var(--text-muted);font-size:1.0625rem;line-height:1.8}.about-photo{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-lg);transition:var(--transition);position:relative;overflow:hidden}.about-photo:hover{transform:scale(1.02);box-shadow:0 24px 80px #667eea40}.checks{margin:24px 0 0;padding:0;list-style:none}.checks li{margin:12px 0;padding-left:32px;line-height:1.7;position:relative}.checks li:before{content:"";background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-radius:8px;width:24px;height:24px;position:absolute;top:.4em;left:0}.checks li:after{content:"?";background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:900;position:absolute;top:.2em;left:4px}@media (max-width:960px){.about{grid-template-columns:1fr}}.contact-form{background:var(--bg-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:48px}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-grid .span-2{grid-column:1/-1}label span{color:var(--text-light);letter-spacing:.5px;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}input,textarea{border-radius:var(--radius);width:100%;color:var(--text-light);transition:var(--transition);background:#ffffff0d;border:1px solid #fff3;padding:14px 16px;font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:#fff6}input:focus,textarea:focus{border-color:var(--accent);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #0066cc1a}input:hover,textarea:hover{border-color:#06c6}.form-actions{align-items:center;gap:16px;margin-top:16px;display:flex}.form-status{color:#fff9;min-height:1.2em}@media (max-width:720px){.form-grid{grid-template-columns:1fr}.contact-form{padding:32px 24px}}.page-hero{color:var(--text-light);text-align:center;margin-top:calc(-1*var(--header-h));padding:140px 0 80px;padding-top:calc(140px + var(--header-h));background:linear-gradient(135deg,#0a1929 0%,#1e3a5f 50%,#2d5a8c 100%);position:relative;overflow:hidden}.page-hero:before{content:"";opacity:1;background:radial-gradient(circle at 20%,#667eea26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba226 0%,#0000 50%),url("data:image/svg+xml,<svg width=\"60\" height=\"60\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"30\" cy=\"30\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"/></svg>");position:absolute;inset:0}.page-title{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#667eea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;position:relative}.page-subtitle{color:#ffffffb3;margin:0;font-size:1.25rem;font-weight:400;position:relative}.features{grid-template-columns:repeat(2,1fr);gap:32px}.feature-item{-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow);background:#fff9;border:2px solid #667eea14;padding:40px 36px}.feature-item:hover{box-shadow:var(--shadow-lg);background:#ffffffe6;border-color:#667eea33;transform:translateY(-8px)scale(1.02)}.feature-item h3{letter-spacing:-.5px;color:var(--accent);margin:0 0 12px;font-size:1.375rem;font-weight:700}.feature-item p{color:var(--text-muted);margin:0;line-height:1.7}.section-dark .feature-item{background:#ffffff0d;border-color:#ffffff1a}.section-dark .feature-item:hover{border-color:var(--accent);background:#ffffff14}.section-dark .feature-item p{color:#ffffffb3}@media (max-width:768px){.features{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px;display:grid}.stat-item{text-align:center;border-radius:var(--radius);transition:var(--transition);background:#0066cc0d;border:1px solid #0000;padding:40px 24px}.stat-item:hover{border-color:var(--accent);box-shadow:var(--shadow);background:#0066cc14;transform:translateY(-8px)}.stat-number{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900}.stat-label{letter-spacing:0;color:var(--text-muted);font-size:1rem}.section-dark .stat-item{background:#ffffff0d}.section-dark .stat-item:hover{background:#ffffff14}.section-dark .stat-label{color:#ffffffb3}@media (max-width:960px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.stats-grid{grid-template-columns:1fr}}.partners-grid{grid-template-columns:repeat(6,1fr);gap:24px;margin-top:48px;display:grid}.partner-logo{aspect-ratio:16/9;border:1px solid var(--outline);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);color:var(--text-muted);background:#fff;place-items:center;font-size:.85rem;display:grid}.partner-logo:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-4px)}@media (max-width:960px){.partners-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.partners-grid{grid-template-columns:repeat(2,1fr)}}.contact-info-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.contact-info-item{border:1px solid var(--outline);border-radius:var(--radius);transition:var(--transition);background:#0066cc0d;padding:32px}.contact-info-item:hover{border-color:var(--accent);box-shadow:var(--shadow);background:#0066cc14;transform:translateY(-4px)}.contact-info-item h3{letter-spacing:-.5px;color:var(--accent);margin:0 0 12px;font-size:1.25rem;font-weight:700}.contact-info-item p{color:var(--text-muted);margin:0;line-height:1.8}.contact-info-item a{color:var(--text);transition:var(--transition);text-decoration:none}.contact-info-item a:hover{color:var(--accent)}.section-dark .contact-info-item{background:#ffffff0d;border-color:#ffffff1a}.section-dark .contact-info-item:hover{background:#ffffff14}.section-dark .contact-info-item p{color:#ffffffb3}.section-dark .contact-info-item a{color:var(--text-light)}@media (max-width:768px){.contact-info-grid{grid-template-columns:1fr}}.cta-box{color:var(--text-light);text-align:center;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0a1929 0%,#1e3a5f 100%);border:2px solid #667eea4d;padding:80px 60px;position:relative;overflow:hidden}.cta-box:before{content:"";background:radial-gradient(circle,#667eea1a 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-box>*{z-index:1;position:relative}.cta-box h2{letter-spacing:-1px;margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.cta-box p{color:#fffc;margin:0 0 32px;font-size:1.125rem;line-height:1.7}@media (max-width:768px){.cta-box{padding:48px 32px}}.site-footer{background:var(--bg-dark);color:var(--text-light);border-top:1px solid #ffffff1a}.footer-inner{grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding:80px 24px 40px;display:grid}.footer-brand{max-width:400px}.footer-brand strong{letter-spacing:-.5px;margin-bottom:8px;font-size:1.5rem;display:block}.footer-brand p,.footer-brand a{color:#ffffffb3;line-height:1.7}.footer-brand a:hover{color:var(--accent)}.footer-map{width:100%;height:200px;box-shadow:var(--shadow);border:0;border-radius:12px;margin-bottom:16px}.footer-nav{flex-direction:column;gap:12px;display:flex}.footer-nav a{color:#ffffffb3;transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none}.footer-nav a:hover{color:var(--accent);padding-left:4px}.footer-social{align-items:center;gap:16px;display:flex}.footer-social a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-light);transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);border-color:#0000;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 24px #667eea4d}.footer-social a svg{width:20px;height:20px}.footer-copy{color:#ffffff80;text-align:center;border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:40px;padding-top:32px;font-size:.875rem}@media (max-width:880px){.footer-inner{grid-template-columns:1fr;gap:32px;padding:60px 24px 32px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideInNav{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.8s ease-out backwards fadeInUp}.fade-in:first-child{animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.fade-in:nth-child(5){animation-delay:.5s}.fade-in:nth-child(6){animation-delay:.6s}.fade-in:nth-child(7){animation-delay:.7s}.fade-in:nth-child(8){animation-delay:.8s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}