*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#1A0F08;color:#F5EDE0;font-family:'Inter',sans-serif;overflow-x:hidden}
.heat-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at 50% 100%,#E8613A08 0%,transparent 60%)}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative;background:radial-gradient(ellipse at center bottom,#8B644120 0%,#1A0F08 70%)}
.decay-bar{width:min(80vw,500px);height:3px;background:linear-gradient(90deg,#A0714F,#E8613A,#8B6441);margin-bottom:40px;border-radius:2px}
.hero-title{font-family:'Lora',serif;font-size:clamp(3rem,9vw,8rem);font-weight:700;letter-spacing:.08em;color:#F5EDE0;line-height:1}
.hero-dot{font-family:'Lora',serif;font-size:clamp(1.5rem,3vw,2.5rem);color:#E8613A;margin-top:4px}
.hero-sub{font-size:clamp(.9rem,1.3vw,1.05rem);color:#D4C3AD;max-width:520px;line-height:1.8;margin-top:24px}
.temp-gauge{width:200px;height:8px;background:#8B644130;border-radius:4px;margin-top:40px;position:relative;overflow:hidden}
.gauge-fill{width:0;height:100%;background:linear-gradient(90deg,#A0714F,#E8613A);border-radius:4px;animation:gaugeRise 3s ease forwards 1s}
.gauge-label{position:absolute;top:-20px;right:0;font-size:.6rem;letter-spacing:.2em;color:#E8613A;font-weight:700}
@keyframes gaugeRise{to{width:92%}}
.zones{max-width:1000px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.zone{background:#1A0F08;border:1px solid #8B644130;border-radius:12px;padding:36px;transition:border-color .3s,transform .3s}
.zone:hover{border-color:#A0714F;transform:translateY(-4px)}
.z-num{font-family:'Lora',serif;font-size:2.5rem;font-weight:700;color:#E8613A;opacity:.25;display:block;margin-bottom:8px}
.zone h2{font-family:'Lora',serif;font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:.05em;color:#F5EDE0}
.zone p{font-size:.88rem;line-height:1.7;color:#D4C3AD}
.z-1{border-left:3px solid #E8613A}.z-2{border-left:3px solid #A0714F}.z-3{border-left:3px solid #5B8A72}
.narrative{max-width:700px;margin:0 auto;padding:80px 24px;text-align:center}
.pull-quote{font-family:'Lora',serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-style:italic;color:#D4C3AD;line-height:1.6;border-left:3px solid #E8613A;padding-left:24px;text-align:left}
.footer{text-align:center;padding:40px 24px;border-top:1px solid #8B644120}
.footer p{font-family:'Lora',serif;font-size:.8rem;color:#8B6441;opacity:.4}
@media(max-width:640px){.zones{grid-template-columns:1fr}}