/* mujun.studio */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f5f3ee; color: #1a1a1a; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.8; }
.ink-line { position: fixed; right: 30%; top: 10vh; width: 2px; height: 80vh; background: rgba(26,26,26,0.8); z-index: 10; pointer-events: none; }
.hero { min-height: 100vh; display: flex; align-items: flex-end; padding: 0 0 15vh 8vw; position: relative; }
.hero-inner { position: relative; z-index: 1; }
.brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(2.5rem, 6vw, 4.5rem); letter-spacing: -0.02em; }
.label { font-family: 'Inter', sans-serif; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.3em; color: #8b8580; display: block; margin-top: 0.5rem; }
.enso { position: absolute; top: 20vh; right: 15vw; width: 120px; height: 120px; border-radius: 48% 52% 50% 50% / 50% 48% 52% 50%; border: 2px solid rgba(26,26,26,0.6); }
.work { max-width: 600px; margin: 0 auto; padding: 10vh 2rem 6rem; }
.work-entry { margin-bottom: 8rem; }
.work-entry.offset { margin-left: 15%; }
.work-meta { margin-bottom: 1rem; }
.work-category { font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.2em; color: #8b8580; margin-left: 1rem; }
.ink-wash { width: 100%; height: 180px; background: #2a2a2a; opacity: 0.85; margin-bottom: 1.5rem; }
.ink-wash.wash-light { opacity: 0.65; background: #1a1a1a; }
.work-title { font-family: 'Cormorant', serif; font-weight: 300; font-size: 1.5rem; margin-bottom: 0.5rem; }
.work-desc { font-size: 0.8rem; color: #8b8580; max-width: 400px; }
.enso-section { display: flex; align-items: center; justify-content: center; padding: 10vh 2rem; }
.enso-large { width: 200px; height: 200px; border-radius: 48% 52% 50% 50% / 50% 48% 52% 50%; border: 2px solid rgba(26,26,26,0.5); }
.colophon { padding: 6rem 8vw 3rem; }
.brand-small { font-family: 'Cormorant', serif; font-weight: 300; font-size: 0.9rem; display: block; margin-bottom: 0.3rem; }
.colophon-text { font-size: 0.65rem; color: #8b8580; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }