.signature-demo{color:var(--canyon-ink);position:relative}.signature-header{align-items:end;gap:var(--space-12);margin-bottom:var(--space-6);grid-template-columns:1.15fr .85fr;display:grid}.signature-header .section-label{margin-bottom:var(--space-3)}.signature-header .section-heading{font-size:var(--type-heading-lg);margin:0;line-height:1}.signature-heading-serif{font-family:var(--font-serif);letter-spacing:0;color:var(--accent);font-weight:400;display:block}.signature-lede{max-width:37ch;color:var(--stone);font-size:var(--type-body);margin:0 0 var(--space-1);text-wrap:pretty;line-height:1.65}.signature-board{border-radius:var(--radius-card);background:var(--sand);border:1px solid var(--hairline);overflow:hidden}.signature-tripbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);font-size:var(--type-body-sm);flex-wrap:wrap;display:flex}.signature-tripbar>span:first-child{align-items:center;gap:var(--space-3);font-weight:600;display:inline-flex}.signature-tripbar svg{width:16px;height:16px;color:var(--stone)}.signature-trip-region{color:var(--stone);font-size:var(--type-caption)}.signature-demo-label{color:var(--stone);font-size:var(--type-caption);margin-left:auto}.signature-stage{grid-template-columns:minmax(0,1fr) 320px;display:grid}.signature-map-cell{background:var(--surface-container);min-width:0;height:408px;position:relative}.signature-map{width:100%;height:100%;position:relative}.signature-map-canvas{width:100%;height:100%;position:absolute;inset:0}.signature-map .maplibregl-canvas{outline:none}.signature-map .maplibregl-ctrl-attrib{background:var(--glass-bg);color:var(--stone);font-size:11px}.signature-map-controls{bottom:var(--space-16);right:var(--space-4);gap:var(--space-2);z-index:2;display:flex;position:absolute}.signature-map-feedback{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-container);color:var(--stone);font-size:var(--type-body-sm);z-index:3;flex-direction:column;display:flex;position:absolute;inset:0}.signature-map-story{top:var(--space-4);left:var(--space-4);width:min(324px,100% - 32px);padding:var(--space-4);border-radius:var(--radius-inner);pointer-events:none;z-index:2;position:absolute}.signature-story-kicker{align-items:center;gap:var(--space-2);color:var(--stone);display:flex}.signature-story-kicker svg{width:16px;height:16px}.signature-map-story h3{font-size:var(--type-body);margin:var(--space-2) 0;letter-spacing:-.011em;font-weight:600;line-height:1.3}.signature-map-story p{font-size:var(--type-caption);color:var(--stone);margin:0;line-height:1.5}.signature-story-progress{gap:var(--space-1);margin-top:var(--space-3);display:flex}.signature-story-progress>span{background:var(--hairline);flex:1;height:2px}.signature-story-progress>span[data-current=true],.signature-story-progress>span[data-done=true]{background:var(--signal)}.signature-place{left:var(--space-4);bottom:var(--space-4);border-radius:var(--radius-inner);pointer-events:none;z-index:2;grid-template-columns:1fr;width:248px;margin:0;display:grid;position:absolute;overflow:hidden}.signature-place-image{background:var(--surface-container);height:112px;position:relative}.signature-place-image img{object-fit:cover;object-position:center 44%}.signature-place-caption{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.signature-place-caption>strong{font-family:var(--font-serif);font-size:var(--type-heading-sm);font-weight:400;line-height:1.3}.signature-place-caption>span:not(.signature-place-category){font-size:var(--type-caption);color:var(--stone);line-height:1.4}.signature-place-caption .signature-place-credit{font-size:11px}.signature-place-category{align-items:center;gap:var(--space-1);color:var(--stone);font-size:11px;display:none}.signature-place-category svg{width:12px;height:12px}.signature-photo-unavailable{justify-content:center;align-items:center;gap:var(--space-2);height:100%;color:var(--stone);font-size:var(--type-caption);flex-direction:column;display:flex}.signature-map-marker{z-index:1;position:absolute}.signature-map-traveler{border-radius:var(--radius-pill);background:var(--canyon-ink);width:24px;height:24px;color:var(--sand);outline:3px solid var(--sand);box-shadow:var(--elevation-2);pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute}.signature-map-traveler-icon{width:15px;height:15px}.signature-map-pin{z-index:1;position:relative}.signature-map-marker:has(.signature-map-pin[aria-pressed=true]){z-index:2}.signature-map-pin[data-state=removed]{opacity:.7}.signature-map-pin-leader{background:var(--stone);transform-origin:0;pointer-events:none;z-index:0;height:1px;position:absolute;top:50%;left:50%}.signature-map-legend{top:var(--space-4);right:var(--space-4);gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-inner);pointer-events:none;z-index:2;font-size:11px;display:flex;position:absolute}.signature-map-legend>span{align-items:center;gap:var(--space-2);display:flex}.signature-map-legend i{border-top:3px solid var(--signal);width:20px;height:0}.signature-map-legend i[data-route=direct]{border-top:2px dashed var(--stone)}.signature-map-pin-number{font-variant-numeric:tabular-nums}.signature-itinerary{padding:var(--space-5) var(--space-4);flex-direction:column;min-width:0;display:flex}.signature-itinerary-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.signature-plan-state{align-items:center;gap:var(--space-1);color:var(--stone);font-size:11px;display:inline-flex}.signature-plan-state svg{width:12px;height:12px}.signature-metrics{gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr .65fr 1.1fr;display:grid}.signature-metrics>div{gap:var(--space-1);flex-direction:column;display:flex}.signature-metrics strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:28px;font-weight:500;line-height:1}.signature-metrics strong>span{font-size:var(--type-caption);letter-spacing:0;font-weight:400}.signature-metrics>div>span{color:var(--stone);font-size:11px}.signature-endpoint{color:var(--stone);padding-block:var(--space-2);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;font-size:11px;display:flex}.signature-endpoint svg{width:12px;height:12px}.signature-stops{margin:0;padding:0;list-style:none}.signature-stop-row{align-items:center;gap:var(--space-1);min-width:0;display:flex}.signature-stop-number{color:var(--stone);flex:0 0 16px;justify-content:center;font-size:11px;display:flex}.signature-stop-row[data-selected=true] .signature-stop-number{color:var(--accent)}.signature-stop-select{text-align:left;flex:1;justify-content:flex-start;min-width:0}.signature-stop-text{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;line-height:1.25;display:flex}.signature-stop-text>span:first-child{font-size:var(--type-caption);font-weight:500}.signature-stop-row[data-active=true] .signature-stop-text>span:first-child{color:var(--accent)}.signature-stop-note{color:var(--stone);font-size:11px;font-weight:400}.signature-stop-row[data-blocked=true] .signature-stop-text>span:first-child{color:var(--stone);text-decoration:line-through}.signature-stop-skipped{color:var(--stone);font-size:11px}.signature-arrival{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--hairline);flex-direction:column;margin-top:auto;display:flex}.signature-arrival>span:first-child{font-size:var(--type-caption);font-weight:500}.signature-arrival>span:last-child{color:var(--stone);font-size:11px}.signature-controls{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.signature-scenarios{align-items:center;gap:var(--space-2);display:flex}.signature-scenarios svg,.signature-play svg{width:16px;height:16px}.signature-try{font-size:var(--type-caption);color:var(--stone);padding-right:var(--space-2)}.signature-narration{align-items:center;gap:var(--space-4);padding-block:var(--space-2);display:flex}.signature-narration .btn{flex-shrink:0}.signature-narration svg{width:18px;height:18px}.signature-narration p{color:var(--stone);font-size:var(--type-caption);margin:0;line-height:1.4}.signature-disclosure{color:var(--stone);margin:0;font-size:11px}@media (prefers-reduced-motion:no-preference){.signature-place{animation:signature-place-enter .35s var(--ease-standard) both}.signature-map-pin{transition:opacity .28s var(--ease-standard)}@keyframes signature-place-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}@media (min-width:1024px) and (max-height:850px){.signature-header{margin-bottom:var(--space-4)}.signature-header .section-heading{font-size:var(--type-heading)}.signature-map-cell{height:384px}.signature-itinerary{padding-block:var(--space-4)}.signature-metrics{margin-block:var(--space-3)}.signature-place-image{height:96px}}@media (max-width:1023px){.signature-slide{padding-block:var(--section-y)}.signature-header{gap:var(--space-6)}.signature-map-story{width:min(280px,100% - 32px)}.signature-trip-region,.signature-try{display:none}.signature-itinerary{padding-inline:var(--space-3)}.signature-header{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr}.signature-header .section-heading{font-size:var(--type-heading-lg)}.signature-lede{max-width:none}.signature-board{border-radius:var(--radius-card);flex-direction:column;display:flex}.signature-tripbar{order:0}.signature-controls{order:1}.signature-stage{order:2}.signature-map-legend{margin:0 var(--space-3) var(--space-2);grid-area:2/1;place-self:end start;position:relative;inset:auto}.signature-tripbar{gap:var(--space-2);padding:var(--space-4)}.signature-tripbar>span:first-child{font-size:var(--type-caption)}.signature-demo-label{font-size:11px}.signature-stage{grid-template-columns:1fr}.signature-map-cell{grid-template-columns:1fr;height:auto;display:grid}.signature-map{grid-area:2/1;height:clamp(320px,52vw,408px)}.signature-map-story{width:100%;padding:var(--space-4);border-radius:0;grid-area:1/1;position:relative;top:auto;left:auto}.signature-map-story p{font-size:var(--type-caption)}.signature-place{background:var(--sand);width:100%;box-shadow:none;backdrop-filter:none;border:0;border-radius:0;grid-area:3/1;grid-template-columns:104px 1fr;position:relative;bottom:auto;left:auto}.signature-place-image{height:100%;min-height:136px}.signature-place-category{display:none}.signature-place-caption{padding:var(--space-4);justify-content:center}.signature-map-controls{bottom:var(--space-16);right:var(--space-3)}.signature-itinerary{padding:var(--space-5) var(--space-4)}.signature-metrics{margin-block:var(--space-4)}.signature-stop-text>span:first-child{font-size:var(--type-body-sm)}.signature-stop-note,.signature-endpoint,.signature-arrival>span:last-child{font-size:var(--type-caption)}.signature-arrival{margin-top:var(--space-3)}.signature-controls{align-items:stretch;gap:var(--space-2);border-top:1px solid var(--hairline);flex-direction:column}.signature-scenarios{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.signature-scenarios>.btn:first-of-type{grid-column:auto}.signature-scenarios .btn{font-size:11px}.signature-scenarios svg{display:none}.signature-play{align-self:center}.signature-narration{align-items:flex-start;gap:var(--space-1);padding-block:var(--space-3);flex-direction:column}.signature-narration p{font-size:var(--type-caption)}.signature-disclosure{line-height:1.5}}.signature-map .maplibregl-ctrl-attrib-button{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:44px;height:44px}.signature-map .maplibregl-ctrl-attrib.maplibregl-compact{box-sizing:border-box;min-width:44px;min-height:44px;padding:0}.signature-map .maplibregl-ctrl-attrib.maplibregl-compact[open]{padding:var(--space-2) var(--space-12) var(--space-2) var(--space-2)}html[data-theme=dusk] .signature-map .maplibregl-ctrl-attrib-button{filter:invert()}