/* Small visual transitions; wheel and touch scrolling remain native. */
#inline-player{opacity:1;transition:opacity 240ms ease}
#inline-player.is-switching{opacity:0;pointer-events:none;transition-duration:140ms}
.intro{transition:opacity 160ms ease-out}
.cinema{transition:opacity 160ms ease-out}
.orbit-card{transition:filter .4s,transform 180ms ease-out,opacity 180ms ease-out}
.header-right>button.profile-trigger{display:inline-flex;align-items:center;gap:9px;min-height:44px;min-width:44px;padding:0;font:inherit}
.profile-trigger img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:34% 36%;border:1px solid #72786a}
#about{width:min(980px,calc(100vw - 24px))}
.about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.about-photo{margin:0;position:relative;min-height:470px;overflow:hidden;background:#1c1914}
.about-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 50%}
.about-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b0c0cd9);pointer-events:none}
.about-photo figcaption{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;font:12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#eee}
.about-photo figcaption span{display:block;font-size:9px;color:#c1c4bc;margin-top:6px}
#about .about-content{padding:34px}
#about .about-content>.micro{font-size:10px;line-height:1.7}
#about .about-content h2{font-size:clamp(38px,5vw,64px);margin:26px 0}
#about .about-content p{font-size:15px}
@media(max-width:1100px){.profile-trigger span{display:none}}
@media(max-width:700px){
  .header-right{gap:8px}
  .about-layout{grid-template-columns:minmax(0,1fr)}
  .about-photo{min-height:0;aspect-ratio:16/10}
  .about-photo>img{object-position:34% 35%}
  .about-photo figcaption{bottom:16px;left:20px;font-size:11px}
  #about .about-content{padding:24px}
  #about .about-content h2{font-size:42px;margin:20px 0}
  footer>div{gap:20px}footer .micro,footer>div{font-size:8px}
}
@media(max-width:380px){footer{padding-left:12px;padding-right:12px}footer>div{gap:16px}footer .micro,footer>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){#inline-player,.intro,.cinema,.orbit-card{transition:none!important}}