*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#0A0A0A;color:#D4C5A0;font-family:"Crimson Pro",serif;font-size:clamp(1rem,1.15vw,1.2rem);font-weight:400;line-height:1.75}body:before{content:"Interaction* Interaction:* Interaction:** Intersection Observer Intersection Observer API for performance — recalculate offset only when timeline sections enter/exit the viewport.";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="140" height="140"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".82" numOctaves="4" seed="8"/%3E%3C/filter%3E%3Crect width="140" height="140" filter="url(%23n)" opacity=".14"/%3E%3C/svg%3E');opacity:.23}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 12%,#2A1B3D,transparent 32%),radial-gradient(circle at 78% 42%,rgba(201,168,76,.09),transparent 24%),radial-gradient(circle at 50% 110%,rgba(42,27,61,.42),transparent 40%)}.market-timeline{position:relative;min-height:100vh;padding:clamp(80px,12vh,150px) 0 clamp(120px,18vh,220px);isolation:isolate}.thread-stage{position:absolute;top:0;left:50%;width:60vw;height:100%;min-height:100%;transform:translateX(-50%);z-index:0;overflow:visible;pointer-events:none}.golden-thread{fill:none;stroke:#C9A84C;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 9px rgba(201,168,76,.28))}.ambient-orbit{position:fixed;border:1px solid rgba(201,168,76,.13);border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:36vw;height:36vw;left:-12vw;top:8vh;box-shadow:0 0 90px rgba(232,212,139,.07);animation:drift 18s linear infinite}.orbit-two{width:26vw;height:26vw;right:-8vw;bottom:4vh;border-color:#F2E2B6;animation:drift 22s linear reverse infinite}@keyframes drift{to{transform:rotate(360deg)}}.timeline-node{--side:1;position:relative;z-index:2;width:min(60vw,1120px);min-height:clamp(200px,25vh,360px);margin:0 auto clamp(95px,14vh,210px);display:grid;grid-template-columns:1fr 48px 1fr;align-items:start;opacity:0;transform:translateY(34px);transition:opacity .4s ease-out .2s,transform .4s ease-out .2s}.timeline-node.left{--side:-1}.timeline-node.visible{opacity:1;transform:translateY(0)}.ledger{position:relative;grid-column:3;width:min(420px,100%);padding:clamp(1.45rem,3vw,2.5rem);background:linear-gradient(145deg,#141414,rgba(10,10,10,.97));border:1px solid transparent;border-image:linear-gradient(135deg,#C9A84C 0%,#8A7D65 50%,#C9A84C 100%) 1;box-shadow:inset 0 0 60px rgba(0,0,0,.4),0 20px 70px rgba(0,0,0,.55);overflow:hidden}.left .ledger{grid-column:1;justify-self:end}.right .ledger{grid-column:3;justify-self:start}.ledger:before,.ledger:after{content:"";position:absolute;width:14px;height:14px;border:1px solid #C9A84C;opacity:.8}.ledger:before{top:13px;left:13px;border-right:0;border-bottom:0}.ledger:after{right:13px;bottom:13px;border-left:0;border-top:0}.ledger .eyebrow:before,.ledger .eyebrow:after{content:"✦";color:#FFD700;font-size:.66rem;margin:0 .65rem;text-shadow:0 0 14px rgba(255,215,0,.45)}.ledger:has(.unfurl):not(.open) .detail{display:grid;grid-template-rows:0fr;opacity:0;margin:0}.ledger.open .detail{display:block;animation:unfurl .46s ease-out both}@keyframes unfurl{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ledger:hover:after{animation:cornerPulse .7s ease}.ledger:hover .shimmer,.ledger:hover:before{box-shadow:0 0 14px rgba(232,212,139,.38)}.ledger .shimmer{position:absolute;inset:0;pointer-events:none;transform:translateX(-120%);background:linear-gradient(105deg,transparent 40%,rgba(232,212,139,.15) 50%,transparent 60%)}.ledger:hover .shimmer{animation:shimmerSweep .7s ease-out}@keyframes shimmerSweep{to{transform:translateX(120%)}}@keyframes cornerPulse{50%{filter:drop-shadow(0 0 8px rgba(232,212,139,.45))}}.connector{grid-column:2;position:absolute;top:24px;width:clamp(58px,7vw,96px);height:2px;background:linear-gradient(90deg,#C9A84C,rgba(201,168,76,0));transform:scaleX(0);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;filter:drop-shadow(0 0 7px rgba(201,168,76,.32))}.left .connector{right:24px;transform-origin:right center;background:linear-gradient(90deg,rgba(201,168,76,0),#C9A84C)}.right .connector{left:24px;transform-origin:left center}.visible .connector{transform:scaleX(1);opacity:1}.waypoint{grid-column:2;position:relative;z-index:4;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#E8D48B,#C9A84C 60%,#8A7D65);box-shadow:0 0 0 7px #0A0A0A,0 0 22px rgba(201,168,76,.18)}.waypoint svg{position:absolute;inset:0;overflow:visible}.ring,.glyph{fill:none;stroke:#0A0A0A;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ring.inner{stroke-dasharray:4 3}.glyph{stroke:#0A0A0A}.ring,.glyph{stroke-dasharray:160;stroke-dashoffset:160}.visible .ring.outer{animation:pathDraw .2s ease-out forwards}.visible .ring.inner{animation:pathDraw .2s ease-out .1s forwards}.visible .glyph{animation:pathDraw .6s ease-out .4s forwards}.waypoint.active{animation:medallionGlow 3s ease-in-out infinite;box-shadow:0 0 0 7px #0A0A0A,0 0 20px rgba(201,168,76,.4),0 0 40px rgba(201,168,76,.15)}@keyframes pathDraw{to{stroke-dashoffset:0}}@keyframes medallionGlow{0%,100%{transform:scale(.95)}50%{transform:scale(1.05)}}h1,h2{margin:.15rem 0 1rem;font-family:"Cormorant Garamond",serif;font-weight:600;line-height:1.08;letter-spacing:.06em;text-transform:uppercase;color:#8A7D65;transition:color .6s ease-out .4s,text-shadow .6s ease-out .4s}.visible h1,.visible h2{color:#C9A84C;text-shadow:0 0 12px rgba(201,168,76,.3)}h1{font-size:clamp(2rem,5.5vw,4rem)}h2{font-size:clamp(1.65rem,4vw,3rem)}p{margin:0 0 1.1rem;color:#D4C5A0}.eyebrow{font-family:"Cinzel",serif;font-size:clamp(.65rem,.9vw,.8rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C9A84C;text-shadow:0 0 12px rgba(201,168,76,.3)}.attribution,.detail{font-family:"Cinzel",serif;font-size:clamp(.65rem,.9vw,.8rem);letter-spacing:.12em;text-transform:uppercase;color:#8A7D65}.attribution{border-left:2px solid #C9A84C;padding-left:1rem}.unfurl{appearance:none;margin:.2rem 0 1rem;padding:.7rem 1rem;background:#0A0A0A;color:#C9A84C;border:1px solid #8A7D65;font-family:"Cinzel",serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,color .25s,box-shadow .25s}.unfurl:hover{color:#E8D48B;border-color:#C9A84C;box-shadow:0 0 18px rgba(201,168,76,.18)}.char{display:inline-block;opacity:0;transform:translateY(8px);transition:opacity .3s ease-out,transform .3s ease-out}.visible .char.revealed{opacity:1;transform:translateY(0)}.filigree{width:100%;height:30px;margin-top:.55rem;overflow:visible}.filigree path{fill:none;stroke:#C9A84C;stroke-width:1;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140}.visible .filigree path{animation:filigreeDraw 1s cubic-bezier(.25,.46,.45,.94) forwards}.visible .filigree-right{animation-delay:.08s}@keyframes filigreeDraw{to{stroke-dashoffset:0}}@media (max-width:900px){.thread-stage{left:30px;width:60px;transform:none}.timeline-node{width:100%;grid-template-columns:30px 48px 1fr;padding:0 18px;margin-bottom:clamp(90px,18vh,150px)}.left .ledger,.right .ledger,.ledger{grid-column:3;justify-self:start;width:100%}.left .connector,.right .connector{left:54px;right:auto;transform-origin:left center;background:linear-gradient(90deg,#C9A84C,rgba(201,168,76,0))}.waypoint{grid-column:2}.connector{width:44px}}@media (max-width:520px){body{font-size:.98rem;line-height:1.62}.market-timeline{padding-top:64px}.timeline-node{grid-template-columns:22px 42px 1fr;padding:0 12px}.waypoint{width:42px;height:42px}.connector{top:21px}.ledger{padding:1.35rem}h1{font-size:clamp(1.75rem,12vw,2.65rem)}h2{font-size:clamp(1.35rem,9vw,2rem)}}