*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F0EFF2;color:#2B2B33;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(0.9rem,1.1vw,1.05rem);line-height:1.75;overflow-x:hidden;letter-spacing:0.02em}

.threshold{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.chrome-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(192,192,200,0.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(232,232,232,0.04) 0%,transparent 50%);animation:mistDrift 30s ease-in-out infinite alternate;pointer-events:none}
@keyframes mistDrift{0%{transform:translate(0,0)}100%{transform:translate(15px,-10px)}}
.threshold-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.5rem,7vw,6rem);letter-spacing:-0.02em;line-height:1.1;color:#2B2B33}
.threshold-sub{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:clamp(0.8rem,1vw,0.95rem);color:#6E6E7A;margin-top:1rem;letter-spacing:0.08em}
.chevron{width:20px;height:20px;border-right:1px solid #6E6E7A;border-bottom:1px solid #6E6E7A;transform:rotate(45deg);position:absolute;bottom:clamp(32px,5vh,48px);animation:chevronPulse 2s ease-in-out infinite}
@keyframes chevronPulse{0%,100%{opacity:0.3;transform:rotate(45deg) translateY(0)}50%{opacity:0.7;transform:rotate(45deg) translateY(4px)}}

.zone-heading{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(1.8rem,4vw,3.5rem);letter-spacing:-0.02em;line-height:1.1;color:#2B2B33;margin-bottom:1em}

/* Atrium */
.atrium{max-width:1200px;margin:0 auto;padding:clamp(4rem,8vh,10rem) clamp(2rem,5vw,6rem);display:flex;flex-wrap:wrap;gap:clamp(2rem,4vw,4rem)}
.atrium-block{width:55%;max-width:600px}
.atrium-block p{max-width:52ch;margin-bottom:1em;color:#2B2B33}
.art-panel{width:35%;display:flex;align-items:center;justify-content:center}
.gen-art{width:100%;max-width:200px;opacity:0.8}
.left{margin-right:auto}.right{margin-left:auto}

/* Conservatory */
.conservatory{position:relative;min-height:100vh;padding:clamp(4rem,8vh,10rem) clamp(2rem,5vw,6rem);overflow:hidden}
.conservatory-bg{position:absolute;inset:0;pointer-events:none}
.conservatory-art{width:100%;height:100%}
.conservatory-panels{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px)}
.chrome-panel{background:rgba(224,224,230,0.15);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);padding:clamp(20px,3vw,40px);border:1px solid rgba(192,192,200,0.2)}
.chrome-panel p{max-width:52ch;margin-bottom:1em;color:#2B2B33}

/* Walkway */
.walkway{max-width:40%;margin:0 auto;padding:clamp(4rem,8vh,10rem) clamp(2rem,5vw,6rem);text-align:center}
.walkway-content p{margin-bottom:1em;color:#2B2B33;font-weight:300}

/* Horizon */
.horizon{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#D4D4DA 0%,#FAF9F6 100%);padding:clamp(2rem,4vw,4rem)}
.horizon-title{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(2rem,5vw,4rem);color:#2B2B33;letter-spacing:-0.02em;margin-bottom:2rem}
.horizon-motif{width:clamp(80px,15vw,200px)}

/* Reveals */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}
[data-reveal].visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  .atrium{flex-direction:column}
  .atrium-block,.art-panel{width:100%}
  .conservatory-panels{grid-template-columns:1fr}
  .walkway{max-width:90%}
}