/* DanielChe.xyz / Professional — independent personal brand skin.
   The COMPLETE approved Professional content.js, app.js, and styles.css are
   copied by identical Git blobs. This layer changes presentation ONLY. */
.personal-professional{
  --brand-yellow:#ffbc11;--brand-yellow-bright:#ffcc33;
  --brand-black:#171717;--brand-paper:#faf7ef;--brand-cream:#f4efe4;
  --brand-sepia:#6e6353;
  --pw-bg:#faf7ef;--pw-surface:#fffefa;--pw-ink:#171717;
  --pw-muted:#625d54;--pw-line:#e6ded0;--pw-line-strong:#d8cbbb;
  --pw-dark:#191817;--pw-on-dark:#faf7f1;
  --pw-on-dark-muted:#d3cec4;--pw-line-on-dark:#47423a;
  --max:1180px;
  margin:0;background:var(--brand-paper);color:var(--brand-black);
  overflow-x:clip;
}
.personal-professional .shell{width:min(var(--max),calc(100% - 48px))}
.personal-professional .brand-skip{
 position:fixed;left:14px;top:-120px;z-index:90;
 padding:12px 16px;border-radius:7px;background:#fff;color:#171717;
 font-weight:800;
}
.personal-professional .brand-skip:focus{top:10px}
.personal-professional :is(a,button,summary):focus-visible{
 outline:3px solid #d17a03;outline-offset:4px
}
.personal-professional .profile-preview-banner{
 background:#fff0bc;color:#59400e;text-align:center;
 padding:7px 14px;border-bottom:1px solid #dec381;
 letter-spacing:.055em;font-size:11px;line-height:1.45;font-weight:760;
}
.personal-professional .personal-site-header{
 position:sticky;top:0;z-index:58;min-height:69px;
 background:rgba(21,21,21,.975);border-bottom:1px solid #33312c;
 backdrop-filter:blur(16px);color:#f9f7f2;box-shadow:0 5px 22px #00000018;
}
.personal-professional .personal-site-inner{
 width:min(1320px,calc(100% - 50px));min-height:69px;
 margin-inline:auto;display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(80px,1fr);
 align-items:center;gap:25px;
}
.personal-professional .personal-brand{
 display:inline-flex;align-items:center;gap:12px;justify-self:start;
 text-decoration:none;font-size:25px;font-weight:870;letter-spacing:-.065em;
 color:#fff;white-space:nowrap;
}
.personal-professional .personal-emblem{
 width:40px;height:40px;flex:none;border:2px solid var(--brand-yellow);
 border-radius:50%;background:var(--brand-yellow)
 url('../assets/personal/lotus-portrait.webp') center/cover no-repeat;
}
.personal-professional .personal-brand-domain{color:var(--brand-yellow)}
.personal-professional .personal-site-links{
 display:flex;align-items:center;gap:26px;min-width:0;
}
.personal-professional .personal-site-links a{
 position:relative;display:inline-flex;align-items:center;min-height:52px;
 text-decoration:none;font-size:14px;font-weight:660;color:#ddd9d1;
 white-space:nowrap;transition:color .16s;
}
.personal-professional .personal-site-links a:hover{color:var(--brand-yellow-bright)}
.personal-professional .personal-site-links a[aria-current="page"]{color:var(--brand-yellow);font-weight:820}
.personal-professional .personal-site-links a[aria-current="page"]::after{
 content:"";position:absolute;bottom:0;left:0;right:0;
 height:3px;border-radius:3px;background:var(--brand-yellow);
}
.personal-professional .personal-locale-link{
 display:inline-flex;justify-self:end;align-items:center;justify-content:center;
 min-width:57px;min-height:40px;padding:8px 10px;
 color:#fff;border:1px solid #4b4943;background:#252523;
 border-radius:999px;font-size:12px;font-weight:770;text-decoration:none;
}
.personal-professional .personal-locale-link:hover{color:#171717;background:var(--brand-yellow)}

/* Editorial hero: dark CHE character, Peaceful World-level reading discipline. */
.personal-professional #app .hero{
 position:relative;isolation:isolate;overflow:hidden;
 padding:92px 0 84px;border-bottom:4px solid var(--brand-yellow);
 background:
 radial-gradient(circle at 100% 15%,rgba(255,191,20,.13) 0,rgba(255,191,20,0) 36%),
 linear-gradient(135deg,#111111 0%,#1d1d1c 56%,#28241c 100%);
 color:#f8f5eb;
}
.personal-professional #app .hero::before{
 content:"";position:absolute;width:min(57vw,750px);aspect-ratio:1;
 right:-23%;top:-75%;z-index:-1;border:1px solid #a178254d;
 border-radius:50%;box-shadow:0 0 0 45px #c78c0909,0 0 0 110px #f4b31108;
 pointer-events:none;
}
.personal-professional #app .hero-grid{
 grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
 gap:clamp(30px,5vw,82px);align-items:center;
}
.personal-professional #app .hero .eyebrow{color:#ffd875;font-weight:820;font-size:12px}
.personal-professional #app .hero .eyebrow::before{background:var(--brand-yellow);width:30px;height:3px}
.personal-professional #app .hero h1{
 margin:23px 0 21px;font-size:clamp(66px,8.5vw,112px);
 font-weight:850;letter-spacing:-.07em;line-height:.96;color:#fffefa;
 text-wrap:balance;
}
.personal-professional #app .hero h1::after{content:".";color:var(--brand-yellow)}
.personal-professional #app .hero .role{
 color:#ffca39;font-size:clamp(25px,2.7vw,36px);
 font-weight:600;line-height:1.18;max-width:670px;
}
.personal-professional #app .hero-side{
 position:relative;min-width:0;background:#282723ec;
 border:1px solid #686046;border-top:3px solid var(--brand-yellow);
 color:#f5efe4;border-radius:20px;padding:29px 31px;
 box-shadow:0 21px 70px -48px #000000a8;
}
.personal-professional #app .hero-side>p{
 color:#f4eee3;font-size:16px;line-height:1.71;
}
.personal-professional #app .hero-side .current{
 clear:both;color:#cfc8b9;font-size:15px;border-top:1px solid #595346;
 padding-top:18px;
}
.personal-professional #app .personal-hero-portrait{
 float:right;margin:-6px 0 14px 19px;
 width:137px;height:137px;border:4px solid #f7bf1b;
 border-radius:50%;background:#ffbb12;overflow:hidden;
 box-shadow:0 0 0 5px #ffffff0c;
}
.personal-professional #app .personal-hero-portrait img{
 width:100%;height:100%;display:block;object-fit:cover;
}
.personal-professional #app .hero-side .actions{clear:both;gap:8px}
.personal-professional #app .hero-side .btn.pw-btn{
 background:#363531;color:#fdf6e7;border-color:#77705d;
 padding-inline:16px;box-shadow:none;
}
.personal-professional #app .hero-side .btn.pw-btn:hover{
 background:#484332;border-color:var(--brand-yellow);color:#fff;
}
.personal-professional #app .hero-side .btn.pw-btn.primary,
.personal-professional #app .hero-side .btn.pw-btn[data-pw-action="primary"]{
 color:#191919;background:var(--brand-yellow);
 border-color:var(--brand-yellow);font-weight:790;
}
.personal-professional #app .hero-side .btn.pw-btn.primary:hover{background:#ffda63}
.personal-professional #app .hero-side .actions .btn.pw-btn[href$="/daniel-che"]{
 flex:0 0 100%;color:#cfc8bb;background:transparent;border:0;
 padding:9px 0;font-weight:590;text-decoration-color:#aa986f;
}
.personal-professional #app .hero-side .actions .btn.pw-btn[href$="/daniel-che"]:hover{
 color:#fff;background:transparent;border:0;
}

