/* goseq.app splash (26 Oct): the tour of Australia. Colours follow the site's light/dark tokens. Only transforms and opacity move. */
#tour{display:none}
html.intro-on{overflow:hidden}
html.intro-on #tour{display:block}
#tour{position:fixed;inset:0;z-index:2147483600;overflow:hidden;overflow:clip;contain:paint;color:var(--t-text);font-family:var(--font,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
  background:radial-gradient(120% 90% at 40% 45%,#fffaf5 0%,#f6f0e9 55%,#ece4db 100%);
  --t-text:#1b1614;--t-land:rgba(27,22,20,.075);--t-line:rgba(27,22,20,.32);--t-on:#f0653a;--t-onl:#b8341b;--t-card:#fff;--t-mut:#6b625d;--t-chip:#fce6de;--t-chipx:#b8341b;--t-pin:#b8341b;--t-btn:rgba(27,22,20,.07);--t-btnh:rgba(27,22,20,.13)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #tour{background:radial-gradient(120% 90% at 40% 45%,#10192f 0%,#080d1b 60%,#05070e 100%);color:#f4efec;
  --t-text:#f4efec;--t-land:rgba(255,255,255,.07);--t-line:rgba(214,224,255,.34);--t-on:#f0653a;--t-onl:#ffb184;--t-card:#1d1a19;--t-mut:#a99f99;--t-chip:#3d2119;--t-chipx:#ff8a63;--t-pin:#ffb184;--t-btn:rgba(255,255,255,.1);--t-btnh:rgba(255,255,255,.18)}}
:root[data-theme="dark"] #tour{background:radial-gradient(120% 90% at 40% 45%,#10192f 0%,#080d1b 60%,#05070e 100%);color:#f4efec;
  --t-text:#f4efec;--t-land:rgba(255,255,255,.07);--t-line:rgba(214,224,255,.34);--t-on:#f0653a;--t-onl:#ffb184;--t-card:#1d1a19;--t-mut:#a99f99;--t-chip:#3d2119;--t-chipx:#ff8a63;--t-pin:#ffb184;--t-btn:rgba(255,255,255,.1);--t-btnh:rgba(255,255,255,.18)}
#tour.out{opacity:0;transition:opacity .45s ease;pointer-events:none}
#t-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#tour .t-st{fill:var(--t-land);stroke:var(--t-line);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#tour .t-on{fill:color-mix(in srgb,var(--t-on) 74%,transparent);stroke:var(--t-onl);stroke-width:1.3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:0}
#tour .t-soon{stroke-dasharray:4 3}
#t-cam path{shape-rendering:geometricPrecision}
/* pins and labels: screen-space, moved with transform */
#t-pins{position:absolute;inset:0;pointer-events:none;overflow:hidden;overflow:clip}
.t-pin{position:absolute;left:0;top:0;width:0;height:0;opacity:0;will-change:transform,opacity}
.t-pin b{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--t-pin);box-shadow:0 0 0 2px var(--t-card)}
.t-pin.on b{left:-7px;top:-7px;width:14px;height:14px;box-shadow:0 0 0 3px var(--t-card),0 0 0 6px color-mix(in srgb,var(--t-pin) 35%,transparent)}
.t-pin.on b::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--t-pin);animation:t-rip 1.1s ease-out infinite}
.t-pin-soon b{background:transparent;border:1.5px dashed var(--t-pin);box-shadow:none}
.t-pin em{position:absolute;left:16px;top:-10px;font:700 14px/1 var(--font,system-ui,sans-serif);font-style:normal;letter-spacing:-.01em;white-space:nowrap;color:var(--t-text);padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--t-card) 86%,transparent);opacity:0;transition:opacity .25s}
.t-pin.on em{opacity:1}
@keyframes t-rip{from{transform:scale(.6);opacity:.9}to{transform:scale(3);opacity:0}}
#tour.paused .t-pin.on b::after{animation-play-state:paused}
#t-glow{position:absolute;left:0;top:0;width:min(70vmin,560px);height:min(70vmin,560px);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--t-on) 38%,transparent),transparent);will-change:transform,opacity}
#t-tas{position:absolute;left:0;top:0;opacity:0;font:600 12px/1.2 var(--font,system-ui,sans-serif);color:var(--t-mut);white-space:nowrap;letter-spacing:.01em}
/* chrome */
.t-brand{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em;font-size:17px;height:44px;padding:0 16px 0 8px;border-radius:22px;background:color-mix(in srgb,var(--t-card) 82%,transparent);color:inherit;text-decoration:none}
.t-brand img{width:28px;height:28px;border-radius:8px;display:block}
.t-ctl{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;z-index:3}
.t-ctl button{height:44px;min-width:44px;padding:0 16px;border:0;border-radius:22px;background:color-mix(in srgb,var(--t-card) 82%,transparent);color:inherit;font:600 14px/1 var(--font,system-ui,sans-serif);cursor:pointer;display:inline-grid;place-items:center;transition:background .2s}
.t-ctl button:hover{background:var(--t-card)}
.t-ctl button:focus-visible,.t-go:focus-visible,.t-try:focus-visible,.t-brand:focus-visible{outline:3px solid var(--t-pin);outline-offset:2px}
.t-pause{padding:0!important;width:44px}
.t-pause svg{width:20px;height:20px;display:block}
#tour.still .t-pause{display:none}
.t-pause .i-play{display:none}.t-pause[aria-pressed="true"] .i-pause{display:none}.t-pause[aria-pressed="true"] .i-play{display:inline}
#t-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--t-btn)}
#t-bar i{display:block;height:100%;background:var(--t-on);transform-origin:0 50%;transform:scaleX(0);will-change:transform}
/* opening line */
#t-open{position:absolute;left:0;right:0;top:calc(45% + min(31vh,40vw*.4,300px));text-align:center;opacity:0;padding:0 24px}
#t-open small{display:block;font-weight:700;letter-spacing:.2em;font-size:12px;color:var(--t-mut);margin-bottom:10px}
#t-open p{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.1;font-size:clamp(26px,4.4vw,48px)}
#t-open em{font-style:normal;color:var(--t-chipx)}
/* the vehicle card */
#t-card{position:absolute;margin:0;width:var(--cw,440px);border-radius:20px;overflow:hidden;background:var(--t-card);box-shadow:0 30px 70px -24px rgba(0,0,0,.45),0 0 0 1px var(--t-btn);opacity:0;visibility:hidden;will-change:transform,opacity;
  left:calc(60% );top:50%;margin-top:calc(var(--cw,440px)*-.333 - 52px)}
