body{margin:0;background:#05070b;color:#e9f2f2;font-family:system-ui}
.wrap{min-height:100vh;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:22px}
.headline{font-size:42px}
.desc{margin-top:12px;color:rgba(233,242,242,.68)}
.rightHeader{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.proj{display:flex;gap:14px;padding:14px;border:1px solid rgba(92,255,240,.10);border-radius:14px;text-decoration:none;margin-bottom:10px;color:white}
.idx{color:#5cfff0;font-weight:700}
.pName{font-size:18px;font-weight:600}
.pMeta{font-size:12px;color:rgba(233,242,242,.68)}
.page{max-width:1100px;margin:0 auto;padding:40px 20px}
.breadcrumb{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(233,242,242,.45)}
.h1{font-size:32px}
.sub{margin-top:10px;color:rgba(233,242,242,.68)}
.videoBox{margin-top:22px;border:1px solid rgba(92,255,240,.14);border-radius:16px;overflow:hidden}
.videoBox iframe{width:100%;aspect-ratio:16/9;border:0}