/* A six-card snapshot with restrained framing below the hero. */
.personal-professional #app .quick{
 margin-top:0;background:#fdfaf2;border:1px solid #e9e0d0;
 border-top:0;
}
.personal-professional #app .quick article{padding:22px;min-height:112px}
.personal-professional #app .quick strong{font-size:14px;font-weight:780;line-height:1.4;color:#211c15}
.personal-professional #app .quick span{font-size:15px;line-height:1.55;color:#665f56}

/* Sticky second-level index; it is part of the Professional content, not PW global UI. */
.personal-professional #app .profile-jump-nav{
 position:sticky;top:var(--personal-header-h,69px);z-index:54;
 margin-top:0;background:#fffdf7f5;
 border-block:1px solid #e5d6bb;
 box-shadow:0 12px 22px -21px #18130c6b;
 backdrop-filter:blur(18px);
}
.personal-professional #app .profile-jump-inner{
 width:min(var(--max),calc(100% - 48px));margin:auto;min-width:0;
 display:flex;align-items:center;gap:25px;
}
.personal-professional #app .profile-jump-caption{
 font-size:11px;font-weight:810;letter-spacing:.13em;
 text-transform:uppercase;color:#857359;white-space:nowrap;flex:none;
}
.personal-professional #app .profile-jump-links{
 display:flex;align-items:center;min-width:0;max-width:100%;gap:2px;
 overflow-x:auto;overscroll-behavior-x:contain;
 scrollbar-width:thin;scrollbar-color:#d8bd77 transparent;
}
.personal-professional #app .profile-jump-links a{
 flex:none;white-space:nowrap;min-height:49px;
 display:inline-flex;align-items:center;padding:12px 12px 10px;
 font-size:13px;font-weight:710;color:#675f53;
 text-decoration:none;border-bottom:3px solid transparent;
 transition:color .15s,background-color .15s,border-color .15s;
}
.personal-professional #app .profile-jump-links a:hover{color:#151515;background:#fff0c4}
.personal-professional #app .profile-jump-links a[aria-current="location"]{
 color:#161616;border-bottom-color:#e2a000;font-weight:820;
}
.personal-professional #app .profile-jump-links a:focus-visible{
 outline:3px solid #b87f12;outline-offset:-4px;
}
html:has(.personal-professional){scroll-padding-top:0}
.personal-professional #app :is(#top,#capabilities,#experience,#work,#credentials,#tools-fit,#contact,#talks,#press){
 scroll-margin-top:calc(var(--personal-header-h,69px) + var(--personal-nav-h,51px) + 18px);
}

