@charset "UTF-8";:root{--neutral-50: rgba(243, 244, 244, 1);--neutral-100: rgba(232, 233, 234, 1);--neutral-200: rgba(210, 212, 214, 1);--neutral-300: rgba(188, 191, 194, 1);--neutral-400: rgba(166, 170, 174, 1);--neutral-500: rgba(143, 148, 153, 1);--neutral-600: rgba(120, 126, 132, 1);--neutral-700: rgba(98, 105, 112, 1);--neutral-800: rgba(76, 84, 92, 1);--neutral-900: rgba(53, 62, 71, 1);--neutral-950: rgba(31, 41, 51, 1);--green-on-dark-50: rgba(64, 243, 197, 1);--green-on-dark-100: rgba(61, 223, 182, 1);--green-on-dark-200: rgba(57, 203, 169, 1);--green-on-dark-300: rgba(54, 182, 153, 1);--green-on-dark-400: rgba(50, 162, 139, 1);--green-on-dark-500: rgba(48, 142, 124, 1);--green-on-dark-600: rgba(45, 122, 110, 1);--green-on-dark-700: rgba(41, 102, 94, 1);--green-on-dark-800: rgba(38, 82, 80, 1);--green-on-dark-900: rgba(34, 61, 66, 1);--green-on-dark-950: rgba(32, 51, 58, 1);--green-on-light-50: rgba(242, 251, 249, 1);--green-on-light-100: rgba(229, 247, 242, 1);--green-on-light-200: rgba(204, 240, 231, 1);--green-on-light-300: rgba(178, 232, 218, 1);--green-on-light-400: rgba(153, 225, 206, 1);--green-on-light-500: rgba(127, 217, 194, 1);--green-on-light-600: rgba(102, 209, 182, 1);--green-on-light-700: rgba(76, 201, 169, 1);--green-on-light-800: rgba(51, 194, 157, 1);--green-on-light-900: rgba(25, 186, 145, 1);--green-on-light-950: rgba(0, 179, 133, 1);--blue-on-dark-50: rgba(0, 218, 254, 1);--blue-on-dark-100: rgba(3, 200, 234, 1);--blue-on-dark-200: rgba(6, 183, 213, 1);--blue-on-dark-300: rgba(9, 165, 193, 1);--blue-on-dark-400: rgba(12, 147, 172, 1);--blue-on-dark-500: rgba(15, 129, 152, 1);--blue-on-dark-600: rgba(19, 112, 133, 1);--blue-on-dark-700: rgba(22, 94, 112, 1);--blue-on-dark-800: rgba(25, 77, 92, 1);--blue-on-dark-900: rgba(28, 59, 71, 1);--blue-on-dark-950: rgba(29, 50, 61, 1);--blue-on-light-50: rgba(242, 250, 253, 1);--blue-on-light-100: rgba(229, 245, 250, 1);--blue-on-light-200: rgba(204, 235, 247, 1);--blue-on-light-300: rgba(178, 225, 242, 1);--blue-on-light-400: rgba(153, 216, 239, 1);--blue-on-light-500: rgba(127, 206, 234, 1);--blue-on-light-600: rgba(102, 196, 230, 1);--blue-on-light-700: rgba(76, 186, 226, 1);--blue-on-light-800: rgba(51, 177, 222, 1);--blue-on-light-900: rgba(25, 166, 218, 1);--blue-on-light-950: rgba(0, 157, 214, 1);--text-on-dark: white;--container-padding: 30px}@media screen and (min-width:600px){:root{--container-padding: 44px}}:root{--font-family-body: "Frutiger", sans-serif;--font-family-mono: "IBM Plex Mono", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 600;--font-weight-body: 300;--font-size-body: 18px;--font-size-small: 14px;--line-height-body: 1.5}@media screen and (min-width:600px){:root{--font-size-body: 20px;--font-size-small: 15px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{background:#000}.main{width:calc(100vw - 40px);height:100%;color:var(--text-on-dark);background-color:var(--neutral-950);overflow:clip;grid-area:main}.layout{width:100%;position:relative;z-index:2;display:grid;grid-template-columns:40px 1fr;grid-template-rows:max(100dvh,100%);grid-template-areas:"logo main"}.inner-track{display:flex;width:calc((100vw - 40px)*2)}.inner-slide{flex:0 0 auto;width:calc(100vw - 40px)}.show-detail .inner-track{transform:translate(-50%)}@media screen and (min-width:768px){.layout{grid-template-columns:64px 1fr;grid-template-areas:"logo main"}.main{width:calc(100vw - 64px)}.inner-track{width:calc(200vw - 128px)}.inner-slide{width:calc(100vw - 64px)}}@media screen and (min-width:984px){.layout{grid-template-columns:64px 920px 1fr;grid-template-areas:"logo main ."}.main{width:920px}.inner-track{width:1840px}.inner-slide{width:920px}}.logo-wrapper{grid-area:logo;position:relative}.logo-sticky{display:block;position:sticky;top:0}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.footer{display:flex;flex-direction:column;padding:var(--container-padding);font-family:var(--font-family-mono);gap:.5em}.footer .footer-heading{font-weight:var(--font-weight-bold);margin:0}.footer .footer-link{display:inline-flex;text-decoration:none;padding:.5em 1em;margin:-.5em -1em;gap:.5em;color:var(--neutral-300)}.footer .footer-link:hover{color:var(--white)}.footer .footer-link:after{content:"→";transition:transform .25s ease,color .25s ease}.footer .footer-link:hover:after{color:var(--green-on-dark-50);transform:translate(.25rem)}@view-transition{navigation:auto}@keyframes page-fade-out{to{opacity:0;translate:0 -6px}}@keyframes page-fade-in{0%{opacity:0;translate:0 6px}}::view-transition-old(root){animation:page-fade-out .25s ease-in forwards}::view-transition-new(root){animation:page-fade-in .35s ease-out forwards}@keyframes page-leave{to{opacity:0;translate:0 -6px}}.js-page-is-leaving .layout{animation:page-leave .25s ease-in forwards;pointer-events:none}@keyframes page-enter{0%{opacity:0;translate:0 6px}}.js-page-entered .layout{animation:page-enter .35s ease-out forwards}.prose>*{margin-top:1.5rem;margin-bottom:1.5rem}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2{margin-top:3rem}.prose .introduction{font-size:1.25em}.prose a{color:#fff;font-weight:700}body{font-family:var(--font-family-body, sans-serif);font-weight:var(--font-weight-body);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@font-face{font-family:Frutiger;src:url(/static/fonts/frutiger-light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Frutiger;src:url(/static/fonts/frutiger-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Frutiger;src:url(/static/fonts/frutiger-bold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/static/fonts/IBMPlexMono-Text.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;src:url(/static/fonts/IBMPlexMono-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:200;src:url(/static/fonts/IBMPlexMono-Light.woff2) format("woff2")}.intro{font-family:IBM Plex Mono,sans-serif;font-weight:200;font-size:1.5rem}@media screen and (min-width:600px){.intro{font-size:2rem}}.intro .container{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding)}.intro .muted{color:#ffffff80}.intro .intro-text,.intro .muted-text{display:inline}.intro .arrow{display:none;color:var(--green-on-dark-100)}.intro .hidden{visibility:hidden}.intro .cursor{display:inline;color:var(--green-on-dark-100)}.intro .cursor.animate{animation-duration:1.25s;animation-name:pulse;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.4em .75em;text-decoration:none;font-weight:var(--font-weight-bold);color:currentColor;gap:.3em;transition:background .5s ease-in-out,border .5s ease}button.btn{color:inherit;background:transparent;border:0}.text{line-height:1.5em}.icon{display:block;line-height:1;width:1.5em;height:1.5em;margin-right:-.2em}.icon svg{display:block;line-height:1;width:1.5em;height:1.5em}.btn-outline{border:2px solid currentColor}.btn-outline:hover{border-image:linear-gradient(to right,var(--green-on-dark-50),var(--blue-on-dark-50)) 1 1}.btn-primary{color:var(--neutral-950);border:2px solid transparent;background-image:linear-gradient(to right,var(--green-on-dark-50),var(--blue-on-dark-50));background-size:calc(100% + 4px),calc(100% + 4px),calc(100% + 4px),calc(100% + 4px);background-position:-2px,0,100%,100%}.btn-primary:hover{background-image:linear-gradient(to right,var(--green-on-dark-100),var(--blue-on-dark-100))}.btn-block{width:100%}.background{display:flex;width:100%;height:100%}.background .layer-1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;background-color:#0000001a}.background .video{width:100%;height:100%;object-fit:cover}.logo{display:flex;color:#fff;transition:background-color .2s ease}.logo:hover{background-color:#ffffff1a}.playground-logo,.iks-logo{position:relative;padding:1em .5em}@media screen and (min-width:768px){.playground-logo,.iks-logo{padding:1em .75em}}.playground-logo svg,.iks-logo svg{display:block;width:100%;height:auto}.playground-logo:after{position:absolute;bottom:0;left:0;content:"";display:block;width:60%;height:1px;background-color:#ffffff4d}.teasers{padding:var(--container-padding)}.teasers .list{display:flex;flex-direction:column;gap:calc(var(--container-padding) * 2)}.teasers .filters{margin-bottom:var(--container-padding);display:flex;flex-wrap:wrap;gap:.75rem}.teasers .badge-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1;text-transform:uppercase;border:1.5px solid currentColor;border-radius:3px;padding:4px 5px;color:#9ca8b4;cursor:pointer;transition:background-color .25s,color .25s}.teasers .badge-button:hover{color:#fff}.teasers .badge-button.active{background-color:#fff;color:var(--neutral-950)}.teaser .tile{--gap: 1rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.teaser .badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1;text-transform:uppercase;border:1.5px solid currentColor;border-radius:3px;padding:3px 5px;color:#9ca8b4}.teaser .media{width:100%;height:auto;aspect-ratio:4/3}.teaser .heading{font-size:1.25em;line-height:1.25;font-weight:var(--font-weight-bold)}.teaser .teaser-text{display:flex;flex-direction:column;gap:.75em}.teaser .buttons{display:flex;flex-direction:row;gap:.75em}.teaser .video-wrapper{width:100%;height:auto;aspect-ratio:4/3;border-radius:.5em;overflow:hidden}@media screen and (min-width:720px){.teaser .tile{--gap: 1.5rem;flex-direction:row}.teaser .media,.teaser .teaser-text{flex:0 0 calc(50% - var(--gap) * .5)}}@media screen and (min-width:720px)and (max-width:1023px){.teaser .teaser-text{font-size:14px}}.video-wrapper{width:100%;height:auto;border-radius:.5em;overflow:hidden}.video-wrapper media-player{display:block;width:100%;height:auto;view-transition-name:none;aspect-ratio:var(--aspect)}.video-wrapper media-provider{display:flex}.youtube-video .video-wrapper{position:relative;width:100%;height:auto;border-radius:.5em;overflow:hidden}.youtube-video .player-wrapper{position:relative;width:100%;height:auto;aspect-ratio:16/9}.youtube-video media-player{display:block;width:100%;height:auto;view-transition-name:none;aspect-ratio:var(--aspect);border-radius:.5em;overflow:hidden}.youtube-video media-provider{display:flex;width:100%}.youtube-video iframe{width:100%;height:100%}.youtube-video .gdpr-overlay,.youtube-video .gdpr-poster{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.youtube-video .gdpr-poster img{width:100%;height:100%;object-fit:cover}.youtube-video .gdpr-poster:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.youtube-video .gdpr-box{position:absolute;padding:2rem;text-align:center}.youtube-video .gdpr-accept{color:#fff;background-color:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.5);border-radius:999px;padding:.75em 1.5em;font-size:var(--font-size-body);transition:background-color .3s ease,border .3s ease;cursor:pointer}.youtube-video .gdpr-accept:hover{background-color:#ffffff1a;border:2px solid rgb(255,255,255)}.youtube-video .gdpr-info{display:flex}.youtube-video .gdpr-info .icon{flex:0 0 20px;width:20px;height:20px;margin:8px}.youtube-video .gdpr-info .gdpr-text{font-size:var(--font-size-small);padding:.5em 1em;margin:0;line-height:1.5em;border-left:1px solid rgba(124,131,137,.25)}.detail-inner .back-button-wrapper{margin-bottom:2rem}.detail-inner .back-button{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);color:#fff;padding:.5em .75em;margin-left:-.75em;text-decoration:none;border-radius:.25em;transition:background-color .25s,color .25s}.detail-inner .back-button:hover{background-color:var(--neutral-900)}.detail-inner .container{padding:var(--container-padding)}@media screen and (min-width:600px){.detail-inner .video{margin-top:3rem;margin-bottom:3rem}}.detail-inner .footer-link{position:sticky;bottom:0;display:block;background:#1f29331a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem var(--container-padding)}@media screen and (min-width:600px){.detail-inner .footer-link{padding:2rem var(--container-padding)}}.share-buttons{display:flex;gap:.25rem}.share-buttons a{width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;padding:.5em;border-radius:999px;transition:background-color .2s}.share-buttons a svg{width:1.2em;height:auto;display:block;transition:transform .2s ease}.share-buttons a:hover{background-color:var(--neutral-900)}.share-buttons a:hover svg{transform:scale(1.1)}.info-box{padding:1.5rem;background-color:#ffffff13;border-radius:10px}