/* A sample-led trail inspired by the native app's alternating onboarding stops. */
.expedition [hidden]{display:none!important}
.expedition .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journey-board .moment-photo{aspect-ratio:16/9}
.journey-board .book-stage{aspect-ratio:auto}
.journey-board .page-controls label{color:var(--muted)}
.expedition{padding:48px 0 54px;overflow:hidden}
.expedition-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.4fr);gap:42px;align-items:start}
.expedition-intro{padding-top:98px;position:sticky;top:110px;align-self:start}
.expedition-intro .eyebrow{font-size:9px;letter-spacing:.11em;display:flex;align-items:center;gap:9px;color:var(--link);margin-bottom:28px}
.trail-spark{font-size:25px;line-height:1}
.expedition-intro h1{font-family:var(--body);font-weight:600;font-size:clamp(42px,4.4vw,68px);line-height:1.13;letter-spacing:-.055em}
.expedition-intro h1 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--link);letter-spacing:-.055em;position:relative;white-space:nowrap}
.expedition-intro h1 em::after{content:"";position:absolute;left:2%;right:1%;bottom:-7px;height:9px;border-top:2px solid currentColor;border-bottom:1px solid currentColor;border-radius:50%;transform:rotate(-2deg);opacity:.75}
.expedition-description{color:var(--muted);font-size:15px;line-height:1.9;margin:32px 0 27px;max-width:370px}
.trail-start{border:0;box-shadow:none;border-radius:7px;font-size:13px;min-height:48px;padding-inline:23px;gap:24px;background:#3657C5}
.trail-start:hover{box-shadow:0 5px 18px #3657c530;transform:translateY(-2px)}
.expedition-note{font-size:11px;color:var(--muted);margin-top:14px}
.trail-legend{display:flex;align-items:center;gap:17px;margin-top:42px;font-size:12px;line-height:1.7;color:var(--muted)}
.trail-legend strong{color:var(--ink);font-weight:500}
.legend-line{width:45px;height:49px;border-left:2px dashed #6480e0;border-bottom:2px dashed #6480e0;border-radius:0 0 0 24px;transform:rotate(-12deg)}

.expedition .launch-note{font-size:10px;margin-top:19px}
.journey-board{position:relative;min-width:0;padding:51px 28px 26px;scroll-margin-top:110px;background-image:radial-gradient(#d8deec 0.7px,transparent 0.7px);background-size:24px 24px;border-radius:20px;isolation:isolate}
.journey-board::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at center,transparent 20%,white 76%);pointer-events:none}
.map-corner{position:absolute;width:21px;height:21px;opacity:.65;pointer-events:none}.map-corner--top{top:12px;left:8px;border-left:1px solid #a5b4d4;border-top:1px solid #a5b4d4}.map-corner--bottom{bottom:30px;right:8px;border-right:1px solid #a5b4d4;border-bottom:1px solid #a5b4d4}
.map-coordinate{position:absolute;top:9px;right:28px;font:9px monospace;letter-spacing:.11em;color:#717b91}
.journey-route{position:absolute;z-index:-1;inset:0;width:100%;height:calc(100% - 36px);pointer-events:none;overflow:visible;stroke:#7890d9;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 7}.journey-route .route-arrow{stroke-dasharray:none;stroke-width:1.5}.route-mobile{display:none}
.journey-stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:45px;row-gap:34px;align-items:start}
.journey-stop{min-width:0;position:relative;--cover-title-color:#c5caff}
.stop-frames{margin-top:128px}.stop-cover{margin-top:12px}.stop-flip{margin-top:124px}
.map-note{font:italic 13px/1.5 Georgia,'Times New Roman',serif;color:#71717d;letter-spacing:0;text-transform:none;white-space:normal}
.stop-video>.map-note{position:absolute;top:-31px;left:5px;white-space:nowrap}.map-note span{font-family:var(--body);font-style:normal;font-size:20px;margin-left:4px;color:#7389c3}
.journey-media{position:relative;border-radius:11px;overflow:hidden;box-shadow:0 8px 22px #202a461c;background:#e7eaf1;isolation:isolate}
.journey-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#101010}
.sample-stamp{position:absolute;left:12px;top:11px;font-size:8px;color:#fff;letter-spacing:.13em;font-weight:700;text-shadow:0 1px 6px #000;pointer-events:none}
.stop-caption{display:flex;gap:9px;align-items:flex-start;margin-top:16px}
.stop-number{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #d4d8e2;border-radius:50%;font-size:10px;color:#777f92;line-height:1;background:white;transition:background .2s,color .2s,border-color .2s}
.journey-stop.is-explored .stop-number{background:#edf1ff;border-color:#7790e5;color:#3657C5}
.stop-caption h2{font:600 14px/1.4 var(--body);letter-spacing:-.035em;color:var(--ink)}
.stop-caption p{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.6}
.sample-status{font-size:10px;color:var(--muted);margin-top:5px}.sample-status:empty{display:none}
.frame-workbench{padding:7px;background:#fff;border:1px solid #e5e7ed;border-radius:10px;box-shadow:0 9px 25px #202a4610;transform:rotate(2deg)}
.frame-window{position:relative;aspect-ratio:2/1;background:white;border-radius:5px;overflow:hidden;padding-left:11.111%}
.frame-window img{width:100%;height:100%;object-fit:contain}.frame-window output{position:absolute;bottom:7px;right:8px;border-radius:4px;background:#101622bb;color:white;padding:1px 5px;font-size:8px;font-variant-numeric:tabular-nums}
.journey-filmstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-top:6px;overflow:hidden}
.journey-filmstrip img{width:100%;height:27px;object-fit:cover;border-radius:2px}
.journey-board input[type="range"]{width:100%;height:23px;accent-color:#4668df;cursor:pointer;margin:4px 0 0;display:block}
.stop-hint{margin:8px 0 0 37px}
.sample-cover-card{position:relative;aspect-ratio:2/1;isolation:isolate;transform:rotate(-4deg);border-radius:2px;box-shadow:0 2px #d4d4d8,1px 4px white,1px 5px #c9cbd3,1px 6px white,3px 10px 14px #202a4633;overflow:hidden;background:#15233a;color:white}
.sample-cover-card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(#09132188,transparent 35%,#091321bb);pointer-events:none}
.sample-cover-card img{width:100%;height:100%;object-fit:cover}.sample-cover-brand,.sample-cover-title,.sample-cover-domain{position:absolute;z-index:1;left:8%;right:6%;font-family:var(--display);line-height:1.1}.sample-cover-brand{top:10%;font-size:clamp(17px,1.7vw,25px);font-weight:650}.sample-cover-title{bottom:21%;font-size:12px;font-family:var(--body);font-weight:600;color:var(--cover-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-cover-domain{bottom:9%;font-family:var(--body);font-size:7px;color:white}.cover-pencil{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #fff6;border-radius:50%;background:#1a203a55;color:white;font-size:20px}
.cover-playground{margin:13px 0 0 37px}.cover-playground>label{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.cover-playground input[type="text"]{width:100%;font-size:11px;border:0;border-bottom:1px solid #c8cfdf;color:var(--ink);background:#ffffffd9;border-radius:0;padding:6px 0;min-height:30px}
.cover-swatches{border:0;margin:9px 0 0;padding:0;display:flex;align-items:center;gap:5px}.cover-swatches legend{font-size:8px;color:var(--muted);padding:0;margin-bottom:5px}.cover-swatches .map-note{font-size:11px;margin-left:4px}.swatch{display:grid;place-items:center;width:25px;height:25px;cursor:pointer}.swatch input{appearance:none;width:18px;height:18px;border-radius:50%;border:1px solid #8790a1;margin:0;cursor:pointer}.swatch input:checked{outline:1px solid #3657c5;outline-offset:3px}.swatch-blue input{background:#c5caff}.swatch-rose input{background:#ffb6c8}.swatch-white input{background:#fff}
.stop-flip>.map-note{position:absolute;top:-39px;left:0;right:-10px;font-size:12px}
.journey-board .book-stage{background:transparent;border:0;padding:12px 7px 25px;overflow:visible;min-height:0;border-radius:0}
.journey-board .paper-book{box-shadow:0 2px #c4c4c4,1px 4px white,1px 6px #bbb,2px 8px white,2px 10px #aaa,4px 16px 19px #111c3530}
.journey-board .page-controls{color:var(--muted);margin-top:13px;padding:0 0 0 37px}
.journey-board .page-controls>div{font-size:9px}.journey-board .page-controls output{font-size:8px;color:var(--muted)}
.flip-toggle{width:100%;border:1px solid #cbd4ef;background:#f4f6fd;border-radius:5px;color:#3657c5;padding:7px 10px;cursor:pointer;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-top:7px;min-height:34px}.flip-toggle:hover{background:#e8eeff}.flip-toggle[aria-pressed="true"]{background:#e8eeff;border-color:#7d95e2}
.map-footer{display:flex;justify-content:space-between;gap:15px;margin-top:28px;font-size:8px;line-height:1.6;color:#737c91}.map-footer>span:first-child{font-family:monospace;font-size:8px;letter-spacing:.04em}.map-footer a{text-underline-offset:2px}

@media(min-width:1500px){.expedition-grid{gap:70px}.expedition-intro{padding-top:110px}.journey-board{padding-inline:22px}}
@media(max-width:1100px) and (min-width:851px){.expedition-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:16px}.expedition-intro h1{font-size:44px}.expedition-intro .eyebrow{font-size:8px}.expedition-description{font-size:13px}.journey-board{padding-inline:12px}.journey-stops{column-gap:28px}.stop-caption{gap:6px}.stop-caption h2{font-size:12px}.stop-caption p{font-size:9px}.map-note{font-size:11px}.stop-flip>.map-note{font-size:10px}.cover-playground,.journey-board .page-controls{margin-left:0;padding-left:0}.stop-frames{margin-top:118px}.stop-flip{margin-top:110px}}
@media(max-width:850px){.expedition-grid{display:block;max-width:680px}.expedition{padding-top:45px}.expedition-intro{position:static;text-align:center;padding:0}.expedition-intro .eyebrow{justify-content:center}.expedition-intro h1{font-size:clamp(44px,7.7vw,62px)}.expedition-description{margin-inline:auto;max-width:410px}.trail-legend{display:none}.journey-board{margin-top:60px}.map-coordinate{right:14px}}
@media(max-width:550px){.expedition{padding:36px 0 35px}.expedition-intro .eyebrow{font-size:8px;gap:7px;margin-bottom:24px}.trail-spark{font-size:20px}.expedition-intro h1{font-size:clamp(39px,10vw,52px);line-height:1.15}.expedition-description{font-size:12px;line-height:1.9;margin:27px auto 22px;max-width:300px}.expedition-note{font-size:10px}.expedition .launch-note{font-size:9px}.journey-board{padding:51px 0 20px;margin-top:38px;scroll-margin-top:132px}.journey-stops{display:block}.journey-stop{width:76%}.stop-video{margin-right:auto}.stop-frames{margin:65px 0 0 auto}.stop-cover{margin:73px auto 0 0}.stop-flip{margin:94px 0 0 auto}.route-desktop{display:none}.route-mobile{display:block;stroke-width:1.3}.stop-caption h2{font-size:13px}.stop-caption p{font-size:10px}.stop-caption{margin-top:13px}.stop-video>.map-note{font-size:12px}.stop-hint{font-size:12px}.sample-cover-brand{font-size:24px}.sample-cover-title{font-size:12px}.stop-flip>.map-note{font-size:12px;top:-47px;right:0}.cover-playground{margin-top:12px}.map-footer{margin-top:34px;font-size:8px;align-items:flex-end}.map-footer>span:first-child{max-width:170px;font-size:7px}.map-corner--bottom{bottom:58px}}
@media(prefers-reduced-motion:reduce){.stop-number,.trail-start{transition:none}.trail-start:hover{transform:none}}