:root{--dsp-default-margin: 2rem;--dsp-nav-height: 73px;--dsp-border-radius: 8px;--dsp-default-font:"Montserrat", serif;--dsp-font-material: "Material Icons Outlined";--dsp-font-material-regular: "Material Icons";--dsp-font-size: 16px;--dsp-default-font-size: var(--dsp-font-size);--dsp-font-size-small: .8rem;--dsp-font-size-smaller: .6rem;--dsp-font-size-black: 3rem;--dsp-font-size-largest: 2rem;--dsp-font-size-larger: 1.5rem;--dsp-font-size-large: 1.25rem;--dsp-font-weight-light: 300;--dsp-font-weight: 400;--dsp-font-weight-bold: 600;--dsp-color-border: #ddd;--dsp-color-text: #222;--dsp-color-text-med: #666;--dsp-color-text-lighter: #999;--dsp-color-text-lightest: #ccc;--dsp-color-white: #fff;--dsp-color-black: #000;--dsp-color-blue: #009ee0;--dsp-color-blue-light-trans: rgba(0, 158, 224, .2);--dsp-color-blue-trans: rgba(0, 158, 224, .6);--dsp-color-blue-med: #19405b;--dsp-color-blue-dark: #122c3e;--dsp-color-blue-darker: #0a1b27;--dsp-color-blue-dark-trans: rgba(18, 44, 62, .69);--dsp-color-blue-dark-trans-med: rgba(17, 17, 35, .8);--dsp-color-blue-dark-trans-dark: rgba(11, 11, 23, .95);--dsp-color-gray-light: #787878;--dsp-color-gray-lighter: #d3d3d3;--dsp-color-gray-lightest: #f7f7f7;--dsp-color-gray-med: #111;--dsp-color-gray-dark: #1d1e21;--dsp-color-gray-darker: #090909;--dsp-color-gray-dark-trans: rgba(11, 11, 8, .9);--dsp-color-black-trans-light: rgba(0, 0, 0, .3);--dsp-color-black-trans: rgba(0, 0, 0, .5);--dsp-color-black-trans-med: rgba(0, 0, 0, .7);--dsp-color-black-trans-dark: rgba(0, 0, 0, .9);--dsp-color-red: #a41010;--dsp-color-orange: #ff8a00;--dsp-default-duration: .2s;--dsp-transition: var(--dsp-default-duration) ease-out;--dsp-spacing: 1rem;--dsp-link-color: var(--dsp-color-blue);--dsp-link-color-hover: var(--dsp-color-black);--dsp-bg-color: var(--dsp-color-white);--dsp-default-bg: black;--dsp-box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px;--dsp-scrollbar-bg: black;--dsp-scrollbar-thumb: var(--dsp-color-orange);--dsp-scrollbar-thumb-hover: var(--dsp-link-color);--dsp-header-height: 75vh;--dsp-section-spacing: 8rem;--dsp-card-width: 15rem}@font-face{font-family:Material Icons Outlined;src:url(/assets/fonts/material-icons-outlined.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Material Icons;src:url(/assets/fonts/material-icons.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/montserrat.woff2) format("woff2");font-display:swap}@media screen and (min-width: 0){.container{margin:auto;--max-width: calc(100% - 2rem) ;max-width:var(--max-width)}}@media screen and (min-width: 576px){.container{margin:auto;--max-width: 540px;max-width:var(--max-width)}}@media screen and (min-width: 768px){.container{margin:auto;--max-width: 720px;max-width:var(--max-width)}}@media screen and (min-width: 992px){.container{margin:auto;--max-width: 960px;max-width:var(--max-width)}}@media screen and (min-width: 1440px){.container{margin:auto;--max-width: 1390px;max-width:var(--max-width)}}@media screen and (min-width: 2400px){.container{margin:auto;--max-width: 1680px;max-width:var(--max-width)}}@media screen and (min-width: 1921px){:root{--dsp-font-size: 18px}}@media screen and (max-width: 768px){:root{--dsp-section-spacing: 4rem}h1{font-size:2.2rem!important}h2{font-size:2rem!important}.button-container{text-align:center}.button-container a:first-child,.button-container button:first-child{margin-bottom:1em}}.badge{--color-bg: var(--dsp-color-text);--color-text: var(--dsp-color-white);display:inline-flex;align-items:center;border-radius:20rem;padding:.75em 2em;background-color:var(--color-bg)}.badge,.badge *{color:var(--color-text)}.badge dsp-stars{margin:0!important}@keyframes anim{0%{scale:0 1}to{scale:1 1}}@keyframes fade-move-up{0%{opacity:0;transform:translateY(var(--translate-y, 2rem))}80%{opacity:.8;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}*,*:hover{outline:0}a:not(.btn):not(dsp-link a){transition:var(--link-transistion-property, color) var(--dsp-transition)}a:not(.btn):not(dsp-link a):not(.underlined){--text-decoration: none;text-decoration-line:var(--text-decoration)!important}a:not(.btn):not(dsp-link a),a:not(.btn):not(dsp-link a):visited{color:var(--dsp-link-color)}a:not(.btn):not(dsp-link a):hover{color:var(--dsp-link-color-hover)}ul{margin:0;padding:0;list-style:none}.saucer{text-rendering:geometricPrecision}h1,h2{font-weight:var(--dsp-font-weight);font-family:var(--dsp-emphasis-font)}h1{font-size:4rem}h2{font-size:2.2rem}h2.section-headline{font-size:var(--dsp-font-size-black);margin-block:8rem;text-align:center;text-rendering:geometricPrecision}h3,h4{text-transform:uppercase;font-weight:var(--dsp-font-weight-bold)}h5,small{font-weight:var(--dsp-font-weight)}main{min-height:100vh}.upper{text-transform:uppercase;letter-spacing:.75px;font-size:var(--dsp-font-size-small)}.upper.regular{font-size:revert}.block-headline{--color: white;text-transform:uppercase;letter-spacing:.75px;font-size:var(--dsp-font-size-small)}.block-headline:is(h2){position:relative;display:inline-block;margin-inline:auto;text-align:center}@supports (animation-timeline: view()){.block-headline:is(h2):after{animation:anim linear;animation-timeline:view();scale:0 1;transform-origin:0 0}}.block-headline:is(h2):after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);width:max(3em,100% - 4em);top:calc(100% + var(--text-decoration-offset, min(.6em, .5rem)));border-top:clamp(.125rem,.15em,6px) solid var(--text-decoration-color, var(--dsp-color-blue))}.block-headline:not(:is(h2)){text-decoration-color:var(--text-decoration-color, var(--dsp-color-blue));text-decoration-style:solid;text-decoration-line:var(--text-decoration-line, underline);text-decoration-thickness:clamp(.125rem,.15em,6px);text-underline-offset:var(--text-decoration-offset, min(.7em, .5rem));padding-bottom:.5rem}.block-headline.orange,.block-headline.hover:hover{--text-decoration-color: var(--dsp-color-orange)}.block-headline{color:var(--color);font-weight:var(--dsp-font-weight-bold);letter-spacing:1px;margin-block:1rem 2rem;font-size:1rem}.underlined:is(h2){position:relative;display:inline-block;margin-inline:auto;text-align:center}@supports (animation-timeline: view()){.underlined:is(h2):after{animation:anim linear;animation-timeline:view();scale:0 1;transform-origin:0 0}}.underlined:is(h2):after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);width:max(3em,100% - 4em);top:calc(100% + var(--text-decoration-offset, min(.6em, .5rem)));border-top:clamp(.125rem,.15em,6px) solid var(--text-decoration-color, var(--dsp-color-blue))}.underlined:not(:is(h2)){text-decoration-color:var(--text-decoration-color, var(--dsp-color-blue));text-decoration-style:solid;text-decoration-line:var(--text-decoration-line, underline);text-decoration-thickness:clamp(.125rem,.15em,6px);text-underline-offset:var(--text-decoration-offset, min(.7em, .5rem));padding-bottom:.5rem}.underlined.orange,.underlined.hover:hover{--text-decoration-color: var(--dsp-color-orange)}.highlighted:hover{text-shadow:0 0 .5rem rgba(255,255,255,.2)}.boxed2{background-color:var(--dsp-color-black-trans-light);padding:1rem;margin:0;line-height:1.5em;text-align:justify;max-width:100%;box-sizing:border-box}.fade-move-up{opacity:0;animation:fade-move-up var(--animation-duration, var(--dsp-default-duration)) var(--animation-delay, 0) ease-out forwards}.dsp-form{--placeholder-color: var(--dsp-color-gray-light)}.dsp-form::-webkit-scrollbar{width:var(--dsp-scrollbar-width, 15px);background-color:var(--dsp-scrollbar-bg)}.dsp-form::-webkit-scrollbar-thumb{transition:backround .5s linear;background:var(--dsp-scrollbar-thumb);border:var(--dsp-scrollbar-border-width, 5px) solid var(--dsp-scrollbar-bg);border-radius:50rem}.dsp-form{display:flex;flex-direction:column;row-gap:var(--form-row-gap, 2rem);max-height:var(--form-max-height, calc(100% - 2rem) );overflow-y:hidden;color:var(--color);font-size:var(--dsp-font-size-small)}.dsp-form h2{margin:0}.dsp-form input,.dsp-form textarea{color:var(--color);appearance:none;display:block;margin-top:.5rem;width:100%;font-size:1rem;border:2px solid transparent;padding:var(--input-padding, 1rem);box-sizing:border-box;background-color:var(--input-bg, black);font-family:var(--dsp-default-font)}.dsp-form input:focus,.dsp-form textarea:focus{background-color:var(--input-bg-focus, black)}.dsp-form sup{font-size:.9rem;margin-left:.5em;color:var(--dsp-color-orange)}.dsp-form footer{text-align:center}.dsp-form .error{color:#fff;padding:1rem;margin-top:.5rem;background-color:var(--dsp-color-red)}.dsp-form ::-webkit-input-placeholder{font-family:var(--dsp-default-font);font-size:var(--dsp-font-size-small);color:var(--placeholder-color)!important}.dsp-form ::-moz-placeholder{font-family:var(--dsp-default-font);font-size:var(--dsp-font-size-small);color:var(--placeholder-color)!important}.dsp-form :-ms-input-placeholder{font-family:var(--dsp-default-font);font-size:var(--dsp-font-size-small);color:var(--placeholder-color)!important}.content-page{--bg-image: linear-gradient(var(--dsp-color-blue-darker) 20%, black 60%, var(--dsp-color-blue-darker) 80%);--bg-color: black;--color: white;display:block;min-height:100vh;background-image:var(--bg-image)}.content-page header{--color: white;color:var(--color);padding-top:6rem;padding-bottom:calc(4 * var(--dsp-default-margin));margin-bottom:4rem}.content-page header h1,.content-page header h5{margin:0;position:relative;z-index:2}.content-page header h5{font-size:1rem;line-height:1.5em;color:var(--dsp-color-gray-lighter)}.content-page h2,.content-page h5{font-family:var(--dsp-default-font);margin-bottom:4rem}.content-page .form-group{position:relative;overflow:hidden}dsp-hero.server header:not(.browser){visibility:hidden}dsp-perlin-hero canvas{position:absolute;width:100%;object-fit:cover;object-position:top;filter:none}dsp-perlin-hero canvas.canvas-top{top:0;transform:scaleY(-1)}dsp-perlin-hero canvas.canvas-bottom,dsp-perlin-hero canvas.safari-fallback{bottom:2px}html[data-theme=light] .page-body{background-color:#fff}.page-body{padding-bottom:15rem;background:var(--dsp-color-blue-darker);background-size:100% 15rem}.hero-placeholder{height:var(--dsp-header-height)}.intro-box-placeholder{min-height:80dvh}.intro-card-placeholder{aspect-ratio:1.5}.letter-box-placeholder,.letter-box--group-placeholder{min-height:100dvh}.letter-box-entry-placeholder{min-height:25rem}.scener-letter-box-placeholder,.decade-slider-placeholder{min-height:20rem}.timeline-year-placeholder,.year-box-placeholder{min-height:100dvh}.preview-image-placeholder{aspect-ratio:768/530}dsp-resource .resource{text-transform:uppercase;letter-spacing:.75px;font-size:var(--dsp-font-size-small);display:grid;grid-template-areas:"icon types" "icon content";grid-template-columns:auto 1fr}dsp-resource .resource .mio{grid-area:icon;border:2px solid var(--dsp-color-text);border-radius:50%;padding:.5rem;margin-left:.5rem;margin-right:.5rem;color:var(--dsp-color-text)}dsp-resource .resource .resource-types{grid-area:types;font-size:var(--dsp-font-size-smaller)}dsp-resource .resource .resource-type{display:inline-block;margin-right:.5rem;color:var(--dsp-color-text-lighter)}dsp-resource .resource .resource-type.active{font-weight:700;color:var(--dsp-color-text)}dsp-resource .resource .resource-subject{grid-area:content}a.resource:hover{background-color:var(--dsp-color-gray-lightest)}@keyframes bounce-in-up{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,500px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{opacity:1;transform:translate3d(0,10px,0)}90%{opacity:1;transform:translate3d(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}html[data-theme=light] dsp-scroll-top{--bg-color: var(--dsp-color-blue);--bg-color-hover: var(--dsp-color-blue-dark)}body.scroll-top dsp-scroll-top button{pointer-events:auto;animation:bounce-in-up 1s linear forwards}body.scroll-top dsp-scroll-top button:hover{cursor:pointer;--bg-color: var(--bg-color-hover)}dsp-scroll-top{--bg-color: var(--dsp-color-blue-dark);--bg-color-hover: var(--dsp-color-blue)}dsp-scroll-top button{position:fixed;bottom:2rem;right:2rem;transform:none;z-index:10;border:0;appearance:none;background-color:var(--bg-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:1rem;border-radius:50%;font-family:var(--dsp-font-material);font-size:var(--font-size);opacity:0;pointer-events:none}.timeline-page{--color: white;color:var(--color)}.timeline-page header{margin-bottom:0}.timeline-page .introduction{padding:calc(6 * var(--dsp-spacing)) 0;text-align:center}.timeline-page .introduction h2{font-size:var(--dsp-font-size-black);font-weight:var(--dsp-font-weight-bold);margin:0 0 2rem;text-transform:uppercase}.timeline-page .introduction h3{font-size:1rem;color:var(--dsp-color-text-lightest)}.timeline-page .introduction h3 span.underlined{color:#fff}.timeline-page h3.year-box-headline{z-index:1;margin-right:auto;font-size:var(--dsp-font-size-large)}.timeline-page h3.year-box-headline.year{font-size:var(--dsp-font-size-largest);height:3.5rem}dsp-timeline-year-box:has(.no-entries){--min-height: 4rem}h3.year-box-headline{color:var(--color, white);margin:0;display:flex;flex-wrap:wrap;align-items:center;position:var(--headline-position, sticky);top:var(--headline-sticky-pos, var(--dsp-nav-height))}h3.year-box-headline span{text-transform:uppercase;letter-spacing:.75px;font-size:var(--dsp-font-size-small)}h3.year-box-headline span.year{margin:0 0 .5em .5em;color:var(--dsp-color-text-lightest)}h3.year-box-headline span.updates{width:100%;margin-top:.5em}h3.year-box-headline small{text-transform:uppercase;letter-spacing:.75px;font-size:var(--dsp-font-size-small);color:var(--dsp-color-text-lighter);text-transform:none;margin:1rem 1rem 0 0}.year-box-block{padding-block:4rem}.year-box-block:nth-child(2n){--bg-color: var(--year-box-bg, transparent);background-color:var(--bg-color);box-shadow:0 0 0 100vmax var(--bg-color);clip-path:inset(0 -100vw)}.year-box-block .grid{display:grid;align-items:start;grid-template-columns:30vh 1fr;grid-gap:var(--dsp-spacing)}.entries{--translate-y: 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:4rem 2rem;opacity:0;transform:translateY(var(--translate-y));animation:fade-move-up 1s ease-out forwards}@media screen and (max-width: 768px){.year-box-block .grid{grid-template-columns:1fr}h3.year-box-headline{justify-content:center;text-align:center;margin-bottom:4rem;position:static}.year-box-block dsp-intro-mini-preview dsp-intro-link{--text-decoration-color: transparent;--intro-link-font-size: var(--dsp-font-size-larger)}}dsp-random-crackergroup .sidebar-nav ul{position:static!important;max-height:none!important}dsp-random-crackergroup dsp-crackergroup-box .header{padding-top:4rem}dsp-random-crackergroup h1.group-name{margin:4rem 0}dsp-playbox canvas{display:inline-block;image-rendering:crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;transition:transform .3s linear}dsp-playbox.crt canvas{image-rendering:auto!important;filter:blur(.5px)!important}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;top:-3000px}60%{top:125px}75%{top:-110px;opacity:1}90%{top:15px}to{top:0}}@keyframes slider-3d-animation{0%{--perspective-y: -130%;opacity:0}40%{opacity:1}50%,80%{--perspective-y: 50%;opacity:1}to{--perspective-y: 130%;opacity:.25}}html,body{font-family:var(--dsp-default-font);font-size:var(--dsp-default-font-size);font-weight:var(--dsp-font-weight);color:var(--dsp-color-text);background-color:var(--dsp-default-bg);min-height:100dvh;margin:0}body::-webkit-scrollbar{width:var(--dsp-scrollbar-width, 15px);background-color:var(--dsp-scrollbar-bg)}body::-webkit-scrollbar-thumb{transition:backround .5s linear;background:var(--dsp-scrollbar-thumb);border:var(--dsp-scrollbar-border-width, 5px) solid var(--dsp-scrollbar-bg);border-radius:50rem}body.no-scroll{overflow:hidden}
