:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-surface:#1a1a26;--color-border:#2a2a3a;--color-text:#e8e6e3;--color-text-muted:#8a8a9a;--color-accent:#7eb8da;--color-accent-warm:#d4a574;--color-accent-glow:#7eb8da26;--color-timeline-line:#2a2a3a;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.7;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.section-subtitle{color:var(--color-text-muted);font-size:1.1rem;font-weight:300}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero__particles{background:radial-gradient(1px 1px at 10% 20%,#7eb8da66,#0000),radial-gradient(1px 1px at 30% 70%,#d4a5744d,#0000),radial-gradient(1.5px 1.5px at 50% 40%,#7eb8da80,#0000),radial-gradient(1px 1px at 70% 15%,#d4a5744d,#0000),radial-gradient(1px 1px at 85% 60%,#7eb8da4d,#0000),radial-gradient(1.5px 1.5px at 20% 90%,#7eb8da66,#0000),radial-gradient(1px 1px at 60% 85%,#d4a57440,#0000),radial-gradient(1px 1px at 90% 30%,#7eb8da4d,#0000),radial-gradient(1.5px 1.5px at 40% 10%,#d4a57459,#0000),radial-gradient(1px 1px at 75% 80%,#7eb8da40,#0000);animation:20s ease-in-out infinite alternate particles-drift;position:absolute;inset:0}@keyframes particles-drift{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(-30px)scale(1.05)}}.hero:before{content:"";background:radial-gradient(ellipse at center, transparent 0%, var(--color-bg) 70%);pointer-events:none;position:absolute;inset:0}.hero__content{z-index:1;max-width:800px;position:relative}.hero__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .2s forwards;margin-bottom:1.5rem;font-size:.85rem;font-weight:500}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .4s forwards;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1}.hero__accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--color-text-muted);opacity:0;max-width:600px;animation:fadeInUp 1s var(--ease-out-expo) .6s forwards;margin:0 auto 2.5rem;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:300;line-height:1.8}.hero__cta{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.05em;transition:all .4s var(--ease-out-expo);opacity:0;animation:fadeInUp 1s var(--ease-out-expo) .8s forwards;border-radius:100px;padding:.9rem 2.2rem;font-size:.9rem;font-weight:500;display:inline-block}.hero__cta:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 30px var(--color-accent-glow);transform:translateY(-2px)}.hero__scroll-hint{opacity:0;animation:1s 1.5s forwards fadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent), transparent);width:1px;height:60px;animation:2s ease-in-out infinite scrollPulse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.timeline{max-width:900px;margin:0 auto;padding:8rem 2rem;position:relative}.timeline__track{padding-left:3rem;position:relative}.timeline__track:before{content:"";background:linear-gradient(to bottom, transparent, var(--color-timeline-line) 5%, var(--color-timeline-line) 95%, transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline__item{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);padding-bottom:4rem;position:relative;transform:translateY(40px)}.timeline__item.is-visible{opacity:1;transform:translateY(0)}.timeline__item:last-child{padding-bottom:0}.timeline__marker{background:var(--color-bg);border:2px solid var(--color-accent);width:14px;height:14px;transition:all .4s var(--ease-out-expo);z-index:1;border-radius:50%;position:absolute;top:.35rem;left:-3rem;transform:translate(-6px)}.timeline__item.is-visible .timeline__marker{background:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.timeline__date{letter-spacing:.1em;color:var(--color-accent-warm);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.timeline__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all .4s var(--ease-out-expo);border-radius:12px;padding:1.75rem}.timeline__card:hover{border-color:#7eb8da4d;transform:translate(4px);box-shadow:0 8px 40px #0000004d}.timeline__icon{width:48px;height:48px;color:var(--color-accent);margin-bottom:.75rem}.timeline__icon svg{width:100%;height:100%}.timeline__card h3{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.4rem;font-weight:700}.timeline__card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.75}.concepts{max-width:1100px;margin:0 auto;padding:8rem 2rem}.concepts__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.concept-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all .5s var(--ease-out-expo);opacity:0;border-radius:16px;padding:2rem;transform:translateY(30px)}.concept-card.is-visible{opacity:1;transform:translateY(0)}.concept-card:hover{border-color:#7eb8da4d;box-shadow:0 12px 40px #0000004d}.concept-card.is-visible:hover{transform:translateY(-4px)}.concept-card__icon{width:48px;height:48px;color:var(--color-accent);margin-bottom:1.25rem}.concept-card__icon svg{width:100%;height:100%}.concept-card h3{font-family:var(--font-display);margin-bottom:.6rem;font-size:1.25rem;font-weight:700}.concept-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.75}.vestigial{max-width:1100px;margin:0 auto;padding:8rem 2rem}.vestigial__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.vestigial-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all .5s var(--ease-out-expo);opacity:0;border-radius:16px;padding:2rem;transform:translateY(30px)}.vestigial-card.is-visible{opacity:1;transform:translateY(0)}.vestigial-card:hover{border-color:#d4a5744d;box-shadow:0 12px 40px #0000004d}.vestigial-card.is-visible:hover{transform:translateY(-4px)}.vestigial-card__icon{width:48px;height:48px;color:var(--color-accent-warm);margin-bottom:1.25rem}.vestigial-card__icon svg{width:100%;height:100%}.vestigial-card h3{font-family:var(--font-display);margin-bottom:.6rem;font-size:1.25rem;font-weight:700}.vestigial-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.75}.footer{text-align:center;max-width:750px;margin:0 auto;padding:6rem 2rem}.footer__quote{padding:2rem 0;position:relative}.footer__quote:before{content:"“";font-family:var(--font-display);color:var(--color-accent);opacity:.15;font-size:6rem;line-height:1;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.footer__quote p{font-family:var(--font-display);color:var(--color-text-muted);margin-bottom:1.5rem;font-size:clamp(1rem,2.5vw,1.2rem);font-style:italic;line-height:1.9}.footer__quote cite{font-family:var(--font-body);color:var(--color-accent-warm);letter-spacing:.05em;font-size:.85rem;font-style:normal;font-weight:500}.footer__divider{background:var(--color-border);width:60px;height:1px;margin:3rem auto}.footer__note{color:var(--color-text-muted);opacity:.6;font-size:.8rem}@media (width<=768px){.timeline{padding:5rem 1.25rem}.timeline__track{padding-left:2rem}.timeline__marker{width:12px;height:12px;left:-2rem;transform:translate(-5px)}.timeline__card{padding:1.25rem}.timeline__card h3{font-size:1.2rem}.concepts{padding:5rem 1.25rem}.concepts__grid{grid-template-columns:1fr}.vestigial{padding:5rem 1.25rem}.vestigial__grid{grid-template-columns:1fr}.footer{padding:4rem 1.5rem}.hero__content{padding:0 .5rem}}@media (width<=480px){.hero__title{font-size:2.5rem}.section-title{font-size:1.8rem}.timeline__item{padding-bottom:2.5rem}}.timeline__card-link{color:inherit;text-decoration:none;display:block}.timeline__learn-more{color:var(--color-accent);letter-spacing:.03em;transition:transform .3s var(--ease-out-expo);margin-top:1rem;font-size:.85rem;font-weight:500;display:inline-block}.timeline__learn-more:after{content:" →";transition:transform .3s var(--ease-out-expo);display:inline-block}.timeline__card-link:hover .timeline__learn-more:after{transform:translate(4px)}.detail-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0fd9;padding:1.25rem 2rem;position:fixed;top:0;left:0;right:0}.detail-nav__back{color:var(--color-accent);letter-spacing:.03em;transition:transform .3s var(--ease-out-expo);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.detail-nav__back:hover{transform:translate(-4px)}.detail-hero{text-align:center;padding:10rem 2rem 4rem;position:relative;overflow:hidden}.detail-hero:before{content:"";background:radial-gradient(ellipse at center top, var(--color-accent-glow), transparent 60%);pointer-events:none;position:absolute;inset:0}.detail-hero__date{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-warm);opacity:0;animation:fadeInUp .8s var(--ease-out-expo) .1s forwards;margin-bottom:1rem;font-size:.85rem;font-weight:600}.detail-hero__title{font-family:var(--font-display);letter-spacing:-.03em;opacity:0;animation:fadeInUp .8s var(--ease-out-expo) .25s forwards;margin-bottom:1rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;line-height:1.1}.detail-hero__subtitle{color:var(--color-text-muted);opacity:0;max-width:600px;animation:fadeInUp .8s var(--ease-out-expo) .4s forwards;margin:0 auto;font-size:1.15rem;font-weight:300}.detail-content{grid-template-columns:1fr 280px;align-items:start;gap:3rem;max-width:900px;margin:0 auto;padding:3rem 2rem 6rem;display:grid}.detail-body p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.85}.detail-body p:first-child:first-letter{font-family:var(--font-display);float:left;color:var(--color-accent);margin-top:.1rem;margin-right:.5rem;font-size:3.2rem;font-weight:700;line-height:1}.detail-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:5rem}.detail-fact{background:var(--color-bg-elevated);border:1px solid var(--color-border);opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);border-radius:12px;padding:1.25rem;transform:translateY(20px)}.detail-fact.is-visible{opacity:1;transform:translateY(0)}.detail-fact__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.detail-fact__value{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.5}.detail-next{max-width:900px;margin:0 auto;padding:0 2rem 6rem}.detail-next__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:inherit;transition:all .4s var(--ease-out-expo);border-radius:16px;padding:2rem;text-decoration:none;display:block}.detail-next__card:hover{border-color:#7eb8da4d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.detail-next__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-warm);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.detail-next__title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.detail-next__excerpt{color:var(--color-text-muted);font-size:.9rem;line-height:1.7}.detail-next__arrow{color:var(--color-accent);margin-top:.75rem;font-size:.85rem;font-weight:500;display:inline-block}.detail-next__arrow:after{content:" →";transition:transform .3s var(--ease-out-expo);display:inline-block}.detail-next__card:hover .detail-next__arrow:after{transform:translate(4px)}.related-milestones{max-width:800px;margin:0 auto;padding:0 2rem 4rem}.related-milestones__title{font-family:var(--font-display);color:var(--color-text-muted);margin-bottom:1rem;font-size:1.25rem}.related-milestones__links{flex-wrap:wrap;gap:1rem;display:flex}.related-milestones__link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:background .2s,border-color .2s;display:inline-block}.related-milestones__link:hover{background:var(--color-bg-elevated);border-color:var(--color-accent)}@media (width<=768px){.detail-content{grid-template-columns:1fr;padding:2rem 1.25rem 4rem}.detail-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;position:static}.detail-hero{padding:8rem 1.25rem 3rem}.detail-next,.related-milestones{padding:0 1.25rem 4rem}}