.fanmiao-page{--fm-studio-green:#4b6553;--fm-studio-gold:#a18143;overflow:hidden}
.fanmiao-intro{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:60px;padding-top:65px;padding-bottom:55px}
.fanmiao-intro .eyebrow{font-size:10px;letter-spacing:2px}
.fanmiao-intro h1{font:500 clamp(45px,6.4vw,82px)/1.3 var(--serif);letter-spacing:-.02em;margin:28px 0 16px}
.fanmiao-intro .fanmiao-tagline{font:400 24px/1.7 var(--serif);color:#385644;margin:0 0 20px}
.fanmiao-intro p:not(.fanmiao-tagline){font-size:13px;line-height:2.1;color:#6a7568}
.fanmiao-intro-note{position:relative;border-left:1px solid #bfc9b6;padding:20px 0 20px 32px;min-height:180px;display:grid;gap:21px;align-content:center}
.fanmiao-intro-note>span{font:400 21px/1.9 var(--serif);color:#627760}
.fanmiao-intro-note small{font:8px/1.8 Arial,sans-serif;letter-spacing:2px;color:#8b937d}
.fanmiao-intro-note img{position:absolute;right:0;bottom:10px;width:68px;height:68px;image-rendering:pixelated;transform:rotate(8deg);opacity:.85}
.fanmiao-task{position:relative;padding:31px 35px 22px;background:#e8eadb;border:1px solid #b9c5ab;box-shadow:4px 5px 0 #6d7d5b1c;margin-bottom:45px;display:grid;grid-template-columns:1.15fr 1fr;gap:25px 38px;scroll-margin-top:120px}
.fanmiao-task:before{content:"";position:absolute;top:-12px;left:30px;width:95px;height:23px;background:#aebc929c;transform:rotate(-5deg);pointer-events:none}
.fanmiao-task-lead{display:flex;align-items:center;gap:23px}
.fanmiao-bell{display:block;flex:0 0 66px;max-width:66px;color:#777044;transform:rotate(-8deg)}
.fanmiao-bell svg{display:block;width:100%;height:auto;transform-origin:50% 10%}
.fanmiao-task-lead small{font-size:9px;letter-spacing:2px;color:#7c896d}
.fanmiao-task h2{font:500 25px/1.6 var(--serif);margin:9px 0}
.fanmiao-task-lead p{font-size:11px;line-height:1.9;color:#65775f;margin:0}
.fanmiao-task-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;padding:7px 0 0;margin:0;align-items:center}
.fanmiao-task-steps li{position:relative;display:grid;gap:7px;align-content:start;border-top:1px dashed #99aa87;padding-top:13px;min-height:105px;transition:color .4s,border-color .4s}
.fanmiao-task-steps li>span{font:italic 14px Georgia,serif;color:#9aa286}
.fanmiao-task-steps strong{font-weight:500;font-size:14px;color:#586d50}
.fanmiao-task-steps small{font-size:9px;color:#869079;line-height:1.9}
.fanmiao-task-steps li.is-done{border-color:#70814e}
.fanmiao-task-steps li.is-done>span{color:#5e773f}
.fanmiao-task-steps li.is-done>span:after{content:" ✓";font:11px var(--sans);padding-left:5px}
.fanmiao-task-steps li.is-next:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#b69454;box-shadow:0 0 0 4px #b694541a}
.fanmiao-task-bottom{grid-column:1/-1;display:flex;align-items:center;gap:22px;border-top:1px solid #b9c5ab70;padding-top:18px}
.fanmiao-task-bottom p{flex:1;font-size:10px;line-height:1.9;margin:0;color:#687d5d}
.fanmiao-task-bottom .button{background:#50654b;border-color:#50654b;font-size:11px;padding:10px 15px;gap:24px;white-space:nowrap}
.fanmiao-task-bottom .text-link{font-size:11px;white-space:nowrap}
.fanmiao-task.is-complete .fanmiao-bell svg{animation:fm-studio-bell .9s ease-in-out 2}
.fanmiao-task.is-complete .fanmiao-task-bottom p{color:#47633d}
.fanmiao-world{scroll-margin-top:116px;margin-bottom:75px}
.fanmiao-world fanmiao-showcase{display:block;scroll-margin-top:116px}
.fanmiao-fallback{background:#e9ede2;padding:30px;color:#3d5a43}
.fanmiao-fallback img{max-width:100%;height:auto}
.fanmiao-connection{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:45px 0 80px;border-top:1px solid var(--line)}
.fanmiao-connection small{font-size:9px;letter-spacing:2px;color:#849078}
.fanmiao-connection h2{font:400 35px/1.65 var(--serif);margin:22px 0 0}
.fanmiao-connection p{font-size:13px;line-height:2.1;color:#687462;margin:0 0 18px}
.fanmiao-connection span{display:block;font-size:10px;line-height:1.9;color:#929b86;padding-top:12px}
.fanmiao-project-next{display:flex;justify-content:space-between;gap:20px;padding:25px 0 40px;border-top:1px solid var(--line);font-size:12px;color:#5f7356}
.fanmiao-project-next a:hover{color:#ad7944}
@keyframes fm-studio-bell{20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}
@media(max-width:950px){.fanmiao-intro{gap:35px;grid-template-columns:1.5fr .6fr}.fanmiao-intro-note>span{font-size:18px}.fanmiao-intro-note img{width:50px;height:50px;right:-10px;bottom:0}.fanmiao-task{grid-template-columns:1fr;padding:29px 28px 22px;gap:24px}.fanmiao-task-steps{gap:25px;padding-left:90px}.fanmiao-task-steps li{min-height:80px}.fanmiao-connection{gap:45px}}
@media(max-width:650px){.fanmiao-intro{display:block;padding:45px 0 30px}.fanmiao-intro .eyebrow{font-size:8px;letter-spacing:1px}.fanmiao-intro h1{font-size:44px;margin:23px 0 15px}.fanmiao-intro .fanmiao-tagline{font-size:21px}.fanmiao-intro p:not(.fanmiao-tagline){font-size:12px;line-height:2}.fanmiao-intro-note{min-height:0;margin-top:24px;padding:10px 75px 10px 18px;gap:8px}.fanmiao-intro-note>span{font-size:12px;line-height:1.8}.fanmiao-intro-note>span br{display:none}.fanmiao-intro-note small{font-size:7px}.fanmiao-intro-note img{width:55px;height:55px;right:10px;bottom:9px}.fanmiao-task{padding:25px 20px 20px;margin-bottom:32px;gap:23px;scroll-margin-top:100px}.fanmiao-task-lead{gap:16px}.fanmiao-bell{flex-basis:48px;max-width:48px}.fanmiao-task h2{font-size:22px}.fanmiao-task-lead small{font-size:8px;letter-spacing:1px}.fanmiao-task-steps{padding:0;gap:16px}.fanmiao-task-steps strong{font-size:12px}.fanmiao-task-steps small{font-size:8px}.fanmiao-task-bottom{flex-wrap:wrap;gap:14px}.fanmiao-task-bottom p{flex-basis:100%;font-size:10px}.fanmiao-task-bottom .button,.fanmiao-task-bottom .text-link{font-size:10px}.fanmiao-world{margin-bottom:45px;scroll-margin-top:100px}.fanmiao-world fanmiao-showcase{scroll-margin-top:100px}.fanmiao-connection{display:block;padding:30px 0 45px}.fanmiao-connection h2{font-size:27px;margin:18px 0 24px}.fanmiao-connection p{font-size:12px}.fanmiao-project-next{font-size:10px;padding:22px 0 30px}}
@media(prefers-reduced-motion:reduce){.fanmiao-task.is-complete .fanmiao-bell svg{animation:none}.fanmiao-task-steps li{transition:none}}