:root { --pumraw-hero-desktop: 186px; --pumraw-hero-mobile: 72px; }
.hero h1 { font-size: clamp(var(--pumraw-hero-mobile), 9.7vw, var(--pumraw-hero-desktop)); }
.custom-logo { display: block; width: auto; max-width: min(220px, 32vw); max-height: 58px; object-fit: contain; }
.client-node img { position: relative; z-index: 2; width: min(130px, 65%); height: 64px; object-fit: contain; filter: grayscale(1) brightness(1.7); }
.blog-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .48; }
.cms-header { background: rgba(2,3,7,.82); border-bottom-color: rgba(247,244,255,.1); backdrop-filter: blur(18px); }
.cms-shell { position: relative; z-index: 4; min-height: 80vh; padding: 180px clamp(28px,8vw,150px) 120px; background: radial-gradient(circle at 70% 10%,rgba(107,70,194,.2),transparent 38%),#020307; }
.cms-title { max-width: 980px; margin-bottom: 70px; }
.cms-title p,.cms-kicker { color: var(--blue); font: 500 .72rem/1.4 "DM Mono",monospace; letter-spacing: .14em; text-transform: uppercase; }
.cms-title h1,.cms-article h1 { margin: 18px 0 0; font-size: clamp(3.5rem,8vw,8.6rem); font-weight: 500; line-height: .92; letter-spacing: -.06em; }
.cms-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.cms-card { border: 1px solid rgba(247,244,255,.16); background: rgba(247,244,255,.035); }
.cms-card a { display: block; height: 100%; padding: 28px; }
.cms-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; margin-bottom: 24px; }
.cms-card small { color: var(--pink); font: 500 .68rem/1 "DM Mono",monospace; }
.cms-card h2 { margin: 16px 0; font-size: clamp(1.5rem,2.4vw,2.7rem); line-height: 1.06; font-weight: 500; }
.cms-card p,.cms-content { color: var(--muted); font-size: 1rem; line-height: 1.8; }
.cms-card span,.cms-back { display: inline-block; margin-top: 20px; color: var(--blue); font-weight: 700; }
.cms-article article { width: min(900px,100%); margin: 0 auto; }
.cms-article h1 { font-size: clamp(3.2rem,7vw,7.5rem); }
.cms-featured { width: 100%; height: auto; margin: 60px 0 30px; }
.cms-content { margin-top: 50px; }
.cms-content h2,.cms-content h3 { color: var(--paper); line-height: 1.12; }
.cms-content a { color: var(--blue); text-decoration: underline; }
.cms-content img { max-width: 100%; height: auto; }
.nav-links { grid-column: 1/-1; display: flex; gap: 20px; justify-content: center; margin-top: 40px; }
.admin-bar .site-header { top: 32px; }
@media(max-width:900px){.cms-grid{grid-template-columns:1fr 1fr}.site-nav{display:none}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:640px){.hero h1{font-size:var(--pumraw-hero-mobile)}.cms-shell{padding:130px 24px 80px}.cms-grid{grid-template-columns:1fr}.cms-card a{padding:20px}.footer-top{grid-template-columns:1fr}}