.next-section-placeholder{background:var(--color-page)}.transition-veil-section{background:var(--color-base);height:calc(100dvh - 73px)}.concrete-section{background:var(--color-page);height:calc(100dvh - 73px);position:relative;overflow:hidden}@media (max-height:480px){body.intro-passed .concrete-section{height:100dvh}}.concrete-section:before{content:"";image-rendering:pixelated;pointer-events:none;background-image:url(/textures/concrete-noise.svg);background-size:192px 192px;position:absolute;inset:0}.thin-veil-section{background:var(--color-base);height:150px}
.hero-viewport{height:calc(100dvh - 73px);position:relative;overflow:hidden}.hero-sky-night{background-color:#0000;background-image:radial-gradient(1.5px 1.5px at 10% 18%,#fff,#0000),radial-gradient(1.5px 1.5px at 82% 12%,#fff,#0000),radial-gradient(1px 1px at 50% 30%,#fff,#0000),radial-gradient(1.5px 1.5px at 28% 55%,#fff,#0000),radial-gradient(1px 1px at 65% 22%,#fff,#0000),radial-gradient(1.5px 1.5px at 92% 45%,#fff,#0000),radial-gradient(1px 1px at 15% 70%,#fff,#0000),linear-gradient(#05060f 0%,#0c1130 55%,#171c3d 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:absolute;inset:0}.hero-sky-day{opacity:0;background:linear-gradient(#4e86e8 0%,#8ec1f2 55%,#a9d4f5 100%);transition:opacity 2.5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero-viewport.risen .hero-sky-day{opacity:1}.hero-sun{width:108px;height:108px;image-rendering:pixelated;opacity:.8;filter:drop-shadow(0 0 #ffe67800);background-image:url(/img/hero/sun-alpha.png);background-size:contain;transition:top 2.5s cubic-bezier(.16,1,.3,1),filter 2.5s cubic-bezier(.16,1,.3,1);position:absolute;top:135%;left:50%;transform:translate(-50%,-50%)}.hero-viewport.risen .hero-sun{filter:drop-shadow(0 0 50px #ffe678b3);top:70px}.hero-clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-cloud{opacity:.35;clip-path:polygon(0% 40%,15% 40%,15% 15%,40% 15%,40% 0%,70% 0%,70% 20%,100% 20%,100% 55%,85% 55%,85% 75%,30% 75%,30% 55%,0% 55%);background:#fff;animation:linear infinite cloud-drift;position:absolute}.hero-logo{z-index:10;width:min(90%,900px);position:absolute;top:130px;left:50%;transform:translate(-50%)}.hero-airship-train{z-index:9;align-items:center;transition:transform 2.5s linear .75s;animation:1.8s steps(6,end) 3 airship-bob;display:flex;position:absolute;top:58%;left:0;transform:translateY(-50%)translate(-100%)}.hero-viewport.risen .hero-airship-train{transform:translateY(-50%)translate(0)}@keyframes airship-bob{0%,to{margin-top:0}50%{margin-top:-8px}}.airship-banner{width:100vw;image-rendering:pixelated;background-color:#0000;background-image:url(/img/hero/banner-bracket-left.png),url(/img/hero/banner-bracket-right.png),url(/img/hero/banner-canvas.png);background-position:0,100%,50%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:auto 100%,auto 100%,auto 100%;flex-shrink:0;align-items:center;padding:32px clamp(56px,7vw,110px);display:flex;overflow:hidden}.airship-rope{background:var(--brass-dark);flex-shrink:0;width:24px;height:3px}.hero-airship-inner{flex-shrink:0;align-items:center;display:flex}.airship-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;width:100%;display:flex}.airship-title,.airship-text,.airship-stat-value,.airship-stat-label{text-shadow:1px 1px 0 var(--color-base), -1px -1px 0 var(--color-base), 1px -1px 0 var(--color-base), -1px 1px 0 var(--color-base), 0 2px 6px #0009}.airship-title{flex-shrink:0;margin:0;font-size:1.6rem;line-height:1.2}.airship-title-break{display:none}.airship-text{color:var(--color-primary);max-width:560px;margin:0;font-size:1rem}.airship-stats{flex-shrink:0;gap:32px;display:flex}.airship-stat{flex-direction:column;align-items:center;min-width:100px;display:flex}.airship-stat-value{font-size:1.8rem}.airship-stat-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.7rem}.airship-body{background-image:url(/img/sky/airship-reverse.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:312px;height:269px}@media (max-width:1024px){.airship-rope,.hero-airship-inner{display:none}.hero-viewport.risen .hero-sun{top:66px}.hero-sun{width:86px;height:86px}.hero-logo{top:150px}.hero-airship-train{transition:none;animation:none;top:62%;transform:translateY(-50%)}.hero-viewport.risen .hero-airship-train{transform:translateY(-50%)}.airship-banner{opacity:.3;padding:36px 20px;transition:opacity 1.5s 1.25s}.hero-viewport.risen .airship-banner{opacity:1}.airship-content{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;max-width:260px;margin:0 auto;transition:opacity .8s 2.75s}.hero-viewport.risen .airship-content{opacity:1}.airship-content .brass-bracket{display:none}.airship-title{font-size:1.05rem}.airship-text{display:none}.airship-stats{gap:20px}.airship-stat{min-width:80px}.airship-stat-value{font-size:1.3rem}}@media (min-width:701px) and (max-width:1024px){.hero-logo{width:min(55%,480px);top:190px}.hero-viewport.risen .hero-sun{top:130px}.hero-sun{width:100px;height:100px}.airship-content{text-align:left;flex-direction:row;justify-content:center;align-items:center;gap:24px;max-width:none;margin:0}.airship-content .brass-bracket{display:inline-block}.airship-title{text-align:center;margin:0 15px;font-size:1.15rem}.airship-title-break{display:inline}.airship-text{text-align:left;flex:1;min-width:0;max-width:340px;font-size:.78rem;line-height:1.3;display:block}.airship-stats{gap:20px}.airship-stat{min-width:0}.airship-stat-value{font-size:1.3rem}.airship-stat-label{overflow-wrap:break-word;max-width:90px}}@media (min-width:1025px) and (max-width:1700px){.airship-title-break{display:inline}.airship-text{max-width:460px}}@media (max-height:850px) and (min-width:600px){.hero-logo{width:min(55%,420px);top:110px}.hero-viewport.risen .hero-sun{width:80px;height:80px;top:60px}.hero-airship-train{top:64%}.airship-banner{padding-top:18px;padding-bottom:18px}.airship-title{font-size:1.35rem}.airship-text{font-size:.9rem}.airship-stat-value{font-size:1.5rem}}@media (max-height:480px){.airship-rope,.hero-airship-inner{display:none}.hero-logo{width:min(42%,260px);top:70px}.hero-viewport.risen .hero-sun{width:56px;height:56px;top:32px}.hero-airship-train{transition:none;animation:none;top:200px;transform:translateY(-50%)}.hero-viewport.risen .hero-airship-train{transform:translateY(-50%)}.airship-banner{opacity:.3;padding:20px 16px;transition:opacity 1.5s 1.25s}.hero-viewport.risen .airship-banner{opacity:1}.airship-content{text-align:left;opacity:0;flex-direction:row;justify-content:center;align-items:center;gap:16px;max-width:none;margin:0;transition:opacity .8s 2.75s}.hero-viewport.risen .airship-content{opacity:1}.airship-title{text-align:center;font-size:.9rem}.airship-title-break{display:inline}.airship-text{text-align:justify;flex:1;min-width:0;max-width:240px;font-size:.62rem;line-height:1.25;display:block}.airship-stats{gap:12px}.airship-stat{min-width:0}.airship-stat-value{font-size:1.1rem}.airship-stat-label{overflow-wrap:break-word;max-width:80px;font-size:.55rem}}.hero-cover-clouds{z-index:50;pointer-events:none;width:100%;height:calc(100dvh - 73px);position:absolute;top:73px;left:0;overflow:visible}.cover-cloud{--cloud-shape:polygon(0% 0%, 68% 0%, 68% 7%, 80% 7%, 80% 16%, 92% 16%, 92% 27%, 100% 27%, 100% 42%, 91% 42%, 91% 52%, 100% 52%, 100% 68%, 100% 78%, 90% 78%, 90% 86%, 80% 86%, 80% 92%, 70% 92%, 70% 100%, 0% 100%);z-index:0;width:75vw;height:130%;transition:transform .9s cubic-bezier(.65,0,.35,1);position:absolute;top:50%;transform:translateY(-50%)}.cover-cloud:before,.cover-cloud:after{content:"";clip-path:var(--cloud-shape);position:absolute;inset:0}.cover-cloud:before{z-index:-1;background:#aab6c2;transform:translate(16px,22px)}.cover-cloud:after{z-index:1;background:#fff}.cover-cloud--left{left:-110vw}.cover-cloud--right{right:-110vw;transform:translateY(-50%)scaleX(-1)}.hero-cover-clouds.covering .cover-cloud--left{transform:translateY(-50%)translate(110vw)}.hero-cover-clouds.covering .cover-cloud--right{transform:translateY(-50%)scaleX(-1)translate(110vw)}