.cstory{--ink:#1a1714;--ink-2:#231f1b;--paper:#f4f1ea;--paper-dim:#b7afa4;--copper:#b8654a;--copper-lt:#d6926b;--steel:#8a8f96;--line:#2e2926;--line-2:#3c332e;--maxw:1240px}.cstory *{box-sizing:border-box;margin:0;padding:0}.cstory{scroll-behavior:smooth;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}.cstory ::selection{background:var(--copper);color:#0b0b0b}.cstory img{display:block}.cstory header{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(12,12,13,.9),rgba(12,12,13,0));transition:background .3s}.cstory header.solid{background:rgba(12,12,13,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cstory .bar{max-width:var(--maxw);margin:0 auto;justify-content:space-between;gap:16px;padding:14px 22px}.cstory .bar,.cstory .brand{display:flex;align-items:center}.cstory .brand{font-family:var(--sans);font-weight:900;letter-spacing:.14em;font-size:12px;text-transform:uppercase;gap:10px}.cstory .brand .dot{width:9px;height:9px;background:var(--copper);transform:rotate(45deg);box-shadow:0 0 14px var(--copper)}.cstory nav.eras{display:flex;gap:4px}.cstory nav.eras button{font-family:var(--sans);font-size:12px;color:var(--paper-dim);background:none;border:0;cursor:pointer;padding:6px 10px;transition:color .25s,background .25s;border-radius:0}.cstory nav.eras button:hover{color:var(--paper)}.cstory nav.eras button.active{color:#0b0b0b;background:var(--copper)}@media (max-width:720px){.cstory nav.eras button{padding:6px 7px;font-size:11px}}.cstory .scene{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}.cstory .scene-bg{position:absolute;top:-10%;left:0;right:0;bottom:-10%;z-index:0;background:#111;will-change:transform}.cstory .scene-bg img{filter:saturate(.82) contrast(1.06) brightness(.72) sepia(.12)}@keyframes kbA{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.19) translate(-2.5%,-3%)}}@keyframes kbB{0%{transform:scale(1.19) translate(-2%,-2%)}to{transform:scale(1.05) translate(2%,2.5%)}}.cstory .scene-bg img.kb-a{animation:kbA 30s ease-in-out infinite alternate}.cstory .scene-bg img.kb-b{animation:kbB 30s ease-in-out infinite alternate}.cstory .scene-grade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(10,10,11,.96) 2%,rgba(10,10,11,.55) 34%,rgba(10,10,11,.12) 64%,rgba(10,10,11,.5)),radial-gradient(120% 80% at 15% 100%,rgba(193,123,63,.16),rgba(193,123,63,0) 55%)}.cstory .scene.noimg .scene-bg{background:radial-gradient(120% 100% at 80% 10%,rgba(193,123,63,.3),rgba(193,123,63,0) 55%),repeating-linear-gradient(135deg,#151517 0 26px,#1a1b1d 26px 52px);animation:none}.cstory .scene.noimg .scene-bg img{display:none}.cstory .scene-content{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 24px 13vh}.cstory .s-era{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-lt);margin-bottom:14px;display:flex;align-items:center;gap:12px}.cstory .s-era:before{content:"";width:34px;height:1px;background:var(--copper)}.cstory .s-year{font-family:var(--sans);font-weight:900;line-height:.86;letter-spacing:-.02em;font-size:clamp(58px,11vw,150px);color:var(--paper);text-shadow:0 4px 40px rgba(0,0,0,.5)}.cstory .s-title{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.02;font-size:clamp(22px,3.4vw,44px);margin:6px 0 16px;color:var(--copper-lt)}.cstory .s-line{max-width:48ch;font-size:clamp(16px,1.9vw,21px);color:var(--paper);opacity:.94;text-shadow:0 2px 20px rgba(0,0,0,.6)}.cstory .s-src{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;color:var(--paper-dim);border:1px solid hsla(38,35%,94%,.22);padding:6px 12px;border-radius:0}.cstory .s-src:before{content:"◈";color:var(--copper)}.cstory .s-credit{margin-top:12px;font-family:var(--sans);font-size:10px;color:var(--steel);letter-spacing:.02em;max-width:60ch}.cstory .hero{align-items:center}.cstory .hero-grade{background:linear-gradient(0deg,rgba(10,10,11,.9),rgba(10,10,11,.45) 50%,rgba(10,10,11,.7)),radial-gradient(90% 70% at 70% 20%,rgba(193,123,63,.22),rgba(193,123,63,0) 60%)}.cstory .hero-content{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:120px 24px 0}.cstory .kicker{font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--copper-lt);display:flex;align-items:center;gap:14px}.cstory .kicker:before{content:"";width:48px;height:1px;background:var(--copper)}.cstory h1{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:.9;margin:18px 0 0;font-size:clamp(64px,15.5vw,208px);background:linear-gradient(180deg,#f5ede2,#e0a063 60%,#b87333);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 60px rgba(0,0,0,.4)}.cstory .hero .lede{max-width:620px;margin-top:24px;font-size:clamp(17px,2vw,23px);color:var(--paper);opacity:.92;text-shadow:0 2px 20px rgba(0,0,0,.6)}.cstory .scrollcue{margin-top:48px;color:var(--copper-lt)}.cstory .scrollcue .arrow{display:inline-block;font-size:18px;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.cstory .era{max-width:var(--maxw);margin:0 auto;padding:16vh 24px 8vh}.cstory .era-inner{display:flex;gap:30px;align-items:flex-start;border-top:1px solid var(--line);padding-top:40px}.cstory .era-num{font-size:clamp(64px,13vw,170px);line-height:.8;color:var(--copper);flex:0 0 auto}.cstory .era-name,.cstory .era-num{font-family:var(--sans);font-weight:900}.cstory .era-name{text-transform:uppercase;font-size:clamp(26px,3.6vw,50px);line-height:1;letter-spacing:-.01em}.cstory .era-range{font-family:var(--sans);font-size:13px;color:var(--copper-lt);margin:12px 0;letter-spacing:.08em}.cstory .era-desc{color:var(--paper-dim);max-width:56ch;font-size:16px}@media (max-width:640px){.cstory .era-inner{flex-direction:column;gap:10px}}.cstory .grid-band{max-width:var(--maxw);margin:0 auto;padding:20px 24px 8vh}.cstory .mk-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.cstory .mk{background:var(--ink);padding:24px 22px;min-height:158px;display:flex;flex-direction:column;transition:background .35s,transform .35s}.cstory .mk:hover{background:var(--ink-2)}.cstory .mk-year{font-family:var(--sans);font-size:13px;color:var(--copper-lt);letter-spacing:.04em}.cstory .mk-title{font-family:var(--sans);font-weight:800;text-transform:uppercase;font-size:16px;line-height:1.12;letter-spacing:.005em;margin:12px 0 10px}.cstory .mk-line{color:var(--paper-dim);font-size:14px;line-height:1.5}@media (max-width:820px){.cstory .mk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.cstory .mk-grid{grid-template-columns:1fr}.cstory .mk{min-height:0}}.cstory .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.cstory .reveal.in{opacity:1}.cstory .close{align-items:center}.cstory .close-content{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:120px 24px}.cstory .close-h{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:clamp(30px,5.4vw,74px);line-height:.98;letter-spacing:-.01em;max-width:15ch;margin:14px 0 0;color:var(--paper)}.cstory .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:hsla(38,35%,94%,.14);border:1px solid hsla(38,35%,94%,.14);margin:44px 0 0}.cstory .stat{background:rgba(12,12,13,.7);padding:26px 22px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cstory .stat .num{font-family:var(--sans);font-weight:900;font-size:clamp(40px,6vw,76px);line-height:1;color:#efb277}.cstory .stat .lbl{font-size:14px;color:var(--paper-dim);margin-top:12px;max-width:24ch}@media (max-width:720px){.cstory .stats{grid-template-columns:1fr}}.cstory .bridge{max-width:56ch;margin-top:40px;font-size:clamp(17px,2vw,21px);color:var(--paper)}.cstory .btn{margin-top:34px;font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px;padding:15px 26px;border:1px solid var(--copper);background:var(--copper);color:#0b0b0b;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:0}.cstory .btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(193,123,63,.4)}.cstory footer{border-top:1px solid var(--line);padding:28px 24px;font-family:var(--sans);font-size:11px;color:var(--steel)}.cstory footer .fwrap{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cstory .flag{display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid var(--copper);color:var(--copper-lt);border-radius:0;font-size:9px;letter-spacing:.14em}.cstory .navwrap{display:flex;align-items:center;gap:14px}.cstory .menu-btn{font-family:var(--sans);font-size:12px;color:var(--paper);background:none;border:1px solid var(--line-2);cursor:pointer;padding:7px 14px;border-radius:0;letter-spacing:.1em;text-transform:uppercase;transition:border-color .25s,color .25s}.cstory .menu-btn:hover{border-color:var(--copper);color:var(--copper-lt)}.cstory .im-backdrop{position:fixed;inset:0;z-index:70;background:rgba(6,6,7,.62);opacity:0;pointer-events:none;transition:opacity .35s}.cstory .im-backdrop.open{opacity:1;pointer-events:auto}.cstory .indexmenu{position:fixed;top:0;right:0;bottom:0;width:min(430px,90vw);z-index:80;background:#0d0d0e;border-left:1px solid var(--line);transform:translateX(102%);transition:transform .42s cubic-bezier(.2,.7,.2,1);overflow-y:auto;overscroll-behavior:contain}.cstory .indexmenu.open{transform:none;box-shadow:-30px 0 80px rgba(0,0,0,.5)}.cstory .im-inner{padding:22px 26px 48px}.cstory .im-close{position:-webkit-sticky;position:sticky;top:0;float:right;font-size:28px;line-height:1;color:var(--paper-dim);background:none;border:0;cursor:pointer;z-index:2}.cstory .im-close:hover,.cstory .im-title{color:var(--copper-lt)}.cstory .im-title{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:19px;letter-spacing:.01em;margin-bottom:10px}.cstory .im-group{margin-top:14px}.cstory .im-era{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);border-top:1px solid var(--line);padding-top:12px;margin-bottom:4px}.cstory .im-item{display:flex;gap:12px;align-items:baseline;padding:8px 0;color:var(--paper);text-decoration:none;font-size:14px;line-height:1.25;border-bottom:1px solid hsla(38,35%,94%,.05);transition:color .2s}.cstory .im-item:hover{color:var(--copper-lt)}.cstory .im-year{font-family:var(--sans);font-size:11px;color:var(--steel);min-width:56px;flex:0 0 auto}.cstory .era,.cstory .mk{scroll-margin-top:88px}.cstory @keyframes heroIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.cstory .hero-content>*{animation:heroIn 1s cubic-bezier(.2,.7,.2,1) both}.cstory .hero-content .kicker{animation-delay:.05s}.cstory .hero-content h1{animation-delay:.18s}.cstory .hero-content .lede{animation-delay:.4s}.cstory .hero-content .scrollcue{animation-delay:.66s}.cstory @media(max-width:760px){nav.eras{display:none}}@media (max-width:560px){.cstory .bfull{display:none}.cstory .brand{font-size:12px}.cstory .menu-btn{padding:6px 11px;font-size:11px}.cstory .bar{padding:12px 16px}.cstory .scene-content{padding:0 18px 15vh}.cstory .hero-content{padding:110px 18px 0}.cstory .im-inner{padding:20px 20px 44px}}.cstory .grain{position:fixed;inset:0;z-index:65;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;animation:grain 5.5s steps(5) infinite}@keyframes grain{0%{background-position:0 0}20%{background-position:-24px 12px}40%{background-position:18px -20px}60%{background-position:-14px 22px}80%{background-position:22px 14px}to{background-position:0 0}}.cstory .hero-bg img{filter:grayscale(1) contrast(1.16) brightness(.5) sepia(.45) hue-rotate(-14deg)}.cstory .hero-grade{background:linear-gradient(0deg,rgba(10,10,11,.93),rgba(10,10,11,.42) 46%,rgba(10,10,11,.74)),radial-gradient(92% 72% at 72% 22%,rgba(193,123,63,.3),rgba(193,123,63,0) 60%),linear-gradient(118deg,rgba(120,60,20,.28),rgba(18,18,22,.12))}.cstory .hero-light{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(320px 320px at var(--mx,68%) var(--my,30%),rgba(224,160,99,.2),rgba(224,160,99,0) 68%);transition:background .25s ease}.cstory .hero-content{z-index:3}.cstory .hero-content h1{background:linear-gradient(110deg,#f5ede2,#e0a063 34%,#b87333 54%,#e9b277 74%,#f5ede2);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:h1wipe 1.15s cubic-bezier(.2,.7,.2,1) .15s both,h1sheen 8s ease-in-out 1.7s infinite}@keyframes h1wipe{0%{opacity:0;-webkit-clip-path:inset(0 0 110% 0);clip-path:inset(0 0 110% 0)}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes h1sheen{0%,to{background-position:0 0}50%{background-position:100% 0}}.cstory .reveal{transform:translateY(30px) scale(.99)}.cstory .reveal.in{transform:none}@media (prefers-reduced-motion:reduce){.cstory .reveal{opacity:1;transform:none;transition:none}.cstory .grain,.cstory .hero-content h1,.cstory .hero-content>*,.cstory .scene-bg img.kb-a,.cstory .scene-bg img.kb-b,.cstory .scrollcue .arrow{animation:none}}.cstory{position:relative}.cstory .progress{position:fixed;top:60px;left:0;right:0;height:2px;background:var(--copper);width:0;z-index:230;transition:width .1s linear}.cstory .cs-indexbtn{position:fixed;top:74px;right:16px;z-index:230;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:rgba(26,23,20,.7);border:1px solid var(--line-2);padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .25s,color .25s}.cstory .cs-indexbtn:hover{border-color:var(--copper);color:var(--copper-lt)}.cstory .indexmenu{z-index:250}.cstory .im-backdrop{z-index:240}.cstory .hero{min-height:calc(100vh - 60px)}.cstory .grain{z-index:60}.cstory .scene-bg img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.06) brightness(.72) sepia(.16) hue-rotate(-6deg);animation:kbA 34s ease-in-out infinite alternate;will-change:transform}.cstory .hero-bg img{filter:grayscale(1) contrast(1.16) brightness(.5) sepia(.35) hue-rotate(-10deg)}.cstory .bridge,.cstory .era-desc,.cstory .mk-line,.cstory .s-line{font-family:var(--serif)}.cstory .close-bg{background:radial-gradient(120% 90% at 72% 26%,rgba(184,101,74,.32),rgba(184,101,74,0) 56%),radial-gradient(110% 120% at 16% 104%,rgba(10,49,97,.24),rgba(10,49,97,0) 60%),linear-gradient(180deg,#171310,#100e0c 62%,#0c0b0a);animation:none}