.journey-overlay{position:absolute;top:4px;left:0;right:400px;z-index:100;pointer-events:none;padding:20px 24px;display:flex;flex-direction:column;gap:11px}.journey-top-row{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:auto;min-height:45px}.journey-progress-line{width:100%;pointer-events:auto;margin-bottom:2px}.journey-progress-track{position:relative;width:100%;height:6px;background:#fff3;border-radius:100px;overflow:visible;box-shadow:0 2px 6px #0000001a}.journey-progress-filled{position:absolute;left:0;top:0;height:100%;width:var(--progress, 0%);background:var(--brand-primary);border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px rgba(var(--brand-primary-rgb),.4)}.journey-progress-marker{position:absolute;left:var(--progress, 0%);top:50%;transform:translate(-50%,-50%);width:24px;height:6px;background:radial-gradient(ellipse,#fff,#ffffffe6,#ffffff4d);border-radius:100px;transition:left .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #fff9,0 0 16px #fff6,0 0 24px #fff3;animation:marker-pulse 2s ease-in-out infinite}.journey-progress-marker:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:radial-gradient(ellipse,rgba(255,255,255,.2) 0%,rgba(255,255,255,.1) 40%,transparent 70%);border-radius:100px;animation:marker-ripple 2s ease-out infinite}@keyframes marker-pulse{0%,to{box-shadow:0 0 8px #fff9,0 0 16px #fff6,0 0 24px #fff3;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 12px #ffffffb3,0 0 20px #ffffff80,0 0 32px #ffffff40;transform:translate(-50%,-50%) scale(1.08)}}@keyframes marker-ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.journey-btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:50%;background:linear-gradient(145deg,rgba(var(--brand-primary-rgb),.92),rgba(var(--brand-primary-rgb),.85));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--brand-secondary, #f5ee83);border:1px solid rgba(var(--brand-secondary-rgb),.15);box-shadow:0 4px 16px #00000026,0 1px 3px #0000001a,inset 0 1px #ffffff14;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.journey-btn:hover:not(:disabled){transform:scale(1.08) translateY(-1px);box-shadow:0 8px 24px #0003,0 2px 6px #0000001f,inset 0 1px #ffffff1f;border-color:rgba(var(--brand-secondary-rgb),.3)}.journey-btn:focus-visible{outline:2px solid var(--brand-secondary, #f5ee83);outline-offset:3px}.journey-btn:active:not(:disabled){transform:scale(.96);transition:transform .1s ease}.journey-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.2)}.journey-btn svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.journey-btn-nav{width:52px;height:52px}.journey-btn-nav svg{width:24px;height:24px}.journey-btn-next:not(:disabled){background:linear-gradient(145deg,rgba(var(--brand-primary-rgb),.95),rgba(var(--brand-primary-rgb),.88));border-color:rgba(var(--brand-secondary-rgb),.25)}.journey-btn-next:not(:disabled):hover{box-shadow:0 8px 28px #00000038,0 0 20px rgba(var(--brand-secondary-rgb),.2)}.journey-nav{display:flex;align-items:center;gap:10px}.journey-counter{position:absolute;right:0;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;color:rgba(var(--brand-secondary-rgb),.9);background:linear-gradient(145deg,rgba(var(--brand-primary-rgb),.88),rgba(var(--brand-primary-rgb),.78));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 16px;border-radius:100px;border:1px solid rgba(var(--brand-secondary-rgb),.12);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0f;letter-spacing:.03em;font-variant-numeric:tabular-nums}.journey-counter-current{font-weight:700}.journey-counter-separator{margin:0 5px;opacity:.45;font-weight:400}.journey-counter-total{opacity:.6;font-weight:500}.journey-info{display:flex;flex-direction:column;align-items:center;gap:6px;background:#683431;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:18px 32px;border-radius:18px;margin:0 auto;max-width:85%;text-align:center;pointer-events:auto;border:1px solid rgba(var(--brand-secondary-rgb),.12);box-shadow:0 12px 40px #00000026,0 2px 6px #00000014,inset 0 1px #ffffff14;animation:info-appear .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.journey-info:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--brand-secondary-rgb),.35) 50%,transparent 100%)}@keyframes info-appear{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.journey-info-name{font-family:Outfit,system-ui,sans-serif;font-size:22px;font-weight:700;color:var(--brand-secondary, #f5ee83);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.15)}.journey-info-location{font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:500;color:rgba(var(--brand-secondary-rgb),.7);letter-spacing:.02em}.journey-info-narrative{font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:400;color:rgba(var(--brand-secondary-rgb),.8);line-height:1.55;margin-top:10px;padding-top:12px;border-top:1px solid rgba(var(--brand-secondary-rgb),.12);max-width:340px}.journey-keyboard-hint{position:relative;margin:8px auto 0;display:flex;align-items:center;gap:8px;font-family:Outfit,system-ui,sans-serif;font-size:12px;color:rgba(var(--brand-secondary-rgb),.55);background:rgba(var(--brand-primary-rgb),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:8px;pointer-events:none;opacity:0;animation:hint-fade-translate 4s ease .5s forwards}@keyframes hint-fade-translate{0%{opacity:0;transform:translateY(6px)}20%{opacity:.85;transform:translateY(0)}75%{opacity:.6;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.journey-keyboard-hint kbd{background:rgba(var(--brand-secondary-rgb),.15);padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:600}.journey-swipe-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--brand-secondary, #f5ee83);background:linear-gradient(145deg,rgba(var(--brand-primary-rgb),.92),rgba(var(--brand-primary-rgb),.88));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 20px;border-radius:100px;border:1px solid rgba(var(--brand-secondary-rgb),.15);box-shadow:0 6px 24px #0003;pointer-events:none;z-index:200;animation:swipe-hint-fade 5s ease forwards}.journey-swipe-hint svg{width:20px;height:20px;color:var(--brand-secondary, #f5ee83);opacity:.75;animation:swipe-arrows 1.2s ease-in-out infinite}.journey-swipe-hint svg:first-child{animation-direction:reverse}@keyframes swipe-arrows{0%,to{transform:translate(0);opacity:.75}50%{transform:translate(3px);opacity:1}}@keyframes swipe-hint-fade{0%,70%{opacity:1}to{opacity:0}}@media (max-width: 768px){.journey-overlay{padding:12px 16px;right:0;gap:10px;touch-action:pan-y}.journey-top-row{padding:0 4px}.journey-progress-track{height:5px}.journey-progress-marker{width:20px;height:5px}.journey-btn-nav{width:48px;height:48px}.journey-btn-nav svg{width:22px;height:22px}.journey-counter{font-size:13px;padding:8px 12px;display:flex;align-items:center}.journey-counter-current,.journey-counter-separator,.journey-counter-total{font-size:0;display:inline-block}.journey-counter-current:after{content:attr(data-value);font-size:13px;font-weight:700}.journey-counter-separator{margin:0}.journey-counter-separator:after{content:"/";font-size:13px;opacity:.7}.journey-counter-total{opacity:1}.journey-counter-total:after{content:attr(data-value);font-size:13px;opacity:1}.journey-info{padding:14px 24px;max-width:92%;border-radius:14px}.journey-info-name{font-size:17px}.journey-info-location{font-size:12px}.journey-info-narrative,.journey-keyboard-hint{display:none}.journey-swipe-hint{bottom:80px;padding:8px 16px;font-size:12px}}@media (max-width: 380px){.journey-progress-track{height:4px}.journey-progress-marker{width:16px;height:4px}.journey-btn-nav{width:44px;height:44px}.journey-counter{font-size:12px;padding:6px 10px}}@media (max-width: 768px) and (orientation: landscape){.journey-overlay{padding:8px 16px;gap:6px}.journey-info{display:none}.journey-swipe-hint{bottom:16px}.journey-controls{gap:8px}.journey-btn-nav{width:42px;height:42px}}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Outfit-VariableFont.woff2) format("woff2")}:root{--milpa-green: rgb(36 74 59);--milpa-yellow: #f5ee83;--milpa-brown: rgb(114 93 70);--milpa-light-green: rgb(118 141 111);--brand-primary: rgb(36, 74, 59);--brand-secondary: #f5ee83;--brand-primary-rgb: 36, 74, 59;--brand-secondary-rgb: 245, 238, 131;--foliage: #2a5844;--sweet-corn: #f5ee83;--chestnut: #cf392b;--sorbet: #eab791;--plum: #2f151c;--producer-green: #2a5844;--retailer-red: #cf392b;--steward-plum: #2f151c;--text-light: #ffffff;--text-dark: #333333;--text-muted: #666666;--border-light: #dfdfdf;--border-hover: #bfbfbf;--focus-shadow: rgba(102, 161, 130, .5);--navbar-bg: var(--brand-primary);--searchbar-bg: var(--brand-primary);--select-focus-border: #66a182;--search-radius: 8px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Outfit,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.-inset-2\.5{top:-.625rem;right:-.625rem;bottom:-.625rem;left:-.625rem}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-10{margin-left:2.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-2\/5{height:40%}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-96{max-height:24rem}.min-h-\[44px\]{min-height:44px}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-96{width:24rem}.w-full{width:100%}.w-px{width:1px}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-r-transparent{border-right-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pr-20{padding-right:5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.layout-main{height:95%;position:relative;overflow:hidden}.dashboard{height:100%;overflow:hidden}.navbar{display:flex;align-items:center;justify-content:space-between}.map-component{width:100%;height:100%;overflow:hidden;position:relative}.map-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}html,body{margin:0;padding:0;overflow:hidden;height:100%;width:100%;font-family:Outfit,system-ui,sans-serif;background-color:var(--milpa-light-green)}#root{height:100%;width:100%;overflow:hidden;background-color:var(--milpa-light-green)}.layout-navbar{height:10%}.layout-main{height:100%;overflow:hidden;position:relative;z-index:1}.navbar-brown{background-color:var(--milpa-brown)}.navbar-milpa-green{background:var(--brand-primary);border-bottom:1px solid rgba(var(--brand-secondary-rgb),.1);box-shadow:0 2px 12px #00000014}.selector-brown{background-color:var(--milpa-brown);color:var(--text-light);outline:var(--text-light);-moz-text-align-last:center;text-align-last:center}.selector-milpa-green{background-color:var(--brand-primary);color:var(--brand-secondary);outline:var(--brand-secondary);-moz-text-align-last:center;text-align-last:center}.pad-top-10px{padding-top:10px}.milpa-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg fill='%23f5ee83' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--brand-secondary);border-radius:var(--search-radius);padding:8px 30px 8px 12px;color:var(--brand-secondary);font-size:14px;outline:var(--brand-secondary);transition:border-color .3s,box-shadow .3s;cursor:pointer}.milpa-select:hover{border-color:var(--brand-secondary);opacity:.9}.milpa-select:focus{border-color:var(--brand-secondary);box-shadow:0 0 5px var(--focus-shadow)}.milpa-select option{background-color:var(--text-light);color:var(--text-dark);padding:8px}.searchbar-milpa-green{border-radius:var(--search-radius);background-color:var(--searchbar-bg);color:var(--brand-secondary);outline:var(--brand-secondary);-moz-text-align-last:left;text-align-last:left}.searchbar-milpa-green input{color:var(--brand-secondary)}.searchbar-milpa-green input::-moz-placeholder{color:var(--brand-secondary);opacity:.7}.searchbar-milpa-green input::placeholder{color:var(--brand-secondary);opacity:.7}@media (max-width: 768px){.navbar-milpa-green{padding-bottom:0}.searchbar-milpa-green{margin:0}.milpa-menu-link{display:block;border-radius:8px;transition:all .2s ease}.milpa-menu-link:after{display:none}.milpa-menu-link:hover{background-color:rgba(var(--brand-secondary-rgb),.1)}.milpa-menu-link:active{background-color:rgba(var(--brand-secondary-rgb),.2);transform:scale(.98)}}@media (max-width: 768px){.navbar-milpa-green .xl\:hidden>button,.navbar-milpa-green .xl\:hidden button{border:none!important;box-shadow:none!important;background-color:transparent!important;color:var(--brand-secondary)!important}}.searchbar-milpa-green input[type=checkbox]{accent-color:var(--brand-primary)}.searchbar-milpa-green .filter-dropdown{background-color:#fff;color:var(--text-dark)}.mapboxgl-popup-close-button{right:2px;top:-4px}.milpa-menu-link{position:relative;transition:color .25s cubic-bezier(.34,1.56,.64,1)}.milpa-menu-link:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:2px;background-color:var(--brand-secondary);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.34,1.56,.64,1);border-radius:1px}.milpa-menu-link:hover{color:var(--brand-secondary)!important;opacity:1}.milpa-menu-link:hover:after{transform:scaleX(1)}.milpa-menu-link:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:4px;border-radius:6px}.milpa-loading-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--milpa-light-green)}.map-container,.map-component{position:relative;z-index:0}.milpa-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--brand-secondary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mapboxgl-popup-content{padding:7px 14px!important;border-radius:4px;cursor:pointer;background-color:rgba(var(--brand-secondary-rgb),.75);color:var(--brand-primary);font-family:Outfit,system-ui,sans-serif;font-weight:700;box-shadow:0 4px 6px #0000004d,0 0 0 1px #0000001a}.mapboxgl-popup-content:hover{cursor:pointer;background-color:rgba(var(--brand-secondary-rgb),.85);box-shadow:0 8px 18px #00000017,0 0 0 1px #0000001c}.permanent-popup .mapboxgl-popup-content,.permanent-popup.selected-popup .mapboxgl-popup-content{color:#683431!important}.mapboxgl-popup-tip{width:0;height:0;border:7px solid transparent}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-bottom-color:rgba(var(--brand-secondary-rgb),.75);border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-top-color:rgba(var(--brand-secondary-rgb),.75);border-bottom:none}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:rgba(var(--brand-secondary-rgb),.75);border-left:none}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:rgba(var(--brand-secondary-rgb),.75);border-right:none}.selected-popup .mapboxgl-popup-content{background-color:rgba(var(--brand-secondary-rgb),.95);box-shadow:0 6px 12px #0006,0 0 0 2px rgba(var(--brand-secondary-rgb),.5);transform:scale(1.05)}.selected-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.selected-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.selected-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-bottom-color:rgba(var(--brand-secondary-rgb),.95)}.selected-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.selected-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.selected-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-top-color:rgba(var(--brand-secondary-rgb),.95)}.selected-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:rgba(var(--brand-secondary-rgb),.95)}.selected-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:rgba(var(--brand-secondary-rgb),.95)}.sidebar-visible-scrollbar{scrollbar-width:thick;scrollbar-color:#c4c4c4 transparent}.mapboxgl-map [class*=circle]{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mapboxgl-canvas-container{cursor:default}.mapboxgl-canvas-container:active{cursor:grabbing}.sidebar-visible-scrollbar::-webkit-scrollbar{width:1px}.sidebar-visible-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-visible-scrollbar::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:3px}.sidebar-visible-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.sidebar-details{--sidebar-bg: #e7e6e4;--sidebar-text: #2d2d2d;--sidebar-text-muted: #6b6b6b;--sidebar-accent: #e87c58;--sidebar-accent-dark: #683431;--sidebar-card-bg: rgba(255, 255, 255, .65);--sidebar-border: rgba(0, 0, 0, .06);background:transparent;padding-bottom:80px;animation:sidebar-fade-in .5s ease-out}@keyframes sidebar-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-hero{position:relative;width:100%;overflow:visible}.sidebar-hero-image{position:relative;width:100%;height:260px;overflow:hidden}@media (max-width: 768px){.sidebar-hero-image{height:200px}}.sidebar-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.sidebar-hero:hover .sidebar-hero-image img{transform:scale(1.03)}.sidebar-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 140% 80% at 50% 100%,rgba(231,230,228,1) 0%,rgba(231,230,228,.9) 25%,rgba(231,230,228,.4) 45%,transparent 85%)}@media (max-width: 768px){.bottom-sheet .sidebar-hero-overlay{background:linear-gradient(to bottom,rgba(231,230,228,.6) 0%,rgba(231,230,228,.15) 8%,transparent 18%),radial-gradient(ellipse 140% 80% at 50% 100%,rgba(231,230,228,1) 0%,rgba(231,230,228,.9) 25%,rgba(231,230,228,.4) 45%,transparent 85%)}.bottom-sheet .sidebar-hero-image{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform-origin:top}.bottom-sheet .sidebar-hero-content{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.bottom-sheet[data-snap=peek] .sidebar-hero-image{height:0!important;opacity:0;transform:scaleY(0)}.bottom-sheet[data-snap=peek] .sidebar-hero-content{opacity:0;pointer-events:none}.bottom-sheet[data-snap=read] .sidebar-hero-image{height:180px!important;opacity:1;transform:scaleY(1)}.bottom-sheet[data-snap=read] .sidebar-hero-content{opacity:1;pointer-events:auto}.bottom-sheet[data-snap=deep] .sidebar-hero-image{height:320px!important;opacity:1;transform:scaleY(1)}.bottom-sheet[data-snap=deep] .sidebar-hero-content{opacity:1;pointer-events:auto}}.sidebar-hero-content{position:absolute;bottom:0;left:0;right:0;padding:20px 24px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sidebar-hero-text{flex:1;min-width:0}.sidebar-title{font-family:Outfit,system-ui,sans-serif;font-size:26px;font-weight:700;color:var(--sidebar-text)!important;line-height:1.15;letter-spacing:-.025em;margin:0;text-shadow:0 1px 3px rgba(255,255,255,.6)}.sidebar-location{font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--sidebar-text-muted)!important;margin:6px 0 0;letter-spacing:.02em;text-transform:uppercase}.sidebar-share-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--sidebar-border);color:var(--sidebar-text)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #0000000f;padding:0;position:relative}.sidebar-share-btn svg{position:absolute;top:48%;left:48%;transform:translate(-50%,-50%);width:18px;height:18px}.sidebar-share-btn:hover{transform:scale(1.05);background:#fff;color:var(--sidebar-accent)!important;box-shadow:0 4px 12px #0000001a}.sidebar-share-btn:active{transform:scale(.95)}.sidebar-content{padding:20px 24px 0;display:flex;flex-direction:column;gap:32px}.sidebar-type-badge{display:inline-flex;align-self:flex-start;padding:6px 16px;background:var(--sidebar-accent);color:#fff!important;font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;box-shadow:0 2px 12px #e87c5859}.sidebar-card{background:transparent;border:none;padding:0;box-shadow:none;transition:all .3s ease}.sidebar-description{font-family:Outfit,system-ui,sans-serif;font-size:15px;line-height:1.75;color:var(--sidebar-text)!important;margin:0;font-style:normal;letter-spacing:.005em;font-weight:400}.sidebar-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--sidebar-accent);color:#fff!important;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #e87c5859}.sidebar-cta:hover{background:#d6694a;transform:translateY(-1px);box-shadow:0 6px 20px #e87c5873}.sidebar-cta:active{transform:translateY(0)}.sidebar-cta svg{transition:transform .25s ease}.sidebar-cta:hover svg{transform:translate(4px)}.sidebar-divider{display:flex;align-items:center;justify-content:center;padding:8px 0}.sidebar-divider:before{content:"~";font-family:Outfit,system-ui,sans-serif;font-size:18px;color:var(--sidebar-text-muted);opacity:.4;letter-spacing:.3em}.sidebar-section{background:transparent;border:none;padding:0;box-shadow:none;position:relative}.sidebar-section:before{content:"";display:block;width:48px;height:2px;background:var(--sidebar-border);margin-bottom:24px;border-radius:1px}.sidebar-section-title{font-family:Outfit,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sidebar-text-muted)!important;margin:0 0 16px;padding-bottom:0;border-bottom:none}.sidebar-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sidebar-info-item{display:flex;flex-direction:column;gap:6px}.sidebar-info-label{font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:500;color:var(--sidebar-text-muted)!important;text-transform:uppercase;letter-spacing:.05em}.sidebar-info-value{font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--sidebar-text)!important}.sidebar-contact-list{display:flex;flex-direction:column;gap:8px}.sidebar-contact-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#ffffff80;border-radius:12px;border:1px solid transparent;transition:all .2s ease;text-decoration:none}.sidebar-contact-link{cursor:pointer}.sidebar-contact-link:hover{background:#fff;border-color:#e87c5833}.sidebar-contact-link:hover .sidebar-contact-icon{background:#e87c5826}.sidebar-contact-icon{width:38px;height:38px;border-radius:10px;background:#e87c581a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-accent)!important}.sidebar-contact-icon img{opacity:.85}.sidebar-contact-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sidebar-contact-label{font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:500;color:var(--sidebar-text-muted)!important;text-transform:uppercase;letter-spacing:.04em}.sidebar-contact-value{font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--sidebar-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll-indicator{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:20px 0 24px;pointer-events:none;z-index:20;background:linear-gradient(to top,#e7e6e4,#e7e6e4f2,#e7e6e400)}.sidebar-scroll-indicator svg{color:var(--sidebar-text-muted);opacity:.6}.sidebar-scroll-indicator span{color:var(--sidebar-text-muted)!important;font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;opacity:.7}.hover\:bg-opacity-80:hover{--tw-bg-opacity: .8}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:h-9{height:2.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-6{line-height:1.5rem}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:hidden{display:none}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#e7e6e4;border-radius:18px 18px 0 0;box-shadow:0 -4px 20px #00000026,0 -1px 3px #00000014;display:flex;flex-direction:column;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0);-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:height;transform:translateZ(0)}.bottom-sheet--dragging{transition:none!important}.bottom-sheet__handle-area{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none}.bottom-sheet__handle-area:active{cursor:grabbing}.bottom-sheet__handle{height:4px;background:#0003;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.bottom-sheet[data-snap=peek] .bottom-sheet__handle{width:56px;background:var(--brand-primary)}.bottom-sheet[data-snap=read] .bottom-sheet__handle{width:36px}.bottom-sheet[data-snap=deep] .bottom-sheet__handle{width:24px;background:#00000059}.bottom-sheet__handle-area:hover .bottom-sheet__handle{background:#00000059}.bottom-sheet__header{flex-shrink:0;padding:0 18px 8px;position:relative;z-index:2}.bottom-sheet__header:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:28px;background:linear-gradient(to bottom,#e7e6e4 0%,rgba(231,230,228,.85) 35%,rgba(231,230,228,.4) 65%,transparent 100%);pointer-events:none;z-index:1}.bottom-sheet__content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.journey-strip{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;flex-direction:column}.journey-strip__edge-stepper{height:env(safe-area-inset-top,0px);min-height:4px;width:100%;background:linear-gradient(to bottom,var(--brand-primary) 0%,rgba(var(--brand-primary-rgb),.9) 100%);position:relative;overflow:hidden}.journey-strip__edge-progress{position:absolute;bottom:0;left:0;height:3px;width:var(--progress, 0%);background:var(--brand-secondary);border-radius:0 2px 2px 0;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 4px rgba(var(--brand-secondary-rgb),.1)}.journey-strip__content{display:flex;align-items:center;gap:12px;padding:10px 12px 12px;position:relative;background:linear-gradient(to bottom,rgba(var(--brand-primary-rgb),.4) 0%,rgba(0,0,0,.15) 50%,transparent 100%)}.journey-strip__scroll{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.journey-strip__scroll::-webkit-scrollbar{display:none}.journey-strip__thumbs{display:flex;gap:12px;align-items:center;padding:12px}.journey-strip__thumb{position:relative;flex-shrink:0;width:44px;height:44px;padding:0;border:none;background:none;cursor:pointer;border-radius:10px;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center;overflow:visible;z-index:1}.journey-strip__thumb:active{transform:scale(.92)}.journey-strip__thumb-img{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:rgba(var(--brand-primary-rgb),1);border:2px solid transparent;transition:all .3s ease}.journey-strip__thumb-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.journey-strip__thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:700;color:var(--brand-secondary)}.journey-strip__thumb--visited .journey-strip__thumb-img{opacity:.6;border-color:#ffffff4d}.journey-strip__thumb--current{transform:scale(1.25);z-index:2;margin:0 8px}.journey-strip__thumb--current .journey-strip__thumb-img{border-color:var(--brand-secondary);border-width:3px}.journey-strip__thumb--upcoming .journey-strip__thumb-img{opacity:.8}.journey-strip__thumb-badge{position:absolute;display:flex;align-items:center;justify-content:center;font-family:Outfit,system-ui,sans-serif;font-size:10px;font-weight:700;z-index:20;pointer-events:none}.journey-strip__thumb-badge--check{top:-6px;right:-6px;width:20px;height:20px;background:#22c55e;border-radius:50%;color:#fff;border:2px solid rgba(0,0,0,.6);box-shadow:0 2px 6px #0000004d}.journey-strip__thumb-badge--check svg{width:12px;height:12px}.journey-strip__thumb-badge--number{bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--brand-primary);border-radius:9px;color:var(--brand-secondary);border:2px solid var(--brand-secondary);box-shadow:0 2px 6px #0000004d}.journey-strip__counter{flex-shrink:0;display:flex;align-items:center;gap:2px;padding:6px 10px;margin-right:12px;background:rgba(var(--brand-primary-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--brand-secondary);font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #00000026,12px 0 16px -8px #0000001a}.journey-strip__counter-current{font-weight:700}.journey-strip__counter-sep{opacity:.5}.journey-strip__counter-total{opacity:.7}.control-dock-container{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.97),rgba(var(--brand-primary-rgb),.92));border-radius:12px;box-shadow:inset 0 1px #ffffff0f,0 1px 4px #00000014;transition:box-shadow .3s ease,background .3s ease}.control-dock-container--menu-open{box-shadow:inset 0 1px #ffffff14,0 2px 12px #00000024}.control-dock-container--expand-up{flex-direction:column-reverse}.control-dock-container--expand-down{flex-direction:column}.control-dock__menu{display:flex;flex-direction:column;gap:2px;overflow:hidden;transform-origin:top;animation:menuExpand .35s cubic-bezier(.4,0,.2,1) forwards}.control-dock__menu--closing{animation:menuCollapse .3s cubic-bezier(.4,0,1,1) forwards}@keyframes menuExpand{0%{max-height:0;padding:0 8px;opacity:0;transform:scaleY(.95)}to{max-height:300px;padding:12px 8px 8px;opacity:1;transform:scaleY(1)}}@keyframes menuCollapse{0%{max-height:300px;padding:12px 8px 8px;opacity:1;transform:scaleY(1)}to{max-height:0;padding:0 8px;opacity:0;transform:scaleY(.95)}}.control-dock__menu:before{content:"";display:block;height:1px;background:rgba(var(--brand-secondary-rgb),.15);margin:0 8px 12px;animation:dividerFadeIn .3s ease forwards;animation-delay:.2s;opacity:0}.control-dock__menu--closing:before{animation:dividerFadeOut .2s ease forwards;animation-delay:0s}@keyframes dividerFadeIn{to{opacity:1}}@keyframes dividerFadeOut{0%{opacity:1}to{opacity:0}}.control-dock__menu-link{display:block;padding:10px 12px;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--brand-secondary);text-decoration:none;border-radius:6px;transition:all .2s ease;animation:menuItemFadeIn .3s ease forwards;animation-delay:.15s;opacity:0}.control-dock__menu--closing .control-dock__menu-link{animation:menuItemFadeOut .2s ease forwards;animation-delay:0s}@keyframes menuItemFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menuItemFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.control-dock__menu-link:hover,.control-dock__menu-link:active{background:rgba(var(--brand-secondary-rgb),.12);transform:translate(2px)}.control-dock__menu-link--muted{color:rgba(var(--brand-secondary-rgb),.6);font-size:12px}.control-dock__menu-divider{height:1px;background:rgba(var(--brand-secondary-rgb),.12);margin:8px;animation:menuItemFadeIn .3s ease forwards;animation-delay:.25s;opacity:0}.control-dock__menu--closing .control-dock__menu-divider{animation:dividerFadeOut .2s ease forwards;animation-delay:0s}.control-dock{display:flex;align-items:center;gap:6px;padding:4px 8px;transition:opacity .3s ease}.control-dock--traveling{opacity:.85}.control-dock__btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--brand-secondary);border-radius:10px;transition:all .2s ease;min-width:44px;min-height:44px}.control-dock__btn:disabled{opacity:.35;cursor:not-allowed}.control-dock__btn:not(:disabled):active{transform:scale(.95);background:rgba(var(--brand-secondary-rgb),.15)}.control-dock__menu-btn{position:relative;padding:8px}.control-dock__logo{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.control-dock__nav{display:flex;align-items:center;flex:1;min-width:0;gap:4px}.control-dock__nav-btn{padding:8px;position:relative}.control-dock__nav-btn svg{width:20px;height:20px}.control-dock__nav-btn--next:not(:disabled){color:var(--brand-secondary)}.control-dock__nav-btn--next:not(:disabled) svg{filter:drop-shadow(0 0 3px rgba(var(--brand-secondary-rgb),.4))}.control-dock__title-cluster{flex:1;min-width:0;min-height:44px;text-align:center;padding:0 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.control-dock__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;font-family:Outfit,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:var(--brand-secondary)}.control-dock__title:only-child{display:flex;align-items:center;justify-content:center;-webkit-line-clamp:2;line-clamp:2}.control-dock__title--complete{-webkit-line-clamp:1;line-clamp:1}.control-dock__subtitle{font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:500;color:rgba(var(--brand-secondary-rgb),.7);line-height:1;flex-shrink:0}.control-dock__nav-btn--restart{color:var(--brand-secondary)}.control-dock__nav-btn--restart svg{width:22px;height:22px}.control-dock__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.control-dock__share-btn{padding:8px}.control-dock__icon{width:20px;height:20px;transition:all .2s ease}.control-dock__icon--success{color:#22c55e}.traveling-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(var(--brand-primary-rgb),.15) 0%,transparent 70%);animation:traveling-fade 1s ease-out forwards}@keyframes traveling-fade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.traveling-overlay__content{display:flex;flex-direction:column;align-items:center;gap:16px}.traveling-overlay__line{display:flex;align-items:center;gap:8px}.traveling-overlay__dot{width:8px;height:8px;border-radius:50%;background:var(--brand-secondary);opacity:.6;animation:traveling-dot 1s ease-in-out infinite}.traveling-overlay__dot:nth-child(1){animation-delay:0ms}.traveling-overlay__dot:nth-child(2){animation-delay:.15s}.traveling-overlay__dot:nth-child(3){animation-delay:.3s}@keyframes traveling-dot{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}.traveling-overlay--reverse .traveling-overlay__line{flex-direction:row-reverse}.mobile-journey-content{min-height:0}.mobile-journey-content--animated{animation:content-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes content-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-journey-content .sidebar-details{overflow:visible}.mobile-journey-content .sidebar-hero-image img{animation:hero-fade .5s ease-out}@keyframes hero-fade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.mobile-journey-content .sidebar-hero{margin-top:-12px;position:relative}.journey-narrative{padding:16px 16px 16px 20px;margin:0 12px 12px;background:linear-gradient(to right,var(--brand-primary) 0%,var(--brand-primary) 4px,rgba(var(--brand-primary-rgb),.08) 4px,rgba(var(--brand-primary-rgb),.08) 100%);border-radius:12px;animation:narrative-enter .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes narrative-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.journey-narrative blockquote{margin:0;padding:0;font-family:Outfit,system-ui,sans-serif;font-size:15px;font-style:italic;font-weight:400;line-height:1.6;color:var(--brand-primary)}@media (max-width: 380px){.journey-strip{padding:6px 6px 0;gap:6px}.journey-strip__thumb{width:38px;height:38px}.journey-strip__thumbs{gap:10px;padding:10px}.journey-strip__thumb--current{transform:scale(1.2);margin:0 10px}.journey-strip__thumb-badge--check{width:18px;height:18px;top:-5px;right:-5px}.journey-strip__thumb-badge--number{min-width:16px;height:16px;bottom:-3px;right:-3px}.journey-strip__counter{padding:5px 8px;font-size:11px}.control-dock{gap:4px;padding:4px}.control-dock__title-cluster{min-height:40px}.control-dock__title{font-size:14px;-webkit-line-clamp:1;line-clamp:1}.control-dock__menu-btn{min-width:40px;min-height:40px;padding:6px}.control-dock__logo{width:30px;height:30px}}@media (max-height: 500px) and (orientation: landscape){.bottom-sheet{max-height:70vh}.journey-strip{padding:6px 8px 0}.journey-strip__thumb{width:36px;height:36px}.journey-strip__thumbs{padding:8px}.journey-strip__thumb--current{transform:scale(1.2);margin:0 8px}}@media (min-width: 768px){.bottom-sheet,.journey-strip,.traveling-overlay{display:none}}
