/* Three islands share one sky. JavaScript moves their positions and scale
   around a horizontal orbit while the camera and page remain still. */
.orbit-home .scene-stage{perspective:none;isolation:isolate;background:inherit}
.orbit-home .scene-orbit{z-index:2;transform:none!important;transform-style:flat;transition:none;will-change:auto;pointer-events:none}
.orbit-home .orbit-panel{inset:0;padding:0;overflow:visible;opacity:1!important;visibility:visible;backface-visibility:visible;transform:translate3d(var(--island-x,0px),var(--island-y,0px),0) scale(var(--island-scale,1));transform-origin:50% 50%;transition:none;pointer-events:none!important;will-change:transform}
.orbit-panel[data-scene="1"]{--island-x:-36vw;--island-y:11.25svh;--island-scale:.28185}
.orbit-panel[data-scene="2"]{--island-x:36vw;--island-y:11.25svh;--island-scale:.28185}
.orbit-home .island-content{position:absolute;inset:0;pointer-events:none}
.orbit-home .orbit-panel.is-active .character-hotspot,.orbit-home .orbit-panel.is-active .work-card,.orbit-home .orbit-panel.is-active .about-reveal{pointer-events:auto}
.orbit-home .orbit-panel.is-distant .island-content{pointer-events:none}
.orbit-home .orbit-panel.is-distant .section-heading,.orbit-home .orbit-panel.is-distant .character-hint,.orbit-home .orbit-panel.is-distant .about-reveal{opacity:0;visibility:hidden}
.orbit-home .orbit-panel.is-distant .work-gallery,.orbit-home .orbit-panel.is-distant .logo-deck{display:none}
.orbit-home .orbit-panel.is-distant .work-platform,.orbit-home .orbit-panel.is-distant .partners-platform{top:20px}
.orbit-home .hero-type{z-index:1;pointer-events:none;transition:opacity .3s ease;top:clamp(105px,14svh,155px)}
.orbit-home .scene-stage[data-active-scene]:not([data-active-scene=home]) .hero-type{opacity:0}
.js .orbit-home .hero-type{opacity:0;transition:none}
.js .orbit-home .scene-stage.home-copy-ready .hero-type{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .js:not(.motion-paused) .orbit-home .home-copy-ready .hero-type h1{animation:home-name-enter .72s cubic-bezier(.16,1,.3,1) both}
  .js:not(.motion-paused) .orbit-home .home-copy-ready .hero-type p{animation:home-role-enter .6s cubic-bezier(.16,1,.3,1) .14s both}
}
@keyframes home-name-enter{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes home-role-enter{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.orbit-home #home{--hero-top:clamp(180px,20svh,220px)}
.orbit-home .hero-world{--hero-size:min(640px,52vw,calc(100svh - 270px));width:var(--hero-size);height:var(--hero-size);top:calc(var(--hero-top) * 1.35);margin-left:calc(var(--hero-size) / -2)}
.orbit-home #home .island-label{margin-top:calc(var(--hero-top) * .35)}
.orbit-home .hero-bottom{display:none}
/* The info marker follows the character, just above the left side of his head. */
.orbit-home .character-hint{top:8%;bottom:auto;left:calc(-4% + 8px);width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);color:#302d28}
.orbit-home .hero.about-open .character-hint{transform:translate(-50%,calc(-50% + 6px))}
.orbit-home .about-reveal{bottom:108px;width:min(710px,74vw);max-height:calc(100svh - 210px)}
.orbit-home .section-heading{position:absolute;top:clamp(95px,11svh,125px);left:0;width:100%;margin:0}
.orbit-home .section-heading h2{font-size:clamp(44px,4.2vw,60px);font-weight:700}
.orbit-home .section-heading p{font-size:14px}
.orbit-home .work-world{--work-width:min(690px,54vw,calc((100svh - 315px) * 1.16));position:absolute;top:calc(clamp(95px,11svh,125px) + 100px);left:50%;width:var(--work-width);height:calc(100svh - 300px);margin:0 0 0 calc(var(--work-width) / -2);padding:0}
.orbit-home .work-gallery{grid-template-columns:1fr 1fr;gap:20px 22px}
.orbit-home .work-image{aspect-ratio:2.25;max-height:none}
.orbit-home .work-caption{padding:10px 7px 12px}
.orbit-home .work-caption h3{font-size:38px;line-height:.73}
.orbit-home .work-caption p{font-size:12px;min-height:0}
.orbit-home .work-card:nth-child(2n){transform:translateY(14px)}
.orbit-home .work-card:nth-child(2n):hover,.orbit-home .work-card:nth-child(2n):focus-visible{transform:translateY(8px)}
.orbit-home .work-platform{left:-12%;top:80px;width:124%;height:min(450px,calc(100svh - 350px));margin:0}
.orbit-home .partners-world{--partners-width:min(760px,58vw,calc((100svh - 280px) * 1.38));position:absolute;top:calc(clamp(95px,11svh,125px) + 114px);left:50%;width:var(--partners-width);height:calc(100svh - 300px);margin:0 0 0 calc(var(--partners-width) / -2);padding:0}
.orbit-home .logo-deck{width:94%;grid-template-columns:repeat(6,1fr);gap:12px 20px;padding:20px 28px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.orbit-home .logo-deck img{height:clamp(29px,3.8svh,35px);opacity:1;filter:grayscale(1) brightness(.55);transform:scale(var(--logo-scale,1));transition:transform .16s ease,filter .3s,opacity .3s}
.orbit-home .logo-deck .logo-wide{grid-column:span 2}
.orbit-home .logo-deck img:nth-last-child(4){grid-column:2}
.orbit-home .orbit-panel.is-active .logo-deck img{pointer-events:auto}
.orbit-home .logo-deck img:hover{filter:grayscale(1) brightness(.55)}
/* Match the original logos' rendered grey, independent of source brand colours. */
.orbit-home .logo-deck .logo-monochrome,.orbit-home .logo-deck .logo-monochrome:hover{filter:brightness(0) invert(25.5%)}
/* The island occupies a square sprite cell; resize both axes together. */
.orbit-home .partners-platform{--platform-size:min(100%,440px,calc(100svh - 450px));width:var(--platform-size);height:auto;aspect-ratio:1;left:50%;top:200px;bottom:auto;margin:0 0 0 calc(var(--platform-size) / -2)}
.island-select{position:absolute;z-index:30;left:50%;top:180px;width:min(800px,62vw);height:min(660px,calc(100svh - 265px));transform:translateX(-50%);padding:0;border:0;background:none;pointer-events:auto;font-family:Oswald,sans-serif;font-weight:400;color:var(--ink)}
.orbit-home .orbit-panel.is-active .island-select{opacity:0;visibility:hidden;pointer-events:none}
.island-label{position:absolute;top:-12px;left:50%;transform:translate(-50%,-100%);width:max-content;max-width:none;font-family:Oswald,sans-serif;font-size:calc(20px / var(--island-scale,1));font-weight:500;line-height:1.1;letter-spacing:.3px;white-space:nowrap;background:#f5ecdfed;border:calc(1px / var(--island-scale,1)) solid #fffa;border-radius:calc(30px / var(--island-scale,1));padding:calc(7px / var(--island-scale,1)) calc(14px / var(--island-scale,1));box-shadow:0 calc(3px / var(--island-scale,1)) calc(12px / var(--island-scale,1)) #3c2b2320;text-shadow:none}
.orbit-home .island-content,.island-label{transition:translate .28s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:no-preference){
  .orbit-home .orbit-panel.is-distant:has(.island-select:focus-visible) :is(.island-content,.island-label){translate:0 calc(-12px / var(--island-scale,1))}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .orbit-home .orbit-panel.is-distant:has(.island-select:hover) :is(.island-content,.island-label){translate:0 calc(-12px / var(--island-scale,1))}
}
.orbit-home :is(#work,#worked-with) .island-label{top:78px}
.island-select:focus-visible{outline-width:calc(2px / var(--island-scale,1));outline-offset:14px;border-radius:20px}
.orbit-home .scene-controls{position:fixed;bottom:22px;z-index:55;padding:4px 8px;gap:5px;background:#f8edddc2;box-shadow:0 6px 20px #63544316}
.orbit-home .scene-controls button{min-height:34px;padding:7px 16px;font-size:13px}
.orbit-home .scene-controls .scene-prev,.orbit-home .scene-controls .scene-next{width:34px;padding:0;display:grid;place-items:center}
.scene-prev .scene-chevron{transform:rotate(90deg)}
.scene-next .scene-chevron,.about-reveal>a .scene-chevron{transform:rotate(-90deg)}
.scene-footer{position:fixed;z-index:45;left:4.5vw;right:4.5vw;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:Oswald,sans-serif;font-size:12px;line-height:1.5;color:var(--muted);pointer-events:none}
.scene-footer a{pointer-events:auto;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.scene-footer p{margin:0}
.orbit-home .scene-footer .motion-toggle{position:absolute;right:0;bottom:-8px;width:36px;height:36px;border:2px solid currentColor;border-radius:50%;color:var(--ink);background:transparent;pointer-events:auto;padding:0;display:grid;place-items:center}
.scene-footer .motion-icon{grid-area:1/1;width:16px;height:16px}
.scene-footer .motion-play{display:none}
.scene-footer .motion-toggle[aria-pressed=true] .motion-play{display:block}
.scene-footer .motion-toggle[aria-pressed=true] .motion-pause{display:none}
@media(max-height:780px) and (min-width:768px){
  .orbit-home #home{--hero-top:170px}
  .orbit-home .hero-world{--hero-size:min(510px,47vw,calc(100svh - 275px))}
  .orbit-home .work-world{--work-width:min(610px,51vw,calc((100svh - 310px) * 1.16))}
  .orbit-home .section-heading h2{font-size:46px}
  .orbit-home .work-caption h3{font-size:35px}
  .orbit-home .work-caption{padding-top:8px;padding-bottom:10px}
  .orbit-home .logo-deck{gap:15px 20px;padding:22px 25px}
  .island-select{top:170px;height:calc(100svh - 265px)}
}
@media(max-width:767px){
  /* Keep the small island links readable beside the lowered Home island. */
  .orbit-home .scene-stage[data-active-scene=home]:not(:has(.scene-orbit.is-rotating)) .orbit-panel.is-distant{z-index:202!important}
  /* Raise the card's stacking context above the small island links while open. */
  .orbit-home .orbit-panel.about-open{z-index:203!important}
  .orbit-panel[data-scene="1"]{--island-x:-27vw;--island-y:24svh}
  .orbit-panel[data-scene="2"]{--island-x:27vw;--island-y:24svh}
  .orbit-home .hero-type{top:112px}
  .orbit-home .hero-type h1{font-size:32vw}
  .orbit-home .hero-type p{font-size:12px;margin-bottom:9px}
  .orbit-home #home{--hero-top:200px}
  .orbit-home .hero-world{--hero-size:min(96vw,calc(100svh - 365px));width:var(--hero-size);height:var(--hero-size);margin-left:calc(var(--hero-size) / -2)}
  .orbit-home .about-reveal{bottom:105px;width:calc(100% - 30px);max-height:calc(100svh - 195px)}
  .orbit-home .section-heading{top:104px;padding:0 15px}
  .orbit-home .section-heading h2{font-size:37px}
  .orbit-home .section-heading p{font-size:12px;margin-bottom:5px}
  .orbit-home .section-heading h2+p{margin-top:7px}
  .orbit-home .work-world{--work-width:min(88vw,390px,calc((100svh - 340px) * 1.04));top:185px;height:calc(100svh - 285px);margin-left:calc(var(--work-width) / -2)}
  .orbit-home .work-gallery{grid-template-columns:1fr 1fr;gap:16px 13px}
  .orbit-home .work-card{padding:5px 5px 0}
  .orbit-home .work-image{aspect-ratio:1.85}
  .orbit-home .work-caption{padding:8px 4px 10px;gap:2px}
  .orbit-home .work-caption h3{font-size:28px}
  .orbit-home .work-caption p{font-size:12px;line-height:1.25;min-height:30px}
  .orbit-home .work-arrow{display:none}
  .orbit-home .work-card:nth-child(2n){transform:translateY(10px)}
  .orbit-home .work-card:nth-child(2n):hover,.orbit-home .work-card:nth-child(2n):focus-visible{transform:translateY(4px)}
  .orbit-home .work-platform{top:60px;left:-12%;width:124%;height:min(340px,calc(100svh - 365px))}
  .orbit-home .partners-world{--partners-width:min(88vw,410px);top:190px;height:calc(100svh - 290px);margin-left:calc(var(--partners-width) / -2)}
  .orbit-home .logo-deck{grid-template-columns:repeat(5,1fr);gap:12px 15px;padding:19px 17px}
  .orbit-home .logo-deck img:nth-last-child(4){grid-column:auto}
  .orbit-home .logo-deck img:nth-last-child(3){grid-column:2}
  .orbit-home .logo-deck img{height:30px}
  .orbit-home .partners-platform{top:250px;--platform-size:min(80%,180px,calc(100svh - 550px))}
  .island-select{top:175px;width:98vw;height:min(420px,calc(100svh - 290px))}
  .island-label{top:-10px;font-size:calc(14px / var(--island-scale,1));letter-spacing:0;padding:calc(6px / var(--island-scale,1)) calc(8px / var(--island-scale,1))}
  .orbit-home #work .island-label{top:60px}
  .orbit-home #worked-with .island-label{top:50px}
  .orbit-home .scene-controls{bottom:43px;padding:4px 6px;gap:0;max-width:calc(100% - 20px)}
  .orbit-home .scene-controls button{min-height:32px;font-size:12px;padding:6px 11px}
  .orbit-home .scene-controls .scene-prev,.orbit-home .scene-controls .scene-next{width:29px}
  .scene-footer{left:20px;right:20px;bottom:12px;font-size:10px;gap:12px}
  .orbit-home .scene-footer .motion-toggle{width:32px;height:32px;bottom:-5px}
}
@media(max-width:767px) and (max-height:700px), (max-width:360px){
  .orbit-home .hero-type{top:94px}
  .orbit-home #home{--hero-top:173px}
  .orbit-home .hero-world{--hero-size:min(92vw,calc(100svh - 345px))}
  .orbit-home .section-heading{top:87px}
  .orbit-home .section-heading h2{font-size:33px}
  .orbit-home .work-world{top:155px;--work-width:min(78vw,calc((100svh - 350px) * .9))}
  .orbit-home .work-image{aspect-ratio:2}
  .orbit-home .work-caption h3{font-size:26px}
  .orbit-home .work-caption{padding-top:7px;padding-bottom:8px}
  .orbit-home .work-caption p{min-height:24px}
  .orbit-home .work-gallery{gap:13px 11px}
  .orbit-home .work-platform{height:calc(100svh - 360px)}
  .orbit-home .partners-world{top:168px}
  .orbit-home .logo-deck{grid-template-columns:repeat(6,1fr);gap:8px;padding:12px}
  .orbit-home .logo-deck img:nth-last-child(4){grid-column:2}
  .orbit-home .logo-deck img:nth-last-child(3){grid-column:auto}
  .orbit-home .logo-deck img{height:20px}
  .orbit-home .partners-platform{--platform-size:min(80%,max(145px,calc(100svh - 480px)));top:150px}
  .island-select{top:160px}
  .orbit-home :is(#work,#worked-with) .island-label{top:42px}
}
@media(max-height:600px) and (min-width:600px){
  .orbit-home .hero-type{top:66px}
  .orbit-home .hero-type h1{font-size:min(28vw,230px)}
  .orbit-home #home{--hero-top:95px}
  .orbit-home .hero-world{--hero-size:min(41vw,calc(100svh - 165px))}
  .orbit-home .section-heading{top:62px}
  .orbit-home .section-heading h2{font-size:28px}
  .orbit-home .section-heading p{font-size:11px;margin-bottom:3px}
  .orbit-home .section-heading h2+p{margin-top:4px}
  .orbit-home .work-world{--work-width:min(58vw,calc((100svh - 175px) * 2.5));top:120px;height:calc(100svh - 165px)}
  .orbit-home .work-gallery{grid-template-columns:repeat(4,1fr);gap:9px}
  .orbit-home .work-image{aspect-ratio:1.45}
  .orbit-home .work-caption{padding:7px 3px 8px}
  .orbit-home .work-caption p{font-size:10px;line-height:1.2;min-height:24px}
  .orbit-home .work-caption h3{font-size:24px}
  .orbit-home .work-card:nth-child(2n){transform:none}
  .orbit-home .work-platform{top:22px;height:calc(100svh - 180px)}
  .orbit-home .partners-world{--partners-width:58vw;top:122px;height:calc(100svh - 160px)}
  .orbit-home .logo-deck{grid-template-columns:repeat(6,1fr);gap:7px 16px;padding:12px 18px}
  .orbit-home .logo-deck img:nth-last-child(4){grid-column:2}
  .orbit-home .logo-deck img:nth-last-child(3){grid-column:auto}
  .orbit-home .logo-deck img{height:20px}
  .orbit-home .partners-platform{top:128px;--platform-size:min(100%,calc(100svh - 275px))}
  .island-select{top:110px;width:65vw;height:calc(100svh - 160px)}
  .island-label{font-size:calc(17px / var(--island-scale,1))}
  .orbit-home #work .island-label{top:47px}
  .orbit-home #worked-with .island-label{top:40px}
  .orbit-home .about-reveal{bottom:67px;max-height:calc(100svh - 122px)}
  .orbit-home .scene-controls{bottom:13px;padding:3px 5px}
  .orbit-home .scene-controls button{min-height:29px;padding:5px 10px;font-size:12px}
  .scene-footer{bottom:20px;left:3vw;right:3vw;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.orbit-home .hero-type{transition:none}}

/* Once the island settles, reveal its heading before the content underneath. */
@media(prefers-reduced-motion:no-preference){
  .js:not(.motion-paused) .orbit-home .orbit-panel:not(.island-items-ready) .section-heading :is(h2,p){opacity:0}
  .js:not(.motion-paused) .orbit-home .island-items-ready .section-heading h2{animation:home-name-enter .72s cubic-bezier(.16,1,.3,1) both}
  .js:not(.motion-paused) .orbit-home .island-items-ready .section-heading p{animation:home-role-enter .6s cubic-bezier(.16,1,.3,1) .14s both}
  .js:not(.motion-paused) .orbit-home .orbit-panel:not(.island-items-ready) .island-enter-item{opacity:0;translate:0 28px}
  .js:not(.motion-paused) .orbit-home .island-items-ready .island-enter-item{animation:island-item-enter .72s cubic-bezier(.16,1,.3,1) var(--item-delay,0s) both}
}
@keyframes island-item-enter{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
.orbit-home .case-companies{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px;margin:0 auto 18px;height:48px;width:92%}
.orbit-home .case-company{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:100%;pointer-events:auto}
.orbit-home .case-company img{display:block;width:auto;max-width:100%;height:34px;object-fit:contain;transition:scale .2s ease}
.orbit-home .case-company:hover img{scale:1.06}
.orbit-home .case-company-agency img:first-child{width:24px;height:34px}
.orbit-home .case-company-agency img:last-child{width:100px;height:36px}
.orbit-home .case-company-linkup>img{width:42px;height:42px}
/* Embed the wordmark mask so direct file previews can load it. */
.case-linkup-wordmark{--linkup-mask:url('data:image/png;base64,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');display:block;flex:none;width:74px;height:28px;background:#0191fd;mask:var(--linkup-mask) center / contain no-repeat;-webkit-mask:var(--linkup-mask) center / contain no-repeat;transition:scale .2s ease}
.orbit-home .case-linkup-wordmark img{width:100%;height:100%;opacity:0}
.orbit-home .case-company:hover .case-linkup-wordmark{scale:1.06}
.orbit-home .orbit-panel.is-distant .case-companies{display:none}
.orbit-home .work-caption{padding:11px 2px 12px;gap:8px;align-items:center}
.orbit-home .work-caption>div{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.orbit-home .work-caption h3{font-size:36px;line-height:1;white-space:nowrap;letter-spacing:0;margin:0;flex-shrink:0}
.orbit-home .work-caption p{font-size:10px;line-height:1.3;min-height:0;white-space:nowrap;margin:0}
.orbit-home .work-arrow{display:block;flex:0 0 10px;width:10px;height:6px;transform:rotate(-90deg)}
@media(max-width:767px){
  .orbit-home .case-companies{height:38px;gap:12px;margin-bottom:12px;width:100%}
  .orbit-home .case-company{gap:5px}
  .orbit-home .case-company img{height:26px}
  .orbit-home .case-company-agency img:first-child{width:15px;height:25px}
  .orbit-home .case-company-agency img:last-child{width:65px;height:25px}
  .orbit-home .case-company-linkup>img{width:28px;height:28px}
  .orbit-home .case-linkup-wordmark{width:51px;height:22px}
  .orbit-home .work-gallery{grid-template-columns:1fr;gap:13px}
  .orbit-home .work-card{display:flex;align-items:center;gap:10px;padding:7px}
  .orbit-home .work-card:nth-child(2n){transform:none}
  .orbit-home .work-card:nth-child(2n):hover,.orbit-home .work-card:nth-child(2n):focus-visible{transform:translateY(-6px)}
  .orbit-home .work-image{flex:0 0 24%;height:57px;aspect-ratio:auto}
  .orbit-home .work-caption{flex:1;min-width:0;padding:0;gap:5px}
  .orbit-home .work-caption>div{gap:6px}
  .orbit-home .work-caption h3{font-size:24px}
  .orbit-home .work-caption p{font-size:8px;min-height:0}
}
@media(max-width:360px),(max-width:767px) and (max-height:700px){
  .orbit-home .work-world{--work-width:92vw}
  .orbit-home .work-image{height:43px;flex-basis:20%}
  .orbit-home .work-card{gap:7px;padding:6px}
  .orbit-home .work-caption h3{font-size:22px}
  .orbit-home .work-caption p{font-size:7.5px}
  .orbit-home .work-caption>div{gap:4px}
}
@media(max-height:600px) and (min-width:600px){
  .orbit-home .work-world{--work-width:72vw}
  .orbit-home .case-companies{height:32px;margin-bottom:10px}
  .orbit-home .case-company img{max-height:30px}
  .orbit-home .work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .orbit-home .work-card{display:flex;align-items:center;gap:8px;padding:6px}
  .orbit-home .work-image{height:52px;flex:0 0 22%;aspect-ratio:auto}
  .orbit-home .work-caption{flex:1;min-width:0;padding:0;gap:4px}
  .orbit-home .work-caption>div{gap:4px}
  .orbit-home .work-caption h3{font-size:22px}
  .orbit-home .work-caption p{font-size:7.5px}
}

/* Camera-side vapor stays in front while the islands turn behind it.
   Screen blending removes the intentional black VFX plate, including its wisps. */
.foreground-clouds{position:fixed;inset:0;z-index:10;overflow:hidden;pointer-events:none;mix-blend-mode:screen;transition:opacity .35s}
.scene-stage>.foreground-clouds{position:absolute}
.scene-stage[data-active-scene=work]>.foreground-clouds{z-index:1}
.rear-clouds,.close-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.rear-clouds{z-index:0}
.close-clouds{position:fixed;z-index:11;transition:opacity .35s}
.cloud-volume{position:absolute;left:0;width:var(--cloud-size);aspect-ratio:3/2;background:url('../images/scene/cloud-volume.webp') center / contain no-repeat;pointer-events:none;will-change:transform}
.rear-cloud-left{--cloud-size:min(1300px,105vw);top:calc(44svh - var(--cloud-size) / 3);opacity:.64;transform:translate3d(-38vw,0,0)}
.rear-cloud-right{--cloud-size:min(1050px,90vw);top:calc(40svh - var(--cloud-size) / 3);opacity:.55;transform:translate3d(47vw,0,0) scaleX(-1)}
.close-cloud-left{--cloud-size:min(1900px,125vw);top:calc(92svh - var(--cloud-size) / 3);opacity:.97;transform:translate3d(-42vw,0,0)}
.close-cloud-right{--cloud-size:min(1800px,120vw);top:calc(94svh - var(--cloud-size) / 3);opacity:.96;transform:translate3d(28vw,0,0) scaleX(-1)}
.close-cloud-bottom{--cloud-size:min(2200px,150vw);top:calc(111svh - var(--cloud-size) / 3);opacity:1;transform:translate3d(-20vw,0,0)}
.orbit-home:has(.about-open) .close-clouds{opacity:.25}
@media(prefers-reduced-motion:no-preference){
  .rear-cloud-left{animation:rear-cloud-left 74s ease-in-out -24s infinite alternate}
  .rear-cloud-right{animation:rear-cloud-right 83s ease-in-out -32s infinite alternate}
  .close-cloud-left{animation:close-cloud-left 32s ease-in-out -10s infinite alternate}
  .close-cloud-right{animation:close-cloud-right 39s ease-in-out -22s infinite alternate}
  .close-cloud-bottom{animation:close-cloud-bottom 44s ease-in-out -15s infinite alternate}
}
@keyframes rear-cloud-left{from{transform:translate3d(-48vw,8px,0)}to{transform:translate3d(-18vw,-12px,0)}}
@keyframes rear-cloud-right{from{transform:translate3d(52vw,-9px,0) scaleX(-1)}to{transform:translate3d(22vw,12px,0) scaleX(-1)}}
@keyframes close-cloud-left{from{transform:translate3d(-52vw,12px,0)}to{transform:translate3d(-22vw,-16px,0)}}
@keyframes close-cloud-right{from{transform:translate3d(37vw,-15px,0) scaleX(-1)}to{transform:translate3d(7vw,14px,0) scaleX(-1)}}
@keyframes close-cloud-bottom{from{transform:translate3d(-30vw,5px,0)}to{transform:translate3d(-8vw,-12px,0)}}
@media(max-width:767px){
  .rear-cloud-left{--cloud-size:150vw;top:calc(38svh - var(--cloud-size) / 3);opacity:.5}
  .rear-cloud-right{--cloud-size:135vw;top:calc(45svh - var(--cloud-size) / 3);opacity:.44}
  .close-cloud-left{--cloud-size:190vw;top:calc(93svh - var(--cloud-size) / 3)}
  .close-cloud-right{--cloud-size:175vw;top:calc(96svh - var(--cloud-size) / 3)}
  .close-cloud-bottom{--cloud-size:230vw;top:calc(111svh - var(--cloud-size) / 3)}
}
@media(max-height:600px) and (min-width:600px){
  .rear-cloud-left,.rear-cloud-right{opacity:.35}
  .close-cloud-left{top:calc(120svh - var(--cloud-size) / 3)}
  .close-cloud-right{top:calc(124svh - var(--cloud-size) / 3)}
  .close-cloud-bottom{top:calc(146svh - var(--cloud-size) / 3)}
}
.foreground-cloud{position:absolute;left:0;width:var(--cloud-size);aspect-ratio:3/2;background:url('../images/scene/foreground-cloud.webp') center / contain no-repeat;mix-blend-mode:screen;pointer-events:none;will-change:transform}
.foreground-cloud-near{--cloud-size:min(1100px,105vw);top:calc(76svh - var(--cloud-size) / 3);opacity:.72;transform:translate3d(-10vw,0,0)}
.foreground-cloud-far{--cloud-size:min(900px,78vw);top:calc(66svh - var(--cloud-size) / 3);opacity:.42;transform:translate3d(47vw,0,0) scaleX(-1)}
.orbit-home:has(.about-open) .foreground-clouds{opacity:.2}
@media(prefers-reduced-motion:no-preference){
  .foreground-cloud-near{animation:foreground-cloud-near 46s linear -18s infinite alternate}
  .foreground-cloud-far{animation:foreground-cloud-far 62s linear -21s infinite alternate}
}
@keyframes foreground-cloud-near{from{transform:translate3d(-55vw,12px,0)}to{transform:translate3d(65vw,-14px,0)}}
@keyframes foreground-cloud-far{from{transform:translate3d(75vw,-8px,0) scaleX(-1)}to{transform:translate3d(-55vw,16px,0) scaleX(-1)}}
@media(max-width:767px){
  .foreground-cloud-near{--cloud-size:155vw;top:calc(75svh - var(--cloud-size) / 3);opacity:.58}
  .foreground-cloud-far{--cloud-size:120vw;top:calc(64svh - var(--cloud-size) / 3);opacity:.32}
}
@media(max-height:600px) and (min-width:600px){
  .foreground-cloud-near{top:calc(84svh - var(--cloud-size) / 3);opacity:.5}
  .foreground-cloud-far{top:calc(80svh - var(--cloud-size) / 3);opacity:.25}
}