/* Sections: keep editorial density and the full original text. */
.personal-professional #app .section{padding-top:86px;padding-bottom:88px}
.personal-professional #app .section-head .eyebrow{color:#9f740b;font-weight:840}
.personal-professional #app .section-head h2{
 color:#171717;font-size:clamp(41px,5.4vw,69px);
 font-weight:770;letter-spacing:-.058em;
}
.personal-professional #app .section-head .pw-section-desc{
 color:#625a50;font-size:16px;line-height:1.68;
}
.personal-professional #app .cap-grid{gap:14px}
.personal-professional #app .cap-grid .cap-card{
 padding:28px;background:#fffefb;border:1px solid #e8dfd1;
 border-radius:16px;min-height:215px;
 box-shadow:0 7px 28px -27px #17171743;
 transition:border-color .18s,transform .18s,box-shadow .18s;
}
.personal-professional #app .cap-grid .cap-card:nth-child(1){
 background:#ffdb73;border-color:#ffcd40;
}
.personal-professional #app .cap-grid .cap-card:nth-child(2){
 background:#ffebad;border-color:#f1d68d;
}
.personal-professional #app .cap-grid .cap-card:nth-child(-n+2)::before{background:#181818}
.personal-professional #app .cap-grid .cap-card b{color:#8d6b17}
.personal-professional #app .cap-grid .cap-card:nth-child(-n+2) b{color:#5a470d}
.personal-professional #app .cap-grid .cap-card h3{color:#191919;font-weight:730}
.personal-professional #app .cap-grid .cap-card p{font-size:15px;line-height:1.66;color:#554f47}
.personal-professional #app .cap-grid .cap-card:hover{
 transform:translateY(-2px);border-color:#cea243;
 box-shadow:0 12px 25px -22px #1717175b;
}

/* Experience reads as an editorial timeline with warm year markers. */
.personal-professional #app .experience-section{background:#eee9df}
.personal-professional #app #experience .experience-list{border-top-color:#d7c9b2}
.personal-professional #app #experience .experience-item{border-bottom-color:#d8c9b3}
.personal-professional #app #experience .period{font-weight:780;color:#7b5510}
.personal-professional #app #experience .experience-kicker{color:#976909;font-weight:800}
.personal-professional #app #experience .experience-main h3{font-weight:770;color:#161616}
.personal-professional #app #experience .experience-main h4{color:#4b3d2a}
.personal-professional #app #experience .experience-main p{color:#49463e;line-height:1.72}
.personal-professional #app #experience .inline-links a{
 color:#67440a;font-weight:730;text-decoration-color:#b39658;
}
.personal-professional #app #experience .career-che-link:hover{color:#9a6900}

