/* Beyond work entrance + a stronger, readable AI atmosphere. */
.portfolio-home #life .life-preview{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-top:28px;min-height:0;height:clamp(210px,35vh,380px)}
.portfolio-home #life .life-preview a{position:relative;overflow:hidden;border-radius:8px;display:block;background:#162126;color:white}
.portfolio-home #life .life-preview img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s;filter:brightness(.88)}
.portfolio-home #life .life-preview a:nth-child(2) img{object-position:50% 63%}.portfolio-home #life .life-preview a:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#0009)}
.portfolio-home #life .life-preview span{position:absolute;z-index:2;bottom:22px;left:24px;font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-.035em}.portfolio-home #life .life-preview a:hover img{transform:scale(1.055);filter:brightness(1)}
.portfolio-home #life .life-preview a:focus-visible{outline-offset:4px}.portfolio-home #life .life-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.portfolio-home #life .life-bottom p{font-size:16px;color:#747c80;margin:0}.portfolio-home #life .life-open{display:inline-flex;align-items:center;padding:11px 22px;background:#222c31;color:white;border-radius:50px;font-size:15px;transition:background .25s,transform .25s}.portfolio-home #life .life-open:hover{background:#3b515b;transform:translateY(-2px)}.portfolio-home #life .headline-row{margin-bottom:0!important}.portfolio-home #life .headline-row h2{font-size:clamp(42px,5vw,70px)}
.portfolio-home #ai .proof-digital-field{opacity:.52!important;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000),linear-gradient(0deg,transparent,#000 22%,#000 85%,transparent)}
.portfolio-home #ai .proof-digital-column{color:#3897a9;text-shadow:0 0 9px #35c3d740;font-size:14px;line-height:2.2}
.portfolio-home #ai .ai-card{position:relative;isolation:isolate;overflow:hidden;background:#101d25!important;min-height:220px!important;border-color:#496570!important;box-shadow:0 10px 30px #102e3b16!important;transition:transform .35s,box-shadow .35s,border-color .35s!important}
.portfolio-home #ai .ai-card>*{position:relative;z-index:2}.portfolio-home #ai .ai-card:before{content:'';position:absolute;inset:-50%;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 29px,#70c3d117 30px 31px),repeating-linear-gradient(90deg,transparent 0 29px,#70c3d113 30px 31px);transform:rotate(-15deg);animation:ai-grid-drift 20s linear infinite;opacity:.7;pointer-events:none}
.portfolio-home #ai .ai-card:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#4cb5ce38,transparent 65%),linear-gradient(0deg,#0c1924c9,#0c192460);transition:opacity .35s}
.portfolio-home #ai .ai-card:nth-child(2):before{background:repeating-linear-gradient(115deg,transparent 0 38px,#7bc6de26 39px 40px,transparent 41px 70px);animation:ai-grid-drift 16s linear infinite reverse;opacity:.75}
.portfolio-home #ai .ai-card:nth-child(3):before{background:radial-gradient(circle,#87d5e462 1px,transparent 2px);background-size:24px 24px;animation:ai-star-drift 16s linear infinite;opacity:.8}
.portfolio-home #ai .ai-card:hover,.portfolio-home #ai .ai-card:focus-visible{transform:translateY(-7px)!important;border-color:#82d5e5!important;box-shadow:0 22px 44px #0d38432b,0 0 0 1px #35c3d744!important}.portfolio-home #ai .ai-card:hover:after{opacity:.7}.portfolio-home #ai .ai-card:hover:before{opacity:1}.portfolio-home #ai .ai-card h3{transition:transform .35s}.portfolio-home #ai .ai-card:hover h3{transform:translateX(4px)}
@keyframes ai-grid-drift{from{background-position:0 0}to{background-position:62px 62px}}@keyframes ai-star-drift{from{background-position:0 0}to{background-position:48px -48px}}
@media(max-width:700px){.portfolio-home #life .life-preview{gap:10px;height:clamp(200px,31dvh,300px);grid-template-columns:1.2fr 1fr}.portfolio-home #life .life-preview a:nth-child(3){display:none}.portfolio-home #life .life-preview span{font-size:24px;left:16px;bottom:16px}.portfolio-home #life .life-bottom{align-items:start;flex-direction:column;gap:15px}.portfolio-home #life .life-bottom p{font-size:15px}.portfolio-home #life .headline-row h2{font-size:38px}.portfolio-home #life .headline-row p{font-size:16px}.portfolio-home #life .life-preview{margin-top:20px}.portfolio-home #ai .proof-digital-field{opacity:.42!important}.portfolio-home #ai .proof-digital-column{font-size:12px}.portfolio-home #ai .ai-card{min-height:112px!important}.portfolio-home #ai .ai-card:active{transform:scale(.98)!important;border-color:#82d5e5!important}}
@media(prefers-reduced-motion:reduce){.portfolio-home #ai .ai-card:before{animation:none!important}.portfolio-home #life *{transition:none!important}}
