*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#1A1814;font-family:'DM Sans',sans-serif;font-weight:400;font-size:15px;line-height:1.75;color:#B0A090;overflow-x:hidden}
.split{display:flex;min-height:100vh}
.mechanism-side{width:50vw;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#222018;border-right:1px solid rgba(212,176,112,0.1)}
.gears{width:70%;max-width:300px;height:auto}
.gear-main{animation:rotate-slow 60s linear infinite;transform-origin:150px 150px}
.gear-small{animation:rotate-fast 20s linear infinite reverse;transform-origin:240px 90px}
.balance{animation:oscillate 1s ease-in-out infinite alternate;transform-origin:150px 150px}
@keyframes rotate-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes rotate-fast{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes oscillate{from{transform:rotate(-30deg)}to{transform:rotate(30deg)}}
.mech-label{font-family:'DM Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#807060;text-align:center;margin-top:24px;line-height:1.6}
.content-side{width:50vw;padding:80px 48px}
.complication{padding:40px 0;border-bottom:1px solid rgba(212,176,112,0.08);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease,transform 0.5s ease}
.complication.visible{opacity:1;transform:translateY(0)}
.index-label{font-family:'DM Sans',sans-serif;font-weight:500;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#807060;display:block;margin-bottom:12px}
h1{font-family:'DM Serif Display',serif;font-size:30px;color:#E8D8C0;margin-bottom:16px}
h2{font-family:'DM Serif Display',serif;font-size:24px;color:#E8D8C0;margin-bottom:12px}
@media(max-width:768px){.split{flex-direction:column}.mechanism-side{width:100%;height:30vh;position:relative;border-right:none;border-bottom:1px solid rgba(212,176,112,0.1)}.content-side{width:100%;padding:40px 24px}}