/* WorldEpoch — editorial futurism / temporal architecture */
:root{--bg:#07090c;--surface:#10141a;--text:#f2f0ea;--muted:#959aa2;--accent:#d8b26a;--blue:#748994;--line:#2a2e34;--sans:Arial,Helvetica,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--gutter:clamp(22px,5vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:12px;left:16px;z-index:10;transform:translateY(-160%);background:var(--accent);color:var(--bg);padding:10px 20px}.skip:focus{transform:none}.mono,.eyebrow,.number{font:11px/1.6 var(--mono);letter-spacing:.1em}.eyebrow{color:var(--accent)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.site-header{margin:0 var(--gutter);height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.15em}.brand span{color:var(--muted);font-weight:400}.nav-cta{display:flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid var(--accent);padding:10px 0}.nav-cta span{color:var(--accent);font-size:20px}
/* Hero: oversized masthead above a planetary clock */
.hero{min-height:calc(100svh - 90px);padding:30px var(--gutter) 0;position:relative;isolation:isolate}.hero-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.status{color:var(--accent)}.status:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin:0 9px 2px 0}.hero h1{font-size:clamp(64px,13.45vw,238px);font-weight:400;line-height:1.13;letter-spacing:-.065em;position:relative;z-index:2;margin-top:14px;width:max-content;max-width:100%}.hero h1>span{font-family:Georgia,serif;letter-spacing:-.07em}.hero h1 sup{font:10px var(--mono);letter-spacing:.12em;display:inline-block;vertical-align:top;margin:3.5vw 0 0 18px;color:var(--accent)}.hero-body{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;margin-top:-35px;min-height:490px}.hero-copy{position:relative;z-index:2;padding:35px 0 50px;max-width:560px}.hero-copy h2{font-size:clamp(32px,3.4vw,56px);font-weight:400;line-height:1.14;letter-spacing:-.035em;margin:20px 0}.intro{max-width:480px;font-size:15px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--accent);color:var(--bg);padding:15px 20px;font-size:12px;font-weight:600;min-height:52px;transition:background .25s,transform .25s}.button span{font-size:22px;font-weight:400;line-height:1}.button:hover,.button:focus-visible{background:#edca88;color:var(--bg);transform:translateY(-2px)}.text-link{display:inline-flex;gap:23px;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.epoch-dial{width:100%;max-width:700px;justify-self:end;margin-top:-55px;position:relative;z-index:1}.epoch-dial svg{width:100%;display:block}.epoch-dial figcaption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:0 30px 24px}.dial-outer{transform-origin:400px 400px;animation:orbit 60s linear infinite}.dial-inner{transform-origin:400px 400px;animation:orbit 90s linear infinite reverse}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:var(--muted);font-size:9px}.hero-bottom i{font-style:normal;color:var(--accent);padding:0 8px}
/* Editorial section system */
.section{padding:110px var(--gutter);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;column-gap:40px;align-items:start;margin-bottom:65px}.section h2{font-size:clamp(34px,4vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.045em}.section-head>.eyebrow{padding-top:10px}.section-note{grid-column:2;color:var(--muted);margin-top:24px;font-size:14px}.meaning{position:relative}.meaning-row{display:grid;grid-template-columns:1.55fr 1fr;gap:8%;align-items:center;padding:18px 0 35px;border-bottom:1px solid var(--line)}.meaning-row h3{font-size:clamp(60px,12vw,190px);font-weight:400;line-height:1.12;letter-spacing:-.055em}.meaning-row>div{max-width:270px}.meaning-row .mono{color:var(--blue);font-size:10px}.meaning-row p{margin-top:18px;color:var(--muted);font-size:17px}.epoch-row{grid-template-columns:1fr 1.55fr;padding-top:35px}.epoch-row>div{margin-left:20%}.epoch-row h3{font-family:Georgia,serif;font-style:italic;justify-self:end;color:#dedbd3}.meaning-end{text-align:center;font-size:clamp(24px,3vw,44px);line-height:1.35;letter-spacing:-.025em;margin-top:70px}.meaning-end em{color:var(--accent)}
/* Category index */
.categories{background:#0a0d12}.category-index{list-style:none;padding:0;margin:0}.category-index li{display:grid;grid-template-columns:7% 42% 1fr 25px;align-items:center;gap:15px;border-top:1px solid var(--line);padding:25px 0;transition:transform .3s,color .3s}.category-index li:last-child{border-bottom:1px solid var(--line)}.number{color:var(--accent)}.category-index h3{font-size:clamp(19px,2.05vw,30px);font-weight:400;letter-spacing:-.025em}.category-index p{font-size:13px;color:var(--muted);max-width:340px}.row-arrow{color:var(--blue);font-size:22px}.category-index li:hover{transform:translateX(4px);color:var(--accent)}
/* A rising architectural timeline, no dates or predictions */
.timeline{background:var(--surface)}.timeline-track ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);min-height:320px;align-items:start}.timeline-track li{position:relative;margin-top:calc(var(--step) * 32px);border-top:1px solid #61656b;padding-top:22px;min-height:94px}.timeline-track li:before{content:'';position:absolute;width:6px;height:6px;top:-4px;left:0;background:var(--accent);border-radius:50%}.timeline-track li:not(:last-child):after{content:'';position:absolute;right:0;top:0;height:32px;width:1px;background:#61656b}.timeline-track .mono{color:var(--muted);font-size:10px}.timeline-track h3{font-size:clamp(14px,1.7vw,26px);font-weight:400;margin-top:5px}.timeline-track li:last-child h3{color:var(--accent);font-family:Georgia,serif;font-style:italic;font-size:32px}.timeline-end{display:flex;align-items:center;justify-content:flex-end;gap:40px;border-top:1px solid var(--accent);padding:25px 0}.timeline-end strong{font-size:clamp(22px,3.5vw,48px);font-weight:400;letter-spacing:-.04em}.timeline-end strong span{color:var(--accent);margin-left:25px}.timeline-note{color:var(--muted);font-size:9px;margin-top:25px}
/* Light paper brand specimen creates a deliberate editorial pause */
.specimen{background:#e7e4dc;color:#171d23}.specimen .eyebrow{color:#625137}.specimen .section-head{margin-bottom:85px}.specimen-word{font-size:clamp(52px,10.6vw,170px);letter-spacing:-.065em;text-align:center;line-height:1.1;padding-bottom:75px}.specimen-word>span{font-family:Georgia,serif}.specimen-word small{font:12px var(--mono);letter-spacing:0;margin-left:12px}.brand-directions{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #b9b7b0}.brand-directions>div{padding:28px 18px;border-right:1px solid #b9b7b0}.brand-directions>div:first-child{padding-left:0}.brand-directions>div:last-child{border-right:0}.brand-directions span{font-size:clamp(13px,1.45vw,23px);letter-spacing:-.03em}.brand-directions strong{display:block;font:10px var(--mono);letter-spacing:.08em;margin-top:8px;font-weight:400;color:#5b6064}.specimen-note{color:#5b6064;font-size:9px;margin-top:45px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.why-grid article{border-top:1px solid var(--line);padding-top:18px}.why-grid h3{font-size:25px;font-weight:400;letter-spacing:-.02em;margin:40px 0 17px}.why-grid p{color:var(--muted);font-size:15px;max-width:320px}
/* Domain registry */
.record{margin:0 var(--gutter);padding:50px 5vw;background:linear-gradient(90deg,transparent 49.95%,#ffffff04 50%,transparent 50.05%),#10141a;border:1px solid var(--line)}.record-heading{display:flex;justify-content:space-between;gap:20px}.record-heading>.mono{color:var(--muted);font-size:10px}.record h2{font-size:clamp(32px,5.8vw,88px);margin:42px 0}.record h2 span{color:var(--muted)}.record dl{margin:0;font:12px/1.6 var(--mono)}.record dl>div{display:grid;grid-template-columns:1fr 1.7fr;border-top:1px solid var(--line);padding:16px 0;gap:20px}.record dt{color:var(--muted);letter-spacing:.08em;font-size:10px}.record dd{margin:0}.accent{color:var(--accent)}
/* Final acquisition and footer */
.closing{text-align:center;padding-top:130px;padding-bottom:65px;border:0;position:relative;overflow:hidden}.closing h2{font-size:clamp(54px,12.8vw,200px);margin:35px 0 24px;letter-spacing:-.06em;line-height:1.15}.closing>p:not(.eyebrow){color:var(--muted);font-size:16px}.closing .button{margin-top:30px}.closing small{display:block;color:var(--muted);font:10px var(--mono);margin-top:16px}.closing-rule{height:50px;border-top:1px solid var(--line);margin-top:80px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(2% - 1px),var(--line) calc(2% - 1px),var(--line) 2%) top/100% 8px no-repeat}.closing-rule span{position:absolute;left:50%;top:-7px;height:30px;width:1px;background:var(--accent)}footer{margin:0 var(--gutter);padding:0 0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:11px}footer strong{font-weight:400}footer>span{text-align:center;color:var(--muted)}.footer-cta{justify-self:end;display:flex;gap:25px}.footer-cta span{color:var(--accent)}footer small{grid-column:1/-1;color:var(--muted);font:9px var(--mono)}
/* Progressive enhancement */
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s ease}.reveal-ready.in-view{opacity:1;transform:none}@keyframes orbit{to{transform:rotate(360deg)}}
/* Tablet and mobile */
@media(min-width:1700px){.hero-body{margin-top:-55px}.epoch-dial{max-width:780px}.hero-copy{padding-bottom:80px}}
@media(max-width:1100px){.hero h1{font-size:13vw}.hero h1 sup{margin-left:10px;font-size:9px}.hero-body{margin-top:0;min-height:430px}.epoch-dial{margin-top:0}.hero-actions{gap:15px}.hero-bottom>span:first-child{display:none}.section-head{grid-template-columns:1fr 2fr}.why-grid{gap:25px}.brand-directions>div{padding:22px 10px}}
@media(max-width:767px){.site-header{height:75px}.brand{font-size:10px;gap:8px;letter-spacing:.1em}.brand img{width:21px;height:21px}.nav-cta{font-size:10px;gap:12px}.hero{padding-top:24px}.hero-top{font-size:8px;gap:15px}.hero-top>span:first-child{max-width:130px}.status{font-size:8px;max-width:130px;text-align:right}.hero h1{font-size:14vw;letter-spacing:-.065em;margin-top:28px}.hero h1 sup{font-size:7px;margin:3vw 0 0 7px}.hero-body{grid-template-columns:1fr}.hero-copy{padding:32px 0 0;max-width:100%}.hero-copy h2{font-size:38px;margin-top:15px}.intro{font-size:14px;max-width:510px}.hero-copy .eyebrow{font-size:9px}.hero-actions{margin-top:24px;gap:22px}.button{font-size:11px;padding:14px 17px}.text-link{font-size:11px}.epoch-dial{width:min(100%,470px);justify-self:center;margin-top:25px}.epoch-dial figcaption{font-size:7px;padding:0 10px 24px}.hero-bottom{font-size:8px;padding:20px 0}.hero-bottom>a{display:none}.hero-bottom>span{margin:auto}.section{padding:75px var(--gutter)}.section-head{display:block;margin-bottom:45px}.section-head .eyebrow{margin-bottom:20px}.section h2{font-size:37px}.section-note{margin-top:20px}.meaning-row{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.meaning-row h3{font-size:20vw}.meaning-row>div{max-width:260px}.meaning-row p{font-size:15px;margin-top:10px}.epoch-row{padding-top:28px;text-align:right}.epoch-row h3{grid-row:1}.epoch-row>div{justify-self:end;margin-left:0}.meaning-end{font-size:25px;margin-top:45px}.category-index li{grid-template-columns:28px 1fr 16px;gap:12px;padding:21px 0}.category-index h3{font-size:20px}.category-index p{grid-column:2;max-width:100%;font-size:12px}.row-arrow{grid-column:3;grid-row:1}.category-index .number{font-size:10px}.timeline-track ol{display:block;min-height:0;margin-left:8px}.timeline-track li{margin:0;border-top:0;border-left:1px solid #61656b;padding:0 0 30px 28px;min-height:100px}.timeline-track li:before{left:-3.5px;top:7px}.timeline-track li:not(:last-child):after{display:none}.timeline-track h3{font-size:23px}.timeline-end{display:block;text-align:left;padding-top:25px}.timeline-end strong{display:block;font-size:29px;margin-top:10px}.timeline-note{font-size:8px}.specimen .section-head{margin-bottom:45px}.specimen-word{font-size:12vw;padding-bottom:40px}.specimen-word small{display:block;font-size:10px;margin-top:15px}.brand-directions{grid-template-columns:1fr 1fr}.brand-directions>div,.brand-directions>div:first-child{padding:20px 12px;border-bottom:1px solid #b9b7b0}.brand-directions>div:nth-child(2n){border-right:0}.brand-directions>div:last-child{grid-column:1/-1}.brand-directions span{font-size:20px}.specimen-note{font-size:8px;margin-top:25px}.why-grid{grid-template-columns:1fr;gap:35px}.why-grid h3{margin:20px 0 12px;font-size:25px}.why-grid p{max-width:100%}.record{padding:30px 22px}.record-heading{flex-direction:column;gap:8px}.record h2{font-size:clamp(28px,7vw,48px);margin:28px 0}.record dl>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.record dd{font-size:11px}.record dt{font-size:9px}.closing{padding-top:85px;padding-bottom:10px}.closing h2{font-size:13vw}.closing>p:not(.eyebrow){font-size:14px}.closing-rule{margin-top:60px}footer{grid-template-columns:1fr auto;gap:20px}footer>span{grid-column:1/-1;text-align:left;grid-row:2}footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* Immersive Earth-at-dawn hero refresh */
.hero{min-height:100svh;padding:0 var(--gutter);display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:#030609}
.hero-background{position:absolute;z-index:-2;inset:0;background-image:url("assets/worldepoch-hero.webp");background-repeat:no-repeat;background-size:cover;background-position:center center;transform:scale(1.01);animation:hero-breathe 28s ease-out both}
.hero-background::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 67% 87%,transparent 12%,rgba(3,7,12,.1) 55%,rgba(3,7,12,.53) 100%),linear-gradient(90deg,rgba(2,5,9,.84) 0%,rgba(2,5,9,.58) 33%,rgba(2,5,9,.16) 71%,rgba(2,5,9,.25) 100%),linear-gradient(180deg,rgba(2,5,9,.5),transparent 28%,rgba(2,5,9,.04) 60%,#07090c 100%)}
.site-header{position:relative;z-index:3;margin:0;height:90px;border-color:rgba(224,236,244,.22);transition:background .3s,border-color .3s;flex-shrink:0}
.site-header.scrolled{background:rgba(4,7,11,.6);backdrop-filter:blur(14px);border-color:rgba(224,236,244,.14)}
.brand,.nav-cta{color:#f4f5f2}.brand span{color:#c5d1d6}.nav-cta{border-color:rgba(216,178,106,.85)}.nav-cta span{color:var(--accent)}
.hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-top:clamp(38px,7vh,92px);padding-bottom:76px}
.hero-top{color:#bdcbd2;font-size:10px;opacity:0;animation:hero-enter .8s .12s ease forwards}
.hero h1{font-family:var(--sans);font-size:clamp(3.2rem,10.7vw,12rem);font-weight:400;line-height:.82;letter-spacing:-.073em;width:auto;max-width:100%;margin:clamp(26px,4.7vh,62px) 0 0;color:#f6f4ef;text-shadow:0 2px 18px rgba(0,0,0,.2);opacity:0;animation:hero-enter 1.1s .22s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1>span{font-family:var(--sans);letter-spacing:inherit}.hero h1 em{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.1em}.hero h1 sup{font:10px var(--mono);letter-spacing:.12em;vertical-align:top;margin:1.3vw 0 0 14px;color:var(--accent)}
.hero-copy{max-width:520px;padding:0;margin-top:auto;color:var(--text);opacity:0;animation:hero-enter 1s .38s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy h2{font-size:clamp(29px,3vw,52px);line-height:1.07;margin:16px 0 19px}.intro{color:#d2dadd;text-shadow:0 1px 12px rgba(0,0,0,.45)}.hero-actions{margin-top:28px}.text-link{color:#f0f3f2;border-color:rgba(238,244,246,.42)}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.scroll-cue{position:absolute;z-index:2;right:var(--gutter);bottom:31px;display:flex;align-items:center;gap:13px;color:#cfdae0;font-size:9px;letter-spacing:.12em}.scroll-cue i{display:block;width:34px;height:1px;background:var(--accent);position:relative}.scroll-cue i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(-45deg)}
.meaning{border-top-color:#101a20}.hero + .meaning{position:relative}.hero + .meaning::before{content:"";position:absolute;left:0;right:0;top:-86px;height:86px;background:linear-gradient(180deg,transparent,#07090c);pointer-events:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-breathe{from{transform:scale(1.01)}to{transform:scale(1.035)}}
@media(max-width:767px){.hero{min-height:100svh;padding:0 22px}.site-header{height:74px}.hero-background{background-position:58% center}.hero-background::after{background:linear-gradient(90deg,rgba(2,5,9,.7),rgba(2,5,9,.22)),linear-gradient(180deg,rgba(2,5,9,.42),transparent 31%,rgba(2,5,9,.04) 56%,#07090c 99%)}.hero-content{padding-top:clamp(34px,6vh,56px);padding-bottom:120px}.hero h1{font-size:clamp(2.75rem,12.5vw,5.7rem);line-height:.83;margin-top:27px;white-space:nowrap}.hero h1 sup{font-size:7px;margin-left:4px}.hero-copy{margin-top:auto}.hero-copy h2{font-size:clamp(28px,8.8vw,39px)}.intro{font-size:14px;line-height:1.72;max-width:355px}.hero-actions{gap:17px}.button{min-height:49px}.scroll-cue{left:22px;right:auto;bottom:27px}.scroll-cue span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-background,.hero-content>*{animation:none!important}.hero-top,.hero h1,.hero-copy{opacity:1}}