.k2 .hero{position:relative;color:#fff;background:var(--ink);overflow:hidden}
.k2 .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0}
.k2 .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,35,26,.95) 0%,rgba(12,35,26,.75) 45%,rgba(12,35,26,.2) 100%)}
.k2 .hero .wrap{position:relative;z-index:2;padding-block:28px 90px}
.k2 h1{font-size:clamp(34px,5vw,60px);line-height:1.06;font-weight:800;letter-spacing:-.03em;max-width:14ch;margin:70px 0 14px}
.k2 .hero p{color:#d3e2d8;font-size:17px;max-width:50ch}
.k2 .hero .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.k2 .hero .chips a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;backdrop-filter:blur(6px)}
.k2 .lstrip{background:var(--white);border-bottom:1px solid var(--line);padding-block:20px}
.k2 .case{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;padding-block:70px;border-bottom:1px solid var(--line)}
.k2 .case.r{grid-template-columns:1.1fr .9fr}
.k2 .case.r .tx{order:2}
.k2 .case .tx{position:sticky;top:80px}
.k2 .case .lo{width:120px;height:80px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;padding:8px;background:var(--white)}
.k2 .case .lo{overflow:hidden}
.k2 .case .lo img{width:100%;height:100%;object-fit:contain;display:block}
.k2 .case small.k{display:block;margin-top:18px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.k2 .case h2{font-size:clamp(26px,3vw,38px);font-weight:800;margin:8px 0 12px}
.k2 .case p{color:var(--mute);margin-bottom:12px}
.k2 .case ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.k2 .case li{display:flex;gap:10px;font-size:15px}
.k2 .case li .ico{color:var(--g2);margin-top:4px}
.k2 .gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:10px}
.k2 .gal figure{margin:0;border-radius:16px;overflow:hidden;position:relative}
.k2 .gal figure:first-child{grid-column:span 2;grid-row:span 2}
.k2 .proj{background:var(--paper)}
.k2 .pg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.k2 .pg figure{margin:0;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:3/4;max-width:100%}
.k2 .pg figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,35,26,.85))}
.k2 .pg figcaption{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;font-family:var(--f-h);font-weight:700;font-size:15px}
.k2 .lists{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.k2 .lists div{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--white)}
.k2 .lists h3{font-size:16px;display:flex;gap:10px;align-items:center;margin-bottom:12px}
.k2 .lists h3 .i{width:38px;height:38px;border-radius:12px;background:var(--g3);color:var(--g);display:grid;place-items:center;font-size:18px}
.k2 .lists ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14.5px}
.k2 .lists li{padding-left:14px;position:relative}
.k2 .lists li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--or)}
@media (max-width:1024px){
.k2 .case,.k2 .case.r{grid-template-columns:1fr}
.k2 .case.r .tx{order:0}
.k2 .case .tx{position:static}
.k2 .lists{grid-template-columns:1fr 1fr}
.k2 .pg{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
.k2 .lists{grid-template-columns:1fr}
.k2 .pg{grid-template-columns:1fr 1fr}
.k2 .gal{grid-template-columns:1fr 1fr;grid-auto-rows:140px}
.k2 h1{margin-top:30px}
}
.k2 .case .lo{display:flex;align-items:center;justify-content:center}.k2 .case .lo img{width:auto;height:auto;max-width:100%;max-height:64px}