*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lora',serif;font-weight:400;font-size:16px;line-height:1.9;overflow-x:hidden;min-height:5000px;background:linear-gradient(180deg,#5A4A3A 0%,#8A7A60 8%,#A4C89A 15%,#C8D8E8 25%,#6A9AC0 40%,#3A5A8A 55%,#1A2A4A 70%,#0A0A2A 85%,#050510 100%)}
.altitude-bar{position:fixed;right:20px;top:10%;height:80%;z-index:100;display:flex;flex-direction:column;align-items:center}
.alt-svg{height:100%}
.alt-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.06em;color:#E8C870;margin-top:8px;white-space:nowrap}
.zone{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative}
.text-block{max-width:600px;text-align:center;opacity:0;transition:opacity 0.8s ease-out}
.text-block.visible{opacity:1}
.alt-tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.06em;display:block;margin-bottom:16px}
h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:44px;line-height:1.2;margin-bottom:16px}
h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:36px;line-height:1.2;margin-bottom:16px}
.ground{color:#5A4A3A}.ground .alt-tag{color:#A08870}.ground h1{color:#5A4A3A}
.troposphere{color:#3A5A3A}.troposphere .alt-tag{color:#6A9AC0}.troposphere h2{color:#4A6A4A}
.cloud-layer{width:100%;height:120px;display:block}
.stratosphere{color:#C8D8E8}.stratosphere .alt-tag{color:#6A9AC0}.stratosphere h2{color:#E8E0F8}
.space{color:#E8E0F8}.space .alt-tag{color:#E8C870}.space h2{color:#FFFFFF}
@media(max-width:768px){h1{font-size:32px}h2{font-size:26px}.altitude-bar{right:10px}}