/* Work, talks and press remain intact; visuals use a warmer personal signature. */
.personal-professional #app #work{background:#faf7ef}
.personal-professional #app .work-card{
 position:relative;overflow:hidden;background:#fffefa;
 border:1px solid #e5dac5;border-radius:17px;
 box-shadow:0 10px 28px -28px #1717175c;
}
.personal-professional #app .work-card:before{
 content:"";display:block;position:absolute;top:0;left:0;right:0;
 height:4px;background:#f5bd2c;
}
.personal-professional #app .work-card:hover{border-color:#d3ad49;background:#fff}
.personal-professional #app .work-card small{color:#8b6517;font-weight:780}
.personal-professional #app .work-card h3{color:#191919;font-weight:750}
.personal-professional #app .work-card p{color:#62594d}
.personal-professional #app .work-card a{color:#77500b;border-bottom-color:#b9963d}
.personal-professional #app #talks .talks-kicker,
.personal-professional #app #press .press-evidence-kicker{color:#9c6c09}
.personal-professional #app #talks .talks-card,
.personal-professional #app #press .press-editorial-card{border-color:#e2d7c4}
.personal-professional #app #talks .talks-play{background:#ffcc30;color:#111}
.personal-professional #app #press .press-conference{background:#fff2cd;border-color:#e1c477}
.personal-professional #app #press .press-conference-sources{background:#fff8e8;border-left-color:#e1c477}
.personal-professional #app #press .press-conference-meta,
.personal-professional #app #press .press-speaker-label,
.personal-professional #app #press .press-edition-year{color:#815c0c}

