/* The complete mark is visible by default. Motion is an optional, finite replay. */
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;padding:0;overflow:hidden;border-radius:11px;background:#241c14;box-shadow:0 2px 6px #241c1412}
.brand-mark .brand-symbol{display:block;width:100%;height:100%;overflow:visible}
.brand-mark .logo-frame-track{fill:none;stroke:#d4b078;stroke-width:.8;opacity:.16}
.brand-mark .logo-frame{fill:none;stroke:#d4b078;stroke-width:.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.68}
.brand-mark .logo-sun-halo{fill:none;stroke:#d4b078;stroke-width:.7;opacity:.28}
.brand-mark .logo-sun{fill:#d4b078;transform-origin:46px 17px}
.brand-mark .logo-peak-back{fill:#5b4c38;stroke:#8a7c69;stroke-width:.8;stroke-linejoin:round}
.brand-mark .logo-peak-front{fill:#f6f3ed}
.brand-mark .logo-road{fill:none;stroke:#d4b078;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.brand-mark .logo-sun,.brand-mark .logo-sun-halo,.brand-mark .logo-peak,.brand-mark .logo-frame,.brand-mark .logo-road{animation:none;transform-box:view-box}
.about-monogram .brand-mark{width:115px;height:115px;background:#241c14;border-radius:20px}
@media(prefers-reduced-motion:no-preference){
 .brand-mark.is-animating .logo-frame{animation:rja-mark-frame 2.3s cubic-bezier(.22,.75,.2,1) both}
 .brand-mark.is-animating .logo-sun{animation:rja-mark-sunrise 2.3s cubic-bezier(.22,.75,.2,1) both}
 .brand-mark.is-animating .logo-sun-halo{animation:rja-mark-halo 2.3s ease-out both}
 .brand-mark.is-animating .logo-peak-back{animation:rja-mark-rear-peak 2.3s cubic-bezier(.22,.75,.2,1) both}
 .brand-mark.is-animating .logo-peak-front{animation:rja-mark-front-peak 2.3s cubic-bezier(.22,.75,.2,1) both}
 .brand-mark.is-animating .logo-road{animation:rja-mark-road 2.3s cubic-bezier(.22,.75,.2,1) both}
}
@keyframes rja-mark-frame{0%{stroke-dashoffset:1;opacity:.16}80%,100%{stroke-dashoffset:0;opacity:.68}}
@keyframes rja-mark-sunrise{0%,8%{transform:translateY(10px) scale(.78);opacity:0}49%,100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes rja-mark-halo{0%,36%{opacity:0}76%,100%{opacity:.28}}
@keyframes rja-mark-rear-peak{0%,5%{transform:translateY(6px);opacity:0}43%,100%{transform:translateY(0);opacity:1}}
@keyframes rja-mark-front-peak{0%,15%{transform:translateY(6px);opacity:0}57%,100%{transform:translateY(0);opacity:1}}
@keyframes rja-mark-road{0%,40%{stroke-dashoffset:1;opacity:0}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:760px){.site-header .brand-mark{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){
 .brand-mark .logo-frame,.brand-mark .logo-sun,.brand-mark .logo-sun-halo,.brand-mark .logo-peak,.brand-mark .logo-road{animation:none!important;transform:none!important}
 .brand-mark .logo-frame,.brand-mark .logo-road{stroke-dashoffset:0}
 .brand-mark .logo-sun,.brand-mark .logo-peak,.brand-mark .logo-road{opacity:1}
 .brand-mark .logo-frame{opacity:.68}
 .brand-mark .logo-sun-halo{opacity:.28}
}
@media print{
 .brand-mark .logo-frame,.brand-mark .logo-sun,.brand-mark .logo-sun-halo,.brand-mark .logo-peak,.brand-mark .logo-road{animation:none!important;transform:none!important;stroke-dashoffset:0}
 .brand-mark .logo-sun,.brand-mark .logo-peak,.brand-mark .logo-road{opacity:1}
 .brand-mark .logo-frame{opacity:.68}
 .brand-mark .logo-sun-halo{opacity:.28}
}