/* A forward journey through a fictional brand's context. */
.intelligence-page{overflow-x:clip}
.intelligence-page .yond-opening{position:relative;isolation:isolate;margin:50px 0 64px;text-align:center}
.yond-opening-head{position:relative;z-index:2;margin:0 auto 32px}
.yond-opening h1{font-size:clamp(40px,4.2vw,60px);font-weight:450;line-height:1.08;letter-spacing:-.065em;margin:0}
.yond-data-space{position:relative;isolation:isolate;z-index:0;width:100vw;height:440px;margin-left:calc(50% - 50vw);background:transparent}
.yond-data-stars,.yond-data-planes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.yond-data-stars{top:calc(-1 * var(--yond-field-top,180px));height:var(--yond-opening-height,800px);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 86%,transparent)}
.yond-data-planes{overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#0001 15%,#000 42%,#000 58%,#0001 85%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0001 15%,#000 42%,#000 58%,#0001 85%,transparent 100%)}
.yond-data-plane{position:absolute;left:50%;top:50%;width:180px;height:120px;transform-origin:center;opacity:0;will-change:transform,opacity;color:#e5e7de}
.yond-data-plane.is-photo{width:186px;height:124px}
.yond-data-plane img{width:100%;height:100%;object-fit:cover;border-radius:7px;filter:saturate(.62) brightness(.78)}
.yond-data-plane.is-note{height:auto;min-height:104px;padding:18px 20px;border:1px solid #a3b2a72b;border-radius:7px;background:#29312b9e;text-align:left}
.yond-data-plane small{display:block;font-size:10px;line-height:1.3;color:#afbeb0;margin-bottom:9px;letter-spacing:.035em}
.yond-data-plane strong{font-size:18px;line-height:1.35;font-weight:450;letter-spacing:-.035em}
.yond-data-plane.is-type{height:88px;text-align:left}
.yond-data-plane.is-type strong{font-size:42px;font-weight:400;letter-spacing:-.07em}
.yond-data-plane.is-palette{height:68px;display:flex;align-items:flex-start;gap:4px}
.yond-data-plane.is-palette i{width:38px;height:40px;background:var(--swatch)}
.yond-data-plane.is-palette small{position:absolute;top:49px;left:0}
.yond-data-plane.is-coordinate{height:64px;text-align:left}
.yond-data-plane.is-coordinate strong{font-size:19px;font-variant-numeric:tabular-nums}
.yond-space-emblem{position:absolute;z-index:3;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:row;gap:18px;align-items:center;color:#e8ebe1;pointer-events:none}
.yond-space-emblem::before{content:"";position:absolute;width:330px;height:220px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#24241fee 0%,#24241f99 34%,transparent 72%);z-index:-1}
.yond-space-emblem [data-source-yonder-emblem]{display:block;width:126px;height:41.4px;filter:drop-shadow(0 0 18px #c1d0b824)}
.yond-space-emblem .yv-yonder-mark{width:126px;height:41.4px;overflow:visible}
.yond-space-greeting{position:relative;display:inline-block;font-size:18px;line-height:1.3;font-weight:450;letter-spacing:-.045em;white-space:nowrap;margin-top:20px}
.yond-space-greeting-reserve{visibility:hidden;display:inline-flex;align-items:center;gap:5px}
.yond-space-greeting-line{position:absolute;inset:0;display:flex;align-items:center;gap:5px}
.yond-space-cursor{display:inline-block;flex:none;width:5px;height:5px;background:currentColor}
.yond-space-greeting[data-state=complete] .yond-space-greeting-line .yond-space-cursor{animation:yond-space-cursor-blink 1.1s steps(1,end) infinite}
.yond-space-greeting[data-paused=true] .yond-space-cursor{animation-play-state:paused!important}
@keyframes yond-space-cursor-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
.yond-space-caption{position:absolute;z-index:4;bottom:24px;left:max(28px,calc((100vw - 100%)/2 + 5vw));display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.025em;color:#c8ccc0}
.yond-space-caption label{color:#a3ad9e}
.yond-space-caption select{font:inherit;font-weight:600;color:#e1e5d9;background:transparent;border:0;border-left:1px solid #73817166;border-radius:0;padding:8px 20px 8px 12px;cursor:pointer;color-scheme:dark}
.yond-space-caption select:focus{outline:none;box-shadow:none}
.yond-space-caption select:focus-visible{color:#fff}
.yond-space-caption option{background:#2d2d27;color:#e1e5d9}
.yond-data-plane[hidden]{display:none}
.yond-opening-description{position:relative;z-index:2;max-width:1050px;margin:12px auto 0;font-size:16px;line-height:1.75;color:#c0c3b9}
.yond-opening-description>span{display:block}
.yond-opening .real-actions{position:relative;z-index:2;justify-content:center;margin-top:20px}
.yond-browser-preview{position:relative;isolation:isolate;border:1px solid #ffffff21;border-radius:18px;overflow:hidden;background:#24241f;box-shadow:0 24px 70px #10100d14;margin-bottom:30px}
.yond-browser-bar{height:46px;padding:0 20px;display:grid;grid-template-columns:1fr minmax(180px,360px) 1fr;align-items:center;gap:24px;background:#31312c;border-bottom:1px solid #ffffff0f;color:#b4b4a7;user-select:none}
.yond-browser-tools,.yond-browser-dots,.yond-browser-navigation{display:flex;align-items:center}
.yond-browser-tools{gap:22px}
.yond-browser-dots{gap:7px}
.yond-browser-dots i{width:7px;height:7px;border-radius:50%;background:#858578}
.yond-browser-navigation{gap:12px}
.yond-browser-bar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.yond-browser-navigation svg:last-child{opacity:.4}
.yond-browser-address{height:28px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;background:#ffffff06;font-size:11px;color:#b4b4a7}
.yond-browser-address svg{width:12px;height:12px}
.yond-browser-tab{justify-self:end;font-size:12px;color:#dfdfd2}
.yond-browser-preview>.real-screen{margin:0}
.yond-data-space.is-still .yv-yonder-dot,.yond-data-space.is-still .yv-yonder-wingrow{animation:none!important;opacity:.65}
@media(prefers-reduced-motion:reduce){.yond-data-plane{will-change:auto}.yond-data-space .yv-yonder-dot,.yond-data-space .yv-yonder-wingrow{animation:none!important;opacity:.65}.yond-space-cursor{animation:none!important}}

/* Photo references carry more of the context; the small greeting stays centred. */
.intelligence-page .yond-data-plane.is-photo{width:220px;height:147px}
.yond-space-greeting{transform:translateY(2px)}
@media(max-width:700px){.intelligence-page .yond-data-plane.is-photo{width:205px;height:137px}}