.projects-hero{min-height:62vh;display:flex;align-items:center;padding-top:110px;background:radial-gradient(circle at 70% 25%,rgba(56,189,248,.11),transparent 40%)}.projects-hero h1{max-width:900px;font-size:clamp(45px,7vw,78px);line-height:1.03;margin:12px 0 22px}.projects-hero h1 span{color:#38bdf8}.projects-hero p:not(.section-label){max-width:760px;color:#8996a4;font-size:17px}.projects-list{padding:70px 0}.project-showcase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:80px 0;border-top:1px solid #1c2a37}.project-showcase:last-child{border-bottom:1px solid #1c2a37}.showcase-number{position:absolute;top:18px;left:0;color:#182632;font-size:80px;font-weight:900;line-height:1}.showcase-content{position:relative;z-index:2}.showcase-content h2{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:10px 0 17px}.showcase-description{color:#8996a4;max-width:590px;margin-bottom:22px}.showcase-stack{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:27px}.showcase-stack span,.project-tags span{padding:5px 9px;background:#172430;border-radius:4px;color:#8ddcff;font-size:10px}.project-view-btn{display:inline-flex;gap:9px;color:#38bdf8;font-size:13px;font-weight:800}.project-view-btn:hover{gap:14px}.showcase-visual{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;padding:25px;background:#0c141c;border:1px solid #263747;border-radius:12px;overflow:hidden}.showcase-visual img{width:100%;display:block;border-radius:7px;transition:.4s}.showcase-visual:hover{border-color:#38bdf8}.showcase-visual:hover img{transform:scale(1.025)}.visual-cta{position:absolute;right:16px;bottom:16px;padding:7px 10px;background:rgba(8,13,19,.9);border:1px solid #33495a;border-radius:5px;color:#8ddcff;font-size:10px}.project-detail-hero{padding:155px 0 95px;background:radial-gradient(circle at 75% 25%,rgba(56,189,248,.12),transparent 42%)}.project-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.back-projects{display:inline-block;margin-bottom:50px;color:#718092;font-size:13px}.back-projects:hover{color:#38bdf8}.project-detail-hero h1{max-width:1000px;font-size:clamp(45px,7vw,82px);line-height:.99;margin:10px 0 28px}.project-detail-hero h1 span{color:#38bdf8}.project-detail-intro{max-width:760px;color:#8996a4;font-size:18px;margin-bottom:27px}.project-actions{margin-top:28px}.detail-thumbnail{padding:16px;background:#0c141c;border:1px solid #263747;border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.detail-thumbnail img{display:block;width:100%;border-radius:8px}.project-detail-section{padding:105px 0;border-top:1px solid #1c2a37}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.detail-grid h2{font-size:clamp(31px,5vw,52px);line-height:1.08}.detail-grid>div:last-child p{color:#8996a4;margin-bottom:18px}.architecture-image{padding:15px;background:#080d13;border:1px solid #263747;border-radius:10px;margin-bottom:55px}.architecture-image img{display:block;width:100%;border-radius:6px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.workflow>div{padding:21px;background:#101a23;border:1px solid #263747;border-radius:8px}.workflow strong{color:#38bdf8;font:12px monospace}.workflow h3{font-size:15px;margin:13px 0 6px}.workflow p{color:#718092;font-size:11px}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-gallery figure{margin:0;padding:9px;background:#101a23;border:1px solid #263747;border-radius:9px;transition:.25s}.project-gallery figure:hover{border-color:#38bdf8;transform:translateY(-4px)}.project-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#080d13;border-radius:5px}.project-gallery figcaption{padding:13px 8px 7px;color:#718092;font-size:11px}.learning-list{display:flex;flex-direction:column;gap:18px}.learning-list>div{display:grid;grid-template-columns:40px 1fr;gap:13px;padding-bottom:18px;border-bottom:1px solid #263747}.learning-list span{color:#38bdf8;font:12px monospace}.learning-list p{color:#8996a4;margin:0}.repo-note{padding:22px 0;background:#091018;border-top:1px solid #1c2a37}.repo-note .container{color:#718092;font-size:12px}.repo-note strong{color:#38bdf8}.project-next{padding:90px 0;text-align:center;background:#070b10}.project-next p{color:#718092;margin-bottom:8px}.project-next a{color:#38bdf8;font-size:24px;font-weight:800}.project-next a:hover{color:#7dd3fc}@media(max-width:1000px){.project-hero-grid,.project-showcase,.detail-grid{grid-template-columns:1fr}.detail-thumbnail{max-width:760px}.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.project-detail-hero{padding-top:130px}.project-gallery{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}.project-detail-hero h1{font-size:49px}.showcase-visual{min-height:auto}}