:root{
--bg:#060b10;--bg2:#09131a;--panel:#0d1820;--panel2:#111f28;
--gold:#d3aa55;--gold2:#f1d18a;--cream:#f5efe2;--muted:#9da7aa;
--line:rgba(211,170,85,.24);--whiteLine:rgba(255,255,255,.08);
--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:5px 5px;z-index:50}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.page-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.11;z-index:-1}.page-glow-one{width:500px;height:500px;background:#9b6a18;top:15%;right:-250px}.page-glow-two{width:400px;height:400px;background:#124c62;bottom:5%;left:-230px}
.topbar{position:sticky;top:0;z-index:40;background:rgba(5,10,14,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--whiteLine)}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand strong{display:block;font:500 24px/1 Georgia,serif;letter-spacing:.08em;color:var(--gold2);text-transform:uppercase}.brand small{display:block;margin-top:6px;font-size:8px;letter-spacing:.2em;color:#9c8b66}
.brand-clock{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;position:relative;display:block;box-shadow:0 0 22px rgba(211,170,85,.12)}.brand-clock:before,.brand-clock:after{content:"";position:absolute;inset:5px;border:1px solid rgba(211,170,85,.35);border-radius:50%}.brand-clock i{position:absolute;width:4px;height:4px;background:var(--gold2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.clock-hand{position:absolute;width:1px;background:var(--gold2);left:50%;bottom:50%;transform-origin:bottom}.clock-hand-hour{height:12px;transform:rotate(35deg)}.clock-hand-minute{height:16px;transform:rotate(150deg)}
.nav{display:flex;align-items:center;gap:34px;height:100%;font:14px Georgia,serif;color:#c3c5c2}.nav a{height:100%;display:flex;align-items:center;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.nav-search{width:38px;height:38px;border:1px solid var(--whiteLine);border-radius:50%;display:grid;place-items:center;font-size:21px;color:var(--gold2)}
.hero{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(196,145,55,.16),transparent 24%),radial-gradient(circle at 80% 80%,rgba(31,82,102,.2),transparent 30%),linear-gradient(120deg,#071016,#050a0e 65%,#08141b)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));z-index:2}
.hero-art{position:absolute;inset:0;overflow:hidden}
.hero-clock{position:absolute;width:min(650px,58vw);aspect-ratio:1;right:5%;top:54%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(220,181,91,.55);box-shadow:0 0 0 18px rgba(211,170,85,.035),0 0 0 19px rgba(211,170,85,.18),0 0 80px rgba(211,170,85,.15),inset 0 0 80px rgba(211,170,85,.06);background:radial-gradient(circle,rgba(218,175,79,.08),transparent 54%),repeating-conic-gradient(from 0deg,rgba(211,170,85,.32) 0deg 1deg,transparent 1deg 30deg)}
.hero-clock:before{content:"";position:absolute;inset:8%;border:1px solid rgba(211,170,85,.22);border-radius:50%;box-shadow:inset 0 0 35px rgba(211,170,85,.08)}
.astral-ring{position:absolute;border:1px solid rgba(211,170,85,.12);border-radius:50%;transform:rotate(-18deg)}.ring-a{width:850px;height:350px;right:-20px;top:25%;}.ring-b{width:700px;height:260px;right:100px;top:33%;transform:rotate(22deg)}
.clock-numbers{position:absolute;inset:7%;font:32px Georgia,serif;color:rgba(245,226,177,.8)}.clock-numbers span{position:absolute;left:50%;top:50%;transform-origin:0 0}.clock-numbers span:nth-child(1){transform:translate(-50%,-255px)}.clock-numbers span:nth-child(2){transform:translate(235px,-17px)}.clock-numbers span:nth-child(3){transform:translate(-50%,235px)}.clock-numbers span:nth-child(4){transform:translate(-275px,-17px)}
.hero-hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;background:linear-gradient(var(--gold2),#9d712c);border-radius:4px}.hero-hour{height:28%;width:5px;transform:rotate(42deg)}.hero-minute{height:39%;width:3px;transform:rotate(310deg)}.hero-center{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--gold2);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(241,209,138,.5)}
.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px 4px rgba(241,209,138,.35)}.spark-a{right:42%;top:20%}.spark-b{right:10%;top:52%}.spark-c{right:33%;bottom:18%}
.hero-content{position:relative;z-index:5;padding-top:130px}.hero-copy{max-width:610px}.kicker{margin:0 0 17px;color:var(--gold2);font-size:10px;letter-spacing:.25em;font-weight:700}.hero h1{margin:0;font:400 clamp(58px,7vw,94px)/.95 Georgia,serif;letter-spacing:-.04em;text-shadow:0 8px 35px rgba(0,0,0,.5)}h1 em,h2 em{font-style:italic;color:var(--gold2)}.hero-lead{max-width:540px;margin:30px 0;color:#b6babb;font-size:17px}.hero-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:20px;padding:14px 23px;border-radius:4px;font-size:13px;font-weight:700;transition:.25s}.btn-gold{background:linear-gradient(110deg,#e0b65e,#f2d28d);color:#10100d;box-shadow:0 8px 30px rgba(211,170,85,.18)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(211,170,85,.28)}.btn-ghost{border:1px solid rgba(245,239,226,.35);color:#eee}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}
.hero-stats{display:flex;gap:0;margin-top:80px}.hero-stats div{min-width:120px;padding-right:30px;margin-right:30px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats b{display:block;color:var(--gold2);font:400 28px Georgia,serif}.hero-stats span{font-size:10px;color:#8f999b;letter-spacing:.12em;text-transform:uppercase}.hero-caption{position:absolute;z-index:5;right:4%;bottom:90px;font:italic 27px Georgia,serif;line-height:1.15;color:rgba(241,209,138,.72);text-align:right}.hero-caption span{color:#fff}
.era-section{position:relative;padding:78px 0 90px;background:linear-gradient(var(--bg),#071018)}.section-title{margin-bottom:42px}.section-title.centered{text-align:center}.section-title h2,.journey h2,.epoch-detail h2{margin:0;font:400 clamp(34px,4vw,53px)/1.05 Georgia,serif}.section-title>p:last-child{margin:14px auto 0;color:var(--muted);font-size:14px}.era-line{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.era-line:before{content:"";position:absolute;top:45px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.era{text-align:center;position:relative;z-index:2}.era-orb{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 17px;border-radius:50%;border:1px solid rgba(211,170,85,.55);background:radial-gradient(circle at 35% 30%,#39424a,#0b151c 62%);box-shadow:0 0 0 7px rgba(211,170,85,.035),0 10px 35px rgba(0,0,0,.4);font:18px Georgia,serif;color:var(--gold2);transition:.3s}.era:hover .era-orb{transform:scale(1.06);box-shadow:0 0 0 7px rgba(211,170,85,.07),0 0 28px rgba(211,170,85,.2)}.era strong{display:block;font:17px Georgia,serif;color:#eee}.era small{display:block;margin-top:4px;color:#7f898d;font-size:11px}
.events-section{padding:100px 0;background:#071018}.event-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.event-card{overflow:hidden;border:1px solid var(--whiteLine);background:linear-gradient(180deg,#10202a,#0a141b);border-radius:6px;transition:.3s}.event-card:hover{transform:translateY(-6px);border-color:rgba(211,170,85,.45);box-shadow:0 20px 50px rgba(0,0,0,.25)}.event-image{height:165px;position:relative;display:flex;align-items:flex-end;padding:12px;background-size:cover}.event-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(3,7,10,.9))}.event-image span{position:relative;z-index:2;padding:4px 9px;border-radius:20px;background:#d8b261;color:#17130b;font-size:9px;font-weight:800}.image-1{background:radial-gradient(circle at 35% 35%,#e0c17c,transparent 12%),linear-gradient(135deg,#8b6840,#18232a)}.image-2{background:radial-gradient(circle at 60% 35%,#b88d4d,transparent 13%),linear-gradient(135deg,#314653,#12181c)}.image-3{background:radial-gradient(circle at 50% 35%,#e2d6b2,transparent 9%),linear-gradient(135deg,#5b4935,#14191d)}.image-4{background:radial-gradient(circle at 40% 35%,#b0b4ae,transparent 11%),linear-gradient(135deg,#37424a,#0d151a)}.image-5{background:radial-gradient(circle at 60% 40%,#d7c58e,transparent 8%),linear-gradient(135deg,#26343b,#070b0e)}.event-body{padding:19px}.event-meta{margin:0 0 7px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.event-body h3{margin:0 0 9px;font:500 19px/1.15 Georgia,serif}.event-body>p:not(.event-meta){margin:0 0 16px;color:#90999c;font-size:12px;line-height:1.55}.event-body a{color:var(--gold2);font-size:11px;font-weight:700}.event-body a span{margin-left:8px}
.journey-section{padding:110px 0;background:radial-gradient(circle at 80% 50%,rgba(211,170,85,.09),transparent 30%),linear-gradient(135deg,#0a151d,#071018);border-block:1px solid var(--whiteLine)}.journey{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.journey-text{color:#9ca5a7;font-size:16px}.journey-text strong{color:#e4d7bc;font-weight:500}
.tech-section{padding:105px 0}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tech-card{padding:29px;background:linear-gradient(145deg,#101d25,#0b141b);border:1px solid var(--whiteLine);min-height:245px;position:relative;overflow:hidden}.tech-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-90px;bottom:-90px;border:1px solid rgba(211,170,85,.18)}.tech-icon{display:block;color:var(--gold2);font-size:27px;margin-bottom:22px}.tech-card small{color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.tech-card h3{margin:8px 0 10px;font:500 25px Georgia,serif}.tech-card p{margin:0;color:#919b9e;font-size:13px}.tech-line{margin-top:18px;padding-top:13px;border-top:1px solid var(--whiteLine);color:#c8b98f;font-size:11px}
.epoch-details{padding:30px 0}.epoch-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:55px 0;border-top:1px solid var(--whiteLine)}.epoch-detail p:last-child{margin:0;color:#90999c;max-width:680px}.quote-section{padding:110px 0;background:linear-gradient(180deg,#071018,#05090d)}.quote{text-align:center;max-width:850px}.quote-mark{display:block;color:var(--gold);font:70px Georgia,serif;height:50px}.quote blockquote{margin:0;font:italic 32px/1.35 Georgia,serif;color:#e9dfcc}.quote small{display:block;margin-top:24px;color:var(--gold);font-size:9px;letter-spacing:.25em}
.notice{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:5px;color:#adb4b5}.notice small{color:#818b8e}
.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{min-width:260px}.footer-brand strong{font-size:19px}.footer-inner>p{margin:0;color:#778185;font-size:12px}.footer-inner>span:last-child{color:#697276;font-size:11px}
@media(max-width:1050px){.nav{gap:18px}.hero-clock{right:-12%;opacity:.7}.event-grid{grid-template-columns:repeat(3,1fr)}.event-card:nth-child(n+4){display:none}.era strong{font-size:14px}.era-orb{width:76px;height:76px}}
@media(max-width:760px){.wrap{width:min(var(--max),calc(100% - 28px))}.nav-wrap{height:68px}.brand strong{font-size:20px}.brand small{font-size:7px}.brand-clock{width:36px;height:36px}.nav{display:none}.hero{min-height:700px}.hero-content{padding-top:95px}.hero-copy{max-width:100%}.hero h1{font-size:58px}.hero-lead{font-size:15px}.hero-art{opacity:.65}.hero-clock{width:530px;right:-220px;top:48%}.hero-caption{display:none}.hero-stats{margin-top:65px}.hero-stats div{min-width:auto;padding-right:16px;margin-right:16px}.hero-stats b{font-size:23px}.era-line{grid-template-columns:repeat(3,1fr);gap:30px 8px}.era-line:before{display:none}.era-orb{width:72px;height:72px}.event-grid{grid-template-columns:1fr 1fr}.event-card:nth-child(n+3){display:none}.journey{grid-template-columns:1fr;gap:25px}.tech-grid{grid-template-columns:1fr}.epoch-detail{grid-template-columns:1fr;gap:18px;padding:38px 0}.footer-inner{flex-wrap:wrap;padding:28px 0}.footer-inner>p{order:3;width:100%}}
@media(max-width:480px){.hero h1{font-size:50px}.hero-actions{flex-wrap:wrap}.btn{padding:13px 17px}.hero-stats{gap:0}.hero-stats div{padding-right:10px;margin-right:10px}.hero-stats b{font-size:20px}.hero-stats span{font-size:8px}.era-line{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1fr}.event-card:nth-child(n+2){display:none}.section-title h2,.journey h2{font-size:36px}.quote blockquote{font-size:25px}}