.projects-preview-page{background:#05080d;color:var(--text)}
.projects-preview-page .site-header{border-bottom:1px solid rgba(255,255,255,.08)}
.projects-hero{position:relative;overflow:hidden;padding:clamp(92px,12vw,150px) 0 46px;background:radial-gradient(circle at 50% 0%,rgba(0,168,255,.18),transparent 36%),linear-gradient(180deg,rgba(0,168,255,.08),rgba(5,8,13,0))}
.projects-hero::before,.projects-hero::after{content:"";position:absolute;top:0;bottom:0;width:min(23vw,260px);opacity:.52;background-image:linear-gradient(90deg,rgba(0,168,255,.42) 2px,transparent 2px),linear-gradient(rgba(0,168,255,.22) 2px,transparent 2px);background-size:74px 74px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent)}
.projects-hero::before{left:0}.projects-hero::after{right:0}
.projects-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:42px;align-items:start}
.projects-hero-copy{max-width:850px}.projects-hero-copy .mini-label{display:none}
.projects-hero h1{margin:0 0 clamp(18px,2.2vw,30px);color:var(--text);font-size:clamp(2.3rem,6vw,5.5rem);line-height:.96;letter-spacing:-.045em;text-transform:none}
.projects-hero p:not(.mini-label){max-width:760px;margin-top:0;color:var(--silver);font-size:clamp(1.05rem,1.45vw,1.32rem);line-height:1.55}
.projects-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.projects-hero-actions a{min-width:180px;text-align:center}
.projects-category-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}
.hero-category-pill{position:relative;overflow:hidden;min-height:86px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 52px rgba(0,0,0,.24);color:var(--text);padding:14px;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.hero-category-pill::before{content:"";position:absolute;inset:-45% -20%;background:radial-gradient(circle at 30% 20%,rgba(0,168,255,.25),transparent 34%);opacity:.75;pointer-events:none}.hero-category-pill span,.hero-category-pill strong,.hero-category-pill input{position:relative;z-index:1}.hero-category-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;border:1px solid rgba(0,168,255,.32);border-radius:999px;background:rgba(0,168,255,.08);color:var(--blue-soft);font-size:.66rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.hero-category-pill strong{display:block;font-size:.86rem;line-height:1.12;font-weight:950;text-transform:uppercase;letter-spacing:.035em}.hero-category-pill:hover{transform:translateY(-3px);border-color:rgba(0,168,255,.48);background:linear-gradient(180deg,rgba(0,168,255,.11),rgba(255,255,255,.03));box-shadow:0 24px 68px rgba(0,168,255,.12)}.hero-category-pill.active{border-color:rgba(0,168,255,.78);background:linear-gradient(180deg,rgba(0,168,255,.18),rgba(255,255,255,.035))}.hero-category-pill.is-featured{grid-column:span 2;min-height:78px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(0,168,255,.22),rgba(255,255,255,.035));border-color:rgba(0,168,255,.42)}.hero-category-pill.is-featured span{margin-bottom:0}.hero-category-pill.is-featured strong{font-size:1.12rem}
.hero-search-pill{cursor:text}.hero-search-pill:hover{transform:none}.hero-search-input{display:block;width:100%;border:0;border-bottom:1px solid rgba(0,168,255,.34);background:transparent;color:var(--text);font:inherit;font-size:.88rem;font-weight:850;padding:.15rem 0 .38rem;outline:0}.hero-search-input::placeholder{color:rgba(205,216,229,.62)}.hero-search-input:focus{border-bottom-color:var(--blue-soft)}
.project-browser{padding:42px 0 72px}.project-browser-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:18px}.project-browser-head h2{margin:.15rem 0 0;font-size:clamp(1.8rem,3.2vw,3.1rem);letter-spacing:-.035em}.project-search-wrap{display:none}.project-search{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);padding:.9rem 1rem;font:inherit;font-weight:700}.project-search:focus{outline:2px solid rgba(0,168,255,.5);outline-offset:2px}
.project-tabs{display:none}
.project-count{min-height:24px;color:var(--muted);font-weight:800;margin:0 0 16px}.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-preview-card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 52px rgba(0,0,0,.22)}.project-preview-card::before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,rgba(0,168,255,.17),transparent 38%);opacity:.45}.project-preview-media{position:relative;min-height:210px;background:radial-gradient(circle at 50% 35%,rgba(0,168,255,.2),rgba(0,0,0,.08));display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:18px}.project-preview-media img{position:relative;z-index:1;width:100%;height:210px;object-fit:cover;border-radius:16px}.project-preview-media img[data-fit="contain"]{object-fit:contain;padding:10px}.project-preview-fallback{position:absolute;inset:18px;display:grid;place-items:center;border:1px dashed rgba(0,168,255,.3);border-radius:16px;color:var(--blue-soft);font-weight:950;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.project-preview-body{position:relative;z-index:1;display:grid;gap:14px;padding:20px}.project-preview-top{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.project-preview-category,.project-preview-status{display:inline-flex;align-items:center;border-radius:999px;padding:.34rem .55rem;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.project-preview-category{background:rgba(0,168,255,.14);color:var(--blue-soft);border:1px solid rgba(0,168,255,.24)}.project-preview-status{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid rgba(255,255,255,.1)}.project-preview-card h3{margin:0;color:var(--text);font-size:1.26rem;line-height:1.12}.project-preview-summary{margin:0;color:var(--silver);line-height:1.55}.case-mini-flow{display:grid;gap:8px}.case-mini-flow div{border:1px solid rgba(0,168,255,.14);border-radius:14px;background:rgba(0,168,255,.035);padding:10px}.case-mini-flow strong{display:block;color:var(--blue-soft);font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px}.case-mini-flow p{margin:0;color:var(--silver);font-size:.92rem;line-height:1.42}.project-tags{display:flex;flex-wrap:wrap;gap:7px}.project-tags span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.32rem .5rem;color:var(--muted);font-size:.72rem;font-weight:850}.project-card-action{display:inline-flex;align-items:center;justify-content:center;justify-self:start;border:1px solid rgba(0,168,255,.35);border-radius:999px;background:transparent;padding:.68rem .9rem;color:var(--blue-soft);font:inherit;font-weight:950;text-transform:uppercase;letter-spacing:.055em;text-decoration:none;cursor:pointer}.project-card-action:hover{background:rgba(0,168,255,.1)}
.project-inquiry-overlay{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.68);backdrop-filter:blur(12px)}.project-inquiry-overlay.open{display:flex}.project-inquiry-window{width:min(760px,100%);max-height:min(92vh,860px);overflow:auto;border:1px solid rgba(0,168,255,.32);border-radius:26px;background:linear-gradient(180deg,rgba(8,18,28,.98),rgba(5,8,13,.98));box-shadow:0 28px 100px rgba(0,0,0,.55);padding:24px}.project-inquiry-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.project-inquiry-header h2{margin:.1rem 0 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1;letter-spacing:-.035em}.project-inquiry-close{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);width:42px;height:42px;font-size:1.7rem;line-height:1;cursor:pointer}.project-reference-card{margin:18px 0;padding:16px;border:1px solid rgba(0,168,255,.2);border-radius:18px;background:rgba(0,168,255,.055)}.project-reference-card span{display:block;color:var(--blue-soft);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.project-reference-card strong{display:block;color:var(--text);font-size:1.2rem}.project-reference-card p{margin:.45rem 0 0;color:var(--silver);line-height:1.45}.project-inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-inquiry-grid label{display:grid;gap:7px;color:var(--silver);font-weight:850}.project-inquiry-grid input,.project-inquiry-grid textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);color:var(--text);padding:.85rem .95rem;font:inherit}.project-inquiry-grid textarea{resize:vertical}.project-inquiry-wide{grid-column:1/-1}.project-inquiry-note{color:var(--muted);font-size:.9rem}.project-inquiry-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.project-inquiry-actions button{min-width:160px}
.projects-preview-page .site-nav{gap:.62rem}.projects-preview-page .site-nav a,.projects-preview-page .project-lang-toggle{white-space:nowrap;flex:0 0 auto}.projects-preview-page .project-lang-toggle{border:0!important;background:transparent!important;box-shadow:none!important;color:#f3f6fa;border-radius:0!important;padding:.6rem .8rem!important;font:inherit;font-size:.92rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.projects-preview-page .project-lang-toggle:hover{color:var(--blue-soft)}
@media(max-width:1120px){.projects-hero-grid{grid-template-columns:1fr}.projects-category-cloud{max-width:820px}.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.projects-hero{padding-top:90px}.project-browser-head{display:grid}.projects-category-cloud{grid-template-columns:1fr}.hero-category-pill.is-featured{grid-column:auto}.project-card-grid{grid-template-columns:1fr}.project-preview-media{min-height:190px}.project-preview-media img{height:190px}.project-inquiry-grid{grid-template-columns:1fr}.project-inquiry-window{padding:18px}}