/* Original DM studio sequence: a scroll-led camera move into working examples. */
.hero-journey{background:#070b16;color:#fff}
.hero-journey .hero-motion{display:block;isolation:isolate;overflow:hidden}
.hero-journey .hero-scene{background:#070b16}
.hero-journey .scene-sculpture{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;mix-blend-mode:normal;opacity:1;animation:none;transform:none;will-change:auto}
.hero-journey .scene-glow{z-index:1;opacity:.42;background:radial-gradient(ellipse at 82% 75%,#344dff45,transparent 49%);mix-blend-mode:screen}
.hero-journey .hero-scene canvas{z-index:1;opacity:.4}
.hero-journey .scene-shade{z-index:2;background:linear-gradient(90deg,#070b16f7 0%,#070b16dc 27%,#070b1670 50%,transparent 83%),linear-gradient(0deg,#070b16d9,transparent 25%,transparent 78%,#070b1633)}
.hero-journey .hero-layout{z-index:3}
.hero-journey .hero-bottom{z-index:7}
.journey-preview{position:relative;z-index:6;width:min(1180px,calc(100% - 96px));margin:28px auto 42px;border:1px solid #a0b2ff36;border-radius:18px;background:linear-gradient(130deg,#141a2a,#101522 65%,#151d33);box-shadow:0 42px 110px #02040bd9,0 1px 0 #ffffff1c inset;overflow:hidden;color:#fff}
.preview-bar{height:51px;padding:0 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff17;color:#aeb8d0;font-size:10px;letter-spacing:.17em;font-weight:700}
.preview-dots{display:flex;gap:6px}.preview-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#8291bb}.preview-dots i:first-child{background:#596bff}.preview-dots i:last-child{background:#3b4666}
.preview-bar-right{margin-left:auto;color:#7e8ba9}
.preview-content{min-height:445px;display:grid;grid-template-columns:.77fr 1.23fr;gap:34px;padding:34px}
.preview-intro{padding:25px 5px 20px 18px;display:flex;flex-direction:column;align-items:flex-start}
.preview-kicker{color:#9facff;font-size:10px;font-weight:800;letter-spacing:.19em}
.preview-intro h2{font-size:clamp(36px,3.7vw,55px);font-weight:500;line-height:1.12;letter-spacing:-.06em;margin:22px 0 16px}
.preview-intro p{color:#b4bdd1;font-size:15px;line-height:1.7;max-width:350px}
.preview-cta{display:inline-flex;align-items:center;gap:35px;min-height:48px;margin-top:auto;padding:12px 17px;border-radius:6px;background:#5264ff;color:#fff;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.preview-cta:hover{background:#6878ff;transform:translateY(-2px)}
.preview-gallery{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:13px;min-height:372px}
.preview-card{position:relative;display:block;min-width:0;min-height:0;border-radius:9px;overflow:hidden;background:#232a3d;isolation:isolate;border:1px solid #ffffff18;transition:transform .35s,border-color .35s}
.preview-card:hover{transform:translateY(-4px);border-color:#a0aeff88}
.preview-card:focus-visible,.preview-cta:focus-visible{outline:3px solid #cbd3ff;outline-offset:3px}
.preview-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.preview-card:hover img{transform:scale(1.04)}
.preview-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(0deg,#080b16d9,transparent 54%)}
.preview-card>span:not(.orbit-mark):not(.orbit-bars){position:absolute;z-index:1;left:18px;right:45px;bottom:17px;display:grid;gap:4px}
.preview-card small{font-size:9px;letter-spacing:.12em;color:#d3d9f0;font-weight:700}
.preview-card strong{font-size:22px;letter-spacing:-.05em;line-height:1.2}
.preview-card>b{position:absolute;z-index:1;right:16px;bottom:16px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:18px;font-weight:400}
.preview-card-bruma{grid-row:1/3}.preview-card-bruma strong{font-size:29px}
.preview-card-habitat img{object-position:center 57%}
.preview-card-orbit{background:radial-gradient(circle at 80% 0,#536eff88,transparent 55%),linear-gradient(145deg,#242c56,#151b37)}
.preview-card-orbit::after{background:linear-gradient(0deg,#11172bd9,transparent 74%)}
.orbit-mark{position:absolute;top:13px;left:15px;font-weight:800;font-size:21px;letter-spacing:-.07em;color:#dfe5ff}
.orbit-bars{position:absolute;top:52px;left:17px;right:18px;display:grid;gap:8px}.orbit-bars i{height:13px;border-radius:3px;background:#aebaff47}.orbit-bars i:nth-child(2){width:76%;background:#aebaff73}.orbit-bars i:nth-child(3){width:61%}
.hero-journey .hero-bottom .scroll-cue{max-width:240px;line-height:1.45}
@media (min-width:721px){
  .hero-journey.journey-enhanced{height:245svh;min-height:1250px;position:relative}
  .journey-enhanced .hero-motion{position:sticky;top:84px;height:calc(100svh - 84px);min-height:0;padding:0}
  .journey-enhanced .hero-layout{height:100%;min-height:0;padding-block:38px 98px;align-items:center;opacity:var(--copy-opacity,1);transform:translate3d(var(--copy-x,0px),0,0);will-change:opacity,transform}
  .journey-enhanced .hero-copy{max-width:63%}
  .journey-enhanced .hero-motion h1{font-size:clamp(62px,7vw,95px);margin:22px 0 18px}
  .journey-enhanced .hero-motion .lead{font-size:21px}
  .journey-enhanced .hero-motion .hero-description{font-size:15px;margin-top:12px}
  .journey-enhanced .hero-motion .actions{margin-top:25px}
  .journey-enhanced .scene-sculpture{transform-origin:74% 55%;transform:scale(var(--scene-scale,1));opacity:var(--scene-opacity,1);will-change:transform,opacity}
  .journey-enhanced .scene-shade{opacity:var(--shade-opacity,1)}
  .journey-enhanced .hero-bottom{position:absolute;left:0;right:0;bottom:18px;margin:0 auto;opacity:var(--cue-opacity,1)}
  .journey-enhanced .journey-preview{position:absolute;top:50%;left:50%;width:min(1180px,calc(100% - 88px));height:min(550px,calc(100% - 80px));margin:0;opacity:var(--preview-opacity,0);visibility:hidden;transform:translate3d(-50%,calc(-50% + var(--preview-y,65px)),0) scale(var(--preview-scale,.8));will-change:opacity,transform}
  .journey-enhanced .journey-preview.is-visible{visibility:visible}
  .journey-enhanced .preview-content{height:calc(100% - 51px);min-height:0}
  .journey-enhanced .preview-gallery{min-height:0}
}
@media (max-height:700px) and (min-width:721px){.journey-enhanced .hero-motion h1{font-size:clamp(54px,6vw,72px)}.journey-enhanced .hero-motion .hero-description{display:none}.journey-enhanced .preview-intro{padding-top:8px}.journey-enhanced .preview-intro h2{font-size:37px;margin:12px 0}.journey-enhanced .preview-content{padding:22px;gap:20px}}
@media (max-width:1000px) and (min-width:721px){.journey-enhanced .hero-copy{max-width:76%}.journey-enhanced .hero-motion h1{font-size:72px}.journey-enhanced .preview-content{grid-template-columns:.82fr 1.18fr;gap:18px;padding:24px}.preview-intro{padding-left:5px}.preview-intro h2{font-size:38px}.preview-intro p{font-size:13px}.preview-card strong{font-size:17px}.preview-card-bruma strong{font-size:24px}}
@media (max-width:720px){
  .hero-journey .hero-motion{padding-bottom:26px;min-height:0}
  .hero-journey .hero-layout{min-height:700px;padding-block:55px 70px}
  .hero-journey .scene-sculpture{object-position:64% center;opacity:.8}
  .hero-journey .scene-shade{background:linear-gradient(180deg,#070b16ee 0%,#070b16df 34%,#070b1688 59%,#070b16dd 100%)}
  .hero-journey .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:-32px;padding-top:14px}
  .journey-preview{width:calc(100% - 36px);margin:25px auto 16px;border-radius:13px}
  .preview-bar{height:42px;padding:0 13px;gap:10px;font-size:8px;letter-spacing:.1em}.preview-bar-right{display:none}
  .preview-content{display:block;padding:20px;min-height:0}
  .preview-intro{padding:4px 0 24px}.preview-intro h2{font-size:35px;margin:12px 0}.preview-intro p{font-size:13px}.preview-cta{margin-top:22px}
  .preview-gallery{grid-template-columns:1fr 1fr;grid-template-rows:210px 150px;gap:9px;min-height:0}
  .preview-card-bruma{grid-column:1/3;grid-row:1}.preview-card strong{font-size:18px}.preview-card-bruma strong{font-size:24px}.preview-card small{font-size:8px}.preview-card>span:not(.orbit-mark):not(.orbit-bars){left:12px;right:36px;bottom:11px}.preview-card>b{right:9px;bottom:10px;width:26px;height:26px;font-size:15px}.orbit-mark{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.hero-journey .scene-glow{animation:none!important}.journey-preview,.preview-card,.preview-card img,.preview-cta{transition:none!important;transform:none!important}}