@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";body.logo-portfolio-body{background-color:var(--color-bg-dark, #0a0b0e)!important;background-image:radial-gradient(ellipse at 50% 0%,#23273480,#0a0b0ee0 75%),url(../../../assets/dark-bg-tile.jpg)!important;background-repeat:repeat!important;background-attachment:fixed!important;background-size:750px!important;color:#fff;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.logo-hero-section{position:relative;padding:70px 0 50px;background:linear-gradient(135deg,#f0f4ff,#e8f0fe,#fdf4ff);text-align:center;border-bottom:1px solid #e2e8f0}.logo-brand-img{max-width:170px;height:auto;margin:0 auto 20px}.logo-main-heading{font-size:3.8rem;font-weight:900;letter-spacing:2px;line-height:1.1;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px;text-transform:uppercase}.logo-hero-subtitle{font-size:1.15rem;color:#475569;font-weight:500;max-width:650px;margin:0 auto}.logo-showcase-section{padding:50px 0 80px;background:#f8fafc}.logo-section-intro{background:#fff;border-radius:24px;padding:30px;margin-bottom:60px;box-shadow:0 10px 30px #0000000a;border:1px solid #e2e8f0}.logo-intro-title{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:15px}.logo-intro-meta{display:flex;gap:40px;flex-wrap:wrap}.logo-meta-box{display:flex;flex-direction:column}.logo-meta-label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logo-meta-value{font-size:1rem;color:#0f172a;font-weight:700}.logo-item-card{background:#fff;border-radius:28px;padding:40px;margin-bottom:60px;box-shadow:0 15px 35px #0000000d;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease}.logo-item-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #00000014}.logo-item-title{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:25px;text-align:center;position:relative}.logo-item-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#3b82f6);margin:10px auto 0;border-radius:2px}.logo-block-label{font-size:.85rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.logo-block-text{font-size:.95rem;line-height:1.65;color:#475569;margin-bottom:20px}.logo-palette-box{background:#f1f5f9;border-radius:16px;padding:16px 20px;margin-top:20px}.logo-palette-title{font-size:.9rem;font-weight:800;color:#0f172a;margin-bottom:12px}.logo-swatch-list{display:flex;gap:12px;align-items:center}.logo-swatch{width:44px;height:44px;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.logo-mockup-img{width:100%;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 8px 20px #0000000f;transition:transform .3s ease}.logo-mockup-img:hover{transform:scale(1.02)}@media (max-width: 991px){.logo-main-heading{font-size:2.8rem}.logo-item-card{padding:24px}}