/* Credential section: charcoal, sharp gold hierarchy, better body text. */
.personal-professional #app #credentials{
 background:#191817;color:#fcfaf4;
 border-top:4px solid var(--brand-yellow);
}
.personal-professional #app #credentials .section-head h2{color:#fcfaf4}
.personal-professional #app #credentials .section-head .eyebrow{color:#fbd17d}
.personal-professional #app #credentials .section-head .pw-section-desc{color:#d2cdc4}
.personal-professional #app #credentials .credential-grid{border-color:#51483b}
.personal-professional #app #credentials .credential-grid article{border-color:#51483b;background:#22211f}
.personal-professional #app #credentials .credential-grid strong{color:#fff7e5}
.personal-professional #app #credentials .credential-grid span{font-size:15px;line-height:1.6;color:#ddd2c1}
.personal-professional #app #credentials .credential-course-duration{font-size:14px;color:#ffcf65}
.personal-professional #app #credentials .credential-course-url{
 font-size:14px;min-height:38px;color:#ffda86;
}
.personal-professional #app #credentials .pm-development{
 background:#25231f;border-color:#605342;
 border-radius:18px;padding:38px 34px 28px;
}
.personal-professional #app #credentials .pm-development-kicker,
.personal-professional #app #credentials .pm-development-subhead{font-size:12px;color:#ffd17a}
.personal-professional #app #credentials .pm-development-head h3{font-weight:750;color:#fff8eb}
.personal-professional #app #credentials .pm-development-head p{font-size:16px;color:#d4cfc4}
.personal-professional #app #credentials .pm-programme-card{
 background:#302d27;border-color:#625640;min-height:262px;
 border-radius:14px;
}
.personal-professional #app #credentials .pm-programme-meta span{font-size:14px;color:#e2d9cb}
.personal-professional #app #credentials .pm-programme-meta time{font-size:13px;color:#ffd272}
.personal-professional #app #credentials .pm-programme-card h5{color:#fff9ef;font-weight:760}
.personal-professional #app #credentials .pm-programme-card p{font-size:15px;line-height:1.65;color:#e0d7c8}
.personal-professional #app #credentials .pm-programme-tag{font-size:14px;color:#ffd67e}
.personal-professional #app #credentials .pm-programme-bottom a{font-size:14px;color:#ffe1a1;min-height:36px}
.personal-professional #app #credentials .pm-learning-item{
 background:#302d28;border-color:#5b5040;
}
.personal-professional #app #credentials .pm-learning-year{font-size:14px;color:#ffd480}
.personal-professional #app #credentials .pm-learning-item h5{color:#fdf6e8}
.personal-professional #app #credentials .pm-learning-item p{font-size:14px;line-height:1.64;color:#ddd3c4}
.personal-professional #app #credentials .pm-learning-duration{font-size:14px;color:#ffce69}
.personal-professional #app #credentials .pm-learning-actions a{font-size:14px;color:#ffe0a0;min-height:36px}
.personal-professional #app #credentials .pm-more li strong{font-size:14px}
.personal-professional #app #credentials .pm-more li span{font-size:13px;color:#d6cbba}
.personal-professional #app #credentials .pm-more li time{font-size:13px}
.personal-professional #app #credentials .pm-more li a{font-size:14px;min-height:36px}
.personal-professional #app #credentials .pm-linkedin-source{font-size:14px;color:#f7dab0}
.personal-professional #app #credentials .pm-course-note{font-size:13px;line-height:1.64;color:#c5bcae}
.personal-professional #app #credentials .google-credentials-history{
 background:#25231f;border-color:#605342;border-radius:18px;
}
.personal-professional #app #credentials .google-credentials-kicker,
.personal-professional #app #credentials .google-credential-label{font-size:12px;color:#ffd17a}
.personal-professional #app #credentials .google-credentials-copy h3{color:#fff8eb;font-weight:750}
.personal-professional #app #credentials .google-credentials-copy p{font-size:16px;color:#e4dacc}
.personal-professional #app #credentials .google-credentials-details{border-left-color:#605342}
.personal-professional #app #credentials .google-credential-track{border-bottom-color:#5e5344}
.personal-professional #app #credentials .google-credential-value{color:#fff7ec}
.personal-professional #app #credentials .google-credential-milestone{background:#393229;border-color:#615137}
.personal-professional #app #credentials .google-credential-year{color:#ffda7f}
.personal-professional #app #credentials .google-credential-subject{font-size:13px;line-height:1.55;color:#e7dccc}
.personal-professional #app #credentials .google-credentials-proof{font-size:14px;color:#ffdb91}
.personal-professional #app #credentials .google-credentials-status{font-size:14px;color:#cfc6b8;border-color:#5e5344}
.personal-professional #app #credentials .google-skillshop-link{font-size:14px;color:#ffe0a0}
.personal-professional #app #credentials a:focus-visible{outline-color:#ffd571}

/* Tool stack and usefulness: warm, open cards instead of an NGO subpage. */
.personal-professional #app #tools-fit{background:#faf7ef}
.personal-professional #app #tools-fit .eyebrow{color:#966a0d}
.personal-professional #app #tools-fit .compact-title{color:#171717;font-weight:780}
.personal-professional #app .tool-list{border-top-color:#cfc1a8}
.personal-professional #app .tool-list>div{border-bottom-color:#e1d7c6}
.personal-professional #app .tool-list strong{color:#231e17}
.personal-professional #app .tool-list span{color:#5e554a;line-height:1.65}
.personal-professional #app .fit-list article{background:#fffefa;border-color:#e7d8bf;border-radius:13px}
.personal-professional #app .fit-list article:first-child{background:#ffebaf;border-color:#f2d06b}
.personal-professional #app .fit-list h3{color:#1b1b1a;font-weight:750}
.personal-professional #app .fit-list p{font-size:15px;color:#585044;line-height:1.65}

/* Personal collaboration close: bright yellow, no institutional confusion. */
.personal-professional #app .footer-cta{
 background:linear-gradient(130deg,#ffc523 0%,#ffd64d 55%,#f9ba10 100%);
 border-top:1px solid #e7a308;color:#171717;padding:72px 0 37px;
}
.personal-professional #app .footer-cta h2{color:#141414;font-weight:820}
.personal-professional #app .footer-cta p{color:#3b301c}
.personal-professional #app .footer-cta .btn.pw-btn{
 background:#fff7dc;color:#171717;border-color:#9d7615;
}
.personal-professional #app .footer-cta .btn.pw-btn.primary,
.personal-professional #app .footer-cta .btn.pw-btn[data-pw-action="primary"]{
 background:#171717;color:#fff;border-color:#171717;
}
.personal-professional #app .footer-cta .footer-note{
 border-top-color:#d4a52a;color:#554324
}
.personal-professional #app .footer-cta .footer-meta{
 border-top-color:#d4a52a;color:#4d3d1e;font-size:13px;
}
.personal-professional #app .footer-cta .footer-meta a{color:#3c2d0d}
.personal-professional #app .footer-actions .btn.pw-btn[href$="/daniel-che"]{
 color:#564320;text-decoration-color:#8d6b27;background:transparent;
 border:0;padding-inline:0;
}

