@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@layer components{.service-log{container-type:inline-size}.branch-wide{animation:1.3s cubic-bezier(.65,0,.35,1) .25s both branch-grow-wide}.branch-tall{animation:1.3s cubic-bezier(.65,0,.35,1) .25s both branch-grow-tall}@keyframes branch-grow-wide{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes branch-grow-tall{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.leaf{--r:var(--mrot);--d:var(--j);top:var(--my);left:var(--mx);aspect-ratio:10/16;pointer-events:none;width:30%;position:absolute;translate:-50% -100%}@media (width>=768px){.leaf{--r:var(--rot);--d:var(--i);top:var(--y);left:var(--x);width:10.5%}}.leaf-link,.leaf-body,.leaf-grow{width:100%;height:100%;display:block}.leaf-link{outline:none}.leaf-body{transform-origin:50% 100%;transform:rotate(var(--r));animation:leaf-sway calc(3.2s + var(--i) * .37s) ease-in-out calc(var(--i) * -.9s) infinite;transition:scale .35s cubic-bezier(.22,1,.36,1)}.leaf-grow{transform-origin:50% 100%;animation:.75s cubic-bezier(.34,1.56,.64,1) both leaf-grow;animation-delay:calc(.9s + var(--d) * .12s)}@keyframes leaf-sway{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@keyframes leaf-grow{0%{opacity:0;scale:0}50%{opacity:1}to{opacity:1;scale:1}}.leaf-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leaf-stalk{fill:none;stroke:#5b4a26;stroke-width:4px;stroke-linecap:round}.leaf-blade{stroke:#0000;stroke-width:3px;cursor:pointer;pointer-events:visiblePainted;transition:stroke .2s}.leaf-blade-hot{opacity:0;pointer-events:none;transition:opacity .35s}.leaf-veins{fill:none;stroke:#ffffff47;stroke-width:1.4px;stroke-linecap:round;pointer-events:none}.leaf-label{width:78%;translate:-50% -50%;rotate:calc(var(--r) * -1);color:#fff;letter-spacing:.02em;text-align:center;text-transform:uppercase;text-wrap:balance;text-shadow:0 1px 3px #00000073;cursor:pointer;pointer-events:auto;font-size:clamp(11px,3.4cqw,14px);font-weight:600;line-height:1.05;position:absolute;top:45%;left:50%}@media (width>=768px){.leaf-label{font-size:clamp(10px,1.25cqw,15px)}}.leaf-link:focus-visible .leaf-blade{stroke:#fff}.leaf-link:focus-visible .leaf-blade-hot{opacity:1}.leaf-link:focus-visible .leaf-body{scale:1.08}@media (hover:hover){.leaf-link:hover .leaf-blade-hot{opacity:1}.leaf-link:hover .leaf-body{scale:1.08}}@media (prefers-reduced-motion:reduce){.branch-wide,.branch-tall,.leaf-body,.leaf-grow{animation:none}}}
