/* The second movement of the home scene. Every image, contour and cloud is replaceable. */
@media (min-width:761px){
  #daleqo-scene{
    --scene-art-height:var(--scene-fit-height,max(100vh,760px));
    min-height:var(--scene-fit-height,760px);
    overflow:visible;
    background:#f2f3f3;
  }
  #scene-background,#architecture{height:var(--scene-art-height)}
  #left-statue,#right-statue{top:118px;bottom:auto;height:calc(var(--scene-art-height) - 118px)}
  #left-clouds,#right-clouds{top:calc(var(--scene-art-height) - max(608px,80vh));bottom:auto;height:max(608px,80vh)}
  #route-builder{bottom:36px}
  #route-builder.is-explore{bottom:36px}
  #route-builder.is-explore .route-field--budget{
    display:grid;
    grid-template-columns:minmax(0,1fr) 112px;
    align-content:center;
    align-items:center;
    column-gap:8px;
    row-gap:2px;
  }
  #route-builder.is-explore .route-field--budget .route-field__label,
  #route-builder.is-explore .budget-scope-help{grid-column:1/-1}
  #route-builder.is-explore .budget-scope{width:100%;margin:0;padding:5px 3px}
  #route-builder.is-explore .budget-scope-help{margin:0}
}
#daleqo-scene::after{content:none}
.scene-cloud-bridge{
  position:absolute;left:0;right:0;bottom:-2px;height:300px;
  z-index:2;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 100%);
}
.scene-cloud-bridge__track{
  position:absolute;left:0;top:0;width:200%;height:100%;display:flex;
  animation:scene-cloud-crossing 58s linear infinite;
}
.scene-cloud-bridge img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.86) brightness(1.04);user-select:none}
@keyframes scene-cloud-crossing{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cloud-continuum{
  position:relative;
  overflow:clip;
  margin-top:-4px;
  padding-top:4px;
  background:transparent;
}
.section-cloud-join{
  position:relative;height:clamp(180px,18vw,260px);margin:calc(clamp(180px,18vw,260px) / -2) 0;z-index:14;
  overflow:visible;clip-path:inset(-220px 0 -360px 0);pointer-events:none;
}
.section-cloud-join img{position:absolute;display:block;user-select:none}
.section-cloud-join__veil{left:0;right:0;bottom:0;width:100%;height:calc(100% + 120px);object-fit:fill;opacity:.94;filter:saturate(.82) brightness(1.03) blur(.45px);will-change:transform;animation:seam-veil-float 28s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.86) 0,#000 30%,rgba(0,0,0,.9) 47%,rgba(0,0,0,.48) 67%,transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.86) 0,#000 30%,rgba(0,0,0,.9) 47%,rgba(0,0,0,.48) 67%,transparent 92%)}
.section-cloud-join__veil:not(.section-cloud-join__veil--back){bottom:-82px;z-index:1}
.section-cloud-join__veil--back{display:block;bottom:12px;z-index:0;opacity:1;filter:saturate(.72) brightness(1.06) blur(1px);animation:seam-veil-back-float 34s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.94) 0,#000 32%,#000 82%,rgba(0,0,0,.72) 91%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.94) 0,#000 32%,#000 82%,rgba(0,0,0,.72) 91%,transparent 100%)}
.section-cloud-join__drift{display:block!important;z-index:2;height:auto;will-change:transform}
.section-cloud-join__left{left:0;top:82px;width:clamp(320px,31vw,500px);opacity:.66;filter:saturate(.72) brightness(1.05) contrast(.9) blur(.7px);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 54%,#000 42%,rgba(0,0,0,.72) 67%,transparent 96%);mask-image:radial-gradient(ellipse 75% 70% at 50% 54%,#000 42%,rgba(0,0,0,.72) 67%,transparent 96%);animation:seam-cloud-left 20s ease-in-out infinite alternate}
.section-cloud-join__under-left{display:none!important}
.section-cloud-join__center{display:none!important}
.section-cloud-join__right{right:0;top:84px;width:clamp(330px,32vw,510px);opacity:.64;filter:saturate(.7) brightness(1.06) contrast(.89) blur(.7px);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 54%,#000 42%,rgba(0,0,0,.72) 67%,transparent 96%);mask-image:radial-gradient(ellipse 75% 70% at 50% 54%,#000 42%,rgba(0,0,0,.72) 67%,transparent 96%);transform:scaleX(-1);animation:seam-cloud-right 22s ease-in-out infinite alternate}
@keyframes seam-cloud-left{from{transform:translate3d(0,3px,0)}to{transform:translate3d(34px,-5px,0)}}
@keyframes seam-cloud-center{from{transform:translate3d(calc(-50% - 22px),4px,0)}to{transform:translate3d(calc(-50% + 22px),-4px,0)}}
@keyframes seam-cloud-right{from{transform:translate3d(0,2px,0) scaleX(-1)}to{transform:translate3d(-34px,-5px,0) scaleX(-1)}}
@keyframes seam-veil-float{from{transform:translate3d(0,3px,0)}to{transform:translate3d(0,-4px,0)}}
@keyframes seam-veil-back-float{from{transform:translate3d(0,-2px,0)}to{transform:translate3d(0,4px,0)}}
@media(max-width:760px){
  .section-cloud-join{height:320px;margin:-160px 0}
  .section-cloud-join__veil{display:none!important}
  .section-cloud-join__drift{display:block!important;filter:saturate(.9) brightness(1.04)}
  .section-cloud-join__left{left:-13%;top:-82px;width:min(64vw,980px);opacity:.96;animation:none}
  .section-cloud-join__under-left{display:block!important;left:-16%;top:34px;width:min(48vw,720px);opacity:.94;transform:scaleX(-1);z-index:2}
  .section-cloud-join__center{display:block!important;left:50%;top:-132px;width:min(70vw,1080px);height:auto;object-fit:contain;opacity:.86;transform:translateX(-50%);animation:none}
  .section-cloud-join__right{right:-14%;top:-76px;width:min(65vw,1000px);opacity:.95;transform:scaleX(-1);animation:none}
}

/* One continuous atmosphere: sections sit on the same cloud field instead of
   painting rectangular backgrounds whose edges become visible while scrolling. */
.cloud-continuum .entry-watch,
.cloud-continuum .ecosystem,
.cloud-continuum #about{background:transparent}
.cloud-continuum .entry-watch::before{
  content:"";
  position:absolute;
  inset:-120px 0 -140px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 60% 32% at 18% 26%,rgba(255,250,243,.55),transparent 76%),
    radial-gradient(ellipse 56% 30% at 82% 72%,rgba(218,233,237,.48),transparent 78%);
}
.cloud-continuum::before{
  content:none;
}
.cloud-continuum::after{
  content:none;
}
.continuum-seam-clouds{
  position:absolute;
  left:0;right:0;top:-180px;height:390px;
  z-index:1;
  overflow:visible;
  pointer-events:none;
}
.continuum-seam-cloud{
  position:absolute;
  display:block;
  height:auto;
  user-select:none;
  filter:saturate(.78) brightness(1.06);
}
.continuum-seam-cloud--veil{
  left:50%;top:0;
  width:max(128%,1700px);
  opacity:.96;
  transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
.continuum-seam-cloud--veil-lower{
  left:50%;top:76px;
  width:max(138%,1840px);
  opacity:.84;
  transform:translateX(-50%) scaleX(-1);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%);
}
.continuum-seam-cloud--left,
.continuum-seam-cloud--right{
  top:52px;
  width:min(48vw,780px);
  opacity:.46;
  will-change:translate;
  -webkit-mask-image:radial-gradient(ellipse 76% 70% at 50% 54%,#000 52%,rgba(0,0,0,.88) 72%,transparent 98%);
  mask-image:radial-gradient(ellipse 76% 70% at 50% 54%,#000 52%,rgba(0,0,0,.88) 72%,transparent 98%);
}
.continuum-seam-cloud--left{
  left:-12%;
  animation:seam-cloud-drift-left 34s ease-in-out infinite alternate;
}
.continuum-seam-cloud--right{
  right:-11%;
  transform:scaleX(-1);
  animation:seam-cloud-drift-right 39s ease-in-out -11s infinite alternate;
}
.continuum-seam-cloud--fill-left,
.continuum-seam-cloud--fill-center,
.continuum-seam-cloud--fill-right{z-index:2;filter:saturate(.9) brightness(1.04)}
.continuum-seam-cloud--fill-left{left:-13%;top:-48px;width:min(63vw,980px);opacity:.92}
.continuum-seam-cloud--fill-center{left:50%;top:-94px;width:min(72vw,1120px);opacity:.8;transform:translateX(-50%)}
.continuum-seam-cloud--fill-right{right:-14%;top:-42px;width:min(65vw,1020px);opacity:.9;transform:scaleX(-1)}
@keyframes seam-cloud-drift-left{
  from{translate:-18px 0}
  to{translate:34px -5px}
}
@keyframes seam-cloud-drift-right{
  from{translate:20px 3px}
  to{translate:-32px -4px}
}
.page-clouds{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:visible;
  pointer-events:none;
}
.page-cloud{
  position:absolute;
  display:block;
  height:auto;
  user-select:none;
  will-change:translate;
  filter:saturate(.72) brightness(1.06);
  -webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 55%,#000 46%,rgba(0,0,0,.86) 64%,transparent 94%);
  mask-image:radial-gradient(ellipse 72% 68% at 50% 55%,#000 46%,rgba(0,0,0,.86) 64%,transparent 94%);
}
.page-cloud--one{width:min(56vw,900px);top:-280px;left:-15%;opacity:.42;--cloud-drift-x:58px;--cloud-drift-y:-9px;animation:cloud-drift 24s ease-in-out infinite alternate}
.page-cloud--two{width:min(52vw,820px);top:-260px;right:-16%;opacity:.36;transform:scaleX(-1);--cloud-drift-x:-50px;--cloud-drift-y:8px;animation:cloud-drift 29s ease-in-out -8s infinite alternate}
.page-cloud--top-center{width:min(42vw,660px);top:-230px;left:29%;opacity:.24;transform:scale(.9)}
.page-cloud--three{width:min(49vw,780px);top:49%;left:-15%;opacity:.34}
.page-cloud--mid-right{width:min(51vw,810px);top:47%;right:-16%;opacity:.31;transform:scaleX(-1);--cloud-drift-x:-64px;--cloud-drift-y:-8px;animation:cloud-drift 26s ease-in-out -13s infinite alternate}
.page-cloud--mid-center{width:min(36vw,570px);top:52%;left:34%;opacity:.18}
.page-cloud--four{width:min(45vw,720px);right:-16%;bottom:-10%;opacity:.24;--cloud-drift-x:48px;--cloud-drift-y:9px;animation:cloud-drift 32s ease-in-out -6s infinite alternate}
.page-cloud--five{width:min(30vw,470px);left:38%;bottom:4%;opacity:.14;transform:scaleX(-1)}
@keyframes cloud-drift{
  from{translate:0 0}
  to{translate:var(--cloud-drift-x,24px) var(--cloud-drift-y,0)}
}
.ecosystem{
  position:relative;
  isolation:auto;
  z-index:auto;
  overflow:hidden;
  min-height:680px;
  padding:45px clamp(26px,5vw,84px) 80px;
  background:transparent;
  color:#422c1e;
}
.ecosystem__visually-hidden{
  position:absolute;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.background-base{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:#f2f3f3;
}
.background-clouds-top,.background-clouds-front{position:absolute;inset:0;pointer-events:none}
.background-clouds-top{z-index:0}
.background-clouds-top img{
  position:absolute;display:block;height:auto;user-select:none;
}
.clouds-top-left{width:min(35vw,520px);top:90px;left:-10%}
.clouds-top-right{width:min(35vw,520px);top:90px;right:-10%}
.background-clouds-front{z-index:2}
.background-clouds-front img{
  position:absolute;display:block;height:auto;user-select:none;
}
.background-clouds-front .clouds-front-between{
  width:100%;left:50%;top:0;transform:translateX(-50%);opacity:.8;
}
.section-shell{
  position:relative;z-index:15;
  width:min(1350px,100%);margin:0 auto;
  display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:clamp(14px,2vw,32px);
  align-items:start;
}
.ecosystem .ecosystem-card{
  position:relative;display:flex;flex-direction:column;
  scroll-margin-top:36px;
  min-width:0;min-height:550px;padding:0;
  border:0;border-radius:0;background:none;box-shadow:none;
  color:inherit;text-decoration:none;isolation:isolate;
  transition:transform .3s ease;
}
.ecosystem .ecosystem-card:hover{box-shadow:none;transform:translateY(-8px)}
.ecosystem .ecosystem-card:focus-visible{outline:2px solid #9a641e;outline-offset:8px;border-radius:8px}
.card-money{margin-top:28px}
.card-connection{margin-top:3px}
.card-loopholes{margin-top:32px}
.card-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;
  align-items:flex-start;min-height:137px;padding:0 clamp(8px,2vw,24px);
}
.card-connection .card-copy{padding-top:24px;align-items:center;text-align:center}
.card-loopholes .card-copy{padding-left:clamp(12px,3vw,40px)}
.card-title{
  display:block;font-family:"Baskerville","Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  font-weight:400;font-size:clamp(48px,5vw,78px);line-height:.98;
  letter-spacing:-.012em;color:#312821;text-shadow:0 1px rgba(255,255,255,.62);
}
.card-title-connection{font-size:clamp(53px,5.2vw,82px)}
.card-description{
  display:block;max-width:330px;margin-top:14px;
  font-family:"Iowan Old Style","Baskerville",Georgia,serif;
  font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.32;
  letter-spacing:-.01em;color:#554d46;
}
.card-action{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px 8px 10px;
  border:1px solid rgba(49,40,33,.14);border-radius:999px;background:rgba(255,255,255,.5);
  box-shadow:inset 0 1px rgba(255,255,255,.7);color:#3f3934;
  font:600 11px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease;
}
.card-action::before{content:"";width:5px;height:5px;border-radius:50%;background:#b98739;box-shadow:0 0 0 3px rgba(185,135,57,.1)}
.card-action span{color:#8a6228;font-size:15px;line-height:1;transition:transform .2s ease}
.ecosystem-card:hover .card-action{background:rgba(255,255,255,.75);border-color:rgba(138,98,40,.3)}
.ecosystem-card:hover .card-action span{transform:translate(3px,-3px)}
.card-art{position:relative;display:block;width:100%;height:390px;isolation:isolate}
.card-shape,.card-image{position:absolute;display:block}
.card-shape{
  inset:7px 3px 5px;z-index:0;
  border:1.5px solid rgba(255,255,255,.92);
  background:linear-gradient(140deg,#fff9efb3,#ddaa6080);
  box-shadow:0 20px 38px #735b3a20,inset 0 0 19px #fff9;
}
.card-image{
  inset:13px 9px 11px;z-index:1;overflow:hidden;
  background:#ead9c6;box-shadow:inset 0 0 20px #fff8;
}
.card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.card-shape-money,.card-image-money{border-radius:37% 13% 24% 10% / 13% 24% 13% 25%;transform:rotate(-2.3deg)}
.card-shape-connection,.card-image-connection{border-radius:20% 39% 12% 30% / 13% 21% 19% 13%;transform:rotate(1.5deg)}
.card-shape-loopholes,.card-image-loopholes{border-radius:12% 34% 10% 28% / 23% 13% 27% 13%;transform:rotate(2deg)}
.card-image-money img{object-position:51% center}
.card-image-connection img{object-position:49% center}
.card-image-loopholes img{object-position:50% center}
.decorative-lines{display:none}
.decorative-lines span{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 19px 3px #fff8}
.decorative-lines span:nth-child(1){left:9%;top:19%}
.decorative-lines span:nth-child(2){right:11%;top:21%}
.decorative-lines span:nth-child(3){left:50%;bottom:12%}
@media (max-width:1100px){
  .ecosystem{padding:48px 25px 80px}
  .section-shell{gap:12px}
  .ecosystem .ecosystem-card{min-height:500px}
  .card-art{height:350px}
  .card-copy{min-height:140px;padding:0 10px}
  .card-title{font-size:clamp(47px,6vw,72px)}
  .card-title-connection{font-size:clamp(54px,7vw,83px)}
  .card-description{font-size:16px}
}
@media (max-width:760px){
  #daleqo-scene{--scene-art-height:max(980px,100vh);background:#f2f3f3}
  #route-builder.is-explore{bottom:auto}
  .scene-cloud-bridge{bottom:0;height:220px}
  .scene-cloud-bridge img{width:max(100%,760px);top:0}
  #scene-background,#architecture{height:var(--scene-art-height)}
  #left-statue,#right-statue{top:calc(var(--scene-art-height) - max(431px,44vh));bottom:auto;height:max(431px,44vh)}
  #left-clouds,#right-clouds{top:calc(var(--scene-art-height) - max(470px,48vh));bottom:auto;height:max(470px,48vh)}
  #daleqo-scene::after{top:calc(var(--scene-art-height) - 175px);height:177px}
  .ecosystem{min-height:0;padding:42px 20px 90px}
  .section-shell{width:min(520px,100%);grid-template-columns:1fr;gap:36px}
  .ecosystem .ecosystem-card{min-height:0;margin:0}
  .card-copy,.card-connection .card-copy,.card-loopholes .card-copy{
    min-height:0;padding:0 12px 16px;align-items:flex-start;text-align:left;
  }
  .card-connection .card-art{order:2}
  .card-connection .card-copy{order:1}
  .card-title,.card-title-connection{font-size:clamp(58px,15vw,82px)}
  .card-description{max-width:360px;font-size:19px;margin-top:8px}
  .card-action{margin-top:12px}
  .card-art{height:clamp(300px,94vw,450px)}
  .clouds-top-left,.clouds-top-right{top:100px;width:240px;opacity:.55}
  .clouds-top-left{left:-170px}.clouds-top-right{right:-170px}
  .background-clouds-front .clouds-front-between{top:0;width:max(100%,760px);opacity:.55}
  .continuum-seam-clouds{top:-108px;height:250px}
  .continuum-seam-cloud--veil{top:8px;width:max(190%,820px);opacity:.76}
  .continuum-seam-cloud--veil-lower{top:76px;width:max(230%,960px);opacity:.66}
  .continuum-seam-cloud--left,.continuum-seam-cloud--right{top:48px;width:440px;opacity:.42}
  .continuum-seam-cloud--left{left:-300px}
  .continuum-seam-cloud--right{right:-300px}
  .page-cloud--one{width:470px;top:-220px;left:-280px;opacity:.36}
  .page-cloud--two{width:460px;top:-205px;right:-285px;opacity:.3}
  .page-cloud--top-center{width:330px;top:-170px;left:8%;opacity:.18}
  .page-cloud--three{width:440px;top:52%;left:-280px;opacity:.23}
  .page-cloud--mid-right{width:460px;top:50%;right:-290px;opacity:.25}
  .page-cloud--mid-center{width:310px;top:55%;left:18%;opacity:.14}
  .page-cloud--four{width:480px;right:-285px;bottom:-60px;opacity:.28}
  .page-cloud--five{width:390px;left:-230px;bottom:180px;opacity:.2}
  .page-cloud--one,.page-cloud--two,.page-cloud--mid-right,.page-cloud--four{--cloud-drift-x:24px;--cloud-drift-y:5px}
  .decorative-lines span:nth-child(2){top:48%}
}
@media (prefers-reduced-motion:reduce){
  .page-cloud,.continuum-seam-cloud,.scene-cloud-bridge__track{animation:none;translate:none}
  .ecosystem .ecosystem-card,.card-action span{transition:none}
}
