*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-text: #f5f5f5;--color-accent: #ffffff;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:2rem 4vw;mix-blend-mode:difference}.brand{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;letter-spacing:-.02em;color:var(--color-accent)}nav{display:flex;gap:1.5rem;align-items:center}nav a{opacity:.4;transition:opacity .3s ease,transform .3s ease;display:block}nav a:hover,nav a.active{opacity:1;transform:scale(1.1)}nav a svg{width:20px;height:20px;stroke:var(--color-accent);stroke-width:1.5}main{scroll-snap-type:y mandatory}.panel{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vh 8vw;scroll-snap-align:start;scroll-snap-stop:always}h1{font-size:clamp(2.5rem,8vw,7rem);font-weight:300;line-height:1.1;letter-spacing:-.03em;color:var(--color-accent);margin-bottom:clamp(3rem,8vh,6rem);max-width:20ch;text-align:center}p{font-size:clamp(1rem,1.8vw,1.5rem);font-weight:300;line-height:1.7;max-width:65ch;margin-bottom:1.5em;opacity:.75}p:last-of-type{margin-bottom:0}.panel:nth-child(1){background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.panel:nth-child(1) h1{font-weight:200;letter-spacing:.05em;font-style:italic}.panel:nth-child(1) p{font-weight:200;letter-spacing:.02em;line-height:1.9}.panel:nth-child(2){background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.panel:nth-child(2) h1{font-weight:700;letter-spacing:-.05em;text-transform:uppercase;line-height:.95}.panel:nth-child(2) p{font-weight:500;letter-spacing:-.01em;line-height:1.5}.panel:nth-child(3){background:linear-gradient(135deg,#0a0a0a,#2a2a2a)}.panel:nth-child(3) h1{font-weight:800;letter-spacing:0;word-spacing:.3em;line-height:1}.panel:nth-child(3) p{font-weight:400;font-family:monospace;letter-spacing:0;line-height:1.8;font-size:clamp(.9rem,1.6vw,1.3rem)}.panel:nth-child(4){background:linear-gradient(135deg,#2a2a2a,#0a0a0a)}.panel:nth-child(4) h1{font-weight:600;letter-spacing:-.08em;font-stretch:condensed;line-height:.9}.panel:nth-child(4) p{font-weight:300;letter-spacing:-.02em;line-height:1.6}.panel:nth-child(5){background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.panel:nth-child(5) h1{font-weight:100;letter-spacing:.2em;text-transform:lowercase;line-height:1.3}.panel:nth-child(5) p{font-weight:200;letter-spacing:.1em;line-height:2;word-spacing:.2em}@media(max-width:768px){header{padding:1.5rem 5vw}nav{gap:1rem}.panel{padding:8vh 6vw}h1{margin-bottom:clamp(2rem,6vh,4rem)}}@media(max-width:480px){header{flex-direction:column;gap:1rem;padding:1rem 5vw}nav{gap:.75rem}.panel{padding:10vh 5vw}}@media print{.panel{page-break-after:always;min-height:auto}}