.t-ph{aspect-ratio:3/2;background:var(--t-btn);overflow:hidden}
.t-ph img{display:block;width:100%;height:100%;object-fit:cover}
#t-card figcaption{padding:14px 18px 16px;display:grid;gap:3px}
.t-chip{justify-self:start;font:700 11px/1 var(--font,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:var(--t-chip);color:var(--t-chipx);margin-bottom:6px}
.t-chip.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px}
.t-place{font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.035em}
.t-veh{font-size:16px;font-weight:600;color:var(--t-chipx)}
.t-cr{font-size:11px;line-height:1.35;color:var(--t-mut);margin-top:6px}
/* the end card */
#t-end{position:absolute;left:62%;right:max(24px,4vw);top:50%;translate:0 -50%;opacity:0;visibility:hidden}
.t-k{margin:0 0 14px;font-weight:700;letter-spacing:.2em;font-size:12px;color:var(--t-mut)}
.t-h{margin:0;font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(40px,5.2vw,76px)}
.t-h em{font-style:normal;color:var(--t-chipx)}
.t-sub{margin:20px 0 0;max-width:34ch;font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--t-mut)}
.t-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.t-go{height:52px;padding:0 26px;border:0;border-radius:26px;background:var(--t-on);color:#fff;font:700 16px/1 var(--font,system-ui,sans-serif);cursor:pointer}
.t-go:hover{filter:brightness(1.06)}
.t-try{font-weight:600;color:inherit;text-decoration:none;border-bottom:2px solid var(--t-line);padding:4px 0}
.t-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* phones and tall windows: the map on top, the card (or the end card) underneath */
@media (max-width:719px),(max-aspect-ratio:10/11){
  #t-card{left:50%;top:auto;bottom:max(16px,env(safe-area-inset-bottom));margin-top:0}
  #t-card figcaption{padding:12px 16px 14px}
  .t-place{font-size:24px}
  #t-end{left:20px;right:20px;top:auto;bottom:max(24px,env(safe-area-inset-bottom));translate:0 0}
  .t-h{font-size:clamp(34px,10vw,48px)}.t-sub{margin-top:12px;font-size:15px}.t-cta{margin-top:18px}
  .t-go{height:48px}
  #t-open{top:calc(45% + 31vh)}
  .t-brand span{display:none}
}
/* reduced motion: a still map with the vehicles as a row */
#tour .t-row{display:none}
#tour.still{overflow:auto;contain:none}
#tour.still #t-card,#tour.still #t-glow,#tour.still #t-open,#tour.still #t-bar{display:none}
#tour.still #t-end{position:relative;left:auto;right:auto;top:auto;translate:none;opacity:1!important;visibility:visible!important;transform:none!important;padding:0 24px;margin:0 auto;max-width:760px;text-align:center}
#tour.still .t-sub{margin-left:auto;margin-right:auto}
#tour.still .t-cta{justify-content:center}
#tour.still #t-svg{height:min(46vh,420px);position:relative;display:block;margin:64px auto 0;inset:auto}
#tour.still .t-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 24px 40px;margin:0;list-style:none}
#tour.still .t-row figure{flex:0 0 min(240px,70vw);margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;background:var(--t-card);box-shadow:0 0 0 1px var(--t-btn)}
#tour.still .t-row img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#tour.still .t-row figcaption{padding:10px 12px 12px;display:grid;gap:2px;font-size:13px}
#tour.still .t-row b{font-size:16px;letter-spacing:-.02em}
#tour.still .t-row span{color:var(--t-chipx);font-weight:600}
#tour.still .t-row small{color:var(--t-mut);font-size:10.5px;line-height:1.3}
#tour.still .t-pin,#tour.still #t-pins{display:none}
#main:focus{outline:none}