/* Wingman dev log: /updates and single posts. Base generated from the Design artboards. */
.up-wrap{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box;position:relative;z-index:1}
.up-nav{display:flex;gap:28px;align-items:center;font-size:14px}
.up-nav a{color:#A9B0BF;text-decoration:none}.up-nav a:hover{color:#E9ECF2}
.up-nav a[aria-current="page"]{color:#E8C96A}
.up-chip{font:600 13px 'IBM Plex Sans',sans-serif;color:#A9B0BF;background:rgba(8,12,30,.8);border:1px solid #2A3560;border-radius:999px;padding:0 16px;min-height:40px;cursor:pointer}
.up-chip:hover{color:#E9ECF2;border-color:rgba(255,255,255,.35)}
.up-chip[aria-pressed="true"]{color:#05070F;background:#E8C96A;border-color:#E8C96A}
.up-feat{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:rgba(10,14,32,.88);border:1px solid rgba(232,201,106,.4);border-radius:14px;box-shadow:0 0 60px -30px rgba(232,201,106,.7)}
.up-feat img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:13px 0 0 13px}
.up-feat-tekst{padding:36px 36px 34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.up-feat h2{margin:0;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:34px;line-height:1.1}
.up-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.up-kaart{position:relative;display:flex;flex-direction:column;background:rgba(10,14,32,.85);border:1px solid #1D2747;border-radius:12px;transition:border-color .2s,transform .2s}
.up-kaart:hover{border-color:rgba(232,201,106,.55);transform:translateY(-3px)}
.up-kaart img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px 11px 0 0;border-bottom:1px solid #1D2747}
.up-kaart-tekst{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px}
.up-kaart h3{margin:0;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:21px;line-height:1.2}
.up-feat a.up-titel,.up-kaart a.up-titel{color:#E9ECF2;text-decoration:none}
.up-feat a.up-titel::after,.up-kaart a.up-titel::after{content:"";position:absolute;inset:0;border-radius:12px}
.up-feat:focus-within,.up-kaart:focus-within{outline:2px solid #E8C96A;outline-offset:3px}
.up-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#8C94A6}
.up-label{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:var(--l);border:1px solid var(--l);border-radius:4px;padding:2px 7px}
.up-p{margin:0;color:#A9B0BF;font-size:15px}
.up-release{aspect-ratio:16/9;border-radius:11px 11px 0 0;border-bottom:1px solid #1D2747;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(232,201,106,.22),transparent 70%),repeating-linear-gradient(0deg,rgba(232,201,106,.06) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(232,201,106,.06) 0 1px,transparent 1px 22px),#070A1E}
.up-tg{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:8px;border:1px solid rgba(64,224,255,.55);background:rgba(64,224,255,.08);color:#B8F6FF;font-weight:600;text-decoration:none;box-shadow:0 0 24px -12px rgba(64,224,255,.8)}
a.up-tg:hover{color:#fff;border-color:#40E0FF}
@media (max-width:900px){
 .up-wrap{padding:0 16px}
 .up-nav{display:none}
 .up-feat{grid-template-columns:minmax(0,1fr)}
 .up-feat img{border-radius:13px 13px 0 0;min-height:0;aspect-ratio:16/9}
 .up-feat-tekst{padding:24px 20px 26px}
 .up-feat h2{font-size:27px}
 .up-grid{grid-template-columns:minmax(0,1fr)}
}
.ps-wrap{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box;position:relative;z-index:1}
.ps-lees{max-width:760px;margin:0 auto;position:relative}
.ps-breed{max-width:1000px;margin:0 auto;position:relative}
.ps-nav{display:flex;gap:28px;align-items:center;font-size:14px}
.ps-nav a{color:#A9B0BF;text-decoration:none}.ps-nav a:hover{color:#E9ECF2}
.ps-nav a[aria-current="page"]{color:#E8C96A}
.ps-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:#8C94A6}
.ps-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--l);border:1px solid var(--l);border-radius:4px;padding:2px 8px}
.ps-tekst{font-size:18px;line-height:1.75;color:#C9CFDA}
.ps-tekst p{margin:0 0 22px}
.ps-tekst h2{margin:44px 0 14px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:28px;line-height:1.2;color:#E9ECF2}
.ps-tekst ul{margin:0 0 22px;padding-left:22px}
.ps-tekst li{margin:6px 0}
.ps-tekst strong{color:#E9ECF2}
.ps-fig{margin:36px 0}
.ps-fig img,.ps-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #2A3560;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.ps-fig figcaption{margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:#8C94A6}
.ps-video{position:relative;overflow:hidden;background:#05061A}
.ps-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;border:0;border-radius:0;box-shadow:none}
.ps-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:2px solid #E8C96A;background:rgba(5,6,26,.75);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 40px -6px rgba(232,201,106,.8)}
.ps-play:hover{background:rgba(232,201,106,.2)}
.ps-pulsring{position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(232,201,106,.5);animation:psRing 2.4s ease-out infinite}
@keyframes psRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}
.ps-stat b{display:block;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:40px;line-height:1;color:#FFF1C2;text-shadow:0 0 20px rgba(232,201,106,.5)}
.ps-stat span{display:block;margin-top:8px;font-size:14px;color:#A9B0BF}
.ps-tg{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:8px;border:1px solid rgba(64,224,255,.55);background:rgba(64,224,255,.08);color:#B8F6FF;font-weight:600;text-decoration:none;box-shadow:0 0 24px -12px rgba(64,224,255,.8)}
a.ps-tg:hover{color:#fff;border-color:#40E0FF}
.ps-deel{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid #2A3560;background:rgba(255,255,255,.03);color:#C4CAD6;cursor:pointer}
.ps-deel:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.ps-buur{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid #1D2747;border-radius:12px;background:rgba(10,14,32,.85);text-decoration:none;min-height:44px}
.ps-buur:hover{border-color:rgba(232,201,106,.55)}
.ps-buur span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:#8C94A6}
.ps-buur b{font-family:'Chakra Petch',sans-serif;font-size:19px;color:#E9ECF2}
@media (max-width:900px){
 .ps-wrap{padding:0 16px}
 .ps-nav{display:none}
 .ps-tekst{font-size:17px}
 .ps-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ps-buren{grid-template-columns:minmax(0,1fr)!important}
}
@media (prefers-reduced-motion:reduce){.ps-pulsring{animation:none}}

/* live-site additions */
html{scroll-behavior:smooth}
a.up-chip{display:inline-flex;align-items:center;text-decoration:none}
a.up-chip[aria-current="true"]{color:#05070F;background:#E8C96A;border-color:#E8C96A}
.up-pill{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;color:#2ECC87;border:1px solid rgba(46,204,135,.5);border-radius:999px;padding:7px 14px;white-space:nowrap}
.up-pill-dl{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;color:#05070F!important;background:#E8C96A;border-radius:999px;padding:0 14px;min-height:34px;text-decoration:none;white-space:nowrap}
.up-pager{display:flex;justify-content:space-between;gap:16px;margin-top:36px}
.ps-tekst h3{margin:34px 0 10px;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:22px;color:#E9ECF2}
.ps-tekst ol{margin:0 0 22px;padding-left:24px}
.ps-tekst blockquote{margin:0 0 22px;padding:6px 0 6px 20px;border-left:3px solid #C7A6FF;color:#DCD3F5;font-family:'IBM Plex Serif',Georgia,serif;font-style:italic}
.ps-tekst blockquote p{margin:0}
.ps-tekst code{font-family:'JetBrains Mono',monospace;font-size:.86em;background:rgba(64,224,255,.08);border:1px solid rgba(64,224,255,.25);border-radius:4px;padding:1px 6px;color:#B8F6FF}
.ps-tekst hr{border:0;border-top:1px dashed #2A3560;margin:36px 0}
.ps-tekst a{color:#E8C96A}
.ps-tekst .ps-fig img{aspect-ratio:auto;object-fit:contain;background:#05061A}
.ps-tekst .ps-fig img[src$=".gif"]{image-rendering:auto}
@media (min-width:1100px){.ps-tekst .ps-fig{margin-left:-120px;margin-right:-120px}.ps-tekst .ps-stats{margin-left:-120px;margin-right:-120px}}
.ps-stats{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:24px;padding:30px 32px!important;background:rgba(8,12,30,.9)!important;margin:40px 0}
.ps-clip{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #2A3560;background:#05061A;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
.ps-video{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(124,77,255,.25),transparent 70%),repeating-linear-gradient(0deg,rgba(64,224,255,.05) 0 1px,transparent 1px 22px),#05061A}
.ps-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ps-yt-noot{position:absolute;left:14px;bottom:12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:#A9B0BF;background:rgba(5,6,26,.8);border:1px solid #2A3560;border-radius:4px;padding:3px 8px}
.ps-play{color:#E8C96A}
.ps-noimg{aspect-ratio:16/9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #2A3560;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(232,201,106,.22),transparent 70%),repeating-linear-gradient(0deg,rgba(232,201,106,.06) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(232,201,106,.06) 0 1px,transparent 1px 22px),#070A1E}
.ps-gekopieerd{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;color:#2ECC87}
.up-preview{position:relative;z-index:6;background:#E8C96A;color:#05070F;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-align:center;padding:8px 12px}
.up-preview a{color:#05070F}
@media (max-width:900px){.ps-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wm-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#E8C96A;color:#05070F!important;padding:10px 14px;border-radius:6px;font-weight:600}
.wm-skip:focus{left:8px}
.up-kaart img{height:auto}
.up-feat img{height:100%}