:root{--fd:Heebo,sans-serif;--fb:Heebo,sans-serif}:focus-visible{outline-offset:3px;outline:3px solid #b4532a}.skip{inset-inline-start:16px;color:#f4ede3;z-index:50;background:#241f1b;border-radius:10px;padding:10px 16px;position:absolute;top:-60px}.skip:focus{top:12px}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@keyframes typing{0%{opacity:0}12%{opacity:1}85%{opacity:1}to{opacity:0;height:0;margin:0;padding:0}}@keyframes dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.b1{animation:.5s ease-out .3s both pop}.b2{animation:.5s ease-out 1.1s both pop}.b3{animation:.5s ease-out 1.9s both pop}.ty{animation:1.6s 2.7s both typing}.b4{animation:.6s cubic-bezier(.2,.9,.3,1.2) 4.3s both pop}.d{background:#7a6e63;border-radius:50%;width:7px;height:7px;animation:1s infinite dot;display:inline-block}.d2{animation-delay:.15s}.d3{animation-delay:.3s}.lift{transition:transform .25s,box-shadow .25s}.lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2b26221f}.opt{transition:background .2s,border-color .2s,transform .15s}.opt:hover{background:#fff;border-color:#1f4b43;transform:translate(-4px)}.cta{transition:transform .2s,background .2s}.cta:hover{transform:translateY(-2px)}.bloom{clip-path:circle(0% at 48% 45%);transition:clip-path 1.3s cubic-bezier(.2,.8,.2,1),transform 1.3s cubic-bezier(.2,.8,.2,1);transform:scale(.85)rotate(-8deg)}.bloom.open{clip-path:circle(80% at 48% 45%);transform:none}.flow-img{filter:saturate(.3)brightness(.8);transition:filter .9s,transform 1.4s;transform:scale(1.03)}.flow:hover .flow-img{filter:none;transform:scale(1.1)}.flow-more{opacity:0;transition:opacity .5s .1s,transform .5s .1s;transform:translateY(14px)}.flow:hover .flow-more{opacity:1;transform:none}@media (hover:none){.flow-img{filter:none}.flow-more{opacity:1;transform:none}}#who div[style*=border-top]{transition:border-color .3s,transform .3s}#who div[style*=border-top]:hover{border-color:#b4532a;transform:translateY(-6px)}#who div[style*=border-top]:hover h3{color:#b4532a}#who h3{transition:color .3s}#how li>span:first-child{transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}#how li:hover>span:first-child{transform:rotate(-12deg)scale(1.15)}.bud{transition:transform .8s,filter .8s}.bud:hover{filter:saturate(1.2);transform:scale(1.03)}.rw{display:grid}.rw>span{color:#b4532a;opacity:0;grid-area:1/1;transition:opacity 1.8s ease-in-out}.rw>span.on{opacity:1}.hooks .hk{opacity:0;transform:translateY(24px) scale(.6) rotate(var(--r));transition:opacity .4s,transform .6s cubic-bezier(.2,.9,.3,1.6)}.hooks.in .hk{opacity:1;transform:scale(1) rotate(var(--r))}.hooks .hk:nth-child(2){transition-delay:.15s}.hooks .hk:nth-child(3){transition-delay:.3s}.hooks .hk:nth-child(4){transition-delay:.45s}.hooks .hk:nth-child(5){transition-delay:.6s}.hooks .hk:nth-child(6){transition-delay:.75s}.hooks.in .hk:hover{transition-delay:0s;transform:scale(1.06)rotate(0)}@media (prefers-reduced-motion:reduce){.rw>span,.hooks .hk{transition:none}.hooks .hk{opacity:1;transform:rotate(var(--r))}}.ic{transition:background .25s,border-color .25s,transform .3s cubic-bezier(.2,.9,.3,1.6)}.ic:hover{color:#fff;background:#b4532a;border-color:#b4532a;transform:translateY(-5px)rotate(-8deg)}.wm-dot{transition:transform .45s cubic-bezier(.2,.9,.3,1.8);display:inline-block}.ft:hover .wm-dot{transform:translateY(-18%)scale(1.25)}@media (prefers-reduced-motion:reduce){.bloom{clip-path:none;transition:none;transform:none}.b1,.b2,.b3,.b4,.ty,.d{animation:none}.ty{display:none}}html{scroll-behavior:smooth}*{box-sizing:border-box}img{max-width:100%}body{background:#f4ede3;margin:0}a{color:#1f4b43}a:hover{color:#b4532a}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.ch{flex-direction:column;gap:40px;padding-top:96px;padding-bottom:96px;display:flex}.kick{color:#b4532a;margin:0;font-size:17px;font-weight:800}.h2{margin:0;font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.1}.h3{margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.25}.lead{color:#4a433d;max-width:760px;margin:0;font-size:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:24px;flex-direction:column;gap:10px;padding:28px;display:flex}.card h4{margin:0;font-size:21px;font-weight:800}.card p{color:#4a433d;margin:0;font-size:17px}.dark{color:#fff;background:#1f4b43}.dark p{color:#dceae6}.clay{color:#fff;background:#b4532a}.clay p{color:#fbe9df}.sand{background:#ebe1d4}.tag{color:#8a3d1e;background:#f3e3d8;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:14px;font-weight:800}.num{color:#b4532a;font-size:44px;font-weight:900;line-height:1}.tip{background:#fbf7f1;border:2px solid #241f1b;border-radius:22px;padding:22px 26px;font-size:18px;font-weight:600}.tip strong{color:#b4532a}.tbl{border-collapse:separate;border-spacing:0;background:#fff;border-radius:22px;width:100%;font-size:17px;overflow:hidden}.tbl th,.tbl td{text-align:right;vertical-align:top;border-bottom:1px solid #efe6da;padding:16px 20px}.tbl thead th{color:#f4ede3;background:#241f1b;font-weight:800}.tbl tbody th{color:#241f1b;width:22%;font-weight:800}.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}.tblbox{border-radius:22px;overflow-x:auto}.bar{align-items:center;gap:14px;font-size:17px;display:flex}.bar span:first-child{flex:none;width:72px;font-weight:700}.track{background:#e2d6c7;border-radius:999px;flex:1;height:14px;overflow:hidden}.fill{background:#1f4b43;border-radius:999px;height:100%}.src{color:#7a6e63;margin:0;font-size:14px}.chk{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;font-size:17px;display:flex}.chk input{accent-color:#b4532a;cursor:pointer;flex:none;width:22px;height:22px;margin:2px 0 0}.chk input:checked+span{color:#8a7e73;text-decoration:line-through}.toc a,.lift{transition:transform .5s,box-shadow .5s}.nl{background-image:linear-gradient(#b4532a,#b4532a);background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .3s}.nl:hover{background-size:100% 2px}.card{transition:transform .5s,box-shadow .5s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2b262212}.toc a:hover,.toc a.dark:hover,.toc a.clay:hover{color:inherit}.toc a.dark:hover,.toc a.clay:hover{color:#fff}.anim .rv h3,.anim .rv .card,.anim .rv .tip,.anim .rv .tblbox{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .25s;transform:translateY(28px)}.anim .rv.in h3,.anim .rv.in .card,.anim .rv.in .tip,.anim .rv.in .tblbox{opacity:1;transform:none}.anim .rv.in .grid>:nth-child(2){transition-delay:80ms}.anim .rv.in .grid>:nth-child(3){transition-delay:.16s}.anim .rv.in .grid>:nth-child(4){transition-delay:.24s}.anim .rv.in .card:hover{transition:transform .5s,box-shadow .5s;transform:translateY(-2px)}.fill{transform-origin:100%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .2s}.anim .rv .fill{transform:scaleX(0)}.anim .rv.in .fill{transform:scaleX(1)}@keyframes popIn{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:none}}.toc>a{animation:.7s cubic-bezier(.2,.8,.2,1) both popIn}.toc>a:nth-child(2){animation-delay:.1s}.toc>a:nth-child(3){animation-delay:.2s}.toc>a:nth-child(4){animation-delay:.3s}.toc>a .num{transition:opacity .5s}.toc>a:hover .num{opacity:.75}@keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.chk input:checked{animation:.3s tick}.chk span{transition:color .3s}.navb{border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.navb:hover{transform:translateY(-3px)}.navb svg{transition:transform .25s}.navb:hover svg{transform:translate(-4px)}.fab{z-index:20;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;left:22px}.fab a,.fab button{color:#f4ede3;cursor:pointer;background:#241f1b;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:52px;min-height:52px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s,opacity .3s;display:inline-flex;box-shadow:0 10px 28px #241f1b47}.fab a:hover,.fab button:hover{color:#fff;background:#b4532a;transform:translateY(-3px)}.fab .up{opacity:0;pointer-events:none;color:#241f1b;background:#fff;padding:0}.fab .up.show{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.anim .rv h3,.anim .rv .card,.anim .rv .tip,.anim .rv .tblbox,.anim .rv .fill{opacity:1;transition:none;transform:none}.toc>a{animation:none}}.prose p,.prose li{color:#4a433d;font-size:18px}.prose ul{flex-direction:column;gap:8px;margin:0;padding-inline-start:22px;display:flex}.crumbs{color:#7a6e63;font-size:15px}.crumbs a{color:#7a6e63}
