*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-snap-type:y mandatory;scroll-behavior:smooth}
body{background:#0A0A14;color:#C4B8DB;font-family:'DM Sans',sans-serif;overflow-x:hidden}
.nav-glyph{position:fixed;top:24px;right:24px;z-index:100;mix-blend-mode:difference;cursor:pointer;animation:pulse-glyph 3s ease-in-out infinite}
@keyframes pulse-glyph{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

.breath{position:relative;scroll-snap-align:start;overflow:hidden;display:flex;align-items:center;justify-content:center}
.inhale{min-height:100vh;background:linear-gradient(180deg,#0A0A14 0%,#1A1730 40%,#0A0A14 100%)}
.exhale{min-height:100vh;background:#0A0A14}

.s1{flex-direction:column}
.hero-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(4rem,12vw,10rem);line-height:.9;letter-spacing:-.03em;text-align:center}
.proto{color:#F2EEFF}
.typic{background:linear-gradient(90deg,#E847A0,#FFD166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.particle-field{position:absolute;inset:0;pointer-events:none}

.s2{justify-content:flex-start;padding-left:48px}
.side-label{font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#8A7FB0;opacity:.4;writing-mode:vertical-lr;transform:rotate(180deg)}
.aurora-curtain{position:absolute;inset:0;pointer-events:none;opacity:.15}
.c1{background:radial-gradient(ellipse at 30% 50%,rgba(123,79,224,.3) 0%,transparent 60%)}
.c2{background:radial-gradient(ellipse at 70% 30%,rgba(232,71,160,.25) 0%,transparent 50%),radial-gradient(ellipse at 20% 70%,rgba(71,232,197,.2) 0%,transparent 50%);opacity:.4}

.s3{padding:80px 48px;justify-content:flex-start;align-items:flex-start}
.content-col{max-width:520px;margin-left:8%;position:relative;z-index:2}
.body-text{font-family:'DM Sans',sans-serif;font-weight:400;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.7;color:#C4B8DB;margin-bottom:24px;opacity:0;transform:translateY(20px);letter-spacing:.01em}

.s4{flex-direction:column;padding:60px 48px}
.aurora-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(123,79,224,.5) 0%,rgba(232,71,160,.4) 50%,rgba(71,232,197,.3) 100%);opacity:.6;z-index:0;animation:aurora-shift 20s ease-in-out infinite alternate}
@keyframes aurora-shift{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(15deg)}}
.cascade-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.cascade-word{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(2.5rem,8vw,7rem);line-height:1;letter-spacing:-.03em;color:#0A0A14;opacity:0;transform:translateY(30px)}
.w-highlight{text-decoration:underline;text-decoration-color:#FFD166;text-underline-offset:8px}

.s5{padding:80px 48px;align-items:flex-start}

.s6{flex-direction:column;background:#0A0A14}
.glyph-center{margin-bottom:24px}
.meta-line{font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.15em;color:#8A7FB0;opacity:.5}

/* Particles (CSS-only) */
.particle-field span{position:absolute;border-radius:50%;pointer-events:none;animation:float-up linear infinite}
@keyframes float-up{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(-20vh) translateX(20px);opacity:0}}

/* Guide lines for exhale sections */
.exhale::before{content:'';position:absolute;top:0;bottom:0;left:25%;width:1px;background:#E8D5FF;opacity:.03}
.exhale::after{content:'';position:absolute;top:0;bottom:0;left:75%;width:1px;background:#E8D5FF;opacity:.03}

@media(max-width:768px){
  .hero-title{font-size:clamp(2.5rem,10vw,5rem)}
  .s3,.s5{padding:40px 24px}
  .content-col{margin-left:0}
  .side-label{writing-mode:horizontal-tb;transform:none;position:relative;padding:24px}
  .cascade-word{font-size:clamp(2rem,8vw,4rem)}
}