.yh-commit-outer{height:180vh;position:relative;}
.yh-commit-inner{position:sticky;top:0;height:100vh;overflow:hidden;}
.yh-commit-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(0.82);will-change:transform;}
.yh-commit-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.38);}
.yh-commit-label{position:absolute;top:2rem;left:2.5%;z-index:2;display:flex;align-items:center;gap:0.55rem;font-family:Arial,sans-serif;font-size:0.8rem;color:rgba(255,255,255,0.85);letter-spacing:0.05em;}
.yh-commit-label::before{content:'';width:8px;height:8px;border-radius:50%;background:white;display:inline-block;flex-shrink:0;}
.yh-commit-title{position:absolute;bottom:20%;left:2.5%;z-index:2;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;color:white;line-height:1.05;letter-spacing:-0.02em;will-change:transform,opacity;}
.yh-commit-oval-wrap{position:relative;display:inline-block;white-space:nowrap;}
.yh-commit-oval-wrap svg{position:absolute;left:-8%;top:50%;transform:translateY(-50%);width:116%;height:160%;pointer-events:none;}
.yh-commit-oval{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-dasharray:700;stroke-dashoffset:700;stroke-linecap:round;transition:stroke-dashoffset 1.4s ease;}
.yh-commit-card{position:absolute;bottom:4%;right:2.5%;z-index:2;background:#f5f1eb;padding:2rem 2.2rem;max-width:360px;will-change:transform,opacity;transform:translateX(60px);opacity:0;}
.yh-commit-card h3{font-family:Georgia,serif;font-size:1.2rem;font-weight:400;color:var(--dark);margin-bottom:0.9rem;font-style:italic;}
.yh-commit-card p{font-family:Arial,sans-serif;font-size:0.85rem;color:#555;line-height:1.75;}