/* ── 밑그림 · 콰이어트 버전 모션 레이어 ──
   원본 motion.css에서 관통 펜 선·스케치 레이어·제도 도면·잉크 점 규칙을 전부 걷어냈다.
   남은 것은 히어로 헤드라인 진입 페이드 하나뿐. */

/* 히어로 헤드라인 — 진입 페이드 0.35s (단일 규격). JS 실패 시 2.5초 페일세이프로 해제 */
.hero-intro h1 .big{transition:opacity .35s ease}
html.mg-h1 .hero-intro h1 .big{opacity:0}

/* 연필 드로잉 프리뷰 — head 인라인 스크립트가 paint 전에 판정해서 붙이는 클래스.
   JS가 아예 없거나 pencil.js가 죽으면 이 클래스는 붙지 않거나 1.4초 페일세이프로
   떨어지고, 어느 쪽이든 실텍스트가 그대로 보인다. */
html.mg-pencil-armed .hero-intro h1 .big{opacity:0}

@media(prefers-reduced-motion:reduce){
  .hero-intro h1 .big{transition:none}
  html.mg-h1 .hero-intro h1 .big{opacity:1}
  html.mg-pencil-armed .hero-intro h1 .big{opacity:1}
}
html.noanim .hero-intro h1 .big{transition:none}
