@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Exo 2", "Segoe UI", system-ui, sans-serif;--color-space-950:#05070d;--color-space-900:#0a0e18;--color-space-800:#0e1320;--color-space-700:#151c2e;--color-line:#26324a;--color-crawl:#ffe81f;--color-crawl-deep:#d9c400;--color-mist:#98a2b6;--color-ink:#e9edf5;--color-holo:#5cc8ff}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--color-space-950);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.01em;line-height:1.15}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--color-crawl);outline-offset:3px}::selection{background:var(--color-crawl);color:#05070d}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}@layer components{[data-era]{--era:#98a2b6}[data-era=high-republic]{--era:#5eead4}[data-era=fall-of-jedi]{--era:#60a5fa}[data-era=empire]{--era:#f87171}[data-era=rebellion]{--era:#fb923c}[data-era=new-republic]{--era:#a3e635}[data-era=first-order]{--era:#c084fc}[data-era=off]{--era:#94a3b8}.icon{fill:currentColor;flex:none;width:1.25rem;height:1.25rem}.icon-stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.skip-link{z-index:100;background:var(--color-crawl);color:#05070d;padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line);background:#05070de0;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.25rem;display:flex}.logo{align-items:center;gap:.75rem;display:inline-flex}.logo-mark{width:2.5rem;height:2.5rem;color:var(--color-crawl)}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-text strong{font-family:var(--font-display);letter-spacing:.16em;color:var(--color-crawl);text-transform:uppercase;font-size:1.05rem;font-weight:800}.logo-text span{letter-spacing:.34em;text-transform:uppercase;color:var(--color-mist);margin-top:.3rem;font-size:.72rem}.nav-list{align-items:center;gap:2rem;display:flex}.nav-link{min-height:2.75rem;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-mist);align-items:center;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.nav-link:after{content:"";background:var(--color-crawl);height:2px;transition:right .25s;position:absolute;bottom:.35rem;left:0;right:100%}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-crawl)}.nav-link:hover:after,.nav-link[aria-current=page]:after{right:0}.nav-desktop{display:none}.menu-toggle{border:1px solid var(--color-line);width:2.75rem;height:2.75rem;color:var(--color-crawl);justify-content:center;align-items:center;display:inline-flex}.menu-toggle .icon-close,.menu-toggle[aria-expanded=true] .icon-open{display:none}.menu-toggle[aria-expanded=true] .icon-close{display:block}.mobile-panel{background:var(--color-space-900);border-bottom:1px solid var(--color-line);padding:.5rem 0 1.25rem;position:absolute;top:100%;left:0;right:0}.mobile-panel .nav-list{flex-direction:column;align-items:stretch;gap:0}.mobile-panel .nav-link{border-bottom:1px solid var(--color-line);width:100%;min-height:3.25rem;font-size:1.05rem}.mobile-panel .nav-link:after{display:none}@media(min-width:900px){.nav-desktop{display:block}.menu-toggle,.mobile-panel{display:none!important}}.btn{min-height:2.75rem;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--color-crawl);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn-primary{background:var(--color-crawl);color:#05070d}.btn-primary:hover{background:#fff36b;transform:translateY(-2px);box-shadow:0 0 24px #ffe81f59}.btn-outline{color:var(--color-crawl);background:0 0}.btn-outline:hover{background:#ffe81f1f;transform:translateY(-2px)}.btn-sm{min-height:2.75rem;padding:.5rem 1.1rem;font-size:.85rem}.btn-lg{min-height:3.5rem;padding:.9rem 2.2rem;font-size:1.05rem}.dir-icon{transition:transform .2s;transform:rotate(-90deg)}[data-dir][data-dir-state=desc] .dir-icon{transform:rotate(90deg)}.btn-text{clip-path:none;color:var(--color-crawl);text-underline-offset:6px;background:0 0;border:0;padding-inline:0;text-decoration:underline}.eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--color-crawl);align-items:center;gap:.8rem;font-size:.85rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--color-crawl);width:2.5rem;height:2px}.section-title{text-transform:uppercase;letter-spacing:.04em;margin-top:.9rem;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800}.section-lead{color:var(--color-mist);max-width:40rem;margin-top:1rem;font-size:1.05rem}.section-pad{padding-block:4rem}@media(min-width:768px){.section-pad{padding-block:5rem}}@media(min-width:1024px){.section-pad{padding-block:6rem}}.bg-alt{background:var(--color-space-900)}.bg-base{background:var(--color-space-950)}.slant-top{clip-path:polygon(0 2rem,100% 0,100% 100%,0 100%);margin-top:-2rem;padding-top:6rem;position:relative}@media(min-width:1024px){.slant-top{clip-path:polygon(0 3.5rem,100% 0,100% 100%,0 100%);margin-top:-3.5rem;padding-top:9.5rem}}.banner-image{background-position:50%;background-size:cover;background-color:var(--color-space-900);position:relative}.banner-image>.container{z-index:2;position:relative}.overlay{opacity:.3;z-index:1;background:#000;display:block;position:absolute;inset:0}.overlay-strong{opacity:.5}.overlay-gradient{opacity:1;background:linear-gradient(#05070d59,#05070dd9)}.page-banner{align-items:flex-end;min-height:16rem;padding-block:4rem 3rem;display:flex}@media(min-width:768px){.page-banner{min-height:20rem}}.page-banner h1{text-transform:uppercase;letter-spacing:.05em;font-size:clamp(2.2rem,6vw,4rem);font-weight:800}.page-banner p{color:#d3d9e6;max-width:38rem;margin-top:.8rem;font-size:1.1rem}.hero{align-items:center;min-height:calc(100svh - 4.25rem);padding-block:4rem 6rem;display:flex;overflow:hidden}.hero.banner-image{background-position:62%}.hero-stars{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-stars:before,.hero-stars:after{content:"";background-repeat:repeat;position:absolute;inset:0}.hero-stars:before{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#cfe8ff,#0000),radial-gradient(1.5px 1.5px at 160px 60px,#fff7c2,#0000),radial-gradient(1px 1px at 240px 180px,#fff,#0000),radial-gradient(2px 2px at 310px 90px,#fff,#0000);background-size:340px 220px;animation:5s ease-in-out infinite alternate twinkle}.hero-stars:after{background-image:radial-gradient(1px 1px at 60px 80px,#fff,#0000),radial-gradient(1.5px 1.5px at 200px 150px,#ffe81f,#0000),radial-gradient(1px 1px at 280px 20px,#cfe8ff,#0000);background-size:410px 260px;animation:7s ease-in-out 1.5s infinite alternate twinkle}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.hero-grid{align-items:center;gap:3rem;display:grid}@media(min-width:1024px){.hero-grid{grid-template-columns:1.15fr .85fr}}.hero-kicker{color:var(--color-holo);font-size:1.1rem;font-style:italic;animation:1s both fade-up}.hero h1{color:var(--color-crawl);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 40px #ffe81f40;margin-top:1rem;font-size:clamp(2.8rem,9vw,6.5rem);font-weight:900;line-height:.95;animation:1s .15s both fade-up}.hero-sub{color:#dbe1ee;max-width:36rem;margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.3rem);animation:1s .3s both fade-up}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.25rem;animation:1s .45s both fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.crawl-wrap{perspective:380px;border:1px solid var(--color-line);background:#05070d8c;height:26rem;display:none;position:relative;overflow:hidden}@media(min-width:1024px){.crawl-wrap{display:block}}.crawl-wrap:after{content:"";pointer-events:none;background:linear-gradient(#05070d,#0000 35%);position:absolute;inset:0}.crawl{transform-origin:50% 100%;color:var(--color-crawl);text-align:justify;font-size:1.15rem;font-weight:700;line-height:1.6;animation:42s linear -12s infinite crawl;position:absolute;top:100%;left:12%;right:12%;transform:rotateX(28deg)}.crawl h2{text-align:center;text-transform:uppercase;margin-bottom:1rem;font-size:1.6rem}.crawl p+p{margin-top:1rem}@keyframes crawl{0%{top:100%}to{top:-170%}}@media(prefers-reduced-motion:reduce){.crawl{animation:none;top:18%}}.stats-row{border:1px solid var(--color-line);background:var(--color-space-800);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:768px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat{border:1px solid var(--color-line);margin:-.5px;padding:1.75rem 1.5rem}.stat-num{font-family:var(--font-display);color:var(--color-crawl);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1}.stat-label{color:var(--color-mist);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.95rem}.card-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.card-grid>*{width:100%}@media(min-width:700px){.card-grid>*{width:calc(50% - .75rem)}}@media(min-width:1040px){.card-grid>*{width:calc(33.3333% - 1rem)}}.era-grid>*{width:100%}@media(min-width:640px){.era-grid>*{width:calc(50% - .75rem)}}@media(min-width:1040px){.era-grid>*{width:calc(25% - 1.125rem)}}.title-card{background:var(--color-space-800);border:1px solid var(--color-line);flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.title-card:before,.title-card:after{content:"";z-index:3;pointer-events:none;width:18px;height:18px;transition:all .25s;position:absolute}.title-card:before{border-top:2px solid var(--era);border-left:2px solid var(--era);top:-1px;left:-1px}.title-card:after{border-bottom:2px solid var(--era);border-right:2px solid var(--era);bottom:-1px;right:-1px}.title-card:hover{border-color:var(--era);box-shadow:0 0 28px var(--era)}@supports (color:color-mix(in lab,red,red)){.title-card:hover{box-shadow:0 0 28px color-mix(in srgb,var(--era) 28%,transparent)}}.title-card:hover{transform:translateY(-4px)}.title-card:hover:before,.title-card:hover:after{width:30px;height:30px}.poster{aspect-ratio:16/9;background:radial-gradient(circle at 85% 20%,var(--era),transparent 55%),linear-gradient(160deg,var(--era) 0%,#05070d 80%);flex-direction:column;justify-content:space-between;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.poster{background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--era) 38%,transparent),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--era) 22%,#0a0e18),#05070d 80%)}}.poster{border-bottom:1px solid var(--color-line)}.poster-emblem{width:9rem;height:9rem;color:var(--era);opacity:.45;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;position:absolute;top:50%;right:-.5rem;transform:translateY(-50%)}.poster-type{letter-spacing:.2em;text-transform:uppercase;color:#05070d;background:var(--era);align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:700;position:relative}.poster-year{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--era);letter-spacing:.04em;font-size:2.6rem;font-weight:900;line-height:1;position:relative}.title-card.is-watched .poster:after{content:"Переглянуто";background:var(--color-crawl);color:#05070d;letter-spacing:.12em;text-transform:uppercase;padding:.2rem 2.4rem;font-size:.7rem;font-weight:800;position:absolute;top:.8rem;right:-2.2rem;transform:rotate(35deg)}.card-body{flex-direction:column;flex:1;padding:1.25rem 1.25rem 1.4rem;display:flex}.card-era{letter-spacing:.16em;text-transform:uppercase;color:var(--era);font-size:.8rem;font-weight:700}.card-title{margin-top:.4rem;font-size:1.35rem;font-weight:800}.card-title a:hover{color:var(--color-crawl)}.card-orig{color:var(--color-mist);margin-top:.2rem;font-size:.92rem;font-style:italic}.card-meta{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.card-meta li{color:#cfd6e4;border:1px solid var(--color-line);padding:.15rem .6rem;font-size:.85rem}.card-meta li.meta-chrono{border-color:var(--era)}@supports (color:color-mix(in lab,red,red)){.card-meta li.meta-chrono{border-color:color-mix(in srgb,var(--era) 55%,transparent)}}.card-meta li.meta-chrono{color:var(--era);font-weight:600}.card-text{color:#b9c2d3;flex:1;margin-top:.9rem;font-size:.98rem}.card-actions{border-top:1px dashed var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.1rem;display:flex}.watch-btn{border:1.5px solid var(--color-line);min-height:2.75rem;color:var(--color-ink);align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.watch-btn .icon{opacity:.5}.watch-btn:hover{border-color:var(--color-crawl);color:var(--color-crawl)}.watch-btn[aria-pressed=true]{background:var(--color-crawl);border-color:var(--color-crawl);color:#05070d}.watch-btn[aria-pressed=true] .icon{opacity:1}.stars{align-items:center;display:inline-flex}.stars button{color:#66728d;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-inline:-.35rem;transition:color .15s,transform .15s;display:inline-flex}.stars button .icon{width:1.6rem;height:1.6rem}.stars button.is-on,.stars:hover button{color:var(--color-crawl)}.stars button:hover~button{color:#66728d}.stars button:hover{transform:scale(1.15)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;display:flex}.toolbar-group{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;display:flex}.field-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-mist);margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.seg{border:1.5px solid var(--color-line);display:inline-flex}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.seg span{align-items:center;min-height:2.75rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:flex}.seg input:checked+span{background:var(--color-crawl);color:#05070d}.seg input:focus-visible+span{outline:2px solid var(--color-crawl);outline-offset:2px}.select{background:var(--color-space-800);min-height:2.75rem;color:var(--color-ink);border:1.5px solid var(--color-line);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-crawl) 50%),linear-gradient(135deg,var(--color-crawl) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding:.4rem 2.2rem .4rem .8rem;font-size:.95rem}.check{cursor:pointer;align-items:center;gap:.6rem;min-height:2.75rem;font-size:.95rem;display:inline-flex}.check input{width:1.25rem;height:1.25rem;accent-color:var(--color-crawl)}.toolbar-status{border-top:1px solid var(--color-line);color:var(--color-mist);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:1.25rem;padding-top:1.1rem;font-size:.95rem;display:flex}.toolbar-status b{color:var(--color-crawl);font-family:var(--font-display)}.empty-state{text-align:center;border:1px dashed var(--color-line);color:var(--color-mist);padding:3rem 1.5rem}.empty-state h3{color:var(--color-ink);margin-bottom:.5rem;font-size:1.4rem}.row-list{flex-direction:column;gap:.9rem;display:flex}.list-row{background:var(--color-space-800);border:1px solid var(--color-line);border-left:4px solid var(--era);align-items:center;gap:.9rem 1.25rem;padding:1rem 1.1rem 1rem 1.5rem;transition:border-color .2s,background .2s;display:grid;position:relative}.list-row:hover{border-color:var(--era);background:var(--color-space-700)}@media(min-width:900px){.list-row{grid-template-columns:5rem 1fr auto auto}}.row-year{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--era);font-size:1.6rem;font-weight:900;line-height:1}.row-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.row-meta{color:var(--color-mist);margin-top:.2rem;font-size:.9rem}.row-meta .row-chrono{color:var(--era);font-weight:600}.row-rate{display:none}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tab-btn{border:1.5px solid var(--color-line);letter-spacing:.06em;text-transform:uppercase;min-height:2.75rem;padding:.5rem 1.2rem;font-size:.92rem;font-weight:700;transition:all .2s}.tab-btn:hover{border-color:var(--color-crawl);color:var(--color-crawl)}.tab-btn[aria-pressed=true]{background:var(--color-crawl);color:#05070d;border-color:var(--color-crawl)}.tab-btn small{opacity:.8;margin-left:.35rem;font-weight:600}.progress{background:var(--color-space-700);border:1px solid var(--color-line);height:.6rem;overflow:hidden}.progress-bar{height:100%;width:var(--progress,0%);background:linear-gradient(90deg,var(--color-crawl-deep),var(--color-crawl));transition:width .5s}.era-item{background:var(--color-space-800);border:1px solid var(--color-line);border-top:3px solid var(--era);padding:1.5rem 1.4rem 1.6rem;transition:transform .25s,box-shadow .25s;position:relative}.era-item:hover{box-shadow:0 0 26px var(--era);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.era-item:hover{box-shadow:0 0 26px color-mix(in srgb,var(--era) 25%,transparent)}}.era-item svg{width:2.4rem;height:2.4rem;color:var(--era);fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.era-years{font-family:var(--font-display);color:var(--era);letter-spacing:.08em;text-transform:uppercase;margin-top:1rem;font-size:.95rem;font-weight:700}.era-name{margin-top:.3rem;font-size:1.3rem;font-weight:800}.era-text{color:#b9c2d3;margin-top:.6rem;font-size:.95rem}.era-count{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mist);margin-top:1rem;font-size:.85rem;font-weight:700;display:inline-block}.era-item a.stretched:after{content:"";position:absolute;inset:0}.step-row{border-top:1px solid var(--color-line);grid-template-columns:4.5rem 1fr;gap:1.25rem;padding-block:1.6rem;display:grid}.step-row:last-child{border-bottom:1px solid var(--color-line)}.step-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--color-crawl);font-size:2.8rem;font-weight:900;line-height:1}.step-row h3{text-transform:uppercase;letter-spacing:.04em;font-size:1.35rem;font-weight:800}.step-row p{color:#b9c2d3;margin-top:.4rem}.site-footer{background:var(--color-space-900);border-top:1px solid var(--color-line);padding-block:3.5rem 2rem}.footer-grid{gap:2.5rem;display:grid}@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr}.footer-grid>nav{justify-self:end}}.footer-nav{flex-wrap:wrap;gap:.25rem 2rem;display:flex}.footer-note{border-top:1px solid var(--color-line);color:var(--color-mist);max-width:60rem;margin-top:2.5rem;padding-top:1.5rem;font-size:.9rem}.js-reveal [data-reveal]{transition:opacity .7s,transform .7s}.js-reveal [data-reveal]:not(.is-in){transform:translateY(28px)}.content-body{max-width:52rem}.content-body h1{text-transform:uppercase;margin-block:2rem 1rem;font-size:2.6rem;font-weight:800}.content-body h2{margin-block:2rem .9rem;font-size:2.1rem;font-weight:800}.content-body h3{margin-block:1.8rem .8rem;font-size:1.7rem;font-weight:700}.content-body h4{margin-block:1.6rem .7rem;font-size:1.4rem;font-weight:700}.content-body h5{letter-spacing:.04em;text-transform:uppercase;margin-block:1.4rem .6rem;font-size:1.15rem;font-weight:700}.content-body h6{letter-spacing:.12em;text-transform:uppercase;color:var(--color-mist);margin-block:1.2rem .5rem;font-size:1rem;font-weight:700}.content-body p{color:#cfd6e4;margin-block:1rem}.content-body .lead{color:var(--color-ink);font-size:1.3rem}.content-body small{color:var(--color-mist);font-size:.875rem}.content-body hr{border:0;border-top:1px solid var(--color-line);margin-block:2.5rem}.content-body ul{margin-block:1rem;padding-left:1.5rem;list-style:outside}.content-body ol{margin-block:1rem;padding-left:1.5rem;list-style:decimal}.content-body li{color:#cfd6e4;margin-block:.35rem}.content-body li::marker{color:var(--color-crawl)}.content-body a{color:var(--color-crawl);text-underline-offset:4px;text-decoration:underline}.content-body a:hover{color:#fff36b}.content-body mark{background:var(--color-crawl);color:#05070d;padding:0 .3rem}.content-body code{background:var(--color-space-700);color:var(--color-holo);padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.content-body blockquote{border-left:3px solid var(--color-crawl);color:var(--color-ink);margin-block:2rem;padding:.5rem 0 .5rem 1.5rem;font-size:1.25rem;font-style:italic}.content-body cite{color:var(--color-mist);margin-top:.6rem;font-size:.95rem;font-style:normal;display:block}.content-body table{border-collapse:collapse;width:100%;margin-block:2rem}.content-body th,.content-body td{border:1px solid var(--color-line);text-align:left;padding:.7rem 1rem}.content-body th{background:var(--color-space-700);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.content-body img{border:1px solid var(--color-line);margin-block:1.5rem}.content-body figcaption{color:var(--color-mist);margin-top:-.75rem;font-size:.9rem}.content-body .btn-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-block:1.5rem;display:flex}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:1.25rem}.\!mt-0{margin-top:0!important}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-0{width:0;height:0}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\!text-\[\#dbe1ee\]{color:#dbe1ee!important}.text-mist{color:var(--color-mist)}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}}@media(min-width:64rem){.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:items-start{align-items:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}