*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.8;scroll-behavior:smooth}
body{background-color:#F4EDE4;color:#5C564E;font-family:'Libre Franklin',sans-serif;font-weight:400;overflow-x:hidden}
.hero-screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#F4EDE4;z-index:200;transition:opacity 600ms ease-out}
.hero-screen.hidden{opacity:0;pointer-events:none}
.hero-title{font-family:'Playfair Display',serif;font-weight:500;font-size:3.5rem;color:#2C2A25;letter-spacing:0.3em;opacity:0;transition:opacity 600ms ease-out,letter-spacing 600ms ease-out}
.hero-title.visible{opacity:1;letter-spacing:0.01em}
.hero-rule{width:0;height:2px;background:#C4B49A;margin:16px auto;transition:width 400ms ease-out}
.hero-rule.visible{width:120px}
.hero-tld{font-family:'Libre Franklin',sans-serif;font-weight:300;font-size:0.8rem;color:#9B9285;letter-spacing:0.06em;text-transform:uppercase;opacity:0;transition:opacity 300ms}
.hero-tld.visible{opacity:1}
.hero-subtitle{font-family:'Playfair Display',serif;font-weight:500;font-style:italic;font-size:1.25rem;color:#5C564E;margin-top:12px;opacity:0;transition:opacity 400ms}
.hero-subtitle.visible{opacity:1}
.hero-ornament{margin-top:20px;opacity:0;transition:opacity 400ms,transform 400ms}
.hero-ornament.visible{opacity:1}
.split-layout{display:grid;grid-template-columns:38fr 2px 62fr;min-height:100vh;opacity:0;transition:opacity 400ms}
.split-layout.visible{opacity:1}
.left-panel{background:#2C2A25;position:sticky;top:0;height:100vh;overflow:hidden;transform:translateX(-100%);transition:transform 600ms ease-out}
.left-panel.visible{transform:translateX(0)}
.left-panel-inner{padding:48px 32px;display:flex;flex-direction:column;height:100%;justify-content:center}
.panel-brand{font-family:'Playfair Display',serif;font-weight:500;font-size:1.1rem;color:#F4EDE4;margin-bottom:48px;letter-spacing:0.04em}
.panel-nav{display:flex;flex-direction:column;gap:20px}
.panel-nav-item{display:flex;align-items:center;gap:12px;font-family:'Libre Franklin',sans-serif;font-weight:300;font-size:0.8rem;color:#8A7F72;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:color 200ms}
.panel-nav-item:hover,.panel-nav-item.active{color:#C4B49A}
.nav-dot{width:5px;height:5px;border-radius:50%;background:#8A7F72;transition:background 200ms,transform 200ms}
.panel-nav-item.active .nav-dot{background:#B87333;transform:scale(2)}
.panel-ornament{margin-top:auto;padding-top:48px}
.divider-line{background:#C4B49A;height:0;transition:height 400ms ease-out 300ms}
.divider-line.visible{height:100%}
.right-panel{padding:80px 64px;overflow-y:auto}
.chapter{margin-bottom:80px}
.chapter-ornament{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}
.orn-diamond{width:6px;height:6px;background:#9B9285;transform:rotate(45deg)}
.orn-line{width:48px;height:1px;background:#C4B49A}
.chapter-title{font-family:'Playfair Display',serif;font-weight:500;font-size:2.25rem;color:#2C2A25;text-align:center;margin-bottom:24px;letter-spacing:0.01em}
.chapter-body{font-family:'Libre Franklin',sans-serif;font-weight:400;font-size:1rem;color:#5C564E;line-height:1.8;max-width:560px;margin:0 auto 20px}
.scroll-reveal{opacity:0;transform:translateY(12px);transition:opacity 400ms ease-out,transform 400ms ease-out}
.scroll-reveal.visible{opacity:1;transform:translateY(0)}
.catalog-card{max-width:360px;margin:24px auto;background:#F5F0E8;border:1px solid #C4B49A;position:relative;transition:transform 300ms}
.catalog-card:hover{transform:perspective(600px) rotateX(2deg) rotateY(-2deg)}
.drawer-pull{width:20px;height:4px;background:#B87333;border-radius:2px;margin:0 auto;position:relative;top:-2px}
.catalog-inner{padding:24px 20px}
.catalog-title{font-family:'Playfair Display',serif;font-weight:500;font-style:italic;font-size:1.1rem;color:#2C2A25;margin-bottom:8px}
.catalog-detail{font-family:'Libre Franklin',sans-serif;font-weight:300;font-size:0.85rem;color:#5C564E;line-height:1.65}
.tree-diagram{max-width:400px;margin:24px auto}
.dep-tree{width:100%}
.content-footer{margin-top:80px;padding-top:16px;border-top:1px solid #C4B49A}
.footer-text{font-family:'Libre Franklin',sans-serif;font-size:0.75rem;color:#9B9285;letter-spacing:0.04em;text-align:center}
.footer-rule{display:none}
@media(max-width:768px){.split-layout{grid-template-columns:1fr;grid-template-rows:auto}.left-panel{position:relative;height:auto;transform:translateX(0)}.left-panel-inner{padding:24px;flex-direction:row;align-items:center;gap:16px;justify-content:flex-start}.panel-nav{flex-direction:row;gap:16px}.panel-ornament{display:none}.divider-line{height:2px;width:100%}.right-panel{padding:40px 24px}.hero-title{font-size:2.4rem}}