.skill-hero{background:var(--ink);flex-direction:column;height:68svh;min-height:560px;display:flex;position:relative;overflow:hidden}.skill-hero-copy{z-index:2;flex-direction:column;flex:1;justify-content:center;max-width:720px;padding:40px 0 80px;display:flex;position:relative}.skill-eyebrow{color:var(--acid);letter-spacing:.14em;align-items:center;gap:10px;margin-bottom:22px;font-size:10px;font-weight:850;display:flex}.skill-eyebrow:before{content:"";background:var(--acid);width:22px;height:1px}.skill-title{color:var(--acid);letter-spacing:-.045em;margin:0;font-size:clamp(56px,6vw,96px);font-weight:820;line-height:.92}.skill-desc{max-width:560px;color:var(--muted);text-shadow:0 2px 12px #0003;margin-top:24px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.82}.skill-micro{letter-spacing:.14em;color:#fff9;margin-top:20px;font-size:10px;font-weight:750}.tools-section{background:#0a0f0d;padding:6rem 0}.tool-block{border-bottom:1px solid #b7ff001a;grid-template-columns:1fr 1.4fr;gap:4rem;margin-bottom:6rem;padding-bottom:6rem;display:grid}.tool-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-info{align-self:start;position:sticky;top:6rem}.tool-index{color:#b7ff00;letter-spacing:.1em;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.tool-tag{color:#b7ff00;letter-spacing:.05em;border:1px solid #b7ff0059;border-radius:999px;margin-bottom:1rem;padding:.25rem .6rem;font-size:.75rem;display:inline-block}.tool-title{color:#f7fff8;margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15}.tool-desc{color:#f7fff8b3;max-width:420px;margin-bottom:2rem;font-size:1rem;line-height:1.7}.tool-screenshot{cursor:zoom-in;text-align:left;aspect-ratio:16/9;background:#0f1612;border:1px solid #b7ff0026;border-radius:16px;width:100%;padding:0;position:relative;overflow:hidden}.tool-screenshot img{object-fit:cover;transition:transform .35s}.tool-screenshot:hover img{transform:scale(1.05)}.tool-cases{flex-direction:column;gap:1.5rem;display:flex}.cases-label{color:#f7fff880;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:700}.cases-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.case-card{aspect-ratio:4/3;cursor:zoom-in;text-align:left;background:#0f1612;border:1px solid #f7fff814;border-radius:12px;padding:0;overflow:hidden}.case-card img{object-fit:cover;transition:transform .35s}.case-card:hover img{transform:scale(1.08)}.video-cases{grid-template-columns:1fr}.video-cases video{aspect-ratio:16/9;object-fit:cover;background:#0f1612;border-radius:12px;width:100%}.project-lightbox{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04080af0;justify-content:center;align-items:center;padding:48px;display:flex;position:fixed;inset:0}.project-lightbox-stage{aspect-ratio:4/3;flex-direction:column;justify-content:center;align-items:center;width:min(1200px,100vw - 160px);max-height:calc(100vh - 96px);display:flex;position:relative}.project-lightbox-stage img{border-radius:12px;box-shadow:0 32px 80px #00000073}.project-lightbox-counter{letter-spacing:.08em;color:#ffffffb3;margin-top:18px;font-size:12px;font-weight:650}.project-lightbox-close,.project-lightbox-prev,.project-lightbox-next{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.project-lightbox-close:hover,.project-lightbox-prev:hover,.project-lightbox-next:hover{background:#ffffff38}.project-lightbox-close{width:44px;height:44px;font-size:18px;top:24px;right:24px}.project-lightbox-prev,.project-lightbox-next{width:48px;height:48px;font-size:20px;top:50%;transform:translateY(-50%)}.project-lightbox-prev{left:24px}.project-lightbox-next{right:24px}@media (max-width:980px){.tool-block{grid-template-columns:1fr;gap:2.5rem}.tool-info{position:static}.tool-screenshot{max-width:480px}}@media (max-width:560px){.cases-grid{grid-template-columns:1fr}.tool-block{margin-bottom:4rem;padding-bottom:4rem}}@media (max-width:768px){.skill-hero{height:auto;min-height:520px}.skill-hero-copy{padding:60px 0 70px}.skill-title{font-size:clamp(42px,11vw,56px)}.skill-desc{max-width:92%;font-size:14px;line-height:1.72}.project-lightbox{padding:16px}.project-lightbox-stage{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.project-lightbox-stage img{max-height:calc(100vh - 120px)}.project-lightbox-close{width:40px;height:40px;top:12px;right:12px}.project-lightbox-prev,.project-lightbox-next{width:40px;height:40px;font-size:16px}.project-lightbox-prev{left:8px}.project-lightbox-next{right:8px}}