/* ─── Switzer variable font (from style.css) ──────────────────────────────── */
 @font-face {
   font-family: Switzer;
   src: url("../font/68efa390640966c9363cacc1_Switzer-Variable.ttf") format("truetype");
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: Switzer;
   src: url("../font/68efa3904c3d8c4bbf92b8ac_Switzer-VariableItalic.ttf") format("truetype");
   font-weight: 100 900;
   font-style: italic;
   font-display: swap;
 }

 /* ─────────────────────────────────────────────────────────────────────────── */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
   display: block;
 }

 audio,
 canvas,
 progress,
 video {
   vertical-align: baseline;
   display: inline-block;
 }

 audio:not([controls]) {
   height: 0;
   display: none;
 }

 [hidden],
 template {
   display: none;
 }

 a {
   background-color: #0000;
 }

 a:active,
 a:hover {
   outline: 0;
 }

 abbr[title] {
   border-bottom: 1px dotted;
 }

 b,
 strong {
   font-weight: bold;
 }

 dfn {
   font-style: italic;
 }

 h1 {
   margin: .67em 0;
   font-size: 2em;
 }

 mark {
   color: #000;
   background: #ff0;
 }

 small {
   font-size: 80%;
 }

 sub,
 sup {
   vertical-align: baseline;
   font-size: 75%;
   line-height: 0;
   position: relative;
 }

 sup {
   top: -.5em;
 }

 sub {
   bottom: -.25em;
 }

 img {
   border: 0;
 }

 svg:not(:root) {
   overflow: hidden;
 }

 hr {
   box-sizing: content-box;
   height: 0;
 }

 pre {
   overflow: auto;
 }

 code,
 kbd,
 pre,
 samp {
   font-family: monospace;
   font-size: 1em;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
   color: inherit;
   font: inherit;
   margin: 0;
   cursor: default;
   -webkit-user-select: none;
   user-select: none;
 }

 button {
   overflow: visible;
 }

 button,
 select {
   text-transform: none;
 }

 button,
 html input[type="button"],
 input[type="reset"] {
   -webkit-appearance: button;
   cursor: pointer;
 }

 button[disabled],
 html input[disabled] {
   cursor: default;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0;
 }

 input {
   line-height: normal;
 }

 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   height: auto;
 }

 input[type="search"] {
   -webkit-appearance: none;
 }

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }

 legend {
   border: 0;
   padding: 0;
 }

 textarea {
   overflow: auto;
 }

 optgroup {
   font-weight: bold;
 }

 table {
   border-collapse: collapse;
   border-spacing: 0;
 }

 td,
 th {
   padding: 0;
 }

 @font-face {
   font-family: webflow-icons;
   src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
   font-weight: normal;
   font-style: normal;
 }

 [class^="w-icon-"],
 [class*=" w-icon-"] {
   speak: none;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   font-family: webflow-icons !important;
 }

 .w-icon-slider-right:before {
   content: "";
 }

 .w-icon-slider-left:before {
   content: "";
 }

 .w-icon-nav-menu:before {
   content: "";
 }

 .w-icon-arrow-down:before,
 .w-icon-dropdown-toggle:before {
   content: "";
 }

 .w-icon-file-upload-remove:before {
   content: "";
 }

 .w-icon-file-upload-icon:before {
   content: "";
 }

 * {
   box-sizing: border-box;
 }

 html {
   height: 100%;
 }

 body {
   color: #333;
   background-color: #fff;
   min-height: 100%;
   margin: 0;
   font-family: Arial, sans-serif;
   font-size: 14px;
   line-height: 20px;
 }

 img {
   vertical-align: middle;
   max-width: 100%;
   display: inline-block;
 }

 html.w-mod-touch * {
   background-attachment: scroll !important;
 }

 .w-block {
   display: block;
 }

 .w-inline-block {
   max-width: 100%;
   display: inline-block;
 }

 .w-clearfix:before,
 .w-clearfix:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-clearfix:after {
   clear: both;
 }

 .w-hidden {
   display: none;
 }

 .w-button {
   color: #fff;
   line-height: inherit;
   cursor: pointer;
   background-color: #3898ec;
   border: 0;
   border-radius: 0;
   padding: 9px 15px;
   text-decoration: none;
   display: inline-block;
 }

 input.w-button {
   -webkit-appearance: button;
 }

 html[data-w-dynpage] [data-w-cloak] {
   color: #0000 !important;
 }

 .w-code-block {
   margin: unset;
 }

 pre.w-code-block code {
   all: inherit;
 }

 .w-optimization {
   display: contents;
 }

 .w-webflow-badge,
 .w-webflow-badge>img {
   box-sizing: unset;
   width: unset;
   height: unset;
   max-height: unset;
   max-width: unset;
   min-height: unset;
   min-width: unset;
   margin: unset;
   padding: unset;
   float: unset;
   clear: unset;
   border: unset;
   border-radius: unset;
   background: unset;
   background-image: unset;
   background-position: unset;
   background-size: unset;
   background-repeat: unset;
   background-origin: unset;
   background-clip: unset;
   background-attachment: unset;
   background-color: unset;
   box-shadow: unset;
   transform: unset;
   direction: unset;
   font-family: unset;
   font-weight: unset;
   color: unset;
   font-size: unset;
   line-height: unset;
   font-style: unset;
   font-variant: unset;
   text-align: unset;
   letter-spacing: unset;
   -webkit-text-decoration: unset;
   text-decoration: unset;
   text-indent: unset;
   text-transform: unset;
   list-style-type: unset;
   text-shadow: unset;
   vertical-align: unset;
   cursor: unset;
   white-space: unset;
   word-break: unset;
   word-spacing: unset;
   word-wrap: unset;
   transition: unset;
 }

 .w-webflow-badge {
   white-space: nowrap;
   cursor: pointer;
   box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
   visibility: visible !important;
   opacity: 1 !important;
   z-index: 2147483647 !important;
   color: #aaadb0 !important;
   overflow: unset !important;
   background-color: #fff !important;
   border-radius: 3px !important;
   width: auto !important;
   height: auto !important;
   margin: 0 !important;
   padding: 6px !important;
   font-size: 12px !important;
   line-height: 14px !important;
   text-decoration: none !important;
   display: inline-block !important;
   position: fixed !important;
   inset: auto 12px 12px auto !important;
   transform: none !important;
 }

 .w-webflow-badge>img {
   position: unset;
   visibility: unset !important;
   opacity: 1 !important;
   vertical-align: middle !important;
   display: inline-block !important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin-bottom: 10px;
   font-weight: bold;
 }

 h1 {
   margin-top: 20px;
   font-size: 38px;
   line-height: 44px;
 }

 h2 {
   margin-top: 20px;
   font-size: 32px;
   line-height: 36px;
 }

 h3 {
   margin-top: 20px;
   font-size: 24px;
   line-height: 30px;
 }

 h4 {
   margin-top: 10px;
   font-size: 18px;
   line-height: 24px;
 }

 h5 {
   margin-top: 10px;
   font-size: 14px;
   line-height: 20px;
 }

 h6 {
   margin-top: 10px;
   font-size: 12px;
   line-height: 18px;
 }

 p {
   margin-top: 0;
   margin-bottom: 10px;
 }

 blockquote {
   border-left: 5px solid #e2e2e2;
   margin: 0 0 10px;
   padding: 10px 20px;
   font-size: 18px;
   line-height: 22px;
 }

 figure {
   margin: 0 0 10px;
 }

 figcaption {
   text-align: center;
   margin-top: 5px;
 }

 ul,
 ol {
   margin-top: 0;
   margin-bottom: 10px;
   padding-left: 40px;
 }

 .w-list-unstyled {
   padding-left: 0;
   list-style: none;
 }

 .w-embed:before,
 .w-embed:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-embed:after {
   clear: both;
 }

 .w-video {
   width: 100%;
   padding: 0;
   position: relative;
 }

 .w-video iframe,
 .w-video object,
 .w-video embed {
   border: none;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 fieldset {
   border: 0;
   margin: 0;
   padding: 0;
 }

 button,
 [type="button"],
 [type="reset"] {
   cursor: pointer;
   -webkit-appearance: button;
   border: 0;
 }

 .w-form {
   margin: 0 0 15px;
 }

 .w-form-done {
   text-align: center;
   background-color: #ddd;
   padding: 20px;
   display: none;
 }

 .w-form-fail {
   background-color: #ffdede;
   margin-top: 10px;
   padding: 10px;
   display: none;
 }

 label {
   margin-bottom: 5px;
   font-weight: bold;
   display: block;
 }

 .w-input,
 .w-select {
   color: #333;
   vertical-align: middle;
   background-color: #fff;
   border: 1px solid #ccc;
   width: 100%;
   height: 38px;
   margin-bottom: 10px;
   padding: 8px 12px;
   font-size: 14px;
   line-height: 1.42857;
   display: block;
 }

 .w-input::placeholder,
 .w-select::placeholder {
   color: #999;
 }

 .w-input:focus,
 .w-select:focus {
   border-color: #3898ec;
   outline: 0;
 }

 .w-input[disabled],
 .w-select[disabled],
 .w-input[readonly],
 .w-select[readonly],
 fieldset[disabled] .w-input,
 fieldset[disabled] .w-select {
   cursor: not-allowed;
 }

 .w-input[disabled]:not(.w-input-disabled),
 .w-select[disabled]:not(.w-input-disabled),
 .w-input[readonly],
 .w-select[readonly],
 fieldset[disabled]:not(.w-input-disabled) .w-input,
 fieldset[disabled]:not(.w-input-disabled) .w-select {
   background-color: #eee;
 }

 textarea.w-input,
 textarea.w-select {
   height: auto;
 }

 .w-select {
   background-color: #f3f3f3;
 }

 .w-select[multiple] {
   height: auto;
 }

 .w-form-label {
   cursor: pointer;
   margin-bottom: 0;
   font-weight: normal;
   display: inline-block;
 }

 .w-radio {
   margin-bottom: 5px;
   padding-left: 20px;
   display: block;
 }

 .w-radio:before,
 .w-radio:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-radio:after {
   clear: both;
 }

 .w-radio-input {
   float: left;
   margin: 3px 0 0 -20px;
   line-height: normal;
 }

 .w-file-upload {
   margin-bottom: 10px;
   display: block;
 }

 .w-file-upload-input {
   opacity: 0;
   z-index: -100;
   width: .1px;
   height: .1px;
   position: absolute;
   overflow: hidden;
 }

 .w-file-upload-default,
 .w-file-upload-uploading,
 .w-file-upload-success {
   color: #333;
   display: inline-block;
 }

 .w-file-upload-error {
   margin-top: 10px;
   display: block;
 }

 .w-file-upload-default.w-hidden,
 .w-file-upload-uploading.w-hidden,
 .w-file-upload-error.w-hidden,
 .w-file-upload-success.w-hidden {
   display: none;
 }

 .w-file-upload-uploading-btn {
   cursor: pointer;
   background-color: #fafafa;
   border: 1px solid #ccc;
   margin: 0;
   padding: 8px 12px;
   font-size: 14px;
   font-weight: normal;
   display: flex;
 }

 .w-file-upload-file {
   background-color: #fafafa;
   border: 1px solid #ccc;
   flex-grow: 1;
   justify-content: space-between;
   margin: 0;
   padding: 8px 9px 8px 11px;
   display: flex;
 }

 .w-file-upload-file-name {
   font-size: 14px;
   font-weight: normal;
   display: block;
 }

 .w-file-remove-link {
   cursor: pointer;
   width: auto;
   height: auto;
   margin-top: 3px;
   margin-left: 10px;
   padding: 3px;
   display: block;
 }

 .w-icon-file-upload-remove {
   margin: auto;
   font-size: 10px;
 }

 .w-file-upload-error-msg {
   color: #ea384c;
   padding: 2px 0;
   display: inline-block;
 }

 .w-file-upload-info {
   padding: 0 12px;
   line-height: 38px;
   display: inline-block;
 }

 .w-file-upload-label {
   cursor: pointer;
   background-color: #fafafa;
   border: 1px solid #ccc;
   margin: 0;
   padding: 8px 12px;
   font-size: 14px;
   font-weight: normal;
   display: inline-block;
 }

 .w-icon-file-upload-icon,
 .w-icon-file-upload-uploading {
   width: 20px;
   margin-right: 8px;
   display: inline-block;
 }

 .w-icon-file-upload-uploading {
   height: 20px;
 }

 .w-container {
   max-width: 940px;
   margin-left: auto;
   margin-right: auto;
 }

 .w-container:before,
 .w-container:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-container:after {
   clear: both;
 }

 .w-container .w-row {
   margin-left: -10px;
   margin-right: -10px;
 }

 .w-row:before,
 .w-row:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-row:after {
   clear: both;
 }

 .w-row .w-row {
   margin-left: 0;
   margin-right: 0;
 }

 .w-col {
   float: left;
   width: 100%;
   min-height: 1px;
   padding-left: 10px;
   padding-right: 10px;
   position: relative;
 }

 .w-col .w-col {
   padding-left: 0;
   padding-right: 0;
 }

 .w-col-1 {
   width: 8.33333%;
 }

 .w-col-2 {
   width: 16.6667%;
 }

 .w-col-3 {
   width: 25%;
 }

 .w-col-4 {
   width: 33.3333%;
 }

 .w-col-5 {
   width: 41.6667%;
 }

 .w-col-6 {
   width: 50%;
 }

 .w-col-7 {
   width: 58.3333%;
 }

 .w-col-8 {
   width: 66.6667%;
 }

 .w-col-9 {
   width: 75%;
 }

 .w-col-10 {
   width: 83.3333%;
 }

 .w-col-11 {
   width: 91.6667%;
 }

 .w-col-12 {
   width: 100%;
 }

 .w-hidden-main {
   display: none !important;
 }

 @media screen and (max-width: 991px) {
   .w-container {
     max-width: 728px;
   }

   .w-hidden-main {
     display: inherit !important;
   }

   .w-hidden-medium {
     display: none !important;
   }

   .w-col-medium-1 {
     width: 8.33333%;
   }

   .w-col-medium-2 {
     width: 16.6667%;
   }

   .w-col-medium-3 {
     width: 25%;
   }

   .w-col-medium-4 {
     width: 33.3333%;
   }

   .w-col-medium-5 {
     width: 41.6667%;
   }

   .w-col-medium-6 {
     width: 50%;
   }

   .w-col-medium-7 {
     width: 58.3333%;
   }

   .w-col-medium-8 {
     width: 66.6667%;
   }

   .w-col-medium-9 {
     width: 75%;
   }

   .w-col-medium-10 {
     width: 83.3333%;
   }

   .w-col-medium-11 {
     width: 91.6667%;
   }

   .w-col-medium-12 {
     width: 100%;
   }

   .w-col-stack {
     width: 100%;
     left: auto;
     right: auto;
   }
 }

 @media screen and (max-width: 767px) {

   .w-hidden-main,
   .w-hidden-medium {
     display: inherit !important;
   }

   .w-hidden-small {
     display: none !important;
   }

   .w-row,
   .w-container .w-row {
     margin-left: 0;
     margin-right: 0;
   }

   .w-col {
     width: 100%;
     left: auto;
     right: auto;
   }

   .w-col-small-1 {
     width: 8.33333%;
   }

   .w-col-small-2 {
     width: 16.6667%;
   }

   .w-col-small-3 {
     width: 25%;
   }

   .w-col-small-4 {
     width: 33.3333%;
   }

   .w-col-small-5 {
     width: 41.6667%;
   }

   .w-col-small-6 {
     width: 50%;
   }

   .w-col-small-7 {
     width: 58.3333%;
   }

   .w-col-small-8 {
     width: 66.6667%;
   }

   .w-col-small-9 {
     width: 75%;
   }

   .w-col-small-10 {
     width: 83.3333%;
   }

   .w-col-small-11 {
     width: 91.6667%;
   }

   .w-col-small-12 {
     width: 100%;
   }
 }

 @media screen and (max-width: 479px) {

   .trail-cards-stack .trail-card-item h2 {
     font-size: 16px !important;
   }


   .trail-cards-stack .trail-card-item p {
     font-size: 12px;
   }

   .w-container {
     max-width: none;
   }

   .w-hidden-main,
   .w-hidden-medium,
   .w-hidden-small {
     display: inherit !important;
   }

   .w-hidden-tiny {
     display: none !important;
   }

   .w-col {
     width: 100%;
   }

   .w-col-tiny-1 {
     width: 8.33333%;
   }

   .w-col-tiny-2 {
     width: 16.6667%;
   }

   .w-col-tiny-3 {
     width: 25%;
   }

   .w-col-tiny-4 {
     width: 33.3333%;
   }

   .w-col-tiny-5 {
     width: 41.6667%;
   }

   .w-col-tiny-6 {
     width: 50%;
   }

   .w-col-tiny-7 {
     width: 58.3333%;
   }

   .w-col-tiny-8 {
     width: 66.6667%;
   }

   .w-col-tiny-9 {
     width: 75%;
   }

   .w-col-tiny-10 {
     width: 83.3333%;
   }

   .w-col-tiny-11 {
     width: 91.6667%;
   }

   .w-col-tiny-12 {
     width: 100%;
   }
 }

 .w-widget {
   position: relative;
 }

 .w-widget-map {
   width: 100%;
   height: 400px;
 }

 .w-widget-map label {
   width: auto;
   display: inline;
 }

 .w-widget-map img {
   max-width: inherit;
 }

 .w-widget-map .gm-style-iw {
   text-align: center;
 }

 .w-widget-map .gm-style-iw>button {
   display: none !important;
 }

 .w-widget-twitter {
   overflow: hidden;
 }

 .w-widget-twitter-count-shim {
   vertical-align: top;
   text-align: center;
   background: #fff;
   border: 1px solid #758696;
   border-radius: 3px;
   width: 28px;
   height: 20px;
   display: inline-block;
   position: relative;
 }

 .w-widget-twitter-count-shim * {
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
 }

 .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
   text-align: center;
   color: #999;
   font-family: serif;
   font-size: 15px;
   line-height: 12px;
   position: relative;
 }

 .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
   display: block;
   position: relative;
 }

 .w-widget-twitter-count-shim.w--large {
   width: 36px;
   height: 28px;
 }

 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
   font-size: 18px;
   line-height: 18px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical) {
   margin-left: 5px;
   margin-right: 8px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical).w--large {
   margin-left: 6px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical):before,
 .w-widget-twitter-count-shim:not(.w--vertical):after {
   content: " ";
   pointer-events: none;
   border: solid #0000;
   width: 0;
   height: 0;
   position: absolute;
   top: 50%;
   left: 0;
 }

 .w-widget-twitter-count-shim:not(.w--vertical):before {
   border-width: 4px;
   border-color: #75869600 #5d6c7b #75869600 #75869600;
   margin-top: -4px;
   margin-left: -9px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
   border-width: 5px;
   margin-top: -5px;
   margin-left: -10px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical):after {
   border-width: 4px;
   border-color: #fff0 #fff #fff0 #fff0;
   margin-top: -4px;
   margin-left: -8px;
 }

 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
   border-width: 5px;
   margin-top: -5px;
   margin-left: -9px;
 }

 .w-widget-twitter-count-shim.w--vertical {
   width: 61px;
   height: 33px;
   margin-bottom: 8px;
 }

 .w-widget-twitter-count-shim.w--vertical:before,
 .w-widget-twitter-count-shim.w--vertical:after {
   content: " ";
   pointer-events: none;
   border: solid #0000;
   width: 0;
   height: 0;
   position: absolute;
   top: 100%;
   left: 50%;
 }

 .w-widget-twitter-count-shim.w--vertical:before {
   border-width: 5px;
   border-color: #5d6c7b #75869600 #75869600;
   margin-left: -5px;
 }

 .w-widget-twitter-count-shim.w--vertical:after {
   border-width: 4px;
   border-color: #fff #fff0 #fff0;
   margin-left: -4px;
 }

 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
   font-size: 18px;
   line-height: 22px;
 }

 .w-widget-twitter-count-shim.w--vertical.w--large {
   width: 76px;
 }

 .w-background-video {
   color: #fff;
   height: 500px;
   position: relative;
   overflow: hidden;
 }

 .w-background-video>video {
   object-fit: cover;
   z-index: -100;
   background-position: 50%;
   background-size: cover;
   width: 100%;
   height: 100%;
   margin: auto;
   position: absolute;
   inset: -100%;
 }

 .w-background-video>video::-webkit-media-controls-start-playback-button {
   -webkit-appearance: none;
   display: none !important;
 }

 .w-background-video--control {
   background-color: #0000;
   padding: 0;
   position: absolute;
   bottom: 1em;
   right: 1em;
 }

 .w-background-video--control>[hidden] {
   display: none !important;
 }

 .w-slider {
   text-align: center;
   clear: both;
   -webkit-tap-highlight-color: #0000;
   tap-highlight-color: #0000;
   background: #ddd;
   height: 300px;
   position: relative;
 }

 .w-slider-mask {
   z-index: 1;
   white-space: nowrap;
   height: 100%;
   display: block;
   position: relative;
   left: 0;
   right: 0;
   overflow: hidden;
 }

 .w-slide {
   vertical-align: top;
   white-space: normal;
   text-align: left;
   width: 100%;
   height: 100%;
   display: inline-block;
   position: relative;
 }

 .w-slider-nav {
   z-index: 2;
   text-align: center;
   -webkit-tap-highlight-color: #0000;
   tap-highlight-color: #0000;
   height: 40px;
   margin: auto;
   padding-top: 10px;
   position: absolute;
   inset: auto 0 0;
 }

 .w-slider-nav.w-round>div {
   border-radius: 100%;
 }

 .w-slider-nav.w-num>div {
   font-size: inherit;
   line-height: inherit;
   width: auto;
   height: auto;
   padding: .2em .5em;
 }

 .w-slider-nav.w-shadow>div {
   box-shadow: 0 0 3px #3336;
 }

 .w-slider-nav-invert {
   color: #fff;
 }

 .w-slider-nav-invert>div {
   background-color: #2226;
 }

 .w-slider-nav-invert>div.w-active {
   background-color: #222;
 }

 .w-slider-dot {
   cursor: pointer;
   background-color: #fff6;
   width: 1em;
   height: 1em;
   margin: 0 3px .5em;
   transition: background-color .1s, color .1s;
   display: inline-block;
   position: relative;
 }

 .w-slider-dot.w-active {
   background-color: #fff;
 }

 .w-slider-dot:focus {
   outline: none;
   box-shadow: 0 0 0 2px #fff;
 }

 .w-slider-dot:focus.w-active {
   box-shadow: none;
 }

 .w-slider-arrow-left,
 .w-slider-arrow-right {
   cursor: pointer;
   color: #fff;
   -webkit-tap-highlight-color: #0000;
   tap-highlight-color: #0000;
   -webkit-user-select: none;
   user-select: none;
   width: 80px;
   margin: auto;
   font-size: 40px;
   position: absolute;
   inset: 0;
   overflow: hidden;
 }

 .w-slider-arrow-left [class^="w-icon-"],
 .w-slider-arrow-right [class^="w-icon-"],
 .w-slider-arrow-left [class*=" w-icon-"],
 .w-slider-arrow-right [class*=" w-icon-"] {
   position: absolute;
 }

 .w-slider-arrow-left:focus,
 .w-slider-arrow-right:focus {
   outline: 0;
 }

 .w-slider-arrow-left {
   z-index: 3;
   right: auto;
 }

 .w-slider-arrow-right {
   z-index: 4;
   left: auto;
 }

 .w-icon-slider-left,
 .w-icon-slider-right {
   width: 1em;
   height: 1em;
   margin: auto;
   inset: 0;
 }

 .w-slider-aria-label {
   clip: rect(0 0 0 0);
   border: 0;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   position: absolute;
   overflow: hidden;
 }

 .w-slider-force-show {
   display: block !important;
 }

 .w-dropdown {
   text-align: left;
   z-index: 900;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
   position: relative;
 }

 .w-dropdown-btn,
 .w-dropdown-toggle,
 .w-dropdown-link {
   vertical-align: top;
   color: #222;
   text-align: left;
   white-space: nowrap;
   margin-left: auto;
   margin-right: auto;
   padding: 20px;
   text-decoration: none;
   position: relative;
 }

 .w-dropdown-toggle {
   -webkit-user-select: none;
   user-select: none;
   cursor: pointer;
   padding-right: 40px;
   display: inline-block;
 }

 .w-dropdown-toggle:focus {
   outline: 0;
 }

 .w-icon-dropdown-toggle {
   width: 1em;
   height: 1em;
   margin: auto 20px auto auto;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
 }

 .w-dropdown-list {
   background: #ddd;
   min-width: 100%;
   display: none;
   position: absolute;
 }

 .w-dropdown-list.w--open {
   display: block;
 }

 .w-dropdown-link {
   color: #222;
   padding: 10px 20px;
   display: block;
 }

 .w-dropdown-link.w--current {
   color: #0082f3;
 }

 .w-dropdown-link:focus {
   outline: 0;
 }

 @media screen and (max-width: 767px) {
   .w-nav-brand {
     padding-left: 10px;
   }
 }

 .w-lightbox-backdrop {
   cursor: auto;
   letter-spacing: normal;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   color: #fff;
   text-align: center;
   z-index: 2000;
   opacity: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -webkit-tap-highlight-color: transparent;
   background: #000000e6;
   outline: 0;
   font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
   font-size: 17px;
   font-style: normal;
   font-weight: 300;
   line-height: 1.2;
   list-style: disc;
   position: fixed;
   inset: 0;
   -webkit-transform: translate(0);
 }

 .w-lightbox-backdrop,
 .w-lightbox-container {
   -webkit-overflow-scrolling: touch;
   height: 100%;
   overflow: auto;
 }

 .w-lightbox-content {
   height: 100vh;
   position: relative;
   overflow: hidden;
 }

 .w-lightbox-view {
   opacity: 0;
   width: 100vw;
   height: 100vh;
   position: absolute;
 }

 .w-lightbox-view:before {
   content: "";
   height: 100vh;
 }

 .w-lightbox-group,
 .w-lightbox-group .w-lightbox-view,
 .w-lightbox-group .w-lightbox-view:before {
   height: 86vh;
 }

 .w-lightbox-frame,
 .w-lightbox-view:before {
   vertical-align: middle;
   display: inline-block;
 }

 .w-lightbox-figure {
   margin: 0;
   position: relative;
 }

 .w-lightbox-group .w-lightbox-figure {
   cursor: pointer;
 }

 .w-lightbox-img {
   width: auto;
   max-width: none;
   height: auto;
 }

 .w-lightbox-image {
   float: none;
   max-width: 100vw;
   max-height: 100vh;
   display: block;
 }

 .w-lightbox-group .w-lightbox-image {
   max-height: 86vh;
 }

 .w-lightbox-caption {
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   background: #0006;
   padding: .5em 1em;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: hidden;
 }

 .w-lightbox-embed {
   width: 100%;
   height: 100%;
   position: absolute;
   inset: 0;
 }

 .w-lightbox-control {
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 24px;
   width: 4em;
   transition: all .3s;
   position: absolute;
   top: 0;
 }

 .w-lightbox-left {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
   display: none;
   bottom: 0;
   left: 0;
 }

 .w-lightbox-right {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
   display: none;
   bottom: 0;
   right: 0;
 }

 .w-lightbox-close {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
   background-size: 18px;
   height: 2.6em;
   right: 0;
 }

 .w-lightbox-strip {
   white-space: nowrap;
   padding: 0 1vh;
   line-height: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: auto hidden;
 }

 .w-lightbox-item {
   box-sizing: content-box;
   cursor: pointer;
   width: 10vh;
   padding: 2vh 1vh;
   display: inline-block;
   -webkit-transform: translate3d(0, 0, 0);
 }

 .w-lightbox-active {
   opacity: .3;
 }

 .w-lightbox-thumbnail {
   background: #222;
   height: 10vh;
   position: relative;
   overflow: hidden;
 }

 .w-lightbox-thumbnail-image {
   position: absolute;
   top: 0;
   left: 0;
 }

 .w-lightbox-thumbnail .w-lightbox-tall {
   width: 100%;
   top: 50%;
   transform: translate(0, -50%);
 }

 .w-lightbox-thumbnail .w-lightbox-wide {
   height: 100%;
   left: 50%;
   transform: translate(-50%);
 }

 .w-lightbox-spinner {
   box-sizing: border-box;
   border: 5px solid #0006;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   margin-top: -20px;
   margin-left: -20px;
   animation: .8s linear infinite spin;
   position: absolute;
   top: 50%;
   left: 50%;
 }

 .w-lightbox-spinner:after {
   content: "";
   border: 3px solid #0000;
   border-bottom-color: #fff;
   border-radius: 50%;
   position: absolute;
   inset: -4px;
 }

 .w-lightbox-hide {
   display: none;
 }

 .w-lightbox-noscroll {
   overflow: hidden;
 }

 @media (min-width: 768px) {
   .w-lightbox-content {
     height: 96vh;
     margin-top: 2vh;
   }

   .w-lightbox-view,
   .w-lightbox-view:before {
     height: 96vh;
   }

   .w-lightbox-group,
   .w-lightbox-group .w-lightbox-view,
   .w-lightbox-group .w-lightbox-view:before {
     height: 84vh;
   }

   .w-lightbox-image {
     max-width: 96vw;
     max-height: 96vh;
   }

   .w-lightbox-group .w-lightbox-image {
     max-width: 82.3vw;
     max-height: 84vh;
   }

   .w-lightbox-left,
   .w-lightbox-right {
     opacity: .5;
     display: block;
   }

   .w-lightbox-close {
     opacity: .8;
   }

   .w-lightbox-control:hover {
     opacity: 1;
   }
 }

 .w-lightbox-inactive,
 .w-lightbox-inactive:hover {
   opacity: 0;
 }

 .w-richtext:before,
 .w-richtext:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-richtext:after {
   clear: both;
 }

 .w-richtext[contenteditable="true"]:before,
 .w-richtext[contenteditable="true"]:after {
   white-space: initial;
 }

 .w-richtext ol,
 .w-richtext ul {
   overflow: hidden;
 }

 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
   outline: 2px solid #2895f7;
 }

 .w-richtext figure.w-richtext-figure-type-video>div:after,
 .w-richtext figure[data-rt-type="video"]>div:after {
   content: "";
   display: none;
   position: absolute;
   inset: 0;
 }

 .w-richtext figure {
   max-width: 60%;
   position: relative;
 }

 .w-richtext figure>div:before {
   cursor: default !important;
 }

 .w-richtext figure img {
   width: 100%;
 }

 .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
   opacity: .6;
 }

 .w-richtext figure div {
   color: #0000;
   font-size: 0;
 }

 .w-richtext figure.w-richtext-figure-type-image,
 .w-richtext figure[data-rt-type="image"] {
   display: table;
 }

 .w-richtext figure.w-richtext-figure-type-image>div,
 .w-richtext figure[data-rt-type="image"]>div {
   display: inline-block;
 }

 .w-richtext figure.w-richtext-figure-type-image>figcaption,
 .w-richtext figure[data-rt-type="image"]>figcaption {
   caption-side: bottom;
   display: table-caption;
 }

 .w-richtext figure.w-richtext-figure-type-video,
 .w-richtext figure[data-rt-type="video"] {
   width: 60%;
   height: 0;
 }

 .w-richtext figure.w-richtext-figure-type-video iframe,
 .w-richtext figure[data-rt-type="video"] iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .w-richtext figure.w-richtext-figure-type-video>div,
 .w-richtext figure[data-rt-type="video"]>div {
   width: 100%;
 }

 .w-richtext figure.w-richtext-align-center {
   clear: both;
   margin-left: auto;
   margin-right: auto;
 }

 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
 .w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
   max-width: 100%;
 }

 .w-richtext figure.w-richtext-align-normal {
   clear: both;
 }

 .w-richtext figure.w-richtext-align-fullwidth {
   text-align: center;
   clear: both;
   width: 100%;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   display: block;
 }

 .w-richtext figure.w-richtext-align-fullwidth>div {
   padding-bottom: inherit;
   display: inline-block;
 }

 .w-richtext figure.w-richtext-align-fullwidth>figcaption {
   display: block;
 }

 .w-richtext figure.w-richtext-align-floatleft {
   float: left;
   clear: none;
   margin-right: 15px;
 }

 .w-richtext figure.w-richtext-align-floatright {
   float: right;
   clear: none;
   margin-left: 15px;
 }

 .w-nav {
   z-index: 1000;
   background: #ddd;
   position: relative;
 }

 .w-nav:before,
 .w-nav:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-nav:after {
   clear: both;
 }

 .w-nav-brand {
   float: left;
   color: #333;
   text-decoration: none;
   position: relative;
 }

 .w-nav-link {
   vertical-align: top;
   color: #222;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   padding: 20px;
   text-decoration: none;
   display: inline-block;
   position: relative;
 }

 .w-nav-link.w--current {
   color: #0082f3;
 }

 .w-nav-menu {
   float: right;
   position: relative;
 }

 [data-nav-menu-open] {
   text-align: center;
   background: #c8c8c8;
   min-width: 200px;
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   overflow: visible;
   display: block !important;
 }

 .w--nav-link-open {
   display: block;
   position: relative;
 }

 .w-nav-overlay {
   width: 100%;
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   overflow: hidden;
 }

 .w-nav-overlay [data-nav-menu-open] {
   top: 0;
 }

 .w-nav[data-animation="over-left"] .w-nav-overlay {
   width: auto;
 }

 .w-nav[data-animation="over-left"] .w-nav-overlay,
 .w-nav[data-animation="over-left"] [data-nav-menu-open] {
   z-index: 1;
   top: 0;
   right: auto;
 }

 .w-nav[data-animation="over-right"] .w-nav-overlay {
   width: auto;
 }

 .w-nav[data-animation="over-right"] .w-nav-overlay,
 .w-nav[data-animation="over-right"] [data-nav-menu-open] {
   z-index: 1;
   top: 0;
   left: auto;
 }

 .w-nav-button {
   float: right;
   cursor: pointer;
   -webkit-tap-highlight-color: #0000;
   tap-highlight-color: #0000;
   -webkit-user-select: none;
   user-select: none;
   padding: 18px;
   font-size: 24px;
   display: none;
   position: relative;
 }

 .w-nav-button:focus {
   outline: 0;
 }

 .w-nav-button.w--open {
   color: #fff;
   background-color: #c8c8c8;
 }

 .w-nav[data-collapse="all"] .w-nav-menu {
   display: none;
 }

 .w-nav[data-collapse="all"] .w-nav-button,
 .w--nav-dropdown-open,
 .w--nav-dropdown-toggle-open {
   display: block;
 }

 .w--nav-dropdown-list-open {
   position: static;
 }

 @media screen and (max-width: 991px) {
   .w-nav[data-collapse="medium"] .w-nav-menu {
     display: none;
   }

   .w-nav[data-collapse="medium"] .w-nav-button {
     display: block;
   }
 }

 @media screen and (max-width: 767px) {
   .w-nav[data-collapse="small"] .w-nav-menu {
     display: none;
   }

   .w-nav[data-collapse="small"] .w-nav-button {
     display: block;
   }

   .w-nav-brand {
     padding-left: 10px;
   }
 }

 @media screen and (max-width: 479px) {


   .trail-cards-stack .trail-card-item h2 {
     font-size: 16px !important;
   }


   .trail-cards-stack .trail-card-item p {
     font-size: 12px;
   }

   .w-nav[data-collapse="tiny"] .w-nav-menu {
     display: none;
   }

   .w-nav[data-collapse="tiny"] .w-nav-button {
     display: block;
   }
 }

 .w-tabs {
   position: relative;
 }

 .w-tabs:before,
 .w-tabs:after {
   content: " ";
   grid-area: 1 / 1 / 2 / 2;
   display: table;
 }

 .w-tabs:after {
   clear: both;
 }

 .w-tab-menu {
   position: relative;
 }

 .w-tab-link {
   vertical-align: top;
   text-align: left;
   cursor: pointer;
   color: #222;
   background-color: #ddd;
   padding: 9px 30px;
   text-decoration: none;
   display: inline-block;
   position: relative;
 }

 .w-tab-link.w--current {
   background-color: #c8c8c8;
 }

 .w-tab-link:focus {
   outline: 0;
 }

 .w-tab-content {
   display: block;
   position: relative;
   overflow: hidden;
 }

 .w-tab-pane {
   display: none;
   position: relative;
 }

 .w--tab-active {
   display: block;
 }

 @media screen and (max-width: 479px) {
   .w-tab-link {
     display: block;
   }
 }

 .w-ix-emptyfix:after {
   content: "";
 }

 @keyframes spin {
   0% {
     transform: rotate(0);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 .w-dyn-empty {
   background-color: #ddd;
   padding: 10px;
 }

 .w-dyn-hide,
 .w-dyn-bind-empty,
 .w-condition-invisible {
   display: none !important;
 }

 .wf-layout-layout {
   display: grid;
 }

 :root {
   --black: #161721;
   --switzer: Switzer, Arial, sans-serif;

   --_fonts---font-family--ibm-plex-mono: var(--switzer);
   --_fonts---font-size--s: 12px;
   --_fonts---line-height--xl: 128%;
   --_fonts---font-weight--regular: 400;
   --_fonts---letter-spacing--m: 0em;
   --_fonts---font-family--instrument-serif: "Instrument Serif", sans-serif;
   --_fonts---font-size--h2: 24px;
   --_fonts---line-height--l: 112%;
   --_fonts---letter-spacing--l: .01em;
   --yellow: #ffffff;
   --_sizes---radius--large: 40px;
   --transparent: #0000;
   --_fonts---line-height--xs: 80%;
   --_fonts---letter-spacing--xs: -.02em;
   --_sizes---radius--circle: 50%;
   --red: #00852f;
   --_sizes---radius--default: 12px;
   --_fonts---line-height--s: 98%;
   --_sizes---radius--max: 1000px;
   --_fonts---font-size--l: 48px;
   --_fonts---line-height--m: 104%;
   --_fonts---letter-spacing--s: -.01em;
   --_fonts---font-size--m: 32px;
   --_fonts---font-size--h1: 64px;
 }

 body {
   background-color: var(--black);
   font-family: var(--switzer);
   color: var(--black);
   font-size: var(--_fonts---font-size--s);
   line-height: var(--_fonts---line-height--xl);
   font-weight: var(--_fonts---font-weight--regular);
   letter-spacing: var(--_fonts---letter-spacing--m);
   cursor: default;
   -webkit-user-select: none;
   user-select: none;
 }

 h2 {
   font-family: var(--_fonts---font-family--instrument-serif);
   font-size: var(--_fonts---font-size--h2);
   line-height: var(--_fonts---line-height--l);
   font-weight: var(--_fonts---font-weight--regular);
   letter-spacing: var(--_fonts---letter-spacing--l);
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
 }

 p {
   width: 100%;
   margin-bottom: 0;
 }

 a {
   color: var(--black);
   cursor: pointer;
   text-decoration: none;
 }

 .background {
   z-index: 0;
   background-color: var(--yellow);
   flex-flow: column;
   justify-content: flex-start;
   align-items: stretch;
   width: 100%;
   height: 100dvh;
   padding: 10px;
   display: flex;
   position: fixed;
   inset: 0%;
 }

 .background-content {
   border-radius: var(--_sizes---radius--large);
   background-color: var(--black);
   flex-flow: column;
   flex: 1;
   justify-content: flex-end;
   align-items: center;
   padding: 20px 20px 40px;
   display: flex;
   position: relative;
   overflow: hidden;
 }

 .background-line {
   background-image: linear-gradient(180deg, var(--yellow), var(--transparent));
   opacity: .1;
   width: 1px;
   height: 100%;
 }

 .background-line.first-line,
 .background-line.last-line {
   opacity: 0;
 }

 .background-lines {
   z-index: 0;
   justify-content: space-between;
   width: 100%;
   height: 100%;
   display: flex;
   position: absolute;
   inset: 0%;
   filter: blur(8px);
   opacity: 0.35;
 }

 .fit-text {
   font-family: var(--_fonts---font-family--instrument-serif);
   color: var(--yellow);
   line-height: var(--_fonts---line-height--xs);
   font-weight: var(--_fonts---font-weight--regular);
   text-align: center;
   letter-spacing: var(--_fonts---letter-spacing--xs);
   font-size: clamp(252px, 25.4vw, 520px);
   filter: blur(18px);
   opacity: 0.55;
   transform: translateZ(0);
 }

 .fit-text-wrapper {
   z-index: 1;
   perspective: 2500px;
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   max-width: 1920px;
   display: flex;
   position: relative;
 }

 .fit-text-wrapper.footer-text {
   display: none;
 }

 .nav {
   z-index: 3;
   color: var(--yellow);
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   padding-top: 30px;
   padding-left: 30px;
   padding-right: 30px;
   display: flex;
   position: fixed;
   inset: 0% 0% auto;
 }

 .nav-content {
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   max-width: 1920px;
   display: flex;
 }

 .logo {
   flex-flow: column;
   flex: none;
   justify-content: center;
   align-items: center;
   width: 48px;
   height: auto;
   display: flex;
 }


 .logo-image {
   aspect-ratio: 1;
   flex: none;
   width: 100%;
   height: auto;
   display: block;
 }

 .icon-button {
   border: 1px solid var(--black);
   border-radius: var(--_sizes---radius--circle);
   background-color: var(--yellow);
   flex-flow: column;
   flex: none;
   justify-content: flex-start;
   align-items: stretch;
   transition: background-color .4s;
   display: flex;
   position: relative;
   overflow: hidden;
 }

 .icon-button:hover,
 .icon-button:focus {
   background-color: var(--red);
 }

 .icon-button-content {
   flex-flow: column;
   flex: none;
   justify-content: center;
   align-items: center;
   padding: 10px;
   display: flex;
 }

 .icon-button-content.absolute {
   position: absolute;
   inset: 100% 0% auto;
 }

 .icon-button-image {
   aspect-ratio: 1;
   flex: none;
   width: 20px;
   display: block;
 }

 .footer {
   z-index: 3;
   color: var(--yellow);
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   padding-bottom: 30px;
   padding-left: 30px;
   padding-right: 30px;
   display: flex;
   position: fixed;
   inset: auto 0% 0%;
 }

 .footer-legal {
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding-left: 20px;
   padding-right: 20px;
   display: flex;
 }

 .body.service-block-description {
   max-width: 200px;
 }

 .body.info-description {
   max-width: 320px;
 }

 .body.licenses-block-description {
   max-width: 160px;
 }

 .text-link {
   color: var(--yellow);
   transition: opacity .4s;
 }

 .text-link:hover,
 .text-link:focus {
   opacity: .6;
 }

 .content {
   z-index: 1;
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   display: flex;
   position: relative;
 }

 .section {
   flex-flow: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   max-width: 464px;
   height: 100vh;
   padding: 48px 32px;
   display: flex;
 }

 .section.section-perspective {
   perspective: 750px;
 }

 .section-content {
   border: 16px solid var(--yellow);
   border-radius: 24px;
   background-color: var(--yellow);
   flex-flow: column;
   width: 100%;
   height: 100%;
   max-height: 560px;
   display: flex;
   overflow: auto;
   box-sizing: border-box;
   box-shadow: 0 8px 12px #00000026;
   position: relative;
 }

 .hero-heading {
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   padding-top: 16px;
   padding-left: 16px;
   padding-right: 16px;
   display: flex;
 }

 .h1 {
   font-family: var(--_fonts---font-family--instrument-serif);
   line-height: var(--_fonts---line-height--s);
   font-weight: var(--_fonts---font-weight--regular);
   text-align: center;
   letter-spacing: var(--_fonts---letter-spacing--xs);
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 36px;
 }

 .h1._404-h1 {
   font-size: 90px;
 }

 .h1.licenses-h1 {
   font-size: 112px;
 }

 .h1.changelog-h1 {
   font-size: 86px;
 }

 .stripe {
   justify-content: center;
   align-items: center;
   display: flex;
 }

 .stripe-half-circle {
   background-color: var(--black);
   width: 16px;
   height: 32px;
 }

 .stripe-half-circle.left {
   border-top-right-radius: var(--_sizes---radius--max);
   border-bottom-right-radius: var(--_sizes---radius--max);
 }

 .stripe-half-circle.right {
   border-top-left-radius: var(--_sizes---radius--max);
   border-bottom-left-radius: var(--_sizes---radius--max);
 }

 .stripe-circles {
   grid-column-gap: 4px;
   grid-row-gap: 4px;
   flex: 1;
   justify-content: center;
   align-items: center;
   padding-left: 4px;
   padding-right: 4px;
   display: flex;
 }

 .stripe-circle {
   aspect-ratio: 1;
   border-radius: var(--_sizes---radius--circle);
   background-color: var(--black);
   width: 100%;
 }

 .hero-image {
   flex-flow: column;
   flex: 1;
   justify-content: center;
   align-items: center;
   padding: 24px;
   display: flex;
 }

 .hero-image-content {
   aspect-ratio: 1;
   border-radius: 50%;
   flex-flow: column;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
   max-width: 320px;
   display: flex;
   position: relative;
   overflow: hidden;
 }

 .hero-image-photo {
   z-index: 2;
   aspect-ratio: 1;
   object-fit: cover;
   width: 100%;
   display: block;
   position: relative;
   border-radius: 50%;
 }

 .hero-image-shape {
   z-index: 1;
   aspect-ratio: 1;
   width: 100%;
   position: absolute;
   inset: 0%;
 }

 .ticker {
   background-color: var(--red);
   color: var(--yellow);
   padding: 12px 16px;
   overflow: hidden;
 }

 .ticker-wrapper {
   grid-column-gap: 8px;
   grid-row-gap: 8px;
   display: flex;
 }

 .ticker-line {
   grid-column-gap: 8px;
   grid-row-gap: 8px;
   flex: none;
   justify-content: flex-start;
   align-items: center;
   display: flex;
 }

 .ticker-image {
   aspect-ratio: 1;
   flex: none;
   width: 12px;
   display: block;
 }

 .noise {
   z-index: 4;
   opacity: .2;
   pointer-events: none;
   width: 100%;
   height: 100vh;
   position: fixed;
   inset: 0%;
 }

 .noise-default {
   z-index: 1;
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   inset: 0%;
 }

 .noise-flipped {
   z-index: 1;
   opacity: 0;
   object-fit: cover;
   transform-style: preserve-3d;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   inset: 0%;
   transform: rotateX(0)rotateY(-180deg)rotateZ(0);
 }

 .about-heading {
   grid-column-gap: 16px;
   grid-row-gap: 12px;
   border-bottom: none;
   flex-flow: column;
   padding: 32px 24px 16px;
   display: flex;
 }

 .h2.about-title {
   font-size: 20px !important;
   line-height: 1.45 !important;
 }

 .value-blocks {
   grid-column-gap: 1px;
   grid-row-gap: 1px;
   background-color: var(--black);
   flex: 1;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr;
   grid-auto-columns: 1fr;
   display: grid;
 }

 .value-block {
   grid-column-gap: 15px;
   grid-row-gap: 15px;
   background-color: var(--yellow);
   flex-flow: column;
   justify-content: space-between;
   padding: 20px 16px;
   display: flex;
 }

 .display-l {
   font-family: var(--_fonts---font-family--instrument-serif);
   font-size: var(--_fonts---font-size--l);
   line-height: var(--_fonts---line-height--m);
   letter-spacing: var(--_fonts---letter-spacing--s);
 }

 .services-heading {
   border-bottom: 1px solid var(--black);
   flex-flow: column;
   padding: 24px 16px 20px;
   display: flex;
 }

 .service-blocks {
   grid-column-gap: 1px;
   grid-row-gap: 1px;
   background-color: var(--black);
   flex-flow: column;
   flex: 1;
   display: flex;
 }

 .service-block {
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   background-color: var(--yellow);
   flex: 1;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 24px 24px 24px 16px;
   display: flex;
 }

 .service-block-content {
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   flex: 1;
   justify-content: flex-start;
   align-items: flex-start;
   display: flex;
 }

 .service-block-number {
   flex-flow: column;
   width: 16px;
   padding-top: 3px;
   display: flex;
 }

 .service-block-info {
   grid-column-gap: 6px;
   grid-row-gap: 6px;
   flex-flow: column;
   flex: 1;
   display: flex;
 }

 .service-block-image {
   aspect-ratio: 1;
   flex: none;
   width: 40px;
   display: block;
 }

 .contact-heading {
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   padding: 32px 16px;
   display: flex;
 }

 .contact-image {
   aspect-ratio: 1;
   border-radius: var(--_sizes---radius--circle);
   background-color: var(--red);
   flex-flow: column;
   justify-content: center;
   align-items: center;
   width: 80px;
   display: flex;
   position: relative;
   overflow: hidden;
 }

 .contact-image-photo {
   aspect-ratio: 1;
   object-fit: cover;
   width: 100%;
   display: block;
 }

 .contact-heading-content {
   grid-column-gap: 6px;
   grid-row-gap: 6px;
   text-align: center;
   flex-flow: column;
   width: 100%;
   display: flex;
 }

 .social-buttons {
   grid-column-gap: 1px;
   grid-row-gap: 1px;
   background-color: var(--black);
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-auto-columns: 1fr;
   padding-top: 1px;
   padding-bottom: 1px;
   display: grid;
 }

 .social-button {
   aspect-ratio: 1;
   background-color: var(--yellow);
   flex-flow: column;
   width: 100%;
   transition: background-color .4s;
   display: flex;
   position: relative;
   overflow: hidden;
 }

 .social-button:hover,
 .social-button:focus {
   background-color: var(--red);
 }

 .social-button-content {
   aspect-ratio: 1;
   flex-flow: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   padding: 16px;
   display: flex;
 }

 .social-button-content.absolute {
   position: absolute;
   inset: 100% 0% auto;
 }

 .social-button-image {
   aspect-ratio: 1;
   flex: none;
   width: 24px;
   display: block;
 }

 .button {
   grid-column-gap: 6px;
   grid-row-gap: 6px;
   border-bottom: 1px solid var(--yellow);
   background-color: var(--yellow);
   text-align: center;
   flex-flow: column;
   flex: 1;
   justify-content: center;
   padding: 40px 16px;
   transition: color .4s, background-color .4s;
   display: flex;
 }

 .button:where(.w-variant-a032720d-b8ac-baea-4789-6a8a4a3ee7e7) {
   border-bottom-style: none;
 }

 .button:hover,
 .button:focus {
   background-color: var(--red);
   color: var(--yellow);
 }

 .display-m {
   font-family: var(--_fonts---font-family--instrument-serif);
   font-size: var(--_fonts---font-size--m);
   line-height: var(--_fonts---line-height--m);
   font-weight: var(--_fonts---font-weight--regular);
   letter-spacing: var(--_fonts---letter-spacing--s);
 }

 .value-block-content {
   flex-flow: column;
   display: flex;
   overflow: hidden;
 }

 .content-lines {
   z-index: 2;
   pointer-events: none;
   flex-flow: column;
   justify-content: space-between;
   width: 100%;
   height: 100dvh;
   display: none;
   position: fixed;
   inset: 0%;
 }

 .content-line {
   z-index: 1;
   background-color: var(--yellow);
   width: 100%;
   height: 10px;
   position: relative;
 }

 .cursor {
   z-index: 5;
   pointer-events: none;
   flex-flow: row;
   justify-content: center;
   align-items: center;
   display: flex;
   position: fixed;
   inset: 0%;
 }

 .cursor-item {
   z-index: 1;
   aspect-ratio: 1;
   justify-content: center;
   align-items: center;
   width: 10px;
   display: flex;
   position: absolute;
   top: 0;
   left: 0;
 }

 .cursor-item.default {
   opacity: 1;
 }

 .cursor-item.pointer {
   opacity: 0;
 }

 .cursor-default {
   aspect-ratio: 1;
   flex: none;
   width: 36px;
   min-width: 36px;
   display: block;
   position: absolute;
   inset: 4px auto auto 4px;
 }

 .cursor-pointer {
   aspect-ratio: 1;
   flex: none;
   width: 40px;
   min-width: 40px;
   display: block;
   position: absolute;
   inset: 2px auto auto -12px;
 }

 .cursor-link {
   z-index: 1;
 }

 .footer-content {
   grid-column-gap: 2px;
   grid-row-gap: 2px;
   flex-flow: column;
   width: 100%;
   max-width: 1920px;
   display: flex;
 }

 .content-edges {
   z-index: 3;
   pointer-events: none;
   width: 100%;
   height: 100dvh;
   position: fixed;
   inset: 0%;
 }

 .content-edge {
   aspect-ratio: 1;
   width: 40px;
   display: block;
 }

 .content-edge.top-left {
   position: absolute;
   inset: 10px auto auto 10px;
 }

 .content-edge.top-right {
   position: absolute;
   inset: 10px 10px auto auto;
   transform: rotate(90deg);
 }

 .content-edge.bottom-left {
   position: absolute;
   inset: auto auto 10px 10px;
   transform: rotate(-90deg);
 }

 .content-edge.bottom-right {
   position: absolute;
   inset: auto 10px 10px auto;
   transform: rotate(180deg);
 }

 ._404-heading,
 .info-heading {
   border-bottom: 1px solid var(--black);
   flex-flow: column;
   justify-content: flex-start;
   align-items: center;
   padding: 16px 16px 10px;
   display: flex;
 }

 .info-text {
   flex-flow: column;
   padding: 16px;
   display: flex;
 }

 .licenses-blocks {
   grid-column-gap: 1px;
   grid-row-gap: 1px;
   background-color: var(--black);
   flex: 1;
   grid-template-rows: auto;
   grid-template-columns: 1fr 1fr;
   grid-auto-columns: 1fr;
   padding-top: 1px;
   display: grid;
 }

 .licenses-block {
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   background-color: var(--yellow);
   flex-flow: column;
   justify-content: space-between;
   padding: 24px 16px;
   display: flex;
 }

 .changelog-blocks {
   grid-column-gap: 1px;
   grid-row-gap: 1px;
   background-color: var(--black);
   flex-flow: column;
   flex: 1;
   padding-top: 1px;
   display: flex;
 }

 .changelog-block {
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   background-color: var(--yellow);
   flex: 1;
   grid-template-rows: auto;
   grid-template-columns: 1fr 2fr;
   grid-auto-columns: 1fr;
   padding: 24px 16px;
   display: grid;
 }

 .footer-legal-links {
   grid-column-gap: 24px;
   grid-row-gap: 24px;
   justify-content: center;
   align-items: center;
   display: flex;
 }

 @media screen and (max-width: 991px) {

   body,
   a {
     cursor: auto;
   }

   .fit-text {
     font-size: clamp(192px, 25vw, 252px);
   }

   .cursor {
     display: none;
   }

   .cursor-link {
     cursor: pointer;
   }
 }

 @media screen and (max-width: 767px) {
   body {
     --_sizes---radius--large: 36px;
     --_sizes---radius--circle: 50%;
     --_sizes---radius--default: 12px;
     --_sizes---radius--max: 1000px;
   }

   .background {
     padding: 8px;
   }

   .background-content {
     padding: 16px;
   }

   .background-line.last-line {
     display: none;
   }

   .fit-text {
     font-size: clamp(117px, 24.4vw, 195px);
   }

   .fit-text-wrapper.background-text {
     display: none;
   }

   .fit-text-wrapper.footer-text {
     display: flex;
   }

   .nav {
     padding-top: 24px;
     padding-left: 24px;
     padding-right: 24px;
   }

   .footer {
     padding-bottom: 24px;
     padding-left: 24px;
     padding-right: 24px;
     position: relative;
   }

   .footer-legal {
     padding-left: 4px;
     padding-right: 4px;
   }

   .content {
     grid-column-gap: 144px;
     grid-row-gap: 144px;
     padding-top: 144px;
     padding-bottom: 200px;
   }

   .content._404-content,
   .content.info-content {
     padding-bottom: 144px;
   }

   .section {
     height: auto;
     padding: 0 24px;
   }

   .section-content {
     height: auto;
     max-height: none;
   }

   .section-content._404-section-content {
     height: 100%;
     min-height: 400px;
     max-height: 400px;
   }

   .about-heading {
     padding-top: 20px;
     padding-bottom: 20px;
   }

   .value-block {
     justify-content: flex-start;
   }

   .services-heading {
     padding-top: 20px;
     padding-bottom: 18px;
   }

   .service-block {
     padding-top: 20px;
     padding-bottom: 20px;
     padding-right: 20px;
   }

   .social-button-content {
     padding: 12px;
   }

   .social-button-image {
     width: 20px;
   }

   .content-line {
     height: 8px;
   }

   .footer-content {
     grid-column-gap: 10px;
     grid-row-gap: 10px;
   }

   .content-edge.top-left {
     top: 8px;
     left: 8px;
   }

   .content-edge.top-right {
     top: 8px;
     right: 8px;
   }

   .content-edge.bottom-left {
     bottom: 8px;
     left: 8px;
   }

   .content-edge.bottom-right {
     bottom: 8px;
     right: 8px;
   }
 }

 @media screen and (max-width: 479px) {
   .background-content:where(.w-variant-0e7f8184-95c5-adcd-afeb-5d78a2673507) {
     padding-bottom: 40px;
   }

   .background-line.first-line {
     display: none;
   }

   .fit-text {
     font-size: clamp(56px, 23vw, 116px);
   }

   .fit-text-wrapper.background-text:where(.w-variant-0e7f8184-95c5-adcd-afeb-5d78a2673507) {
     display: flex;
   }

   .fit-text-wrapper.footer-text:where(.w-variant-40d547f6-6214-d76c-bbd7-e473311c453d) {
     display: none;
   }

   .footer:where(.w-variant-40d547f6-6214-d76c-bbd7-e473311c453d) {
     position: fixed;
   }

   .footer-legal {
     grid-column-gap: 8px;
     grid-row-gap: 8px;
     flex-flow: column;
     justify-content: flex-start;
     align-items: center;
   }

   .body.licenses-block-description {
     max-width: 240px;
   }

   .content._404-content {
     grid-column-gap: 0px;
     grid-row-gap: 0px;
     padding-top: 0;
     padding-bottom: 0;
   }

   .content.info-content {
     grid-column-gap: 144px;
     grid-row-gap: 144px;
     padding-top: 144px;
     padding-bottom: 144px;
   }

   .content.info-content.min-height {
     padding-top: 0;
     padding-bottom: 0;
   }

   .section.section-perspective {
     max-width: 360px;
   }

   .section._404-section {
     height: 100vh;
     padding-top: 48px;
     padding-bottom: 48px;
   }

   .section.info-section {
     height: auto;
     padding-top: 0;
     padding-bottom: 0;
   }

   .section.info-section.min-height {
     min-height: 100vh;
     padding-top: 48px;
     padding-bottom: 48px;
   }

   .section-content._404-section-content,
   .section-content.info-section-content {
     min-height: auto;
   }

   .h1 {
     font-size: clamp(64px, 20.3vw, 75px);
   }

   .h1._404-h1 {
     font-size: clamp(56px, 18.5vw, 94px);
   }

   .h1.licenses-h1 {
     font-size: clamp(72px, 23.5vw, 118px);
   }

   .h1.changelog-h1 {
     font-size: clamp(56px, 17.8vw, 90px);
   }

   .stripe-circle.mobile-hide {
     display: none;
   }

   .hero-image {
     padding: 20px;
   }

   .service-block-content {
     grid-column-gap: 12px;
     grid-row-gap: 12px;
     flex-flow: column;
   }

   .licenses-blocks {
     grid-template-columns: 1fr;
   }

   .licenses-block {
     grid-column-gap: 16px;
     grid-row-gap: 16px;
     grid-template-rows: auto;
     grid-template-columns: 1fr 2fr;
     grid-auto-columns: 1fr;
     display: grid;
   }
 }

 .nomadic-modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(25, 25, 25, 0.95);
   display: none;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   padding: 20px;
   backdrop-filter: blur(10px);
 }

 .nomadic-modal-overlay.active {
   display: flex;
 }

 .nomadic-modal {
   background: #fff;
   width: 100%;
   max-width: 1100px;
   height: 80vh;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   position: relative;
   box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);
   overflow: hidden;
   animation: nomadicModalIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
   color: #161721;
   text-transform: none;
 }

 @keyframes nomadicModalIn {
   from {
     opacity: 0;
     transform: scale(0.95) translateY(20px);
   }

   to {
     opacity: 1;
     transform: scale(1) translateY(0);
   }
 }

 .nomadic-modal-header {
   padding: 0 40px;
   border-bottom: 1px solid #eee;
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 70px;
   flex-shrink: 0;
 }

 .nomadic-modal-tabs {
   display: flex;
   gap: 30px;
   height: 70%;
 }

 .nomadic-modal-tab {
   padding: 24px 0;
   font-size: 15px;
   font-weight: 700;
   color: #444;
   cursor: pointer;
   position: relative;
   border-bottom: 3px solid transparent;
   transition: all 0.2s;
 }

 .nomadic-modal-tab.active {
   color: #002B11;
   border-bottom-color: #002B11;
 }

 .nomadic-modal-tab:hover:not(.active) {
   color: #000;
 }

 .nomadic-modal-close {
   cursor: pointer;
   font-size: 24px;
   color: #333;
   opacity: 0.6;
   transition: opacity 0.2s;
 }

 .nomadic-modal-close:hover {
   opacity: 1;
 }

 .nomadic-modal-content {
   flex-grow: 1;
   overflow-y: auto;
   padding: 20px 40px;
 }

 .nomadic-modal-content::-webkit-scrollbar {
   width: 8px;
 }

 .nomadic-modal-content::-webkit-scrollbar-track {
   background: transparent;
 }

 .nomadic-modal-content::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 10px;
 }

 .nomadic-modal-content::-webkit-scrollbar-thumb:hover {
   background: #aaa;
 }

 .nomad-row {
   display: flex;
   align-items: center;
   padding: 10px 0;
   border-bottom: 1px solid #eee;
   gap: 20px;
   transition: background 0.2s;
 }

 .nomad-row:last-child {
   border-bottom: none;
 }

 .nomad-row-user {
   display: flex;
   align-items: center;
   gap: 20px;
   width: 320px;
   flex-shrink: 0;
 }

 .nomad-row-avatar {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   object-fit: cover;
   flex-shrink: 0;
   background-color: #002B11;
   padding: 2px;
 }

 .nomad-row-info {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }

 .nomad-row-name {
   margin: 0;
   font-size: 16px;
   font-weight: 700;
 }

 .nomad-row-location {
   font-size: 13px;
   color: #666;
 }

 .nomad-row-projects {
   display: flex;
   gap: 10px;
   flex-grow: 1;
   overflow: hidden;
 }

 .nomad-project-box {
   width: 100px;
   height: 75px;
   background: #f5f5f5;
   border-radius: 2px;
   flex-shrink: 0;
   object-fit: cover;
   display: block;
   transition: opacity 0.2s;
 }

 .nomad-project-box:hover {
   opacity: 0.8;
 }

 .btn-follow-blue {
   background: #002B11;
   color: #fff;
   border: none;
   padding: 4px 16px;
   border-radius: 32px;
   font-size: 13px;
   cursor: pointer;
   transition: background 0.2s;
   text-decoration: none;
   display: inline-block;
   text-align: center;
 }

 .btn-follow-blue:hover {
   background: #fff;
   border: 1px solid #002B11;
   color: #002B11;
 }

 @media (max-width: 991px) {
   .nomadic-modal {
     max-width: 95%;
   }

   .nomad-row-projects {
     display: none;
   }

   .nomad-row-user {
     width: 100%;
     justify-content: space-between;
   }
 }

 /* ── Custom dynamic behavior overrides ────────────────────────────────── */
 @keyframes marqueeCustom {
   0% {
     transform: translate3d(0, 0, 0);
   }

   100% {
     transform: translate3d(-50%, 0, 0);
   }
 }

 /* Overwrite Webflow's marquee ticker animation to make it slow and smooth */
 .ticker-line {
   animation: marqueeCustom 24s linear infinite !important;
 }

 /* Prevent rotation and hover animations on the recent trail images */
 .service-block-image,
 .service-block:hover .service-block-image {
   transform: none !important;
   transition: none !important;
 }

 /* ── Custom scroll overrides ────────────────────────────────────────── */
 .section-content {
   scroll-behavior: smooth !important;
   -webkit-overflow-scrolling: touch !important;
 }

 .section-content::-webkit-scrollbar {
   width: 6px !important;
   height: 6px !important;
 }

 .section-content::-webkit-scrollbar-track {
   background: transparent !important;
   margin: 20px 0 !important;
 }

 .section-content::-webkit-scrollbar-thumb {
   background-color: rgba(26, 26, 26, 0.25) !important;
   border-radius: 10px !important;
 }

 .section-content::-webkit-scrollbar-thumb:hover {
   background-color: rgba(26, 26, 26, 0.55) !important;
 }

 .hero-card-top-tab::before {
   content: "";
   position: absolute;
   top: 0;
   left: -20px;
   width: 20px;
   height: 20px;
   background: transparent;
   border-top-right-radius: 20px;
   box-shadow: 10px -10px 0 10px var(--yellow);
   pointer-events: none;
 }

 .hero-card-top-tab::after {
   content: "";
   position: absolute;
   top: 0;
   right: -20px;
   width: 20px;
   height: 20px;
   background: transparent;
   border-top-left-radius: 20px;
   box-shadow: -10px -10px 0 10px var(--yellow);
   pointer-events: none;
 }

 .trails-carousel-section {
   position: relative;
   width: 100%;
   padding: 10px 10px 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
   overflow: hidden;
   box-sizing: border-box;
 }

 .trails-carousel-container {
   position: relative;
   width: 100%;
   max-width: 800px;
   height: 380px;
   display: flex;
   align-items: center;
   /*justify-content: center;*/
 }

 .trail-cards-stack {
   position: relative;
   width: 100%;
   max-width: 300px;
   height: 340px;
   display: flex;
   align-items: center;
   justify-content: center;
   perspective: 1000px;
 }

 .trail-cards-stack .trail-card-item {
   position: absolute;
   width: 100%;
   height: 340px;
   margin: 0;
   box-sizing: border-box;
   background: #ffffff;
   border: 1.5px solid var(--black);
   border-radius: 20px;
   padding: 12px;
   text-decoration: none;
   color: var(--black);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),
     opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1),
     box-shadow 0.3s ease;
   pointer-events: none;
   opacity: 0;
   z-index: 1;
 }

 .trail-cards-stack .trail-card-item h2 {
   font-size: 22px;
   font-family: var(--switzer);
   text-transform: capitalize;
   margin-top: 0;
   margin-bottom: 2px;
   display: flex;
   align-items: center;
   gap: 6px;
 }

 .trail-cards-stack .trail-card-item p {
   font-family: var(--switzer);
   color: var(--black);
   margin-top: 0;
   margin-bottom: 6px;
 }

 .trail-cards-stack .trail-card-item:hover {
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .trail-cards-stack .trail-card-item.state-active {
   transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
   opacity: 1;
   z-index: 10;
   pointer-events: auto;
   touch-action: pan-y;
 }

 .trail-cards-stack .trail-card-item.state-next {
   transform: translate3d(50px, 12px, 0) rotate(5deg) scale(0.93);
   opacity: 0.85;
   z-index: 8;
   pointer-events: none;
 }

 .trail-cards-stack .trail-card-item.state-prev {
   transform: translate3d(-50px, 12px, 0) rotate(-5deg) scale(0.93);
   opacity: 0.85;
   z-index: 8;
   pointer-events: none;
 }

 .trail-cards-stack .trail-card-item.state-far-next {
   transform: translate3d(90px, 24px, 0) rotate(10deg) scale(0.86);
   opacity: 0.45;
   z-index: 6;
   pointer-events: none;
 }

 .trail-cards-stack .trail-card-item.state-far-prev {
   transform: translate3d(-90px, 24px, 0) rotate(-10deg) scale(0.86);
   opacity: 0.45;
   z-index: 6;
   pointer-events: none;
 }

 .trail-cards-stack .trail-card-item.state-hidden {
   transform: translate3d(0, 40px, 0) rotate(0) scale(0.7);
   opacity: 0;
   z-index: 1;
   pointer-events: none;
 }

 .trail-cards-stack .trail-card-item.is-dragging {
   transition: none !important;
   z-index: 100 !important;
 }

 .trail-card-image {
   width: 100%;
   height: 160px;
   object-fit: cover;
   display: block;
 }

 .carousel-btn {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 46px;
   height: 46px;
   border-radius: 50%;
   background: var(--yellow);
   border: 1.5px solid var(--black);
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 25;
   transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
   color: var(--black);
 }

 .carousel-btn:hover {
   background: #ffffff;
   transform: translateY(-50%) scale(1.05);
 }

 .carousel-btn:active {
   transform: translateY(-50%) scale(0.95);
 }

 .carousel-btn.prev-btn {
   left: 20px;
 }

 .carousel-btn.next-btn {
   right: 20px;
 }

 .carousel-thumbnails {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 24px;
   z-index: 20;
   position: relative;
   flex-wrap: wrap;
   max-width: 100%;
   padding: 0 16px;
 }

 .thumbnail-dot {
   width: 44px;
   height: 44px;
   border-radius: 10px;
   border: 1.5px solid rgba(0, 0, 0, 0.15);
   background: #f0f0f0;
   padding: 0;
   cursor: pointer;
   overflow: hidden;
   transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275),
     border-color 0.25s ease,
     box-shadow 0.25s ease;
   position: relative;
 }

 .thumbnail-dot img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .thumbnail-dot:hover {
   transform: translateY(-2px) scale(1.08);
   border-color: var(--black);
 }

 .thumbnail-dot.active {
   border-color: var(--black);
   background: var(--yellow);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
   transform: translateY(-4px) scale(1.15);
 }

 @media screen and (max-width: 767px) {
   .trails-carousel-container {
     height: 340px;
   }

   .trail-cards-stack {
     max-width: 270px;
     height: 300px;
   }

   .trail-cards-stack .trail-card-item {
     height: 300px;
     padding: 10px;
   }

   .trail-card-image {
     height: 130px;
   }

   .carousel-btn {
     width: 38px;
     height: 38px;
   }

   .carousel-btn.prev-btn {
     left: 10px;
   }

   .carousel-btn.next-btn {
     right: 10px;
   }

   .trail-cards-stack .trail-card-item.state-next {
     transform: translate3d(25px, 8px, 0) rotate(3deg) scale(0.93);
   }

   .trail-cards-stack .trail-card-item.state-prev {
     transform: translate3d(-25px, 8px, 0) rotate(-3deg) scale(0.93);
   }

   .trail-cards-stack .trail-card-item.state-far-next {
     transform: translate3d(45px, 16px, 0) rotate(6deg) scale(0.86);
   }

   .trail-cards-stack .trail-card-item.state-far-prev {
     transform: translate3d(-45px, 16px, 0) rotate(-6deg) scale(0.86);
   }
 }

 /* ── Desktop & Global Styles (Outside Media Query) ──────────────────────── */
 .trail-card-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid rgba(0, 0, 0, 0.08);
   padding-top: 5px;
   margin-top: 5px;
 }

 .count-trails {
   display: flex;
   align-items: center;
   display: flex;
   justify-content: center;
   width: 100%;
   text-align: center;
 }

 .hero-ticket-footer {
   font-family: var(--switzer);
   font-size: 11px;
   font-weight: 900;
   text-transform: uppercase;
   color: var(--black);
   letter-spacing: 0.8px;
   line-height: 1.3;
 }

 /* ── Hero Freelancer Profile Card Styles ──────────────────────────────── */
 .hero-card {
   background-color: #ffffff !important;
   background-image: none !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: space-between !important;
   height: 100% !important;
   min-height: 500px !important;
   box-sizing: border-box !important;
   padding: 12px !important;
   border-radius: 24px !important;
   border: 1.5px solid var(--black) !important;
   position: relative !important;
   overflow: hidden !important;
   max-height: 560px !important;
   flex-shrink: 0 !important;
 }

 .hero-cover-banner {
   width: 100%;
   height: 130px;
   background-size: cover;
   background-position: center;
   border-radius: 16px;
   box-sizing: border-box;
 }

 .hero-avatar-wrapper {
   position: relative;
   width: 80px;
   height: 80px;
   margin-top: -40px;
   margin-left: 16px;
   border-radius: 50%;
   border: 3px solid #ffffff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   box-sizing: border-box;
   background: #ffffff;
   z-index: 10;
 }

 .hero-avatar-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .hero-title-row {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   width: 100%;
   padding: 12px 16px 0;
   box-sizing: border-box;
 }

 .hero-name-col {
   display: flex;
   flex-direction: column;
   text-align: left;
   flex: 1;
   padding-right: 12px;
 }

 .hero-freelancer-name {
   font-family: var(--switzer);
   font-size: 24px;
   font-weight: 900;
   color: var(--black);
   margin: 0 0 4px 0;
   text-transform: capitalize;
   line-height: 1.2;
 }

 .hero-freelancer-bio {
   font-family: var(--switzer);
   font-size: 13px;
   color: var(--black);
   opacity: 0.6;
   margin: 0;
   line-height: 1.4;
 }

 .inspired-bookmark-btn {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   border: 1.5px solid var(--black);
   background: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: transform 0.2s, background 0.2s;
   color: var(--black);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
   flex-shrink: 0;
 }

 .inspired-bookmark-btn:hover {
   transform: scale(1.05);
   background: #faf8f5;
 }

 .inspired-bookmark-btn svg {
   width: 18px;
   height: 18px;
 }

 .hero-badge-row {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   padding: 8px 16px;
   width: 100%;
   box-sizing: border-box;
 }

 .hero-badge-row .badge-pill {
   background: #faf8f5;
   border: 1.5px solid var(--black);
   border-radius: 12px;
   padding: 4px 10px;
   font-family: var(--switzer);
   font-size: 10px;
   font-weight: 900;
   text-transform: uppercase;
   color: var(--black);
   letter-spacing: 0.5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
 }

 .hero-stats-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 12px 16px;
   box-sizing: border-box;
   gap: 8px;
   margin-bottom: auto;
 }

 .ticket-counter-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   flex: 1;
   background-color: var(--yellow) !important;
   border: 2px solid var(--black) !important;
   border-radius: 16px;
   padding: 10px 4px;
   box-sizing: border-box;
   box-shadow: 2px 2px 0px var(--black);
   transition: transform 0.2s;
   color: var(--black);
 }

 .ticket-counter-box:hover {
   transform: translateY(-2px);
 }

 .ticket-counter-box svg {
   margin-bottom: 2px;
   color: var(--black);
   opacity: 0.8;
 }

 .ticket-top-label {
   font-family: var(--switzer);
   font-size: 8px;
   font-weight: 900;
   text-transform: uppercase;
   color: var(--black);
   opacity: 0.6;
   letter-spacing: 0.5px;
   margin-bottom: 2px;
   line-height: 1.1;
 }

 .ticket-large-val {
   font-family: var(--switzer);
   font-size: 24px;
   font-weight: 900;
   color: var(--black);
   line-height: 1;
   margin: 2px 0;
 }

 .ticket-bottom-label {
   font-family: var(--switzer);
   font-size: 7.5px;
   font-weight: 900;
   text-transform: uppercase;
   color: var(--black);
   letter-spacing: 0.5px;
   margin-top: 2px;
   line-height: 1.1;
 }

 /* ── Hero Action Button ── */
 .hero-action-row {
   width: 100%;
   padding: 0 16px 12px;
   box-sizing: border-box;
 }

 .hero-action-btn {
   display: block;
   width: 100%;
   background: var(--black);
   color: #ffffff;
   border: 1.5px solid var(--black);
   border-radius: 16px;
   padding: 14px 0;
   text-align: center;
   font-family: var(--switzer);
   font-size: 13px;
   font-weight: 900;
   text-decoration: none;
   box-sizing: border-box;
   transition: transform 0.2s, opacity 0.2s;
 }

 .hero-action-btn:hover {
   transform: translateY(-2px);
   opacity: 0.9;
 }

 /* ── Trail Boarding-Pass Stubs ──────────────────────────────────────── */
 .trail-pass-list {
   display: flex;
   flex-direction: column;
   gap: 6px;
   padding: 14px 12px 14px;
   background: #faf8f5;
 }

 .trail-pass-stub {
   display: flex;
   align-items: center;
   gap: 0;
   background-color: var(--pass-bg, #fbe63f);
   border: 2px solid #1a1a1a;
   border-radius: 14px;
   padding: 10px 14px;
   text-decoration: none;
   color: #1a1a1a;
   box-shadow: 3px 3px 0px #1a1a1a;
   transition: transform 0.15s ease, box-shadow 0.15s ease;
   overflow: hidden;
   position: relative;
   box-sizing: border-box;
 }

 .trail-pass-stub:hover {
   transform: translate(-2px, -2px);
   box-shadow: 5px 5px 0px #1a1a1a;
 }

 /* Left column: sub-label / 3-letter code / full name */
 .trail-pass-left {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   min-width: 54px;
   flex-shrink: 0;
 }

 .trail-pass-left .trail-pass-sublabel {
   font-family: var(--switzer);
   font-size: 8px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   opacity: 0.55;
   line-height: 1;
   margin-bottom: 1px;
 }

 .trail-pass-left .trail-pass-code {
   font-family: var(--switzer);
   font-size: 26px;
   font-weight: 900;
   letter-spacing: -1px;
   line-height: 1;
   color: #1a1a1a;
 }

 .trail-pass-left .trail-pass-name {
   font-family: var(--switzer);
   font-size: 8px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   opacity: 0.55;
   line-height: 1;
   margin-top: 1px;
 }

 /* Middle: dashed line + icon SVG */
 .trail-pass-mid {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 4px;
   overflow: hidden;
 }

 .trail-pass-path-svg {
   width: 100%;
   max-width: 120px;
   height: 28px;
 }

 /* Right column: count + labels */
 .trail-pass-right {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   min-width: 54px;
   flex-shrink: 0;
 }

 .trail-pass-right .trail-pass-sublabel {
   font-family: var(--switzer);
   font-size: 8px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   opacity: 0.55;
   line-height: 1;
   margin-bottom: 1px;
 }

 .trail-pass-right .trail-pass-count {
   font-family: var(--switzer);
   font-size: 26px;
   font-weight: 900;
   letter-spacing: -1px;
   line-height: 1;
   color: #1a1a1a;
 }

 .trail-pass-right .trail-pass-name {
   font-family: var(--switzer);
   font-size: 8px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   opacity: 0.55;
   line-height: 1;
   margin-top: 1px;
 }

 /* ==========================================
   SHARE PROFILE POPUP & TOAST NOTIFICATION
   ========================================== */

 .share-overlay-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.15);
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
   z-index: 10000;
   display: none;
   opacity: 0;
   transition: opacity 0.25s ease;
 }

 .share-overlay-backdrop.active {
   display: block;
   opacity: 1;
 }

 .share-popup-card {
   position: absolute;
   width: 320px;
   background: #ffffff;
   border-radius: 24px;
   border: 1.5px solid var(--black);
   box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12);
   padding: 16px;
   box-sizing: border-box;
   animation: sharePopupIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
   z-index: 10001;
 }

 @keyframes sharePopupIn {
   from {
     opacity: 0;
     transform: scale(0.9) translateY(10px);
   }

   to {
     opacity: 1;
     transform: scale(1) translateY(0);
   }
 }

 .share-popup-arrow {
   position: absolute;
   bottom: -9px;
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
   width: 16px;
   height: 16px;
   background: #ffffff;
   border-right: 1.5px solid var(--black);
   border-bottom: 1.5px solid var(--black);
   z-index: 10002;
 }

 .share-option-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 12px;
   border-radius: 16px;
   margin-bottom: 6px;
   text-decoration: none;
   color: var(--black);
   transition: background 0.2s ease, transform 0.15s ease;
   cursor: pointer;
 }

 .share-option-row:hover {
   background: #faf8f5;
   transform: translateX(4px);
 }

 .share-brand-info {
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .share-brand-icon {
   width: 28px;
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;
   transition: transform 0.2s ease;
 }

 .share-option-row:hover .share-brand-icon {
   transform: scale(1.1);
 }

 .share-brand-name {
   font-family: var(--switzer);
   font-size: 14px;
   font-weight: 700;
   color: var(--black);
 }

 .share-row-actions {
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .action-btn-circle {
   width: 26px;
   height: 26px;
   border-radius: 50%;
   background: #f0f0f0;
   border: 1px solid rgba(0, 0, 0, 0.05);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #7a7a7a;
   cursor: pointer;
   transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   padding: 0;
   font-size: 12px;
 }

 .action-btn-circle:hover {
   background: #e0e0e0;
   color: var(--black);
   transform: scale(1.1);
 }

 .share-option-row:hover .action-btn-circle.arrow-btn {
   background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   color: #ffffff;
   border-color: transparent;
   box-shadow: 0 4px 10px rgba(220, 39, 67, 0.3);
 }

 .share-option-row.row-whatsapp:hover .action-btn-circle.arrow-btn {
   background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
   color: #ffffff;
   border-color: transparent;
   box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);
 }

 .share-option-row.row-facebook:hover .action-btn-circle.arrow-btn {
   background: linear-gradient(135deg, #1877F2 0%, #0056b3 100%);
   color: #ffffff;
   border-color: transparent;
   box-shadow: 0 4px 10px rgba(24, 119, 242, 0.3);
 }

 .share-option-row.row-twitter:hover .action-btn-circle.arrow-btn {
   background: linear-gradient(135deg, #161721 0%, #43444f 100%);
   color: #ffffff;
   border-color: transparent;
   box-shadow: 0 4px 10px rgba(22, 23, 33, 0.3);
 }

 .share-option-row.row-email:hover .action-btn-circle.arrow-btn {
   background: linear-gradient(135deg, #ea4335 0%, #c5221f 100%);
   color: #ffffff;
   border-color: transparent;
   box-shadow: 0 4px 10px rgba(234, 67, 53, 0.3);
 }

 .share-card-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 14px;
   padding-top: 12px;
   border-top: 1px solid rgba(0, 0, 0, 0.08);
 }

 .share-status-dropdown {
   font-family: var(--switzer);
   font-size: 11px;
   font-weight: 700;
   color: #7a7a7a;
   display: flex;
   align-items: center;
   gap: 4px;
   cursor: pointer;
   transition: color 0.2s ease;
 }

 .share-status-dropdown:hover {
   color: var(--black);
 }

 .share-copy-pill {
   background: #f0f0f0;
   border: 1.5px solid transparent;
   padding: 6px 14px;
   border-radius: 20px;
   font-family: var(--switzer);
   font-size: 11px;
   font-weight: 900;
   color: #5a5a5a;
   cursor: pointer;
   transition: all 0.2s ease;
 }

 .share-copy-pill:hover {
   background: var(--black);
   color: #ffffff;
   transform: translateY(-1px);
 }

 @media screen and (max-width: 767px) {
   .share-popup-card {
     position: fixed;
     bottom: 24px;
     left: 50% !important;
     transform: translateX(-50%) !important;
     top: auto !important;
     animation: sharePopupMobileIn 0.3s cubic-bezier(0.25, 1, 0.5, 1);
   }

   .share-popup-arrow {
     display: none;
   }
 }

 @keyframes sharePopupMobileIn {
   from {
     opacity: 0;
     transform: translate(-50%, 30px);
   }

   to {
     opacity: 1;
     transform: translate(-50%, 0);
   }
 }

 .share-toast {
   position: fixed;
   bottom: 24px;
   left: 50%;
   transform: translateX(-50%) translateY(40px);
   background: var(--black);
   color: #ffffff;
   padding: 12px 24px;
   border-radius: 16px;
   font-family: var(--switzer);
   font-size: 13px;
   font-weight: 900;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
   z-index: 10100;
   opacity: 0;
   pointer-events: none;
   transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .share-toast.show {
   transform: translateX(-50%) translateY(0);
   opacity: 1;
 }

 .share-toast svg {
   color: var(--yellow);
 }