*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:17px;line-height:1.75;scroll-behavior:smooth}
body{background-color:#1C1A17;color:#A89F91;font-family:'Source Sans 3',sans-serif;font-weight:350;overflow-x:hidden}

.nav-pill{position:fixed;top:20px;left:24px;font-family:'Source Sans 3',sans-serif;font-weight:500;font-size:0.75rem;color:#8B8378;z-index:100;opacity:0;transition:opacity 300ms}
.nav-pill.visible{opacity:1}

.section{min-height:90vh;display:flex;align-items:center;padding:120px 0}
.hero-section{min-height:100vh}
.content-wrap{max-width:960px;margin:0 auto;padding:0 24px;width:100%}
.split{display:flex;gap:48px;align-items:center}
.text-block{flex:0 0 58%}
.holo-panel{flex:1;display:flex;justify-content:center;align-items:center;min-height:200px;position:relative}
.holo-glow{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#B8A9C4 0%,transparent 70%);opacity:0.12;filter:blur(40px)}
.holo-glow.glow-sage{background:radial-gradient(circle,#A4BFA8 0%,transparent 70%)}

.prismatic-divider{height:4px;background:linear-gradient(90deg,#B8A9C4,#A4BFA8,#C4AE8B,#B8A9C4);opacity:0.3;max-width:960px;margin:0 auto}

.hero-title{font-family:'Newsreader',serif;font-weight:500;font-size:4.2rem;color:#E8DFD0;letter-spacing:-0.01em;opacity:0;transition:opacity 600ms}
.hero-title.visible{opacity:1}
.hero-sub{font-family:'Source Sans 3',sans-serif;font-weight:350;font-size:1.1rem;color:#A89F91;max-width:500px;margin-top:16px;opacity:0;transition:opacity 500ms}
.hero-sub.visible{opacity:1}

.section-label{font-family:'Newsreader',serif;font-weight:400;font-style:italic;font-size:0.82rem;color:#8B8378;letter-spacing:0.03em;display:block;margin-bottom:8px}
.section-title{font-family:'Newsreader',serif;font-weight:500;font-size:3rem;color:#E8DFD0;letter-spacing:-0.01em;margin-bottom:20px}
.section-body{font-family:'Source Sans 3',sans-serif;font-weight:350;font-size:1rem;color:#A89F91;line-height:1.75}

.centered-section{text-align:center}
.contemplative-text{font-family:'Newsreader',serif;font-weight:500;font-style:italic;font-size:1.8rem;color:#E8DFD0;max-width:600px;margin:0 auto;line-height:1.5;opacity:0;transition:opacity 500ms}
.contemplative-text.visible{opacity:1}

.section{opacity:0;transform:translateY(20px);transition:opacity 500ms ease-out,transform 500ms ease-out}
.section.visible{opacity:1;transform:translateY(0)}

.site-footer{max-width:960px;margin:0 auto;padding:40px 24px;border-top:1px solid #2A2722}
.footer-text{font-family:'Source Sans 3',sans-serif;font-size:0.75rem;color:#8B8378;letter-spacing:0.04em}

@media(max-width:768px){
    .split{flex-direction:column}
    .text-block{flex:1}
    .hero-title{font-size:2.8rem}
    .section-title{font-size:2rem}
    .contemplative-text{font-size:1.3rem}
}