/* Reference-inspired interaction presentation */
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,42px);margin-left:auto}
.site-nav a{position:relative;color:#e7dbf4;text-decoration:none;font:600 clamp(9px,.85vw,13px) 'DM Mono';letter-spacing:.1em;transition:opacity .25s,color .25s}
.site-nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:1px;background:#d9afff;transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1);transform-origin:left}.site-nav a.is-active{color:#fff}
.film .edition{margin-left:clamp(18px,3vw,54px)}
.achievement-list article{transform-origin:center;will-change:transform,opacity}.achievement-list article:not(.is-focus){filter:saturate(.72)}.achievement-list article.is-focus{filter:saturate(1.15);box-shadow:inset 3px 0 0 #8c56c6}
.photo-card,.holo-grid article{will-change:transform}

/* Visibly animated dual project rail — a direct interaction cue after the hero. */
.motion-reel{position:relative;z-index:12;overflow:hidden;padding:14px 0;background:#0c0712;border-top:1px solid rgba(216,183,255,.2);border-bottom:1px solid rgba(216,183,255,.2);color:#e9dbfa}
.reel-track{display:flex;width:max-content;gap:0;animation:reel-forward 28s linear infinite;will-change:transform}.reel-track.reverse{margin-top:10px;animation:reel-reverse 34s linear infinite}.reel-track span{display:inline-flex;align-items:center;gap:22px;padding:0 22px;white-space:nowrap;font:600 clamp(16px,2.2vw,32px) 'DM Mono';letter-spacing:-.06em}.reel-track i{font-style:normal;font-size:.5em;color:#c17bff}.motion-reel:hover .reel-track{animation-play-state:paused}
@keyframes reel-forward{to{transform:translateX(-50%)}}@keyframes reel-reverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.works .achievement-list{position:relative;padding:12px;border:1px solid rgba(105,68,144,.2);border-radius:32px;background:rgba(255,255,255,.26)}
.works .achievement-list article{position:relative;border-radius:22px!important;margin:8px 0;padding:clamp(26px,3vw,48px)!important;background:rgba(255,255,255,.62)!important;box-shadow:0 14px 34px rgba(49,24,74,.06);transition:background .35s,box-shadow .35s,filter .35s!important}
.works .achievement-list article.is-focus{background:linear-gradient(135deg,#fff,#ecdeff)!important;box-shadow:0 26px 55px rgba(78,35,122,.2)!important}
@media(max-width:650px){.motion-reel{padding:11px 0}.reel-track span{padding:0 15px}.works .achievement-list{padding:7px;border-radius:24px}.works .achievement-list article{border-radius:16px!important;margin:6px 0!important}}
@media(max-width:900px){.site-nav{gap:14px}.film .edition{display:none}}
@media(max-width:650px){.site-nav{display:none}.achievement-list article.is-focus{box-shadow:inset 2px 0 0 #8c56c6}}