@import "https://fonts.googleapis.com/css2?family=Chango&family=Climate+Crisis:YEAR@1979&display=swap";
:root{--cream:#f5ede0;--deep-brown:#1a0f08;--accent-gold:#c8923a;--text-dim:#8a7060}*{box-sizing:border-box;margin:0;padding:0}.mw-root{background:#000;width:100vw;height:100vh;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:50% 15%;opacity:0;z-index:1;width:100%;height:100%;transition:opacity 1.4s .3s;position:absolute;inset:0}.hero-photo.visible{opacity:1}.hr-accent{background:linear-gradient(to right, transparent, var(--accent-gold), transparent);opacity:.3;z-index:3;height:1px;position:absolute}.hr-top{top:72px;left:8%;right:8%}.hr-bottom{bottom:120px;left:8%;right:8%}.header{z-index:10;opacity:0;justify-content:space-between;align-items:center;padding:1.6rem 2.8rem;transition:opacity .8s 1.2s,transform .8s 1.2s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-12px)}.header.visible{opacity:1;transform:translateY(0)}.header-label{letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.header-nav{gap:2.5rem;display:flex}.header-nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;font-size:.68rem;text-decoration:none;transition:color .3s}.header-nav a:hover{color:var(--cream)}.side-label{writing-mode:vertical-rl;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);z-index:10;opacity:0;font-size:.58rem;transition:opacity .8s 1.8s;position:absolute;top:50%}.side-label.visible{opacity:1}.side-label.left{left:2rem;transform:translateY(-50%)rotate(180deg)}.side-label.right{right:2rem;transform:translateY(-50%)}.title-block{text-align:center;z-index:10;padding-bottom:3rem;position:absolute;bottom:0;left:0;right:0}.title-main{color:var(--cream);letter-spacing:.04em;white-space:nowrap;opacity:0;font-family:Chango,sans-serif;font-size:clamp(1rem,6.5vw,11rem);font-weight:400;line-height:.92;transition:opacity 1s .9s,transform 1s .9s;transform:translateY(20px)}.title-main.visible{opacity:1;transform:translateY(0)}.title-main em{color:var(--accent-gold);font-style:normal}.title-sub{letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);opacity:0;margin-top:.8rem;font-size:.68rem;transition:opacity .8s 1.4s}.title-sub.visible{opacity:1}.scroll-indicator{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .8s 2s;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.scroll-indicator.visible{opacity:1}.scroll-line{background:linear-gradient(to bottom, var(--accent-gold), transparent);width:1px;height:36px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.scroll-text{letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);font-size:.55rem}.hamburger{cursor:pointer;z-index:20;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-dim);transform-origin:50%;width:22px;height:1.5px;transition:all .3s;display:block}.hamburger.open span:first-child{background:var(--cream);transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){background:var(--cream);transform:translateY(-6.5px)rotate(-45deg)}.mobile-menu{z-index:15;opacity:0;pointer-events:none;background:#0a0500f7;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-nav{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.mobile-nav a{color:var(--cream);cursor:pointer;letter-spacing:.05em;font-family:Chango,sans-serif;font-size:clamp(2.5rem,10vw,4rem);text-decoration:none;transition:color .25s}.mobile-nav a:hover{color:var(--accent-gold)}@media (max-width:768px){.desktop-nav{display:none}.hamburger{display:flex}.hero-photo{object-fit:cover;object-position:70% 0%}}@media (min-width:769px){.hamburger{display:none}.desktop-nav{display:flex}}@media (max-width:768px){.hero-photo{object-fit:cover;object-position:43% 0%;background:#000}.title-main{color:var(--cream);letter-spacing:.04em;white-space:nowrap;opacity:0;font-family:Chango,sans-serif;font-size:clamp(2rem,10vw,2rem);font-weight:400;line-height:1.92;transition:opacity 1s .9s,transform 1s .9s;transform:translateY(20px)}}