/* Option 05: italic full-name wordmark, fine underline and gold diamond. */
.brand-logo{display:block;width:270px;height:auto;overflow:visible}
.logo-lettering{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:138px;letter-spacing:-1px;fill:currentColor}
.logo-diamond{fill:#917746;transform-box:fill-box;transform-origin:center}
.footer-name{display:block;align-self:start;width:100%;max-width:330px}
.footer-name .brand-logo{width:100%}
.footer-name:hover{text-decoration:none!important}
.site-footer .logo-diamond{fill:#c3a56b}
.gate .brand-logo,.sidebar .brand-logo{width:100%;max-width:270px}
.brand:has(.brand-logo){line-height:1}
@media(max-width:1150px){.site-header .brand-logo{width:235px}}
@media(max-width:850px){.site-header .brand-logo{width:230px}}
@media(max-width:600px){.site-header{gap:12px}.site-header .brand-logo{width:190px}.site-header .menu-toggle{margin-left:auto}.language-link{padding-left:12px}.footer-main>.footer-name{grid-column:1/-1;max-width:290px}}
@media(max-width:360px){.site-header .brand-logo{width:168px}.site-header{gap:9px}.language-link{padding-left:9px}}
@media(prefers-reduced-motion:no-preference){
 .site-header .logo-lettering,.gate .logo-lettering,.sidebar .logo-lettering{animation:logo-name-reveal .85s cubic-bezier(.22,1,.36,1) both}
 .site-header .logo-line,.gate .logo-line,.sidebar .logo-line{animation:logo-line-draw .95s cubic-bezier(.22,1,.36,1) .18s both;stroke-dasharray:1;stroke-dashoffset:0}
 .site-header .logo-diamond,.gate .logo-diamond,.sidebar .logo-diamond{animation:logo-diamond-reveal .85s cubic-bezier(.22,1,.36,1) .42s backwards}
 .brand-logo .logo-diamond{transition:transform .55s cubic-bezier(.22,1,.36,1),fill .3s ease}
 .brand-logo .logo-line{transition:stroke .3s ease}
 a:hover .brand-logo .logo-diamond,a:focus-visible .brand-logo .logo-diamond{transform:rotate(180deg)}
 a:hover .brand-logo .logo-line,a:focus-visible .brand-logo .logo-line{stroke:#917746}
 @keyframes logo-name-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
 @keyframes logo-line-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
 @keyframes logo-diamond-reveal{from{opacity:0;transform:scale(.3) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}
}
@media(prefers-reduced-motion:reduce){.brand-logo *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;stroke-dashoffset:0!important}}

/* Give Cyrillic descenders their own space above the gold ornament. */
@media(max-width:360px){.site-header .brand-logo.logo-ru{width:160px}}
@media(prefers-reduced-motion:no-preference){
 .site-header .logo-ru .logo-diamond,
 .gate .logo-ru .logo-diamond,
 .sidebar .logo-ru .logo-diamond{animation-name:logo-gold-reveal}
 a:hover .brand-logo.logo-ru .logo-diamond,
 a:focus-visible .brand-logo.logo-ru .logo-diamond{transform:scale(1.12);fill:#a38a53}
 .site-footer a:hover .brand-logo.logo-ru .logo-diamond,
 .site-footer a:focus-visible .brand-logo.logo-ru .logo-diamond{fill:#d2b779}
 @keyframes logo-gold-reveal{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
}