/* Only the home screen. Existing shared screens and transition rules stay intact. */
.home-content .home-hero{min-height:245px;isolation:isolate;margin-bottom:15px;gap:13px}
.home-content .home-hero:before{display:none}
.home-content .olympus-sky{position:absolute;inset:-80px -22px -27px;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
.home-content .olympus-scene{width:100%;height:100%;object-fit:fill;display:block;transform:scale(1.065);animation:olympus-scene-drift 56s ease-in-out infinite alternate;animation-delay:-24s;transform-origin:65% 35%}
.home-content .olympus-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04101a08,#04101a14 40%,#04101a52 57%,#04101a12),linear-gradient(0deg,#080e1266,transparent 45%)}
.home-content .olympus-dawn{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 27%,#ffd99866,transparent 38%);mix-blend-mode:screen;animation:olympus-light 38s ease-in-out infinite alternate;animation-delay:-16s}
.home-content .olympus-rays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}
.home-content .olympus-clouds{position:absolute;width:124%;left:-12%;height:66%;object-fit:fill;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 70%,transparent)}
.home-content .distant-clouds{top:-16%;bottom:auto;height:94%;opacity:.38;animation:olympus-cloud-far 52s ease-in-out infinite alternate;animation-delay:-24s;mask-image:linear-gradient(transparent,#000 20%,#000 68%,transparent 98%)}
.home-content .near-clouds{bottom:-13%;opacity:.48;animation:olympus-cloud-near 44s ease-in-out infinite alternate;animation-delay:-19s}
.home-content .hero-logo{height:238px;width:45%;object-fit:cover;animation:olympus-sculpture 44s ease-in-out infinite alternate;filter:drop-shadow(0 6px 15px #ff20181c)}
.home-content .home-hero blockquote{font-size:clamp(16px,4.5vw,25px);text-shadow:0 2px 8px #000,0 0 22px #02101c}
.home-content .skill-card:before,.home-content .skill-card:after{content:"";position:absolute;inset:auto auto -38px -30%;width:160%;height:66px;pointer-events:none;background:url('/static/art/smoke-volume-v1.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 38%,#000);mix-blend-mode:screen;opacity:.55;z-index:2;animation:olympus-smolder 24s linear infinite;animation-delay:-7s}
.home-content .skill-card:after{bottom:-34px;height:58px;opacity:.35;background-size:120% auto;animation:olympus-smolder-return 31s linear infinite;animation-delay:-22s}
.home-content .skill-open{z-index:1}.home-content .card-info{position:relative;z-index:2}
.home-content .skill-card:nth-child(2n):before{animation-delay:-17s}.home-content .skill-card:nth-child(3n):before{animation-delay:-31s}
.home-content .home-motion-paused *,.home-content .home-motion-paused:before,.home-content .home-motion-paused:after{animation-play-state:paused!important}
@keyframes olympus-scene-drift{from{transform:translate3d(-1%,.8%,0) scale(1.065)}to{transform:translate3d(1.2%,-.8%,0) scale(1.11)}}
@keyframes olympus-light{from{opacity:.2;transform:translate3d(-2%,1%,0) scale(.97)}to{opacity:.7;transform:translate3d(3%,-1%,0) scale(1.09)}}
@keyframes olympus-rays{0%{opacity:.32;transform:rotate(-8deg) scale(.98)}35%{opacity:.82;transform:rotate(-2.75deg) scale(1.001)}65%{opacity:.5;transform:rotate(1.75deg) scale(1.019)}100%{opacity:.9;transform:rotate(7deg) scale(1.04)}}
@keyframes olympus-cloud-far{from{transform:translate3d(-8%,3%,0) scale(1.03)}to{transform:translate3d(8%,-4%,0) scale(1.07)}}
@keyframes olympus-cloud-near{from{transform:translate3d(7%,4%,0) scale(1.04)}to{transform:translate3d(-7%,-3%,0) scale(1.09)}}
@keyframes olympus-sculpture{from{transform:translateY(1px)}to{transform:translateY(-4px)}}
@keyframes olympus-smolder{0%{transform:translate3d(-12%,5px,0);opacity:0}20%{opacity:.58}75%{opacity:.58}100%{transform:translate3d(12%,-3px,0);opacity:0}}
@keyframes olympus-smolder-return{0%{transform:translate3d(-10%,3px,0) scaleY(.94);opacity:0}22%{opacity:.38}78%{opacity:.38}100%{transform:translate3d(10%,-5px,0) scaleY(1.07);opacity:0}}
@media(max-width:360px){.home-content .olympus-sky{inset-inline:-15px}.home-content .home-hero blockquote{font-size:15px}.home-content .home-hero{gap:9px}}
@media(prefers-reduced-motion:reduce){.home-content .olympus-sky *,.home-content .hero-logo,.home-content .skill-card:before,.home-content .skill-card:after{animation:none!important}}

.home-content .skill-card{overflow:hidden}

/* Pending courses: subdue the content only; bookmark stays an independent action. */
.home-content .skill-card.is-development{border-color:#707d825e;background:radial-gradient(ellipse at 85% 50%,#363b3d44,transparent 65%),linear-gradient(120deg,#191e21,#0a0f12)}
.home-content .is-development .skill-open:disabled{opacity:1;cursor:default}
.home-content .is-development .card-art{filter:grayscale(1) brightness(.78);opacity:.85}
.home-content .is-development:before,.home-content .is-development:after{filter:grayscale(1);animation:none;opacity:.32}
.home-content .development-label{display:flex;align-items:center;gap:8px;color:#d2d5d6;font-size:clamp(12px,3.3vw,16px);font-weight:450;margin-bottom:10px;line-height:1.25}
.home-content .development-label svg{width:18px;height:22px;color:#c9cdd0;fill:#ccd4d415;filter:drop-shadow(0 1px 1px #000)}
.home-content .is-development .card-title{color:#e8e9e9}
.home-content .is-development .skill-open{min-height:145px}
.home-content .skill-card .bookmark{z-index:3}