/* Critical SVG paint is embedded byte-for-byte from existing assets so native
   document reveal cannot paint a transparent, still-loading key mask. */
/* Ride Journal: selected composition; mobile uses the existing Map Table adapter. */
@property --journal-depth { syntax: '<number>'; inherits: true; initial-value: 0; }
/* Reserve native scrollbar space across short/long routes and Menu scroll lock. */
html { scrollbar-gutter: stable; }
@supports not (scrollbar-gutter: stable) { html { overflow-y: scroll; } }
.journal-terrain, .journal-panels, .journal-features { display: none; }
/* Mechanical legends cannot acquire selection paint during a cancelled drag. */
:is(.site-nav a,.site-menu summary,.mobile-key,.deck-link,.btn:has(.key-face),.deck-key:has(.key-face),.faq-item summary,.key-face) {
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 821px) {
  /* Continuous paper rail: geometry follows the latest approved header reference. */
  .site-header { width: calc(100% + 6.25vw); margin-inline: -3.125vw; filter: none; grid-template-columns: 29.58333% minmax(0, 1fr); height: 78px; }
  .site-header::before { bottom: -12px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDkwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhcGVyIiB4MT0iMCIgeTE9IjAiIHgyPSIuMiIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNmMGVhZGQiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZWVlNmQ4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZTZkY2NiIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJmaWJlciIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii4wNjUgLjE5IiBudW1PY3RhdmVzPSI0IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii4xMSIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VHcmFwaGljIiBvcGVyYXRvcj0iaW4iLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgbW9kZT0ibXVsdGlwbHkiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJwYXBlci1tb3R0bGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii4wNyIgbnVtT2N0YXZlcz0iMyIgc2VlZD0iMTEiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY1IgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjc1IiBpbnRlcmNlcHQ9Ii4yNSIvPjxmZUZ1bmNCIHR5cGU9ImxpbmVhciIgc2xvcGU9IjEuMyIgaW50ZXJjZXB0PSItLjMiLz48ZmVGdW5jQSB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuMjIiLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PGZlQ29tcG9zaXRlIGluMj0iU291cmNlR3JhcGhpYyIgb3BlcmF0b3I9ImluIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIG1vZGU9Im11bHRpcGx5IiByZXN1bHQ9Im1vdHRsZSIvPjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIuNCIgbnVtT2N0YXZlcz0iMiIgc2VlZD0iNiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuNzUiIGludGVyY2VwdD0iLjI1Ii8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMS4zIiBpbnRlcmNlcHQ9Ii0uMyIvPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii4wNyIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgaW4yPSJtb3R0bGUiIG9wZXJhdG9yPSJpbiIvPjxmZUJsZW5kIGluPSJtb3R0bGUiIG1vZGU9Im11bHRpcGx5Ii8+PC9maWx0ZXI+PHBhdHRlcm4gaWQ9ImZpYmVycyIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjE1MzYiIGhlaWdodD0iMTI4Ij48cmVjdCB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMjgiIGZpbGw9IiNmOWYxZTciIGZpbHRlcj0idXJsKCNwYXBlci1tb3R0bGUpIi8+PC9wYXR0ZXJuPjxsaW5lYXJHcmFkaWVudCBpZD0iY2FwLWxpZ2h0IiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMDEiLz48c3RvcCBvZmZzZXQ9Ii4zIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4wMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMDEiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9Im5hdi1mb3JlZWRnZSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSI3MCIgd2lkdGg9IjE0NDAiIGhlaWdodD0iMTQiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii45Ii8+PC9maWx0ZXI+PGZpbHRlciBpZD0ic2hvdWxkZXItc29mdCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI0MTAiIHk9IjEwIiB3aWR0aD0iNjAiIGhlaWdodD0iODAiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii42NSIvPjwvZmlsdGVyPjwvZGVmcz48cGF0aCBkPSJNMCAwSDE0NDBWMzlIMTQwNkMxMzk3IDM5IDEzOTAgNDIgMTM4NCA0OUwxMzY4IDY3QzEzNjMgNzMgMTM1OCA3NiAxMzQ4IDc2SDQyNkM0MjMgNzkgNDIzIDgzIDQxOCA4M0g4M0M3MiA4MyA2OCA3OCA2MyA3MUw0NiA0OUM0MCA0MiAzNSAzOSAyNiAzOUgwWiIgZmlsbD0idXJsKCNmaWJlcnMpIi8+PHBhdGggZD0iTTAgMEgxNDQwVjM5SDE0MDZDMTM5NyAzOSAxMzkwIDQyIDEzODQgNDlMMTM2OCA2N0MxMzYzIDczIDEzNTggNzYgMTM0OCA3Nkg0MjZDNDIzIDc5IDQyMyA4MyA0MTggODNIODNDNzIgODMgNjggNzggNjMgNzFMNDYgNDlDNDAgNDIgMzUgMzkgMjYgMzlIMFoiIGZpbGw9InVybCgjY2FwLWxpZ2h0KSIvPjxwYXRoIGQ9Ik0wIDEzSDE0NDAiIHN0cm9rZT0iI2ZmZmFmMSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIuNTUiLz48cGF0aCBkPSJNMCAzOUgyNkMzNSAzOSA0MCA0MiA0NiA0OUw2MyA3MUM2OCA3OCA3MiA4MyA4MyA4M0g0MThDNDIzIDgzIDQyMyA3OSA0MjYgNzZIMTM0OEMxMzU4IDc2IDEzNjMgNzMgMTM2OCA2N0wxMzg0IDQ5QzEzOTAgNDIgMTM5NyAzOSAxNDA2IDM5SDE0NDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ExOWI5MCIgc3Ryb2tlLXdpZHRoPSIxLjEiLz48cGF0aCBkPSJNMCAzNy44SDI2QzM2IDM3LjggNDIgNDEgNDcgNDhMNjUgNzBDNzAgNzcgNzMgODEuNSA4MyA4MS41SDQxOEM0MjMgODEuNSA0MjMgNzcuNSA0MjYgNzQuNUgxMzQ4QzEzNTcgNzQuNSAxMzYyIDcyIDEzNjcgNjZMMTM4MyA0OEMxMzg5IDQwIDEzOTYgMzcuOCAxNDA2IDM3LjhIMTQ0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmYWYwIiBzdHJva2Utd2lkdGg9Ii45IiBvcGFjaXR5PSIuNDUiLz48cGF0aCBkPSJNNDI2IDc2SDEzNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc0NmQ2MSIgc3Ryb2tlLW9wYWNpdHk9Ii44IiBzdHJva2Utd2lkdGg9IjIuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWx0ZXI9InVybCgjbmF2LWZvcmVlZGdlKSIvPjxwYXRoIGQ9Ik00MTggODNDNDI0IDgzIDQyNSA3OCA0MjcgNzJMNDQ5IDI5QzQ1MyAyMSA0NTUgMTggNDYwIDE4IiBmaWxsPSJub25lIiBzdHJva2U9IiM5Mzg2NzQiIHN0cm9rZS1vcGFjaXR5PSIuNiIgc3Ryb2tlLXdpZHRoPSIxLjYiIGZpbHRlcj0idXJsKCNzaG91bGRlci1zb2Z0KSIvPjwvc3ZnPg=="); background-size: 100% 90px; filter: drop-shadow(0 3px 3px #48463e35); }
  .site-brand { justify-content: flex-start; padding: 20px 12px 0 7.18vw; }
  .site-brand img { width: min(268px,100%); transform: translateY(-1.5px); filter: none; }
  .site-nav { display: grid; grid-template-columns: 200fr 178fr 187fr 193fr 207fr; gap: 0; padding: 0 5% 0 0; height: 61px; min-height: 61px; }
  .site-nav::before { display: block; position: absolute; z-index: -1; content: ''; left: 0; right: calc(5% - 4px); top: 0; height: 60px; border: 0; border-radius: 0; clip-path: none; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NzcgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxmaWx0ZXIgaWQ9InNvZnQiIHg9Ii0yJSIgeT0iLTEwJSIgd2lkdGg9IjEwNCUiIGhlaWdodD0iMTIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjciLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZD0iTTM0IDFIOTYyQzk3MCAxIDk3NCA0IDk3NCAxMkM5NzQgMjEgOTc2IDI3IDk3NiAzMUM5NzYgMzYgOTczIDM5IDk3MCA0M0w5NjAgNTRDOTU4IDU3IDk1NCA1OCA5NTAgNThIMlEwIDU4IDEgNTVMMjMgMTJDMjcgNCAyOSAxIDM0IDFaIiBmaWxsPSIjY2JiZmFjIiAgZmlsdGVyPSJ1cmwoI3NvZnQpIi8+PHBhdGggZD0iTTM0IDJIOTYyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmYWY0ZTkiIHN0cm9rZS13aWR0aD0iLjY1IiBvcGFjaXR5PSIuOCIvPjxwYXRoIGQ9Ik0xIDU1TDIzIDEyQzI3IDQgMjkgMSAzNCAxSDk2MkM5NzAgMSA5NzQgNCA5NzQgMTJDOTc0IDIxIDk3NiAyNyA5NzYgMzFDOTc2IDM2IDk3MyAzOSA5NzAgNDNMOTYwIDU0Qzk1OCA1NyA5NTQgNTggOTUwIDU4SDMwIiBmaWxsPSJub25lIiBzdHJva2U9IiNhY2EzOTQiIHN0cm9rZS13aWR0aD0iMS4xIiBmaWx0ZXI9InVybCgjc29mdCkiLz48L3N2Zz4=") 0 0 / 100% 100% no-repeat; box-shadow: none; filter: none; }
  .site-nav::after { position: absolute; z-index: 2; content: ''; pointer-events: none; left: 0; right: calc(5% - 4px); top: 0; height: 60px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NzcgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxmaWx0ZXIgaWQ9InNvZnQiIHg9Ii0yJSIgeT0iLTEwJSIgd2lkdGg9IjEwNCUiIGhlaWdodD0iMTIwJSI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iLjUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZD0iTTEgNTVMMjMgMTJDMjcgNCAyOSAxIDM0IDFIOTYyQzk3MCAxIDk3NCA0IDk3NCAxMkM5NzQgMjEgOTc2IDI3IDk3NiAzMUM5NzYgMzYgOTczIDM5IDk3MCA0M0w5NjAgNTRDOTU4IDU3IDk1NCA1OCA5NTAgNThIMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2E5OWQ4YiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGZpbHRlcj0idXJsKCNzb2Z0KSIvPjxwYXRoIGQ9Ik0zNCAySDk2MSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmFmNGU5IiBzdHJva2Utd2lkdGg9Ii42NSIgb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMSA1NUwyMyAxMkMyNyA0IDI5IDEgMzQgMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODU3YjZjIiBzdHJva2Utb3BhY2l0eT0iLjc1IiBzdHJva2Utd2lkdGg9IjEuOCIgZmlsdGVyPSJ1cmwoI3NvZnQpIi8+PHBhdGggZD0iTTMwIDU5SDk1MCIgc3Ryb2tlPSIjNzc3MTY2IiBzdHJva2Utd2lkdGg9IjEuMSIgc3Ryb2tlLW9wYWNpdHk9Ii40IiBmaWx0ZXI9InVybCgjc29mdCkiLz48L3N2Zz4=") 0 0 / 100% 100% no-repeat; }
  .site-nav a { --journal-depth: 0; --key-shape: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTcgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFwZXIiIHgxPSIwIiB5MT0iMCIgeDI9Ii4yIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZWFkZCIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNlZWU2ZDgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNmRjY2IiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpYmVyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA2NSAuMTkiIG51bU9jdGF2ZXM9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjExIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUdyYXBoaWMiIG9wZXJhdG9yPSJpbiIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBtb2RlPSJtdWx0aXBseSIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9InBhcGVyLW1vdHRsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA3IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIxMSIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuNzUiIGludGVyY2VwdD0iLjI1Ii8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMS4zIiBpbnRlcmNlcHQ9Ii0uMyIvPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii4wOCIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VHcmFwaGljIiBvcGVyYXRvcj0iaW4iLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgbW9kZT0ibXVsdGlwbHkiIHJlc3VsdD0ibW90dGxlIi8+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii40IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI2IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNSIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii43NSIgaW50ZXJjZXB0PSIuMjUiLz48ZmVGdW5jQiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIxLjMiIGludGVyY2VwdD0iLS4zIi8+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjA3Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9Im1vdHRsZSIgb3BlcmF0b3I9ImluIi8+PGZlQmxlbmQgaW49Im1vdHRsZSIgbW9kZT0ibXVsdGlwbHkiLz48L2ZpbHRlcj48cGF0dGVybiBpZD0iZmliZXJzIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMjgiPjxyZWN0IHdpZHRoPSIxNTM2IiBoZWlnaHQ9IjEyOCIgZmlsbD0iI2YxZTlkZiIgZmlsdGVyPSJ1cmwoI3BhcGVyLW1vdHRsZSkiLz48L3BhdHRlcm4+PGxpbmVhckdyYWRpZW50IGlkPSJjYXAtbGlnaHQiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4wMiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhlNzY1NCIgc3RvcC1vcGFjaXR5PSIuMDk1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMUgxOTdWNThIMFoiIGZpbGw9InVybCgjZmliZXJzKSIvPjxwYXRoIGQ9Ik0wIDFIMTk3VjU4SDBaIiBmaWxsPSJ1cmwoI2NhcC1saWdodCkiLz48cGF0aCBkPSJNMCA1OFYxSDE5N1Y1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYWE5ZjhkIiBzdHJva2Utb3BhY2l0eT0iLjU4IiBzdHJva2Utd2lkdGg9IjEuMDUiLz48cGF0aCBkPSJNMCA1OEgxOTciIHN0cm9rZT0iI2FhOWY4ZCIgc3Ryb2tlLW9wYWNpdHk9Ii4xIiBzdHJva2Utd2lkdGg9IjEuMDUiLz48cGF0aCBkPSJNMCAxSDE5NyIgc3Ryb2tlPSIjZmZmYWYxIiBzdHJva2Utd2lkdGg9IjEuMSIgb3BhY2l0eT0iLjQiLz48L3N2Zz4="); --key-window: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTcgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0wIDFIMTk3VjU4SDBaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+Cg=="); transition: --journal-depth 400ms cubic-bezier(.2,.75,.25,1); position: relative; margin: 0; height: 60px; min-height: 60px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; font: 500 clamp(1.25rem,1.43vw,1.375rem)/1.2 var(--sans); color: #191b18; text-indent: 3px; letter-spacing: -.45px; }
  .site-nav a:first-child { --key-shape: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDIgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFwZXIiIHgxPSIwIiB5MT0iMCIgeDI9Ii4yIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZWFkZCIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNlZWU2ZDgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNmRjY2IiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpYmVyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA2NSAuMTkiIG51bU9jdGF2ZXM9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjExIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUdyYXBoaWMiIG9wZXJhdG9yPSJpbiIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBtb2RlPSJtdWx0aXBseSIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9InBhcGVyLW1vdHRsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA3IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIxMSIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuNzUiIGludGVyY2VwdD0iLjI1Ii8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMS4zIiBpbnRlcmNlcHQ9Ii0uMyIvPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii4wOCIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VHcmFwaGljIiBvcGVyYXRvcj0iaW4iLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgbW9kZT0ibXVsdGlwbHkiIHJlc3VsdD0ibW90dGxlIi8+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii40IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI2IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNSIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii43NSIgaW50ZXJjZXB0PSIuMjUiLz48ZmVGdW5jQiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIxLjMiIGludGVyY2VwdD0iLS4zIi8+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjA3Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9Im1vdHRsZSIgb3BlcmF0b3I9ImluIi8+PGZlQmxlbmQgaW49Im1vdHRsZSIgbW9kZT0ibXVsdGlwbHkiLz48L2ZpbHRlcj48cGF0dGVybiBpZD0iZmliZXJzIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMjgiPjxyZWN0IHdpZHRoPSIxNTM2IiBoZWlnaHQ9IjEyOCIgZmlsbD0iI2YxZTlkZiIgZmlsdGVyPSJ1cmwoI3BhcGVyLW1vdHRsZSkiLz48L3BhdHRlcm4+PGxpbmVhckdyYWRpZW50IGlkPSJjYXAtbGlnaHQiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4wMiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhlNzY1NCIgc3RvcC1vcGFjaXR5PSIuMDk1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTM0IDFIMjAyVjU4SDJRMCA1OCAxIDU1TDIzIDEyQzI3IDQgMjkgMSAzNCAxWiIgZmlsbD0idXJsKCNmaWJlcnMpIi8+PHBhdGggZD0iTTM0IDFIMjAyVjU4SDJRMCA1OCAxIDU1TDIzIDEyQzI3IDQgMjkgMSAzNCAxWiIgZmlsbD0idXJsKCNjYXAtbGlnaHQpIi8+PHBhdGggZD0iTTEgNTVMMjMgMTJDMjcgNCAyOSAxIDM0IDFIMjAyIiBmaWxsPSJub25lIiBzdHJva2U9IiNiMmE1OGYiIHN0cm9rZS1vcGFjaXR5PSIuNyIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTMzIDFIMjAyIiBzdHJva2U9IiNmZmZhZjEiIHN0cm9rZS13aWR0aD0iMS4xIiBvcGFjaXR5PSIuNCIvPjwvc3ZnPg=="); --key-window: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDIgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0zNCAxSDIwMlY1OEgyUTAgNTggMSA1NUwyMyAxMkMyNyA0IDI5IDEgMzQgMVoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4K"); text-indent: 25px; }
  .site-nav a:nth-child(2) { letter-spacing: -.8px; }
  .site-nav a:nth-child(3) { text-indent: 5px; letter-spacing: -.45px; }
  .site-nav a:nth-child(4) { text-indent: 4px; letter-spacing: -.55px; }
  .site-nav a:last-child { --key-shape: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTMgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFwZXIiIHgxPSIwIiB5MT0iMCIgeDI9Ii4yIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZWFkZCIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNlZWU2ZDgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlNmRjY2IiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpYmVyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA2NSAuMTkiIG51bU9jdGF2ZXM9IjQiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIwIi8+PGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjExIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUdyYXBoaWMiIG9wZXJhdG9yPSJpbiIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBtb2RlPSJtdWx0aXBseSIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9InBhcGVyLW1vdHRsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjA3IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIxMSIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIuNzUiIGludGVyY2VwdD0iLjI1Ii8+PGZlRnVuY0IgdHlwZT0ibGluZWFyIiBzbG9wZT0iMS4zIiBpbnRlcmNlcHQ9Ii0uMyIvPjxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii4wOCIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VHcmFwaGljIiBvcGVyYXRvcj0iaW4iLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgbW9kZT0ibXVsdGlwbHkiIHJlc3VsdD0ibW90dGxlIi8+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii40IiBudW1PY3RhdmVzPSIyIiBzZWVkPSI2IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjxmZUNvbXBvbmVudFRyYW5zZmVyPjxmZUZ1bmNSIHR5cGU9ImxpbmVhciIgc2xvcGU9Ii43NSIgaW50ZXJjZXB0PSIuMjUiLz48ZmVGdW5jQiB0eXBlPSJsaW5lYXIiIHNsb3BlPSIxLjMiIGludGVyY2VwdD0iLS4zIi8+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjA3Ii8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBpbjI9Im1vdHRsZSIgb3BlcmF0b3I9ImluIi8+PGZlQmxlbmQgaW49Im1vdHRsZSIgbW9kZT0ibXVsdGlwbHkiLz48L2ZpbHRlcj48cGF0dGVybiBpZD0iZmliZXJzIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB3aWR0aD0iMTUzNiIgaGVpZ2h0PSIxMjgiPjxyZWN0IHdpZHRoPSIxNTM2IiBoZWlnaHQ9IjEyOCIgZmlsbD0iI2YxZTlkZiIgZmlsdGVyPSJ1cmwoI3BhcGVyLW1vdHRsZSkiLz48L3BhdHRlcm4+PGxpbmVhckdyYWRpZW50IGlkPSJjYXAtbGlnaHQiIHgxPSIwIiB5MT0iMCIgeDI9IjAiIHkyPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4wMiIvPjxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhlNzY1NCIgc3RvcC1vcGFjaXR5PSIuMDk1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMUgxOThDMjA2IDEgMjExIDQgMjExIDEyQzIxMSAyMSAyMTMgMjcgMjEzIDMxQzIxMyAzNiAyMTAgMzkgMjA3IDQzTDE5NyA1NEMxOTUgNTcgMTkxIDU4IDE4NyA1OEgwWiIgZmlsbD0idXJsKCNmaWJlcnMpIi8+PHBhdGggZD0iTTAgMUgxOThDMjA2IDEgMjExIDQgMjExIDEyQzIxMSAyMSAyMTMgMjcgMjEzIDMxQzIxMyAzNiAyMTAgMzkgMjA3IDQzTDE5NyA1NEMxOTUgNTcgMTkxIDU4IDE4NyA1OEgwWiIgZmlsbD0idXJsKCNjYXAtbGlnaHQpIi8+PHBhdGggZD0iTTAgMUgxOThDMjA2IDEgMjExIDQgMjExIDEyQzIxMSAyMSAyMTMgMjcgMjEzIDMxQzIxMyAzNiAyMTAgMzkgMjA3IDQzTDE5NyA1NEMxOTUgNTcgMTkxIDU4IDE4NyA1OEgwWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYWE5ZjhkIiBzdHJva2Utb3BhY2l0eT0iLjgiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0wIDFIMTk4IiBzdHJva2U9IiNmZmZhZjEiIHN0cm9rZS13aWR0aD0iMS4xIiBvcGFjaXR5PSIuNCIvPjwvc3ZnPg=="); --key-window: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTMgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0wIDFIMTk4QzIwNiAxIDIxMSA0IDIxMSAxMkMyMTEgMjEgMjEzIDI3IDIxMyAzMUMyMTMgMzYgMjEwIDM5IDIwNyA0M0wxOTcgNTRDMTk1IDU3IDE5MSA1OCAxODcgNThIMFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4K"); text-indent: -18px; letter-spacing: -.95px; margin-right: -4px; }
  /* The cap is raised above a paper plane; pressing removes its lower side. */
  .site-nav a::before { position: absolute; inset: 0; content: ''; mask: var(--key-window) 0 0 / 100% 100% no-repeat; background: linear-gradient(#c5baa7,#ad9f88); }
  .site-nav a::after, .site-nav .key-window::after { content: none; }
  .site-nav .key-window { position: relative; z-index: 1; }
  .site-nav .key-face { position: relative; align-self: start; display: grid; place-items: center; width: 100%; height: 60px; min-height: 60px; padding: 2px 0 0; border: 0; border-radius: 0; background: var(--key-shape) 0 0 / 100% 100% no-repeat; box-shadow: none; transform: translateY(calc((var(--journal-depth) - 1) * 6px)); filter: none; transition: none; }
  .site-nav a:hover .key-face,.site-nav a[aria-current] .key-face,.site-nav a[data-key-held] .key-face { background: var(--key-shape) 0 0 / 100% 100% no-repeat; box-shadow: none; transform: translateY(calc((var(--journal-depth) - 1) * 6px)); }
  .site-nav a[aria-current] { --journal-depth: 1; }
  .site-nav a[data-key-held] { --journal-depth: 1; transition-duration: 80ms; transition-timing-function: ease-in; }
  .site-nav a[data-key-held] .key-face { transition: none; }
  .site-nav a:focus-visible { outline: 2px solid #b64f1e; outline-offset: 2px; z-index: 1; }
  .site-nav a:focus-visible .key-face { outline: 0; }
  .ride-journal-page { color: #1b1d1c; font-family: Arial, sans-serif; }
  .ride-journal-page .site-main, .ride-journal-page .site-footer { width: calc(100% - 4.1667vw); max-width: 1376px; }
  .ride-journal-page .site-main { isolation: isolate; }
  .ride-journal-page .site-main::after { display: none; }
  .journal-terrain { display: block; position: absolute; z-index: -1; top: 0; right: -32px; width: 48.91%; height: auto; mask-image: linear-gradient(90deg, transparent, #000 13%); mix-blend-mode: multiply; pointer-events: none; }
  .ride-journal-page .home-hero { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; min-height: clamp(305px, 26.172vw, 402px); height: auto; padding: 0 0 32px; overflow: visible; }
  .ride-journal-page .product-inset, .ride-journal-page .home-hero > .route { display: none; }
  .ride-journal-page .home-copy { position: relative; padding: clamp(64px, 6vw, 92px) 0 0 2.3256%; width: max-content; max-width: 100%; }
  .ride-journal-page .home-copy h1 { margin: 0; font: 800 clamp(38px, 4.6875vw, 72px)/1.08 Arial, sans-serif; letter-spacing: -.055em; color: #171a19; }
  .ride-journal-page .hero-proof { margin: 3px 0 0; font: 700 clamp(26px, 2.7344vw, 42px)/1.25 Arial, sans-serif; letter-spacing: -.042em; color: #3b3c3b; }
  .ride-journal-page .hero-support { max-width: none; margin: 7px 0 0; font: 400 clamp(17px, 1.6927vw, 26px)/1.3 Arial, sans-serif; letter-spacing: -.018em; color: #555653; }
  .ride-journal-page .action-dock { align-self: flex-start; position: relative; left: auto; top: auto; width: 47.02%; height: auto; margin: 0 0 0 2.3256%; padding: 13px 17px 11px; gap: 22px; border-radius: 17px; background: var(--grain), linear-gradient(125deg,#e1d9c9,#d0c6b3); box-shadow: inset 0 2px 1px #fffdf6b0,inset 0 -2px 2px #8e82694a,0 3px 5px #66563a38; }
  .ride-journal-page .action-dock::before, .ride-journal-page .action-dock::after { display: none; }
  .ride-journal-page .action-dock .deck-link { --journal-depth: 0; height: 62px; min-height: 0; border: 2px solid #171915; border-radius: 7px; background: var(--cap-edge,#20241e); box-shadow: 0 0 0 1px #928979,0 1px 2px #645e5133; overflow: visible; }
  .ride-journal-page .action-dock .key-face { height: 56px; min-height: 0; padding: 0 10px; border-radius: 4px; font: 400 clamp(17px,1.5625vw,24px)/1.1 Arial,sans-serif; letter-spacing: -.025em; background: var(--grain),linear-gradient(120deg,#353734,#2c2e2b); border: 1px solid #ffffff16; box-shadow: inset 0 1px 1px #ffffff21,inset -1px -2px 2px #10120eb3; transform: translateY(calc((var(--journal-depth) - 1) * 6px)); filter: none; transition: --journal-depth 400ms cubic-bezier(.2,.75,.25,1); }
  .ride-journal-page .action-dock .deck-link:hover .key-face { filter: none; }
  .ride-journal-page .action-dock .deck-link:active { transform: none; box-shadow: 0 0 0 1px #928979,0 1px 2px #645e5133; }
  .ride-journal-page .action-dock .deck-link:active .key-face { transform: translateY(calc((var(--journal-depth) - 1) * 6px)); box-shadow: inset 0 1px 1px #ffffff21,inset -1px -2px 2px #10120eb3; }
  .ride-journal-page .action-dock .deck-link[data-key-held] { --journal-depth: 1; }
  .ride-journal-page .action-dock .deck-link[data-key-held] .key-face { transition-duration: 80ms; transition-timing-function: ease-in; }
  .journal-panels { display: grid; grid-template-columns: 1.09fr 1.09fr 1fr; align-items: center; gap: 18px; padding: 0 12px; height: clamp(260px,22.917vw,352px); }
  .journal-panels figure { position: relative; margin: 0; min-width: 0; height: 100%; }
  .journal-print { padding: 12px 12px 22px; border: 1px solid #d4ccbc; border-radius: 5px; background: var(--grain),#f1eee3; box-shadow: 0 3px 5px #71695345,inset 0 1px #fffef5; }
  .ride-print { transform: rotate(-1.3deg); }
  .hardware-print { transform: rotate(.15deg); }
  .journal-panels img { width: 100%; height: 100%; object-fit: cover; }
  .journal-panels figcaption { position: absolute; bottom: 4px; right: 14px; color: #68645a; font-size: 10px; letter-spacing: .01em; }
  .journal-app { padding: 8px 0 8px; }
  .journal-app img { border-radius: 14px; object-fit: fill; }
  .journal-app figcaption { bottom: -8px; }
  .journal-features { display: flex; justify-content: center; margin: 22px 0 0; padding: 16px 0 17px; list-style: none; border-block: 1px solid #b2a999; height: 100px; }
  .journal-features li { display: flex; align-items: center; justify-content: center; gap: 18px; flex: 0 1 327px; padding: 0 30px; font-size: clamp(15px,1.3021vw,20px); white-space: nowrap; letter-spacing: -.025em; }
  .journal-features li + li { border-left: 1px solid #b2a999; }
  .journal-features svg { flex: none; width: 64px; height: 56px; color: #343a27; fill: currentColor; }
  .ride-journal-page .site-footer { border: 0; height: 70px; padding: 10px 32px 20px; font-size: 14px; }
  .ride-journal-page .site-footer nav { gap: 24px; flex-direction: row-reverse; }
  .ride-journal-page .site-footer nav a:first-child { display: none; }
  .ride-journal-page .site-footer nav a:last-child { padding-right: 24px; border-right: 1px solid #77776c; }
}
@media (min-width: 821px) and (max-width: 1100px) {
  /* Leave room for complete enlarged legends at the desktop breakpoint. */
  .site-nav { grid-template-columns: 200fr 178fr 187fr 193fr 130fr; }
  .site-nav a:first-child { text-indent: 16px; }
  .site-nav a:nth-child(4) { text-indent: 0; }
  .site-brand img { width: min(220px,90%); }
  .ride-journal-page .action-dock { width: 53%; gap: 14px; padding: 10px 12px; }
  .ride-journal-page .action-dock .deck-link { height: 54px; }
  .ride-journal-page .action-dock .key-face { height: 48px; }
  .journal-features li { gap: 12px; padding-inline: 16px; }
  .journal-features svg { width: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav a, .site-nav .key-face, .ride-journal-page .action-dock .key-face { transition-duration: .01ms !important; }
}
@media (min-width: 821px) {
  .ride-journal-page { background: var(--grain), linear-gradient(120deg,#f1ede4,#eee9df 68%,#f0ece3); }
  .ride-journal-page::before { opacity: .09; background-size: 1600px 1200px; }
  .ride-journal-page .hero-proof { margin-top: -3px; }
  .ride-journal-page .action-dock { grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); }
}
@media (min-width: 821px) and (max-width: 1100px) {
  .ride-journal-page .action-dock { grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); }
}

/* Approved image 3: homepage editorial copy only; command typography stays fixed. */
@font-face {
  font-family: "Open Sans";
  src: url('/assets/fonts/open-sans-variable.ttf') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
.ride-journal-page .home-copy h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  text-wrap: balance;
}
.ride-journal-page .home-copy .hero-proof,
.ride-journal-page .home-copy .hero-support {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  text-wrap: balance;
}
@media (max-width: 820px) {
  .ride-journal-page .home-copy h1 { letter-spacing: 0; }
}

/* Generated Field Guide intro shares the established secondary-page clearance. */
.site-page .site-main > .hero.compact { padding: 68px 0 46px; }
@media (max-width: 820px) {
  .site-page .site-main > .hero.compact { padding: 32px 0; }
}

/* Independent sockets occlude the moving paint, never the control focus outline. */
.key-window { display: contents; border-radius: inherit; }
@media (min-width: 821px) {
  .site-nav .key-window {
    display: block; width: 100%; height: 60px;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTcgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0wIDFIMTk3VjU4SDBaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+Cg==") 0 0 / 100% 100% no-repeat;
  }
  .site-nav a:first-child .key-window { mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDIgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0zNCAxSDIwMlY1OEgyUTAgNTggMSA1NUwyMyAxMkMyNyA0IDI5IDEgMzQgMVoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4K"); }
  .site-nav a:last-child .key-window { mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTMgNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGQ9Ik0wIDFIMTk4QzIwNiAxIDIxMSA0IDIxMSAxMkMyMTEgMjEgMjEzIDI3IDIxMyAzMUMyMTMgMzYgMjEwIDM5IDIwNyA0M0wxOTcgNTRDMTk1IDU3IDE5MSA1OCAxODcgNThIMFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4K"); }
  :is(.btn,.deck-key) .key-window {
    display: grid; width: 100%; align-self: stretch;
    clip-path: inset(-2px 0 0 round 8px);
  }
}
/* Editorial text shares the chosen Open Sans voice; mechanical labels keep Outfit. */
.site-page .site-main :is(h1,h2,h3) { font-family: "Open Sans",sans-serif; font-weight: 600; letter-spacing: -.015em; }
.site-page .site-main :is(p,li):not(.eyebrow,.section-kicker,.release-stamp,.status,.guide-edition,.release-notes li) { font-family: "Open Sans",sans-serif; }
.site-page .site-main p:not(.eyebrow,.section-kicker,.release-stamp,.status) { max-width: 70ch; }
.site-page .hero.compact h1 { font-size: clamp(2.5rem,4.7vw,3.6rem); line-height: 1.1; margin-block: 0 18px; }
.guide-chapters { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.guide-chapter { min-width: 0; display: grid; gap: 10px; align-content: start; }
.guide-chapter .btn { width: 100%; }
.guide-chapter-title { text-align: center; font: 400 .82rem/1.4 "Open Sans",sans-serif; color: var(--muted); }
.site-page .hero.compact .release-stamp { margin: 26px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: .72rem; font-weight: 400; color: var(--muted); }
.site-page :is(.release-card,.install-panel,.step) { border-radius: 14px; overflow: hidden; }
@media (min-width: 821px) {
  .app-showcase { grid-template-columns: 1fr; gap: 32px; }
  .app-showcase-heading h2 { max-width: 760px; }
  .app-showcase-heading, .app-capture-grid { width: min(100%,604px); margin-inline: auto; }
  .site-page .faq-list > article.faq-item { border-radius: 14px; }
}
@media (max-width: 820px) {
  .guide-chapters { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px 10px; }
  .site-page .hero.compact h1 { font-size: clamp(1.85rem,7vw,2.7rem); }
}
@media (min-width: 568px) and (max-width: 820px) {
  .ride-journal-page .product-inset > img:first-child { height: clamp(360px,60vw,492px); aspect-ratio: auto; object-fit: cover; object-position: center 40%; }
}
@media (prefers-reduced-motion: reduce) {
  details.faq-item summary .key-face { transition-duration: .01ms !important; }
}

/* Shared adapter: the fixed plane meets a raised cap at full press.
   Only the lower side and its shadow diminish; live legends remain crisp. */
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary):has(.key-face) {
  --journal-depth: 0; --key-travel: 6px;
  --cap: #c8b89e; --cap-light: #e8ddc9; --cap-edge: #8b7c63; --cap-ink: #292820;
  position: relative; display: grid; padding: 0; min-height: 64px;
  border: 1px solid #807866; border-radius: 9px;
  background: var(--cap-edge);
  box-shadow: 0 1px 1px #fffdf488;
  color: var(--cap-ink); transform: none; filter: none;
  transition: --journal-depth 400ms cubic-bezier(.2,.75,.25,1);
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary) .key-window {
  position: relative; display: grid; width: 100%; padding-bottom: 0;
  align-self: stretch; border-radius: inherit; clip-path: none;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary) .key-face,
.deck-key:not(.secondary) .key-face {
  position: relative; isolation: isolate; display: grid; place-items: center; place-content: center;
  width: 100%; min-width: 0; min-height: 56px; padding: 14px 20px;
  border: 1px solid rgb(255 255 255 / calc(.31 * (1 - var(--journal-depth))));
  border-bottom-color: #423a2e35; border-radius: 8px;
  background: var(--grain),linear-gradient(125deg,var(--cap-light),var(--cap));
  box-shadow: inset 0 1px 1px rgb(255 255 255 / calc(.4 * (1 - var(--journal-depth)))),inset 0 -1px 1px #22251c25;
  color: var(--cap-ink); font: 600 1.125rem/1.25 var(--sans); letter-spacing: 0;
  text-shadow: none; text-align: center; white-space: nowrap;
  transform: translateY(calc((var(--journal-depth) - 1) * var(--key-travel))); filter: none; transition: none;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary) .key-face::before {
  position: absolute; z-index: -1; content: ''; inset: 0; border-radius: inherit;
  background: none;
  box-shadow: none;
  pointer-events: none;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary) .key-face::after {
  position: absolute; z-index: -1; content: ''; left: -1px; right: -1px;
  bottom: calc(-1 * var(--key-travel) * (1 - var(--journal-depth)));
  height: calc(var(--key-travel) * (1 - var(--journal-depth)));
  border-radius: 0 0 7px 7px; background: linear-gradient(var(--cap-edge),color-mix(in srgb,var(--cap-edge),#252820 20%));
  box-shadow: inset 0 -1px 1px #1c201c50; pointer-events: none;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary)::after { content: none; }
:is(.btn-primary,.deck-key:not(.secondary),.action-dock .deck-link):has(.key-face) {
  --cap: #30342e; --cap-light: #41463d; --cap-edge: #20241e; --cap-ink: #fffdf4;
  border-color: #65695d;
}
.btn.btn-app:has(.key-face), .deck-key.btn-app:has(.key-face) {
  --cap: #e8793a; --cap-light: #ef985f; --cap-edge: #ad582b; --cap-ink: #29221a;
  border-color: #866749;
}
:is(.mobile-key[aria-current],.site-menu[open] > summary) {
  --journal-depth: 1;
}
.faq-item[open] > summary {
  --journal-depth: 1;
}
/* A page without /site-shell.js (the admin orders page) has no data-key-held: its keys travel on :active. */
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary)[data-key-held],
html:not([data-key-motion]) :is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary):active {
  --journal-depth: 1; transition-duration: 80ms; transition-timing-function: ease-in;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary):focus-visible {
  outline: 3px solid #b45020; outline-offset: 3px;
}
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary):active { transform: none; }
details.faq-item { overflow: hidden; }
details.faq-item > summary:has(.key-face) { border: 0; border-radius: 10px 10px 0 0; list-style: none; }
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item > summary .key-face {
  grid-template-columns: 16px minmax(0,1fr); gap: 10px; place-content: start; place-items: start;
  min-height: 72px; padding: 20px 22px; border-radius: 9px 9px 0 0;
  --cap: #e4dccb; --cap-light: #f6f1e6; --cap-edge: #b5a990;
  font-size: 1.25rem; text-align: left; white-space: normal;
}
.disclosure-marker { color: #99471e; }
details.faq-item[open] .disclosure-marker { transform: rotate(90deg); }
details.faq-item[open] > div { padding-top: 18px; }
details.faq-item > div { -webkit-user-select: auto; user-select: auto; }
@media (min-width:821px) {
  .ride-journal-page .action-dock .deck-link { height: 64px; min-height: 64px; border-width: 1px; }
  .ride-journal-page .action-dock .key-face { height: auto; min-height: 56px; transition: none; transform: translateY(calc((var(--journal-depth) - 1) * 6px)); filter: none; font: 500 clamp(1.125rem,1.5625vw,1.5rem)/1.25 var(--sans); }
  .ride-journal-page .action-dock .deck-link:is(:hover,:active) .key-face { transform: translateY(calc((var(--journal-depth) - 1) * 6px)); filter: none; }
}
@media (max-width:820px) {
  .site-header { flex-wrap: nowrap; }
  .site-brand { flex: 1 1 0; min-width: 0; }
  .site-brand img { max-width: 100%; }
  .site-menu > summary .key-face { grid-auto-flow: column; gap: 8px; padding: 10px; font-size: 1.125rem; }
  .mobile-key .key-face { min-height: 106px; gap: 12px; padding: 18px 8px; }
  .mobile-key .key-label { font-size: 1.125rem; letter-spacing: .025em; text-decoration: none; }
  .site-menu > summary:has(.key-face), .site-menu a.mobile-key, .site-menu a.mobile-key[aria-current] {
    --key-travel: 3px; padding: 0;
    background: linear-gradient(#8c816d,#807762 8px,#645c4b);
  }
  .action-dock { grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr)); padding: 10px 8px; gap: 8px; }
  .action-dock .key-face { padding: 12px 5px; font-size: 1.125rem; }
  details.faq-item > summary .key-face { padding: 18px; font-size: 1.25rem; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary) { transition-duration: .01ms !important; }
  .site-nav a { transition: none !important; }
}

/* An incoming exclusive peer temporarily releases the confirmed route latch. */
@media (min-width:821px) {
  .site-nav:has(a[data-key-held]:not([aria-current])) a[aria-current] { --journal-depth: 0; transition-duration: 80ms; }
}
.mobile-menu-grid:has(.mobile-key[data-key-held]:not([aria-current])) .mobile-key[aria-current] { --journal-depth: 0; transition-duration: 80ms; }

/* Requested legend lighting uses readable burnt-orange ink without an outline. */
.site-nav .key-label,.site-menu > summary .key-label { font: inherit; letter-spacing: inherit; text-transform: inherit; }
/* The legacy reduced-motion universal duration otherwise animates color/stroke
   on the legend for one frame, after its cap has already moved. */
.site-header .key-label,.site-header .key-label * { transition: none; }
.site-header :is(.site-nav a,.mobile-key,.site-menu > summary):is([data-key-held],[data-route-intent],[aria-current]) .key-label,
.site-header .site-menu[open] > summary .key-label {
  color: #984016; -webkit-text-stroke: 0;
  text-shadow: none;
}
.site-nav:has(a:is([data-key-held],[data-route-intent]):not([aria-current])) a[aria-current]:not([data-key-held]) .key-label,
.mobile-menu-grid:has(.mobile-key:is([data-key-held],[data-route-intent]):not([aria-current])) .mobile-key[aria-current]:not([data-key-held]) .key-label {
  color: inherit; -webkit-text-stroke: 0; text-shadow: none;
}

/* Keyboard focus belongs to the stationary socket, above the moving cap paint. */
details.faq-item > summary:focus-visible { outline: none; }
details.faq-item > summary:focus-visible::before {
  position: absolute; z-index: 4; content: ''; inset: 1px; border: 3px solid #b45020;
  border-radius: inherit; pointer-events: none;
}

/* Enlarged desktop legends use the same native Menu and shared key adapter. */
@media (min-width:821px) {
  .site-header[data-compact-nav] { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; height: auto; min-height: 100px; margin: 0; padding: 18px; background: var(--grain),#efebe3; }
  .site-header[data-compact-nav]::before { display: none; }
  .site-header[data-compact-nav] .site-brand { display: flex; flex: 1 1 0; align-items: center; min-width: 0; padding: 0; }
  .site-header[data-compact-nav] .site-brand img { width: 268px; max-width: 100%; height: auto; transform: none; }
  .site-header[data-compact-nav] .site-nav { display: none; }
  .site-header[data-compact-nav] .site-menu { display: block; flex: none; }
  .site-header[data-compact-nav] .site-menu > summary { width: max-content; min-width: 86px; list-style: none; cursor: pointer; }
  .site-header[data-compact-nav] .site-menu > summary::-webkit-details-marker { display: none; }
  .site-header[data-compact-nav] .site-menu > summary .key-face { grid-auto-flow: column; gap: 8px; padding: 10px; font-size: 1.125rem; }
  .site-header[data-compact-nav] .site-menu > summary svg { width: 18px; height: 18px; fill: currentColor; }
  .site-header[data-compact-nav] .site-menu nav { position: fixed; z-index: 30; inset: var(--menu-top,100px) 0 0; display: flex; flex-direction: column; align-items: center; width: auto; padding: clamp(26px,6svh,64px) 20px 20px; overflow-y: auto; overscroll-behavior: contain; background: var(--grain),#ede9e1; }
  .site-header[data-compact-nav] .mobile-menu-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,max(8rem,calc(50% - 10px))),1fr)); gap: 20px; width: 100%; }
  .site-header[data-compact-nav] .mobile-key .key-face { min-height: 106px; gap: 12px; padding: 18px 8px; }
  .site-header[data-compact-nav] .mobile-key svg { width: 36px; height: 36px; fill: currentColor; }
  .site-header[data-compact-nav] .key-label { font-size: 1.125rem; line-height: 1.2; letter-spacing: .025em; text-transform: uppercase; }
  .site-header[data-compact-nav] :is(.site-menu > summary,.mobile-key):has(.key-face) { --key-travel: 3px; padding: 0; background: linear-gradient(#8c816d,#807762 8px,#645c4b); }
  .site-header[data-compact-nav] .mobile-menu-footer { display: flex; justify-content: center; align-items: center; gap: 22px; width: min(100%,580px); margin-top: 32px; border-top: 1px solid #aca18c; color: #59554c; font-size: .9rem; }
  .site-header[data-compact-nav] .mobile-menu-footer a { display: grid; min-height: 56px; place-items: center; }
  body[data-nav-open] { overflow: hidden; }
}

/* The aperture belongs to the stationary header plane. Its warm backing and
   rim occlude the raised slab; only the cap and its legend travel. */
@media (min-width:821px) {
  .site-nav .key-face { isolation: isolate; }
}
/* Legacy hover/active rules cannot shade or move the complete control socket. */
:is(.btn,.deck-key,.deck-link,.mobile-key,.site-menu > summary,.faq-item > summary):has(.key-face):is(:hover,:active) { filter: none; transform: none; }
/* A requested route stays flush while the shared shell paints its destination. */
.site-header .site-nav a[data-route-intent]:not([data-key-held]) { --journal-depth: 1; }

/* Desktop legends use the app nav's canonical printed type treatment.
   Existing cap artwork, travel, route state and Menu behavior stay canonical. */
@media (min-width: 821px) {
  .site-header .site-nav a {
    font-family: var(--sans);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  .site-header .site-nav .key-label { text-shadow: 0 1px 0 #28190a33; }
}
.site-header .key-label {
  -webkit-text-stroke: 0;
  text-shadow: none;
  filter: none;
}
.site-header :is(.site-nav a, .mobile-key, .site-menu > summary):is([data-key-held], [data-route-intent], [aria-current]) .key-label,
.site-header .site-menu[open] > summary .key-label {
  color: #82320f;
}
.site-header .mobile-menu-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(9rem, calc(50% - 10px))), 1fr));
}

/* Align the existing brand and all existing destinations on a complete row. */
:is(.map-table-page, .site-page, .ride-journal-page) .site-footer {
  align-items: center;
  height: auto;
  min-height: 100px;
  padding-block: 16px 28px;
  font-size: 1rem;
  line-height: 1.5;
}
:is(.map-table-page, .site-page, .ride-journal-page) .site-footer nav {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 24px;
}
.site-footer .footer-brand {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.site-footer .footer-brand img {
  display: block;
  inline-size: 8.75rem;
  block-size: auto;
  flex: none;
}
:is(.map-table-page, .site-page, .ride-journal-page) .site-footer nav a {
  display: grid;
  min-width: 56px;
  min-height: 56px;
  padding-inline: 8px;
  border: 0;
  white-space: nowrap;
}
.ride-journal-page .site-footer nav a:first-child { display: grid; }
.ride-journal-page .site-footer nav a:last-child { padding-inline: 8px; border: 0; }
@media (min-width: 821px) {
  .ride-journal-page .site-footer {
    width: calc(100% - 4.1667vw);
    max-width: 1840px;
    /* Same 2.3256% inset within the widened Home paper field. */
    padding-inline: min(2.0833vw, 42.79px);
    border: 0;
    box-shadow: none;
  }
}
@media (max-width: 820px) {
  :is(.map-table-page, .site-page, .ride-journal-page) .site-footer {
    flex-direction: column;
    justify-content: flex-start;
    gap: 4px;
    padding-block: 18px 28px;
  }
  :is(.map-table-page, .site-page, .ride-journal-page) .site-footer nav {
    justify-content: center;
    gap: 4px 16px;
  }
}

/* Stationary separator continues through the exposed front wall. */
@media (min-width:821px) {
  .site-nav a:not(:last-child)::before { box-shadow: inset -1px 0 #968a7755; }
}

/* Interior legends share the exact center of their rectangular aperture. */
@media (min-width:821px) {
  .site-header .site-nav a:nth-child(n+2):nth-child(-n+4) { text-indent: 0; }
}

/* Live legends set each Menu key's minimum width before the row wraps. */
.site-header .site-menu .mobile-menu-grid {
  display: flex;
  flex-wrap: wrap;
}
.site-header .mobile-menu-grid .mobile-key {
  flex: 1 1 calc(50% - 10px);
  min-inline-size: max-content;
  max-inline-size: 100%;
}

.site-header .mobile-menu-grid .mobile-key .key-face {
  padding-inline: 8px;
}