/* Approved Sard identity; colors remain independent of reading preferences. */
.sard-master{--brand-ink:#164d43;--brand-gold:#a06721;--brand-mint:#bdd5c4;display:block;overflow:visible;width:100%;height:auto;flex-shrink:0}
body.dark .sard-master{--brand-ink:#bdd5c4;--brand-gold:#d4a65f;--brand-mint:#557c6b}
.sard-master .word,.sard-master .sard-front>path:first-child{fill:var(--brand-ink)}
.sard-master .sard-diacritics,.sard-master .sard-ornament,.sard-master .sard-gold{fill:var(--brand-gold)}
.sard-master .sard-back{fill:var(--brand-mint)}
body.dark .sard-master .sard-front>path:last-child{stroke:#164d43}
.brand.logo-trigger{display:inline-flex;align-items:center;width:170px;max-width:100%;min-height:44px;flex-shrink:0;text-decoration:none;line-height:1}
.site-header .brand.logo-trigger{width:170px;justify-self:start}
.hero-brand{width:min(330px,85vw);margin-inline:auto!important;margin-block:0 20px!important}
.menu-brand{display:block;width:100px;flex-shrink:0}
.site-footer .footer-brand{display:block;width:185px;max-width:100%;margin-bottom:18px}
.sard-master .sard-back,.sard-master .sard-gold,.sard-master .sard-front{transform-origin:311px 90px;transform-box:view-box;transform:translate(0px,0px) rotate(0deg);transition:transform .8s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important}
.sard-master .calligraphy{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.4,0,.2,1)!important}
.sard-master:hover .sard-back,.logo-trigger:is(:hover,:focus-visible) .sard-back{transform:translate(-4px,0px) rotate(-3deg)}
.sard-master:hover .sard-gold,.logo-trigger:is(:hover,:focus-visible) .sard-gold{transform:translate(-1.5px,0px) rotate(-1.5deg);transition-delay:.035s!important}
.sard-master:hover .sard-front,.logo-trigger:is(:hover,:focus-visible) .sard-front{transform:translate(0px,0px) rotate(3deg);transition-delay:.07s!important}
.sard-master:hover .calligraphy,.logo-trigger:is(:hover,:focus-visible) .calligraphy{transform:translateY(-2px)}
@media(max-width:760px){.site-header .brand.logo-trigger{width:140px}.hero-brand{width:280px}.brand.logo-trigger{width:150px}}
@media(max-width:360px){.site-header .brand.logo-trigger{width:125px}}
/* Keep the approved smaller, brief page motion when system motion is reduced. */
@media(prefers-reduced-motion:reduce){
 .sard-master .sard-back,.sard-master .sard-gold,.sard-master .sard-front,.sard-master .calligraphy{transition-duration:.34s!important;transition-delay:0s!important}
 .logo-trigger:is(:hover,:focus-visible) :is(.sard-back,.sard-gold,.sard-front),.sard-master:hover :is(.sard-back,.sard-gold,.sard-front){transition-delay:0s!important}
 .sard-master:hover .sard-back,.logo-trigger:is(:hover,:focus-visible) .sard-back{transform:translate(-1px,0px) rotate(-1.25deg)}
 .sard-master:hover .sard-gold,.logo-trigger:is(:hover,:focus-visible) .sard-gold{transform:translate(-.4px,0px) rotate(-.6deg)}
 .sard-master:hover .sard-front,.logo-trigger:is(:hover,:focus-visible) .sard-front{transform:translate(0px,0px) rotate(1.25deg)}
 .sard-master:hover .calligraphy,.logo-trigger:is(:hover,:focus-visible) .calligraphy{transform:translateY(-.5px)}
}