:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080b17;color:#f4f6ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#29214f,transparent 40%),radial-gradient(ellipse at 10% 35%,#0d3541,transparent 35%),#080b17;min-height:100vh}a{color:#67dbff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 24px}nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:20px}nav a{color:#fff}nav strong{letter-spacing:3px}nav strong span{color:#67dbff}.links{display:flex;gap:24px}.hero{padding:105px 0 110px;max-width:780px}.eyebrow{color:#67dbff;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:bold}h1{font-size:clamp(48px,8vw,96px);line-height:1.02;letter-spacing:-4px;margin:18px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#65e1ff,#b78cff);color:transparent;background-clip:text}.lead{font-size:20px;color:#c4cce1;line-height:1.6}.btn{display:inline-block;padding:13px 20px;border-radius:12px;border:1px solid #51628a;background:linear-gradient(120deg,#18485d,#453269);color:white;font-weight:bold;margin:12px 10px 0 0}.btn.alt{background:#141c30}.section{padding:30px 0 85px}h2{font-size:clamp(32px,4vw,48px);margin:12px 0}.muted{color:#b4bfd6;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:linear-gradient(145deg,#19233e,#0f1526);border:1px solid #2a3856;border-radius:22px;overflow:hidden}.art{font-size:70px;text-align:center;padding:38px 0;background:radial-gradient(circle,#344977,#1a2039)}.card:nth-child(2) .art{background:radial-gradient(circle,#285847,#172922)}.card:nth-child(3) .art{background:radial-gradient(circle,#5e416b,#231c32)}.inner{padding:25px}.tag{color:#6fddff;font-size:12px;text-transform:uppercase;letter-spacing:1px}.inner h3{font-size:23px}.inner p{color:#b4bfd6;line-height:1.6;min-height:92px}.contact{padding:35px;background:#141c30;border:1px solid #2a3856;border-radius:20px}footer{border-top:1px solid #2a3856;padding:30px 0;color:#9daac5;font-size:14px}.detail{max-width:780px;padding:85px 0 130px}.detail h1{font-size:clamp(42px,6vw,70px)}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding:70px 0}.links{gap:12px;font-size:14px}nav{flex-wrap:wrap}.inner p{min-height:auto}}

/* Official project artwork */
.art{height:172px;display:flex;align-items:center;justify-content:center;padding:17px 0;box-sizing:border-box}
.art img{height:138px;width:138px;max-width:80%;object-fit:contain;border-radius:25px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}
.card:nth-child(3) .art img{border-radius:0}

/* Fixed-size project icons; no oversized artwork */
.card .art{height:172px;min-height:172px;max-height:172px;padding:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card .art img{display:block;width:128px;height:128px;max-width:128px;max-height:128px;min-width:0;object-fit:contain;flex:none}