/* Responsive header, oversized hero and accessible second-level navigation. */
@media(max-width:1050px){
 .personal-professional #app .hero-grid{
   grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:28px;
 }
 .personal-professional .personal-site-inner{gap:14px}
 .personal-professional .personal-site-links{gap:16px}
}
@media(max-width:900px){
 .personal-professional #app .hero-grid{grid-template-columns:1fr;gap:27px}
 .personal-professional #app .hero-side{max-width:730px}
 .personal-professional #app .section{padding:71px 0}
 .personal-professional #app .section-head h2{font-size:clamp(40px,6.4vw,60px)}
 .personal-professional #app #credentials .pm-development{padding:29px 26px 24px}
}
@media(max-width:760px){
 .personal-professional .personal-site-inner{
  width:calc(100% - 30px);padding:9px 0 0;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"brand locale" "links links";
  gap:3px 10px;
 }
 .personal-professional .personal-brand{grid-area:brand;font-size:23px;gap:9px}
 .personal-professional .personal-emblem{width:34px;height:34px}
 .personal-professional .personal-locale-link{grid-area:locale;min-height:35px}
 .personal-professional .personal-site-links{
  grid-area:links;width:100%;gap:3px;overflow-x:auto;
  scrollbar-width:none;justify-content:space-between;
 }
 .personal-professional .personal-site-links::-webkit-scrollbar{display:none}
 .personal-professional .personal-site-links a{
  padding:0 8px;min-height:42px;font-size:12px;
 }
 .personal-professional #app .profile-jump-caption{display:none}
 .personal-professional #app .profile-jump-inner{width:100%;padding-inline:14px;gap:0}
 .personal-professional #app .profile-jump-links a{font-size:13px;padding-inline:12px;min-height:47px}
}
@media(max-width:620px){
 .personal-professional .shell{width:calc(100% - 30px)}
 .personal-professional #app .hero{padding:56px 0 49px}
 .personal-professional #app .hero h1{font-size:clamp(55px,13vw,77px);line-height:.96}
 .personal-professional #app .hero .role{font-size:clamp(23px,6vw,29px)}
 .personal-professional #app .hero-side{padding:23px 20px}
 .personal-professional #app .personal-hero-portrait{width:104px;height:104px}
 .personal-professional #app .quick article{padding:18px 14px}
 .personal-professional #app .section-head h2{font-size:clamp(35px,9vw,47px)}
 .personal-professional #app #experience .section-head h2{font-size:clamp(29px,7.8vw,39px)}
 .personal-professional #app .cap-grid .cap-card{padding:23px 21px;transform:none}
 .personal-professional #app #credentials .pm-development{padding:24px 19px 19px}
 .personal-professional #app #credentials .pm-programme-grid{gap:11px}
 .personal-professional #app #credentials .pm-programme-card{min-height:0}
 .personal-professional #app #credentials .google-credentials-details{border-left:0;border-top:1px solid #605342}
 .personal-professional #app .footer-cta{padding:56px 0 32px}
}
@media(max-width:360px){
 .personal-professional .profile-preview-banner{font-size:10px}
 .personal-professional .personal-brand{font-size:21px}
 .personal-professional .personal-site-links a{font-size:11px;padding:0 5px}
 .personal-professional #app .hero h1{font-size:clamp(48px,14vw,58px)}
 .personal-professional #app .personal-hero-portrait{width:91px;height:91px;margin-left:11px}
}
@media(prefers-reduced-motion:reduce){
 .personal-professional #app .cap-grid .cap-card,
 .personal-professional #app .profile-jump-links a,
 .personal-professional .personal-site-links a{transition:none}
 .personal-professional #app .cap-grid .cap-card:hover{transform:none}
}