.projects{background:linear-gradient(180deg,transparent,rgba(11,61,118,.24),transparent)}.projects-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:84px 0 78px}.projects-note{font:12px/1.65 var(--mono);color:var(--muted);max-width:240px;margin:0 9% 8px 0}.project-stack{display:grid;gap:28px}.project-feature{display:grid;grid-template-columns:minmax(280px,.92fr) 1.08fr;min-height:430px;border:1px solid rgba(116,198,255,.3);background:rgba(8,28,52,.72);box-shadow:0 24px 70px rgba(0,12,30,.2);overflow:hidden;transition:transform .35s,border-color .35s,background .35s}.project-feature:hover{transform:translateY(-6px);border-color:rgba(158,238,255,.62);background:rgba(10,38,68,.82)}.project-feature-image{min-height:100%;overflow:hidden;background:#09192c}.project-feature-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-feature:hover .project-feature-image img{transform:scale(1.04)}.project-feature-fuse .project-feature-image img{object-position:center}.project-feature-tcg .project-feature-image img{object-position:center}.project-feature-bendu .project-feature-image img{object-position:center}.project-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(30px,5vw,76px)}.project-feature-copy .project-card-meta{margin-bottom:38px}.project-feature h3{font:500 clamp(48px,6vw,88px)/.92 var(--display);letter-spacing:-.07em;margin:0 0 25px}.project-feature-description{font-size:17px;line-height:1.65;color:#c1d5e3;max-width:550px;margin:0}.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:38px}.project-actions .text-link{padding-bottom:8px}.project-actions .button{gap:26px}.project-feature-tcg{background:linear-gradient(110deg,rgba(12,40,71,.86),rgba(5,20,39,.86))}.project-feature-bendu{background:linear-gradient(110deg,rgba(6,21,40,.9),rgba(11,39,64,.8))}.detail-page{min-height:100vh;background:var(--deep)}.detail-main{padding:150px clamp(24px,10vw,160px) 110px}.detail-back{display:inline-flex;align-items:center;gap:12px;font:11px var(--mono);color:var(--cyan);letter-spacing:.06em;margin-bottom:72px}.detail-grid{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(40px,8vw,130px);align-items:center}.detail-art{border:1px solid rgba(116,198,255,.38);aspect-ratio:1;overflow:hidden;box-shadow:0 0 90px rgba(18,117,255,.2)}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-copy .project-card-meta{margin-bottom:28px}.detail-copy h1{font:600 clamp(62px,9vw,132px)/.86 var(--display);letter-spacing:-.08em;margin:0 0 30px}.detail-copy h1 span{color:var(--cyan)}.detail-copy .detail-description{font-size:18px;line-height:1.7;color:#c1d5e3;max-width:580px;margin:0}.detail-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:40px}.detail-note{margin-top:110px;padding-top:26px;border-top:1px solid var(--line);font:11px/1.7 var(--mono);color:var(--muted);max-width:520px}.detail-page .site-header{position:absolute}.detail-page .site-footer{margin-top:0}@media(max-width:800px){.projects-intro{display:block;margin:55px 0 48px}.projects-note{margin:30px 0 0}.project-feature{display:block;min-height:0}.project-feature-image{height:330px}.project-feature-copy{padding:34px 24px 38px}.project-feature-copy .project-card-meta{margin-bottom:28px}.project-feature h3{font-size:58px}.project-feature-description{font-size:15px}.detail-main{padding:120px 24px 80px}.detail-back{margin-bottom:45px}.detail-grid{display:flex;flex-direction:column;gap:45px;align-items:stretch}.detail-art{width:100%;max-width:560px;margin:auto}.detail-copy h1{font-size:76px}.detail-note{margin-top:75px}}@media(max-width:500px){.project-feature-image{height:260px}.project-actions{align-items:flex-start;flex-direction:column;gap:24px}.detail-copy h1{font-size:63px}}