@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;600&family=IM+Fell+English:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;600;700&family=IM+Fell+English:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;600;700&family=IM+Fell+English:ital@0;1&display=swap";html,body{background:#060608}:root{--void:#06060a;--bone:#d9d4c8;--dust:#8a8278;--red:#b82020;--gold:#c4a450;--white:#f0ece4;--f-display:"Cinzel Decorative", serif;--f-cinzel:"Cinzel", serif;--f-body:"IM Fell English", serif}.hero{height:600vh;position:relative}.hero__sticky{background:var(--void);width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.hero__video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{background:var(--void);opacity:.55;z-index:1;pointer-events:none;position:absolute;inset:0}.hero__grain{opacity:.04;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:160%;height:160%;animation:.1s step-end infinite grain;position:absolute;inset:-30%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-1%,1%)}}.hero__chapter{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hero__ch1{justify-content:flex-end;padding:0 8vw 12vh}.hero__eyebrow{opacity:.65;align-items:center;gap:.8rem;margin-bottom:1.6rem;display:flex}.hero__rule{background:var(--gold);flex:0 0 36px;height:1px}.hero__eyebrow-txt{font-family:var(--f-cinzel);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-size:clamp(.5rem,.85vw,.72rem)}.hero__ch1-title{font-family:var(--f-display);color:var(--white);text-shadow:0 0 80px #b8202080,0 4px 30px #000c;opacity:0;font-size:clamp(2.8rem,8vw,9rem);font-weight:900;line-height:1}.hero__ch1-title em{color:var(--red);font-style:italic}.hero__ch1-title span{color:var(--bone);margin-top:.15em;font-size:.55em;font-weight:400;display:block}.hero__ch1-sub{font-family:var(--f-body);color:var(--dust);opacity:0;max-width:48ch;margin-top:1.2rem;font-size:clamp(.85rem,1.3vw,1.15rem);font-style:italic;line-height:1.7}.hero__ch2{text-align:center;justify-content:center;align-items:center}.hero__ch2-title{font-family:var(--f-cinzel);letter-spacing:.2em;color:var(--bone);text-transform:uppercase;text-shadow:0 0 100px #b8202059;opacity:0;font-size:clamp(1.2rem,3.5vw,4rem);font-weight:700}.hero__ch2-sub{font-family:var(--f-body);color:var(--red);letter-spacing:.1em;opacity:0;margin-top:1rem;font-size:clamp(.8rem,1.2vw,1.05rem);font-style:italic}.hero__ch3{justify-content:center;padding-left:8vw}.hero__ch3-title{font-family:var(--f-display);color:var(--white);text-shadow:0 0 160px #c4a4504d,0 8px 60px #000000e6;opacity:0;font-size:clamp(4rem,13vw,15rem);font-weight:900;line-height:.88}.hero__ch3-title span{-webkit-text-stroke:2px var(--white);color:#0000;text-shadow:none;font-size:.7em;display:block}.hero__ch3-sub{font-family:var(--f-body);color:var(--gold);border-left:2px solid var(--red);letter-spacing:.08em;opacity:0;margin-top:2rem;padding-left:1.2rem;font-size:clamp(.85rem,1.4vw,1.25rem);font-style:italic}.hero__scroll-hint{z-index:20;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.hero__scroll-hint span{background:linear-gradient(to bottom, var(--gold), transparent);width:1px;height:56px;margin:auto;animation:1.6s ease-in infinite drop;display:block}@keyframes drop{0%{transform-origin:top;opacity:1;transform:scaleY(0)}to{transform-origin:top;opacity:0;transform:scaleY(1)}}@media (width<=640px){.hero__ch1,.hero__ch3{padding-inline:6vw}.hero__ch3-title span{-webkit-text-stroke-width:1px}}:root{--void:#06060a;--ash:#0e0e13;--stone:#1a1a22;--smoke:#2e2e3a;--dust:#7a7570;--bone:#d4cfc4;--white:#f0ece4;--red:#9b1a1a;--red-h:#c0312a;--gold:#c4a450;--gold-l:#e0c87a;--f-display:"Cinzel Decorative", serif;--f-cinzel:"Cinzel", serif;--f-body:"IM Fell English", serif;--nav-h:80px;--nav-h-sm:58px}.navbar{z-index:1000;height:var(--nav-h);background:0 0;align-items:center;gap:2rem;padding:0 3vw;transition:background .5s,height .4s,-webkit-backdrop-filter .5s,backdrop-filter .5s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{height:var(--nav-h-sm);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#06060ad1;border-bottom:1px solid #c4a4501f;box-shadow:0 4px 40px #0009}.navbar__rule{background:linear-gradient(to bottom, transparent, var(--gold), transparent);opacity:.4;flex:0 0 1px;height:32px;transition:opacity .4s}.navbar--scrolled .navbar__rule{opacity:.25}@media (width<=900px){.navbar__rule{display:none}}.navbar__logo{flex-shrink:0;align-items:center;gap:.55rem;text-decoration:none;display:flex}.navbar__logo-wings{color:var(--red);font-size:1.1rem;line-height:1;transition:color .3s,transform .3s}.navbar__logo:hover .navbar__logo-wings{color:var(--gold);transform:scale(1.15)}.navbar__logo-text{flex-direction:column;line-height:1;display:flex}.navbar__logo-main{font-family:var(--f-display);color:var(--white);letter-spacing:.06em;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:900}.navbar__logo-sub{font-family:var(--f-cinzel);color:var(--gold);letter-spacing:.35em;text-transform:uppercase;margin-top:2px;font-size:clamp(.5rem,.75vw,.6rem);font-weight:400}.navbar__links{align-items:center;gap:0;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.navbar__link{font-family:var(--f-cinzel);letter-spacing:.2em;text-transform:uppercase;color:var(--dust);white-space:nowrap;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:clamp(.6rem,.9vw,.75rem);font-weight:600;text-decoration:none;transition:color .25s;display:flex}.navbar__link:hover,.navbar__link--active{color:var(--bone)}.navbar__link-num{font-family:var(--f-body);color:var(--red);opacity:.8;margin-right:2px;font-size:.65em;font-style:italic}.navbar__indicator{background:linear-gradient(90deg, var(--red), var(--gold));opacity:0;pointer-events:none;width:0;height:1px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:-2px;left:0}@media (width<=768px){.navbar__links{display:none}}.navbar__cta{border:1px solid #9b1a1a8c;flex-shrink:0;padding:.52rem 1.3rem;text-decoration:none;transition:border-color .3s;position:relative;overflow:hidden}.navbar__cta:hover{border-color:var(--red-h)}.navbar__cta-inner{font-family:var(--f-cinzel);letter-spacing:.2em;text-transform:uppercase;color:var(--bone);z-index:1;align-items:center;gap:.5rem;font-size:clamp(.55rem,.85vw,.7rem);font-weight:600;transition:color .3s;display:flex;position:relative}.navbar__cta:hover .navbar__cta-inner{color:var(--white)}.navbar__cta-bg{background:var(--red);z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-101%)}.navbar__cta:hover .navbar__cta-bg{transform:translate(0)}@media (width<=480px){.navbar__cta{display:none}}.navbar__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;padding:0;display:none}.navbar__burger span{background:var(--bone);transform-origin:50%;height:1px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s,width .3s;display:block}.navbar__burger span:first-child{width:100%}.navbar__burger span:nth-child(2){width:65%}.navbar__burger span:nth-child(3){width:80%}.navbar__burger--open span:first-child{width:100%;transform:translateY(6px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger--open span:nth-child(3){width:100%;transform:translateY(-6px)rotate(-45deg)}@media (width<=768px){.navbar__burger{display:flex}}.navbar__drawer{z-index:999;pointer-events:none;opacity:0;background:#06060af7;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.navbar__drawer--open{pointer-events:all;opacity:1}.navbar__drawer-inner{flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:2rem;display:flex}.navbar__drawer-inner:before{content:"";background:var(--gold);opacity:.4;width:60px;height:1px;margin-bottom:2rem;display:block}.navbar__drawer-link{font-family:var(--f-cinzel);letter-spacing:.15em;text-transform:uppercase;color:var(--dust);opacity:0;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:.6rem 0;font-size:clamp(1.3rem,5vw,2rem);font-weight:700;text-decoration:none;transition:color .25s,letter-spacing .3s;display:flex;transform:translateY(20px)}.navbar__drawer--open .navbar__drawer-link{animation:.5s cubic-bezier(.2,0,.2,1) forwards drawer-in;animation-delay:calc(var(--i) * 70ms + .1s)}@keyframes drawer-in{to{opacity:1;transform:translateY(0)}}.navbar__drawer-link:hover{color:var(--white);letter-spacing:.25em}.navbar__drawer-num{font-family:var(--f-body);color:var(--red);opacity:.9;font-size:.5em;font-style:italic}.navbar__drawer-cta{font-family:var(--f-cinzel);letter-spacing:.3em;text-transform:uppercase;color:var(--white);border:1px solid var(--red);opacity:0;margin-top:2.5rem;padding:.9rem 2.8rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .3s,color .3s;transform:translateY(16px)}.navbar__drawer--open .navbar__drawer-cta{animation:.5s cubic-bezier(.2,0,.2,1) .45s forwards drawer-in}.navbar__drawer-cta:hover{background:var(--red);color:var(--white)}:root{--void:#06060a;--ash:#0e0e13;--bone:#d4cfc4;--dust:#7a7570;--red:#9b1a1a;--gold:#c4a450;--white:#f0ece4;--f-display:"Cinzel Decorative", serif;--f-cinzel:"Cinzel", serif;--f-body:"IM Fell English", serif}.ts-section{position:relative}.ts-sticky{background:var(--ash);width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.ts-sky{background:linear-gradient(#080c14 0%,#0f1520 30%,#1a1a10 65%,#2a1a08 85%,#160a04 100%);position:absolute;inset:0}.ts-ground{z-index:4;background:linear-gradient(#0000,#12100a,#0a0804);height:12vh;position:absolute;bottom:0;left:0;right:0}.ts-fog{pointer-events:none;z-index:3;background:radial-gradient(120% 60% at 50% 100%,#c8b48c2e 0%,#281e1480 50%,#0000 100%);position:absolute;inset:0}.ts-grain{opacity:.04;z-index:10;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:140%;height:140%;animation:.1s step-end infinite grain-ts;position:absolute;inset:-20%}@keyframes grain-ts{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}75%{transform:translate(2%,-2%)}}.ts-header{z-index:8;opacity:0;text-align:center;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;top:5vh;left:0;right:0}.ts-header-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.5;flex:0 0 80px;height:1px}.ts-header-eyebrow{font-family:var(--f-cinzel);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);opacity:.8;margin-bottom:.35rem;font-size:clamp(.5rem,.9vw,.72rem)}.ts-header-title{font-family:var(--f-display);color:var(--white);letter-spacing:.04em;text-shadow:0 0 60px #9b1a1a66;font-size:clamp(1.1rem,3vw,2.6rem);font-weight:900}.ts-stage{z-index:5;justify-content:center;align-items:flex-end;gap:clamp(.8rem,3vw,4rem);padding:0 3vw;display:flex;position:absolute;bottom:12vh;left:0;right:0}.ts-titan-slot{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.ts-figure{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--color) 35%, transparent)) drop-shadow(0 0 60px color-mix(in srgb, var(--color) 15%, transparent));justify-content:center;align-items:flex-end;transition:filter .4s;display:flex;overflow:visible}.ts-figure:hover{filter:drop-shadow(0 0 30px color-mix(in srgb, var(--color) 65%, transparent)) drop-shadow(0 0 80px color-mix(in srgb, var(--color) 30%, transparent))}.ts-figure-img{object-fit:contain;object-position:bottom center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.ts-measure-line{background:linear-gradient(to top, var(--color), transparent);opacity:.35;width:1px;position:absolute;bottom:70px;right:-6px}.ts-measure-line:before{content:"";background:var(--color);width:7px;height:1px;position:absolute;top:0;left:-3px}.ts-measure-line:after{content:"";background:var(--color);width:7px;height:1px;position:absolute;bottom:0;left:-3px}.ts-label{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:2px;max-width:clamp(60px,10vw,130px);margin-top:10px;display:flex}.ts-label-height{font-family:var(--f-body);color:var(--color);letter-spacing:.05em;font-size:clamp(.5rem,.9vw,.78rem);font-style:italic}.ts-label-name{font-family:var(--f-cinzel);letter-spacing:.18em;text-transform:uppercase;color:var(--bone);font-size:clamp(.5rem,.85vw,.72rem);font-weight:700}.ts-label-desc{font-family:var(--f-body);color:var(--dust);margin-top:3px;font-size:clamp(.38rem,.65vw,.6rem);font-style:italic;line-height:1.4}@media (width<=700px){.ts-label-desc{display:none}}.ts-wall-line{z-index:6;background:repeating-linear-gradient(90deg,#c4a45040 0 8px,#0000 8px 16px);height:1px;position:absolute;bottom:57vh;left:0;right:0}.ts-wall-label{font-family:var(--f-cinzel);letter-spacing:.2em;color:#c4a4508c;text-transform:uppercase;font-size:clamp(.45rem,.75vw,.62rem);position:absolute;top:-18px;right:4vw}@media (width<=480px){.ts-stage{gap:.6rem;padding:0 2vw;bottom:10vh}.ts-header{gap:.8rem}.ts-header-rule{flex:0 0 30px}}
