/* Mayugetanuki: playful motion with immediately readable content. */
#slogan .big-title { display: block !important; }
#mt-motion-progress { position: fixed; z-index: 10010; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg,#762f07,#ec6800); transform: scaleX(0); transform-origin: left; pointer-events: none; }
body.admin-bar #mt-motion-progress { top: 32px; }
body:not(.wp-admin) #mt-motion-toggle { position: fixed; z-index: 10011; right: 16px; bottom: 16px; min-height: 44px; padding: 7px 16px; border: 2px solid #762f07; border-radius: 999px; background: #fffaf0; color: #762f07 !important; box-shadow: 0 3px 0 #762f07; font: 800 13px/1.5 "M PLUS Rounded 1c",sans-serif; cursor: pointer; transition: background .2s; }
body:not(.wp-admin) #mt-motion-toggle:hover { background: #ffd900; }
body:not(.wp-admin) #mt-motion-toggle:disabled { cursor: default; box-shadow: none; }
#mt-motion-sparks { position: fixed; inset: 0; z-index: 10009; overflow: hidden; pointer-events: none; }
.mt-motion-spark { position: absolute; font: 800 22px/1 sans-serif; pointer-events: none; text-shadow: 0 1px 0 #fffaf0; }
.mt-motion-ready #home { position: relative; overflow: hidden; isolation: isolate; }
.mt-motion-ready #home::before, .mt-motion-ready #home::after { content: ""; position: absolute; z-index: -1; width: clamp(120px,18vw,230px); aspect-ratio: 1; border: 3px dashed #762f07; border-radius: 45% 55% 62% 38%; opacity: .16; pointer-events: none; }
.mt-motion-ready #home::before { top: 13%; left: -4%; }
.mt-motion-ready #home::after { bottom: 7%; right: -3%; width: clamp(150px,22vw,280px); border-style: solid; border-width: 18px; border-radius: 50%; }
.mt-motion-ready:not(.mt-motion-off) #home::before { animation: mt-orbit 18s linear infinite; }
.mt-motion-ready:not(.mt-motion-off) #home::after { animation: mt-orbit 24s linear infinite reverse; }
.mt-motion-ready:not(.mt-motion-off) #home #logo img { animation: mt-float 5s ease-in-out infinite; }
.mt-motion-ready:not(.mt-motion-off) #home .circle-menu { animation: mt-float 3.8s ease-in-out infinite; }
.mt-motion-ready:not(.mt-motion-off) #home li:nth-child(2) .circle-menu { animation-delay: -.9s; }
.mt-motion-ready:not(.mt-motion-off) #home li:nth-child(3) .circle-menu { animation-delay: -1.8s; }
@keyframes mt-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes mt-orbit { 0% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(24px) rotate(180deg); } 100% { transform: translateY(0) rotate(360deg); } }
.mt-motion-ready .mt-motion-heading { position: relative; }
.page-template-main-template .mt-motion-heading::after { content: ""; display: block; width: 58px; height: 7px; margin-top: 14px; border-radius: 999px; background: currentColor; transform-origin: left; }
.mt-motion-ready:not(.mt-motion-off) .mt-motion-heading.mt-motion-seen::after { animation: mt-line .75s cubic-bezier(.16,1,.3,1) both; }
@keyframes mt-line { from { transform: scaleX(.1); } to { transform: scaleX(1); } }
.mt-motion-ready .mt-motion-tilt { transform-origin: center; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.mt-motion-ready .mt-motion-tilt img { transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .4s; }
.mt-motion-ready .circle-menu, .mt-motion-ready .mt-about-primary, .mt-motion-ready .full-width-container a[style*="inline-block"], .mt-motion-ready input[type="submit"] { transition: transform .3s cubic-bezier(.22,1.5,.5,1), box-shadow .3s, background-color .25s; }
.mt-motion-ready .mt-about-actions a span { display: inline-block; transition: transform .3s cubic-bezier(.22,1.5,.5,1); }
.mt-motion-ready #nav-menu a { transition: background-color .2s, color .2s, transform .25s; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .mt-motion-ready:not(.mt-motion-off) .mt-motion-tilt:hover { transform: perspective(900px) rotateX(var(--mt-rx,0deg)) rotateY(var(--mt-ry,0deg)) translateY(-8px); }
 .mt-motion-ready:not(.mt-motion-off) .mt-motion-card:hover { box-shadow: 9px 12px 0 rgba(118,47,7,.18); }
 .mt-motion-ready:not(.mt-motion-off) figure.mt-motion-tilt:hover img { transform: scale(1.025); filter: saturate(1.08); }
 .mt-motion-ready:not(.mt-motion-off) #home .circle-menu:hover { transform: rotate(-7deg) scale(1.09); box-shadow: 0 0 0 7px #fffaf0, 0 13px 0 rgba(118,47,7,.18); }
 .mt-motion-ready:not(.mt-motion-off) #home li:nth-child(2) .circle-menu:hover { transform: rotate(7deg) scale(1.09); }
 .mt-motion-ready:not(.mt-motion-off) .mt-about-primary:hover, .mt-motion-ready:not(.mt-motion-off) .full-width-container a[style*="inline-block"]:hover, .mt-motion-ready:not(.mt-motion-off) input[type="submit"]:hover { transform: translateY(-5px) rotate(-2deg); box-shadow: 4px 6px 0 rgba(118,47,7,.2); }
 .mt-motion-ready:not(.mt-motion-off) .mt-about-actions a:hover span { transform: translate(4px,-4px) rotate(12deg); }
 .mt-motion-ready:not(.mt-motion-off) #nav-menu a:hover { transform: translateY(-3px); }
 .mt-motion-ready:not(.mt-motion-off) .portfolio-wrapper .item:hover { transform: translateY(-6px) rotate(2deg); }
 .mt-motion-ready .portfolio-wrapper .item { transition: transform .3s; }
}
.mt-motion-ready:not(.mt-motion-off) .circle-menu:focus-visible, .mt-motion-ready:not(.mt-motion-off) .mt-about-primary:focus-visible { transform: translateY(-4px); }
.mt-motion-ready:not(.mt-motion-off) .circle-menu:active, .mt-motion-ready:not(.mt-motion-off) .mt-about-primary:active { transform: scale(.96); }
.mt-motion-off #mt-motion-progress, .mt-motion-off #mt-motion-sparks { display: none; }
.mt-motion-off .mt-motion-tilt, .mt-motion-off .mt-motion-tilt img, .mt-motion-off .circle-menu, .mt-motion-off .mt-about-primary, .mt-motion-off .mt-about-actions a span, .mt-motion-off #nav-menu a { transition: none !important; transform: none !important; }
.mt-motion-paused #home::before, .mt-motion-paused #home::after, .mt-motion-paused #home #logo img, .mt-motion-paused #home .circle-menu { animation-play-state: paused !important; }
@media (max-width: 782px) { body.admin-bar #mt-motion-progress { top: 46px; } }
@media (max-width: 767px) {
 body:not(.wp-admin) #mt-motion-toggle { right: 10px; bottom: 10px; padding: 7px 12px; font-size: 12px; }
 .mt-motion-ready #home::before { width: 100px; left: -52px; top: 15%; }
 .mt-motion-ready #home::after { width: 150px; right: -80px; bottom: 6%; border-width: 10px; }
 .page-template-main-template .mt-motion-heading::after { height: 5px; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
 .mt-motion-ready #home::before, .mt-motion-ready #home::after, .mt-motion-ready #home #logo img, .mt-motion-ready #home .circle-menu, .mt-motion-ready .mt-motion-heading::after { animation: none !important; }
 .mt-motion-ready .mt-motion-tilt, .mt-motion-ready .mt-motion-tilt img, .mt-motion-ready .circle-menu, .mt-motion-ready .mt-about-primary, .mt-motion-ready #nav-menu a { transition: none !important; transform: none !important; }
 #mt-motion-progress, #mt-motion-sparks { display: none; }
}