/* Section 05: Social cards — isolated from the rest of the site */
#journal.va-journal{background:#090b10;color:#fff;padding-top:72px;padding-bottom:82px}
#journal.va-journal .section-index{color:#aaa}
#journal.va-journal .va-journal-layout{display:grid;grid-template-columns:minmax(220px,27%) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:28px}
#journal.va-journal h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(46px,5.3vw,86px);line-height:.88;margin:0;max-width:none;color:#fff}
#journal.va-journal h2 b{color:var(--pink,#ff1493)}
#journal.va-journal .va-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#journal.va-journal .va-social-card{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:160px;aspect-ratio:1.55;color:#fff;text-decoration:none;background:#100a14;border:1px solid #8c235a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .22s,border-color .22s,filter .22s}
#journal.va-journal .va-social-card:hover,#journal.va-journal .va-social-card:focus-visible{transform:translateY(-4px);border-color:#ff1493;filter:drop-shadow(0 4px 12px #ff149344)}
#journal.va-journal .va-social-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .3s}
#journal.va-journal .va-social-card:hover img{transform:scale(1.05)}
#journal.va-journal .va-social-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.66) 48%,rgba(0,0,0,.13) 100%)}
#journal.va-journal .va-social-info{position:absolute;z-index:1;left:16px;top:15px;bottom:14px;right:18px;display:flex;flex-direction:column;align-items:flex-start}
#journal.va-journal .va-social-mark{display:grid;place-items:center;min-width:33px;height:33px;padding:0 5px;border-radius:5px;background:#0d88c8;color:white;font:800 23px/1 "Barlow Condensed",sans-serif}
#journal.va-journal .va-linkedin .va-social-mark{background:#0a66c2}
#journal.va-journal .va-instagram .va-social-mark{background:linear-gradient(45deg,#ffbe3c,#e72a78,#7240c5)}
#journal.va-journal .va-social-info strong{margin-top:auto;font:700 clamp(18px,1.7vw,27px)/1 "Barlow Condensed",sans-serif;letter-spacing:.03em}
#journal.va-journal .va-social-info small{font:500 10px/1.35 Inter,sans-serif;color:#ddd;max-width:160px;margin-top:7px}
#journal.va-journal .va-social-arrow{position:absolute;z-index:2;right:13px;bottom:12px;font:24px/1 Arial,sans-serif;color:#fff}
/* About alias reuses the existing site's .brand.glitch-brand animation */
#about.va-about .va-about-alias{display:flex;align-items:center;gap:10px;margin:2px 0 8px;white-space:nowrap}
#about.va-about .va-about-alias>span:first-child{font:800 clamp(16px,1.55vw,22px)/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;color:#fff}
#about.va-about .va-about-alias-brand{font-size:clamp(16px,1.55vw,22px);line-height:1.1;letter-spacing:.08em}
#about.va-about .va-about-alias-brand span{color:var(--pink,#ff1493)}
@media(max-width:1100px){#journal.va-journal .va-journal-layout{grid-template-columns:1fr}#journal.va-journal .va-social-card{aspect-ratio:1.7}}
@media(max-width:650px){#journal.va-journal .va-social-grid{grid-template-columns:1fr}#journal.va-journal .va-social-card{min-height:135px;aspect-ratio:2.4}#journal.va-journal h2{font-size:clamp(46px,11vw,70px)}#about.va-about .va-about-alias{flex-wrap:wrap;white-space:normal}}

/* Journal alternates with the pure-black About section. */
#journal.va-journal{background:#090b10!important;}
#journal.va-journal .va-social-mark{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;min-width:0;padding:9px;border:1px solid #ff1493;border-radius:0;background:rgba(0,0,0,.72)!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:inset 0 0 0 2px rgba(255,20,147,.12)}
#journal.va-journal .va-social-mark img{position:static;display:block;width:100%;height:100%;object-fit:contain;opacity:1;transform:none!important;filter:drop-shadow(0 0 5px rgba(255,20,147,.5))}
#journal.va-journal .va-social-card:hover .va-social-mark img{transform:none!important}

/* Journal social cards: artwork previews only. Append to the END of assets/css/journal-social.css. */
#journal.va-journal .va-social-card{background-size:cover;background-repeat:no-repeat;background-position:center center}
#journal.va-journal .va-social-card > img{display:none!important}
#journal.va-journal .va-artstation{background-image:url('../journal/artstation-paimei.jpg');background-position:center 34%}
#journal.va-journal .va-linkedin{background-image:url('../journal/linkedin-profile.jpg');background-position:center 18%}
#journal.va-journal .va-instagram{background-image:url('../journal/instagram-portrait.jpg');background-position:center 30%}
/* Preserve existing pink brand icons, text overlays, hover and click targets. */