*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0D1B2A;color:#8E9AAF;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:clamp(0.95rem,1.8vw,1.1rem);line-height:1.85;overflow-x:hidden;letter-spacing:0.01em}

/* Foyer */
.foyer{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,6vw,6rem) clamp(16px,8vw,120px)}
.foyer-title{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:clamp(2.5rem,6vw,5rem);color:#E8DCC8;letter-spacing:0.06em}
.copper-rule{border:none;height:1px;background:#C4893B;width:clamp(100px,20vw,200px);margin:1.5rem 0}
.foyer-epigraph{font-family:'Cormorant Garamond',serif;font-weight:700;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.6rem);color:#C4893B;max-width:40ch;min-height:3em}

/* Archive Hall */
.archive-hall{padding:clamp(4rem,8vh,8rem) clamp(16px,4vw,48px);position:relative}
.broken-grid{display:grid;grid-template-columns:repeat(12,1fr);max-width:1100px;margin:0 auto}

.research-card{background:#1B2838;border:1px solid rgba(139,105,20,0.4);padding:clamp(1.5rem,3vw,2.5rem);position:relative}
.card--a{grid-column:1/7;grid-row:1;transform:rotate(-0.8deg);z-index:2}
.card--b{grid-column:6/13;grid-row:1/3;transform:rotate(0.5deg);z-index:3;margin-top:60px}
.card--c{grid-column:1/8;grid-row:2;transform:rotate(0.3deg);z-index:1;margin-top:-30px}
.card--d{grid-column:5/13;grid-row:3;transform:rotate(-0.5deg);z-index:2;margin-top:-20px}

.card-heading{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.4rem,3vw,2.2rem);color:#E8DCC8;margin-bottom:0.5rem}
.card-text{color:#8E9AAF;max-width:50ch;margin-bottom:0.8rem}
.card-note{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:0.75rem;color:#8B6914;letter-spacing:0.04em}

/* Observatory */
.observatory{min-height:120vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mountain-layers{position:absolute;bottom:0;left:0;right:0;height:60%}
.mtn{position:absolute;bottom:0;left:0;right:0}
.mtn--far{height:40%;background:linear-gradient(180deg,transparent,#1B2838);clip-path:polygon(0 60%,15% 30%,35% 50%,55% 20%,75% 45%,100% 25%,100% 100%,0 100%)}
.mtn--mid{height:30%;background:linear-gradient(180deg,transparent,#162336);clip-path:polygon(0 50%,20% 25%,40% 40%,60% 15%,80% 35%,100% 20%,100% 100%,0 100%)}
.mtn--near{height:25%;background:#0D1B2A;clip-path:polygon(0 40%,25% 20%,50% 35%,75% 10%,100% 30%,100% 100%,0 100%)}
.observatory-text{position:relative;z-index:2;max-width:50ch;text-align:center;padding:clamp(2rem,4vw,4rem)}
.obs-passage{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.1rem,2vw,1.4rem);color:#E8DCC8;line-height:1.7}

/* Reading Room */
.reading-room{padding:clamp(6rem,12vh,12rem) clamp(16px,8vw,120px);display:flex;justify-content:center}
.reading-content{max-width:42ch}
.reading-text{color:#8E9AAF;margin-bottom:1.5rem}
.reading-stamp{font-family:'IBM Plex Mono',monospace;font-weight:300;font-size:0.8rem;color:#C4893B;letter-spacing:0.08em;display:block;margin-top:3rem}

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

@media(max-width:768px){
  .broken-grid{display:flex;flex-direction:column;gap:1rem}
  .research-card{transform:none!important;margin-top:0!important}
}