@import url('/tour/assets/tour-device.css');

/* Scout's existing warm paper, coral actions and small utility controls. */
.scout-tour { --tour-ink:var(--text,#25221f); --tour-muted:var(--text2,#6f6962); --tour-paper:var(--bg,#f6f2e9); --tour-surface:var(--surface,#fffdf8); --tour-line:var(--border,#d8d2c6); --tour-coral:var(--accent,#e76845); --tour-lime:#dcff43; --tour-top-offset:0px; --tour-viewport-height:var(--app-viewport-dheight,100dvh); --tour-nav-height:78px; --tour-stage-top:calc(var(--tour-top-offset) + var(--tour-nav-height) + 12px); color:var(--tour-ink); font-family:var(--ui-font,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif); width:100%; }
.scout-tour, .scout-tour *, .scout-tour *::before, .scout-tour *::after { box-sizing:border-box; }
.scout-tour [hidden] { display:none !important; }
.scout-tour button, .scout-tour a { -webkit-tap-highlight-color:transparent; }
.scout-tour button { font-family:inherit; cursor:pointer; box-shadow:none; transform:none; text-transform:none; letter-spacing:0; }
.scout-tour button:focus-visible, .scout-tour a:focus-visible, .tour-phone-wrap:focus-visible { outline:2px solid var(--tour-coral); outline-offset:3px; }
.scout-tour button:hover { opacity:1; box-shadow:none; transform:none; }
.tour-top { display:flex; align-items:center; justify-content:space-between; gap:16px; height:48px; border-bottom:1px solid var(--tour-line); }
.tour-wordmark { display:flex; align-items:center; gap:8px; color:var(--tour-ink); text-decoration:none; font:25px Georgia,serif; letter-spacing:-1px; }
.tour-wordmark-mascot { display:block; width:30px; height:30px; flex:none; overflow:visible; }
.tour-wordmark > span { margin-left:10px; padding-left:12px; border-left:1px solid var(--tour-line); color:var(--tour-muted); font:9px ui-monospace,monospace; letter-spacing:.06em; text-transform:uppercase; }
.scout-tour .tour-exit { width:auto; margin:0; min-height:44px; padding:8px 0 8px 10px; color:var(--tour-muted); background:none; border:0; border-radius:8px; font-size:12px; font-weight:500; }
.tour-exit svg { margin-left:8px; }
.tour-intro { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:var(--tour-intro-height,calc(var(--tour-viewport-height) - 48px)); width:100%; padding:56px 0 144px; overflow:hidden; scroll-margin-top:var(--tour-intro-offset,48px); }
.tour-eyebrow { margin:0 0 20px; font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; color:var(--tour-coral); }
.tour-intro-heading { position:relative; display:flex; align-items:center; gap:36px; width:100%; max-width:1100px; }
.tour-intro-heading::before { content:''; position:absolute; z-index:0; right:3%; top:4%; width:min(41vw,430px); aspect-ratio:1; border:2px solid var(--tour-coral); border-radius:50%; transform:rotate(18deg); }
.tour-intro-text { position:relative; z-index:2; flex:1; min-width:0; }
.tour-intro-text::after { content:'READY WHEN IT MATTERS'; display:inline-block; margin-top:8px; padding:10px 12px; background:var(--tour-lime); color:var(--tour-ink); font:700 10px/.9 ui-monospace,SFMono-Regular,monospace; letter-spacing:.04em; transform:rotate(-3deg); }
.tour-intro h1 { margin:0; font:800 clamp(48px,6.7vw,82px)/.89 Arial,Helvetica,sans-serif; letter-spacing:-.082em; }
.tour-intro h1 em { color:var(--tour-coral); font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.07em; }
.tour-intro-text > p:not(.tour-eyebrow) { margin:24px 0; color:var(--tour-muted); font-size:20px; line-height:1.55; }
.tour-auto-book { display:inline-block; color:var(--tour-coral); font-weight:750; animation:tour-auto-book-vibrate 4.6s ease-in-out infinite; }
@keyframes tour-auto-book-vibrate { 0%,73%,100% { transform:translate3d(0,0,0) rotate(0); } 77% { transform:translate3d(-.6px,.4px,0) rotate(-.35deg); } 81% { transform:translate3d(.6px,-.4px,0) rotate(.35deg); } 85% { transform:translate3d(-.3px,0,0) rotate(-.15deg); } 89% { transform:translate3d(.3px,0,0) rotate(.15deg); } }
.tour-notify { display:inline-block; color:var(--tour-muted); font-style:italic; font-weight:750; animation:tour-notify-vibrate 5.2s ease-in-out infinite; }
@keyframes tour-notify-vibrate { 0%,69%,100% { transform:translate3d(0,0,0) rotate(0); } 74% { transform:translate3d(.5px,-.35px,0) rotate(.3deg); } 79% { transform:translate3d(-.5px,.35px,0) rotate(-.3deg); } 84% { transform:translate3d(.25px,0,0) rotate(.12deg); } 89% { transform:translate3d(-.25px,0,0) rotate(-.12deg); } }
.scout-tour .tour-scroll-cue { position:absolute; bottom:16px; left:50%; display:grid; place-items:center; width:116px; height:116px; max-width:100%; padding:0; border:0; border-radius:8px; background:none; color:var(--tour-ink); text-decoration:none; transform:translateX(-50%); }
.tour-scroll-orbit { position:relative; display:grid; place-items:center; width:116px; height:116px; }
.tour-scroll-orbit > svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:var(--tour-ink); font:700 9px ui-monospace,SFMono-Regular,monospace; letter-spacing:.04em; }
.tour-scroll-cue .tour-scroll-circle { position:relative; width:56px; height:56px; }
.tour-scroll-cue .tour-scroll-orbit { animation:tour-scroll-cue-vibrate 4.8s ease-in-out infinite; }
@keyframes tour-scroll-cue-vibrate { 0%,72%,100% { transform:translate3d(0,0,0) rotate(0); } 76% { transform:translate3d(-1px,1px,0) rotate(-.45deg); } 80% { transform:translate3d(1px,-1px,0) rotate(.45deg); } 84% { transform:translate3d(-.5px,0,0) rotate(-.2deg); } 88% { transform:translate3d(.5px,0,0) rotate(.2deg); } }
.tour-scroll-circle { display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--tour-line); border-radius:50%; background:transparent; color:var(--tour-ink); transition:border-color 150ms,background 150ms; }
.scout-tour :is(.tour-scroll-cue,.tour-next):hover .tour-scroll-circle { border-color:var(--tour-coral); background:color-mix(in srgb,var(--tour-coral) 16%,transparent); }
.tour-arrow { flex:none; width:16px; height:16px; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.tour-scroll-circle .tour-arrow { width:20px; height:20px; color:var(--tour-muted); }
.tour-scroll-cue .tour-arrow { animation:tour-arrow-bounce 1.6s ease-in-out infinite; }
@keyframes tour-arrow-bounce { 0%,100% { transform:translateY(-3px); } 50% { transform:translateY(4px); } }
.tour-layout { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 54px; align-items:start; }
.tour-chapters { position:sticky; top:var(--tour-top-offset); z-index:6; grid-column:1/-1; display:flex; align-items:center; gap:5px; height:var(--tour-nav-height); padding:12px 0 6px; background:var(--tour-paper); border-bottom:1px solid var(--tour-line); }
.scout-tour .tour-chapter { display:flex; align-items:center; gap:9px; flex:1; min-width:0; min-height:56px; margin:0; padding:10px 14px; background:transparent; border:1px solid transparent; border-radius:4px; color:var(--tour-muted); text-align:left; font-size:16px; font-weight:500; line-height:1.3; transition:background 160ms,color 160ms; }
.scout-tour .tour-chapter[aria-current] { color:#8b3c27; background:#f5ddd3; border-color:#eed0c2; }
.scout-tour .tour-chapter:hover { background:#efebe2; }
.scout-tour .tour-chapter[aria-current]:hover { background:#f5ddd3; }
.tour-mobile-copy { display:none; }
.tour-phone-window { display:contents; }
.tour-story { grid-column:1; grid-row:2; min-width:0; }
.tour-step { min-height:calc(var(--tour-viewport-height) - var(--tour-top-offset) - var(--tour-nav-height)); display:flex; flex-direction:column; justify-content:center; padding:46px 0; scroll-margin-top:calc(var(--tour-top-offset) + var(--tour-nav-height)); }
.tour-step h2 { margin:0 0 21px; color:var(--tour-ink); font:400 clamp(31px,3.3vw,44px)/1.1 Georgia,'Times New Roman',serif; letter-spacing:-.04em; text-transform:none; }
.tour-step .tour-copy { color:var(--tour-muted); font-size:17px; line-height:1.6; margin:0; max-width:440px; }
.tour-instruction { border-top:1px solid var(--tour-line); padding-top:18px; margin-top:24px; max-width:440px; }
.tour-instruction h3 { margin:0 0 6px; font-size:19px; line-height:1.35; font-weight:600; }
.tour-instruction p { margin:0; color:var(--tour-muted); font-size:16px; line-height:1.55; }
.scout-tour .tour-next { display:flex; align-items:center; justify-content:center; align-self:center; width:46px; height:46px; min-height:44px; margin:28px 0 0; padding:0; border:0; border-radius:50%; color:var(--tour-coral); background:none; }

.tour-step h2:focus, .tour-end h2:focus { outline:none; }
.tour-stage { position:sticky; top:var(--tour-stage-top); grid-column:2; grid-row:2; min-width:0; display:flex; flex-direction:column; align-items:center; padding:16px 0 36px; }
.tour-phone-wrap { --device-height:min(650px,calc(var(--tour-viewport-height) - var(--tour-stage-top) - 112px)); position:relative; height:var(--device-height); width:calc(var(--device-height) * .59); max-width:100%; flex-shrink:0; border-radius:12px; }
.tour-phone-caption { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin:18px 0 0; font-size:10px; color:var(--tour-muted); }
.tour-caption-dot { width:4px; height:4px; border-radius:50%; background:var(--tour-coral); }
.tour-spin-hint { flex-basis:100%; margin-top:2px; text-align:center; font-size:10px; }
.tour-end { min-height:calc(var(--tour-viewport-height) - var(--tour-top-offset)); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:88px 20px 64px; border-top:1px solid var(--tour-line); scroll-margin-top:var(--tour-top-offset); }
.tour-end h2 { font:400 clamp(36px,4.5vw,56px)/1.1 Georgia,serif; letter-spacing:-.045em; text-transform:none; margin:0 0 18px; }
.tour-end .tour-end-copy { margin:0; color:var(--tour-muted); font-size:18px; line-height:1.6; }
.tour-modes { display:grid; grid-template-columns:1fr 1fr; gap:20px; width:100%; max-width:700px; margin-top:30px; text-align:left; }
.tour-mode { padding:22px; border:1px solid var(--tour-line); border-radius:4px; background:var(--tour-surface); }
.tour-mode h3 { margin:0 0 10px; color:var(--tour-ink); font:400 24px/1.15 Georgia,serif; letter-spacing:-.025em; }
.tour-mode p { margin:0; color:var(--tour-muted); font-size:16px; line-height:1.55; }
.tour-finish-wrap { display:inline-flex; align-items:center; justify-content:center; gap:20px; max-width:100%; margin:26px 0 0; }
.tour-dining { display:block; width:140px; height:auto; min-width:0; flex:0 1 140px; pointer-events:none; }
.tour-dining .dining-fork,.tour-dining .dining-knife { transform-box:fill-box; transform-origin:50% 90%; }
.tour-dining .tour-dining-tongue { transform-box:fill-box; transform-origin:50% 0; opacity:0; }
.tour-dining.is-in-view .dining-fork { animation:dining-fork 820ms ease-in-out infinite alternate; }
.tour-dining.is-in-view .dining-knife { animation:dining-knife 820ms 150ms ease-in-out infinite alternate; }
.tour-dining.is-in-view .tour-dining-tongue { animation:dining-lick 3.8s ease-in-out infinite; }
@keyframes dining-fork { from { transform:rotate(-5deg) translateY(0); } to { transform:rotate(9deg) translateY(-6px); } }
@keyframes dining-knife { from { transform:rotate(5deg) translateY(0); } to { transform:rotate(-8deg) translateY(-5px); } }
@keyframes dining-lick { 0%,68%,100% { opacity:0; transform:translateX(-2px) scale(.7); } 73% { opacity:1; transform:translateX(1px) scale(1); } 84% { opacity:1; transform:translateX(5px) scale(.9); } 90% { opacity:0; transform:translateX(5px) scale(.75); } }
.scout-tour :is(.tour-finish,.tour-start) { display:inline-flex; justify-content:center; align-items:center; align-self:center; gap:18px; width:auto; min-width:164px; min-height:44px; padding:12px 20px; margin:0; color:#fffdf8; background:var(--tour-coral); border:1px solid transparent; border-radius:8px; font-size:13px; line-height:1.3; font-weight:700; transition:background 160ms,box-shadow 160ms,transform 160ms; }
.scout-tour :is(.tour-finish,.tour-start):hover:not(:disabled) { background:#d95431; box-shadow:0 4px 12px rgba(53,43,36,.16); }
.scout-tour .tour-finish:disabled { opacity:.5; cursor:default; }
.tour-site-footer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border-top:1px solid var(--tour-line,#d8d2c6); color:#6f6962; font:12px/1.35 -apple-system,BlinkMacSystemFont,sans-serif; }
.tour-footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:28px clamp(20px,4vw,78px) 30px; }
.tour-footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.tour-site-footer a { display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; }
.tour-site-footer a:hover { color:var(--tour-ink,#25221f); text-decoration:underline; text-underline-offset:3px; }
.tour-footer-brand { display:flex; align-items:center; margin:0; padding:28px clamp(20px,4vw,78px); border-left:1px solid var(--tour-line,#d8d2c6); color:var(--tour-ink,#25221f); font:400 clamp(22px,2.25vw,34px)/1.08 Georgia,serif; letter-spacing:-.04em; }
#howModal.tour-dialog { position:fixed; inset:0; width:100%; max-width:none; height:var(--app-viewport-dheight,100dvh); max-height:none; margin:0; padding:0; border:0; background:var(--bg,#f6f2e9); color:#25221f; overflow-y:auto; overscroll-behavior:contain; }
#howModal.tour-dialog[open] { display:block; }
#howModal.tour-dialog::backdrop { background:#f6f2e9; }
#howTour { --tour-top-offset:48px; max-width:1100px; margin:0 auto; padding:0 36px; }
#howTour .tour-top { position:sticky; top:0; z-index:7; background:var(--tour-paper); }
#howTour .tour-wordmark { pointer-events:none; }
body.landing-active .login { margin:0 auto 40px; }
body.landing-active .login-shell { display:block; }
body.landing-active .login-intro { display:flex; align-items:center; justify-content:space-between; gap:30px; max-width:none; }
body.landing-active .login-brand { margin:0; }
body.landing-active .login-title, body.landing-active .login-copy { display:none; }
body.landing-active .login-auth { width:300px; max-width:100%; margin:0; }
body.landing-active .login-auth .card { margin:0; }
body.landing-active #workosLoginBtn { display:inline-flex; font-size:12px; min-height:44px; padding:12px 20px; width:auto; margin:0; }
body.landing-active .auth-provider-note { display:none; }
body.landing-active #workosLogin { text-align:right; }
#landingTour .tour-top { display:none; }

/* The welcome companion bounces only while visible; the dining performance is finite. */
.tour-mascot { position:relative; display:inline-block; pointer-events:none; transform-origin:50% 90%; }
.tour-mascot > svg { display:block; width:100%; height:100%; overflow:visible; }
.tour-mascot--hero { z-index:1; width:clamp(260px,39vw,500px); aspect-ratio:236/230; flex:none; filter:drop-shadow(18px 22px 0 var(--tour-ink)); transform:rotate(-8deg); }
.tour-intro.is-in-view .tour-mascot--hero { animation:scout-object-idle 2.8s ease-in-out infinite; }
@keyframes scout-bounce { 0%,100% { transform:translateY(4px) scale(1.015,.985); } 50% { transform:translateY(-9px) scale(.99,1.01); } }
@keyframes scout-object-idle { 0%,100% { transform:translateY(2px) rotate(-8deg) scale(1.01,.99); } 50% { transform:translateY(-8px) rotate(-6deg) scale(.99,1.01); } }
.tour-examples { display:grid; gap:7px; max-width:440px; margin:0 0 18px; }
.tour-examples p { margin:0; color:var(--tour-muted); font:italic 15px/1.35 "Iowan Old Style", "Palatino Linotype", Palatino, serif; }
.tour-footnote-mark { margin-left:2px; font-size:10px; }
.tour-footnote { max-width:700px; margin:28px 0 0; color:var(--tour-muted); font-size:10px; line-height:1.5; text-align:left; }
.tour-footnote sup { margin-right:4px; }
@media (min-width:761px) {
  /* Keep the primary CTA optically centered with Scout's dining performance. */
  .tour-finish-wrap { align-items:center; }
  .tour-stage { top:calc(var(--tour-top-offset) + var(--tour-nav-height)); height:calc(var(--tour-viewport-height) - var(--tour-top-offset) - var(--tour-nav-height)); min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto minmax(0,1fr); justify-items:center; padding:0; }
  .tour-phone-wrap { grid-row:2; }
  /* More room outside the handset; fixed height preserves the phone's scale. */
  .tour-phone-wrap.tour-device-mounted { width:100%; max-width:none; }
  .tour-phone-caption { grid-row:3; align-self:start; }
}
@media (max-width:1000px) and (min-width:761px) { .tour-layout { column-gap:24px; } .tour-intro h1 { font-size:62px; } .tour-mascot--hero { width:300px; } }
@media (max-width:760px) {
  .tour-intro { padding:38px 0 108px; }
  .tour-intro-heading { gap:14px; }
  .tour-intro h1 { font-size:clamp(34px,8.8vw,58px); }
  .tour-intro-text > p:not(.tour-eyebrow) { font-size:18px; margin:20px 0; }
  .tour-intro-heading::before { right:-12%; top:20%; width:48vw; }
  .tour-intro-text::after { margin-top:3px; padding:8px 9px; font-size:8px; }
  .tour-mascot--hero { width:clamp(118px,37vw,190px); filter:drop-shadow(9px 12px 0 var(--tour-ink)); }
  .tour-eyebrow { font-size:9px; letter-spacing:.05em; margin-bottom:16px; }
  .scout-tour { --tour-nav-height:68px; --tour-mobile-stage-height:max(180px,min(calc(var(--tour-viewport-height) * .58),calc(var(--tour-viewport-height) - var(--tour-top-offset) - var(--tour-nav-height) - 224px))); --tour-mobile-phone-offset:-90px; }
  .tour-desktop-copy { display:none; }
  .tour-mobile-copy { display:inline; }
  .tour-layout { display:flex; flex-direction:column; gap:0; }
  .tour-chapters { order:0; width:100%; height:var(--tour-nav-height); gap:3px; }
  .scout-tour .tour-chapter { gap:5px; min-height:46px; padding:5px; font-size:13px; line-height:1.25; }
  .tour-stage { order:1; top:calc(var(--tour-top-offset) + var(--tour-nav-height)); width:100%; height:var(--tour-mobile-stage-height); padding:0 0 26px; z-index:4; background:var(--tour-paper); }
  /* A close-up window crops the handset, while the full canvas keeps its rotation clearance. */
  .tour-phone-window { display:flex; justify-content:center; position:relative; width:100%; height:100%; overflow:clip; }
  .tour-phone-window:focus-within { outline:2px solid var(--tour-coral); outline-offset:2px; border-radius:4px; }
  .tour-phone-wrap { width:100%; max-width:440px; height:auto; aspect-ratio:1/2; align-self:flex-start; transform:translateY(var(--tour-mobile-phone-offset)); }
  .tour-stage::after { content:''; position:absolute; bottom:26px; left:0; right:0; height:20px; pointer-events:none; background:linear-gradient(transparent,var(--tour-paper)); }
  .tour-phone-caption { position:absolute; bottom:8px; margin:0; gap:4px; }
  .tour-caption-dot, .tour-caption-text { display:none; }
  .tour-spin-hint { flex-basis:auto; margin:0; font-size:9px; }
  .tour-story { order:2; width:100%; }
  .tour-step { min-height:calc(var(--tour-viewport-height) - var(--tour-top-offset) - var(--tour-nav-height) - var(--tour-mobile-stage-height)); justify-content:center; padding:16px 2px 22px; scroll-margin-top:calc(var(--tour-top-offset) + var(--tour-nav-height) + var(--tour-mobile-stage-height)); }
  .tour-step h2 { font-size:26px; line-height:1.08; margin-bottom:10px; }
  .tour-step .tour-copy { font-size:15px; line-height:1.45; max-width:100%; }
  .scout-tour .tour-next { margin-top:16px; }
  .tour-step .tour-examples, .tour-step .tour-instruction, .tour-step .tour-metric { display:none; }
  .tour-instruction { margin-top:20px; padding-top:16px; }
  .tour-examples { max-width:100%; }
  .tour-examples p { font-size:16px; }
  .tour-footnote { margin:24px 0 0; max-width:100%; }
  .tour-instruction h3 { font-size:18px; }
  .tour-modes { grid-template-columns:1fr; gap:12px; margin-top:20px; }
  .tour-site-footer { grid-template-columns:1fr; }
  .tour-footer-links { gap:12px; padding:22px 20px; }
  .tour-footer-brand { padding:20px; border-top:1px solid var(--tour-line,#d8d2c6); border-left:0; font-size:24px; }
  .tour-mode { padding:14px; }
  .tour-mode h3 { font-size:22px; margin-bottom:8px; }
  .tour-mode p { font-size:14px; line-height:1.45; }
  .tour-finish-wrap { gap:10px; }
  .tour-dining { width:112px; flex-basis:112px; }
  .tour-metric { margin-top:23px; }
  .tour-metric > strong { font-size:47px; }
  .tour-end { padding:32px 0; }
  .tour-end h2 { font-size:30px; margin-bottom:0; }
  .tour-end > .tour-eyebrow, .tour-end > .tour-end-copy { display:none; }
  #howTour { padding:0 20px; }
  .tour-wordmark { font-size:23px; }
  .tour-wordmark > span { font-size:8px; margin-left:5px; padding-left:8px; }
  body.landing-active .login-intro { gap:10px; }
  body.landing-active .login-auth { width:auto; max-width:62%; }
  body.landing-active .login-auth .card { padding:10px 12px; }
  body.landing-active .login-auth .card::before { display:none; }
}
@media (max-width:360px) { .tour-intro h1 { font-size:30px; } .tour-mascot--hero { width:104px; } .tour-wordmark > span { display:none; } }
@media (prefers-reduced-motion:no-preference) { .scout-tour :is(.tour-finish,.tour-start):hover:not(:disabled) { transform:translateY(-1px); } }
@media (prefers-reduced-motion:reduce) {
  .scout-tour *, .scout-tour *::before, .scout-tour *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* Homepage: the coral task action sits beside the optional circular tour cue. */
.scout-tour .tour-intro--start { padding-bottom:148px; }
.tour-intro-actions { position:absolute; bottom:16px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:16px; }
.scout-tour .tour-intro-actions .tour-scroll-cue { position:static; flex:none; transform:none; }
.scout-tour .tour-start { font-size:16px; min-width:0; padding:14px 18px; }
@media (max-width:400px) { .tour-intro-actions { gap:8px; } .scout-tour .tour-start { font-size:14px; padding:14px 12px; } }

@media (max-width:760px) {
  .tour-intro--start .tour-intro-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px 14px; }
  .tour-intro--start .tour-intro-heading::before { top:0; right:-5%; width:40vw; }
  .tour-intro--start .tour-intro-text { display:contents; }
  .tour-intro--start h1 { grid-column:1; grid-row:1; }
  .tour-intro--start .tour-mascot--hero { grid-column:2; grid-row:1; }
  .tour-intro--start .tour-intro-text > p { grid-column:1 / -1; grid-row:2; margin:0; }
  .tour-intro--start .tour-intro-text::after { grid-column:1 / -1; grid-row:3; justify-self:start; }
}
@media (max-width:760px) and (max-height:650px) {
  .scout-tour .tour-intro--start { padding-top:12px; padding-bottom:132px; }
  .tour-intro--start .tour-intro-heading { row-gap:10px; }
}