/* Override shared defaults for links page layout */
.wrap{max-width:440px;padding:0 28px;}
nav{justify-content:center;}

/* Profile header */
.profile{padding:48px 0 36px;text-align:center;}
.profile-role{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-low);}

/* Section label */
.section-label{font-size:11px;letter-spacing:0.32em;color:var(--ink-low);margin-bottom:16px;margin-top:20px;display:flex;align-items:center;gap:14px;text-transform:uppercase;}
.section-label::before,.section-label::after{content:'';flex:1;height:1px;background:var(--rule);}

/* Link cards */
.link-list{display:flex;flex-direction:column;gap:10px;padding-bottom:28px;}
.link-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg2);border:1px solid var(--rule-mid);border-radius:4px;text-decoration:none;color:var(--ink);transition:border-color 0.4s,transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s;}
.link-card:hover{border-color:var(--purple);transform:translateY(-1px);box-shadow:0 4px 24px rgba(157,111,212,0.1);}
.link-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink-low);background:var(--bg3);border-radius:3px;transition:color 0.4s;}
.link-card:hover .link-icon{color:var(--purple);}
.link-icon--art{width:56px;height:56px;background-image:url('/android-chrome-192x192.png');background-size:cover;background-position:center;position:relative;overflow:hidden;border-radius:5px;color:rgba(216,226,240,0.9);}
.link-icon--art::before{content:'';position:absolute;inset:0;background:rgba(7,9,15,0.35);border-radius:5px;}
.link-icon--art svg{position:relative;z-index:1;}
.link-card:hover .link-icon--art{color:var(--ink);}
.link-text{flex:1;min-width:0;}
.link-label{font-weight:300;font-size:15px;letter-spacing:-0.01em;color:var(--ink);transition:color 0.4s,text-shadow 0.4s;}
.link-card:hover .link-label{color:var(--purple);text-shadow:0 0 20px rgba(157,111,212,0.4);}
.link-sub{font-size:11px;letter-spacing:0.12em;color:var(--ink-low);margin-top:2px;}
.link-arrow{flex-shrink:0;color:var(--ink-dim);transition:color 0.4s,transform 0.3s;}
.link-card:hover .link-arrow{color:var(--purple);transform:translateX(2px);}

/* About card with UFO */
.about-card{align-items:center;min-height:140px;}
.about-card-ufo{position:relative;width:120px;height:150px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;overflow:visible;}
/* Inner wrapper animates as one unit so beam stays attached to UFO */
.about-card-ufo-inner{position:relative;animation:ufoFloatCard 6s ease-in-out infinite;}
.about-card-ufo-img{width:120px;height:120px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(157,111,212,0.5)) drop-shadow(0 0 24px rgba(157,111,212,0.2));}
.about-card:hover .about-card-ufo-img{filter:drop-shadow(0 0 18px rgba(157,111,212,0.8)) drop-shadow(0 0 36px rgba(157,111,212,0.35));}
.about-card-beam{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:44px;height:56px;background:linear-gradient(180deg,rgba(157,111,212,0.32) 0%,rgba(157,111,212,0) 100%);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);animation:beamPulseCard 6s ease-in-out infinite;}
@keyframes ufoFloatCard{0%,100%{transform:translateY(0px) rotate(-1deg);}33%{transform:translateY(-8px) rotate(1.5deg);}66%{transform:translateY(-4px) rotate(-0.5deg);}}
@keyframes beamPulseCard{0%,100%{opacity:0.6;transform:translateX(-50%) scaleX(1);}33%{opacity:1;transform:translateX(-50%) scaleX(1.15);}66%{opacity:0.7;transform:translateX(-50%) scaleX(0.92);}}

/* Post cards (journal entries) */
.post-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--bg2);border:1px solid var(--rule-mid);border-radius:4px;text-decoration:none;color:var(--ink);transition:border-color 0.4s,transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s;}
.post-card:hover{border-color:var(--purple);transform:translateY(-1px);box-shadow:0 4px 24px rgba(157,111,212,0.1);}
.post-body{flex:1;min-width:0;}
.post-date{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-low);margin-bottom:6px;}
.post-title{font-style:italic;font-weight:300;font-size:15px;letter-spacing:-0.01em;color:var(--ink);line-height:1.4;margin-bottom:7px;transition:color 0.4s,text-shadow 0.4s;}
.post-card:hover .post-title{color:var(--purple);text-shadow:0 0 20px rgba(157,111,212,0.4);}
.post-excerpt{font-size:12px;line-height:1.6;color:var(--ink-faint);letter-spacing:0.01em;}

footer{border-top:1px solid var(--rule);padding:24px 0 36px;text-align:center;}
.footer-text{font-size:11px;color:var(--ink-low);letter-spacing:0.14em;text-transform:uppercase;}
@media(max-width:480px){.wrap{padding:0 18px;}.profile{padding:36px 0 28px;}}