@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2)format("woff2"),url(/assets/montserrat-latin-500-normal-Dok2oTci.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-ext-500-normal-BKtbrd6n.woff2)format("woff2"),url(/assets/montserrat-latin-ext-500-normal-DWPqqZgs.woff)format("woff")}:root{--bg-edge:#06080c;--surface:#131b288c;--surface-hi:#1a2434b3;--line:#a9aeb521;--grey:#a9aeb5;--text:#c9ced6;--muted:#8d949e;--head:#e3e6ea;--c3:#10b8f2;--c4:#00d6ff;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{background:var(--bg-edge);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{background:radial-gradient(120% 900px at 50% 180px,#131b28 0%,#0a0e15 55%,#06080c 100%) no-repeat;background-color:var(--bg-edge)}html.lb-open{overflow:hidden}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ref{max-width:1180px;padding:calc(env(safe-area-inset-top) + 7.5rem) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 4rem) max(16px, env(safe-area-inset-left));margin:0 auto}@media (min-width:1228px){.ref{padding-inline-start:0;padding-inline-end:0}}.ref__head{max-width:720px;margin-bottom:2rem}.ref__title{color:var(--head);letter-spacing:.02em;margin:0 0 .8rem;font:600 clamp(2rem,5vw,3rem)/1.1 Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.ref__lead{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.ref__filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2.2rem;display:flex}.ref__filter[hidden]{display:none}.ref__chip{color:var(--grey);cursor:pointer;background:#131b2899;border:1px solid #a9aeb538;border-radius:999px;align-items:baseline;gap:.45em;padding:.45rem .95rem;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85rem;font-weight:500;transition:border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.ref__chip:hover{color:var(--head);border-color:#00d6ff59}.ref__chip[aria-pressed=true]{color:var(--c4);border-color:#00d6ff8c;box-shadow:0 0 14px #00d6ff2e}.ref__chip small{color:var(--muted);font-size:.75em}.ref__chip[aria-pressed=true] small{color:#00d6ffb3}@media (max-width:700px){.ref__filter{scrollbar-width:none;flex-wrap:nowrap;margin-inline-start:-16px;margin-inline-end:-16px;padding:.2rem 16px .4rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 32px),#0000)}.ref__filter::-webkit-scrollbar{display:none}.ref__chip{flex:none}}.ref__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.5rem;display:grid}.ref__item{border:1px solid var(--line);background:var(--surface);animation:ref-in .5s var(--ease) backwards;border-radius:14px;flex-direction:column;transition:border-color .3s,background .3s;display:flex;position:relative}.ref__item[hidden]{display:none}.ref__item:nth-child(2){animation-delay:50ms}.ref__item:nth-child(3){animation-delay:.1s}.ref__item:nth-child(n+4){animation-delay:.15s}@keyframes ref-in{0%{opacity:0;transform:translateY(12px)}}.ref__item:hover{background:var(--surface-hi);border-color:#00d6ff38}.ref__shot{--phone-frame:0 0 0 3px #0b0f16, 0 0 0 4px #a9aeb54d, 0 22px 44px -12px #000000f2, 0 0 44px -10px #10b8f28c;aspect-ratio:16/10;cursor:zoom-in;background:#0d121a;border-radius:13px 13px 0 0;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.ref__shot:after{content:"";border-radius:inherit;box-shadow:inset 0 -1px 0 var(--line);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ref__shot img{object-fit:cover;width:100%;height:100%;display:block}.ref__shot:focus{outline:none}.ref__shot:focus-visible:not(.is-quiet){outline:2px solid var(--c4);outline-offset:3px}.ref__link:focus-visible{outline:2px solid var(--c4);outline-offset:3px}.ref__tag:focus-visible{outline:2px solid var(--c4);outline-offset:3px}.ref__chip:focus-visible{outline:2px solid var(--c4);outline-offset:3px}.ref__zoom{z-index:2;opacity:0;width:2.5rem;height:2.5rem;transition:opacity .3s ease, transform .4s var(--ease);background:#06080cb3;border:1px solid #00d6ff66;border-radius:50%;place-items:center;display:grid;position:absolute;top:.8rem;right:.8rem;transform:scale(.85)}.ref__zoom svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--c4);stroke-width:1.8px;stroke-linecap:round}.ref__bg{filter:blur(14px)brightness(.45)saturate(1.2);opacity:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.12)}.ref__cube{z-index:1;width:100%;height:100%;transition:width .8s cubic-bezier(.65,0,.35,1),height .8s cubic-bezier(.65,0,.35,1),border-radius .8s,box-shadow .5s;display:block;position:relative;overflow:hidden}.ref__img--mobil{object-position:top;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}.ref__shot:-webkit-any(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__bg{opacity:1}.ref__shot:is(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__bg{opacity:1}.ref__shot:-webkit-any(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__cube{width:26%;height:90%;box-shadow:var(--phone-frame);border-radius:14px}.ref__shot:is(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__cube{width:26%;height:90%;box-shadow:var(--phone-frame);border-radius:14px}.ref__shot:-webkit-any(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__img--mobil{opacity:1;transition:opacity .35s .45s}.ref__shot:is(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__img--mobil{opacity:1;transition:opacity .35s .45s}.ref__shot:-webkit-any(.is-hover,:focus-visible:not(.is-quiet),.is-held) .ref__zoom{opacity:1;transform:none}.ref__shot:is(.is-hover,:focus-visible:not(.is-quiet),.is-held) .ref__zoom{opacity:1;transform:none}.ref__list[data-auto] .ref__shot.is-auto .ref__cube{transition-duration:1s}@property --orbit{syntax:"<angle>";inherits:false;initial-value:0deg}.ref__item:before{content:"";z-index:3;border-radius:inherit;background:conic-gradient(from var(--orbit), #00d6ff00 0deg, #00d6ff00 225deg, #2f7dd740 275deg, #1f9be473 312deg, #10b8f299 338deg, #00d6ffbf 354deg, #00d6ff00 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .5s;animation:4s linear infinite paused ref-orbit;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ref__item:has(.ref__shot.is-hover,.ref__shot:focus-visible:not(.is-quiet),.ref__shot.is-auto,.ref__shot.is-held){border-color:#00d6ff1f}.ref__item:has(.ref__shot.is-hover,.ref__shot:focus-visible:not(.is-quiet),.ref__shot.is-auto,.ref__shot.is-held):before{opacity:1;animation-play-state:running}html.lb-open .ref__item:has(.ref__shot.is-held):before{animation-play-state:paused}@keyframes ref-orbit{to{--orbit:360deg}}.ref__body{padding:1.2rem 1.3rem 1.4rem}.ref__meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.ref__name{color:var(--head);margin:0;font:600 1.25rem/1.3 Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.ref__year{color:var(--muted);letter-spacing:.08em;flex:none;font:500 .85rem Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.ref__link{color:var(--c3);align-items:center;gap:.35em;margin-top:.25rem;font-size:.92rem;text-decoration:none;transition:color .25s;display:inline-flex}.ref__link:hover{color:var(--c4)}.ref__ext{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;transition:transform .3s var(--ease)}.ref__link:hover .ref__ext,.lb__link:hover .ref__ext{transform:translate(2px,-2px)}.ref__desc{margin:.8rem 0 0;font-size:.97rem;line-height:1.7}.ref__tags{flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.ref__tag{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#a9aeb50d;border-radius:999px;padding:.2rem .65rem;font-size:.78rem;transition:border-color .25s,color .25s}.ref__tag:hover{color:var(--head);border-color:#00d6ff59}.ref__tag.is-on{color:var(--c4);border-color:#00d6ff80}.lb{width:100vw;max-width:none;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;background:#040609f0;border:0;margin:0;padding:0}.lb::backdrop{background:0 0}.lb[open]{animation:.5s both lb-bg-in;display:grid}.lb[open] .lb__frame{animation:.75s ease-out both lb-on}.lb[open] :-webkit-any(.lb__caption,.lb__btn,.lb__switch){animation:.45s .25s both lb-fade-in}.lb[open] :is(.lb__caption,.lb__btn,.lb__switch){animation:.45s .25s both lb-fade-in}.lb.is-closing{animation:.45s forwards lb-bg-out}.lb.is-closing .lb__frame{animation:.42s cubic-bezier(.4,0,.6,1) forwards lb-off}.lb.is-closing :-webkit-any(.lb__caption,.lb__btn,.lb__switch){animation:.22s forwards lb-fade-out}.lb.is-closing :is(.lb__caption,.lb__btn,.lb__switch){animation:.22s forwards lb-fade-out}@keyframes lb-bg-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#04060900}}@keyframes lb-bg-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#04060900}}@keyframes lb-on{0%{opacity:0;filter:brightness(.2)blur(6px);transform:scale(.96)}60%{opacity:1;filter:brightness(1.1)blur()}to{opacity:1;filter:none;transform:none}}@keyframes lb-off{to{opacity:0;filter:brightness(.2)blur(4px);transform:scale(.97)}}@keyframes lb-fade-in{0%{opacity:0}}@keyframes lb-fade-out{to{opacity:0}}.lb__figure{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:0;margin:0;padding:4rem 5rem 2rem;display:flex}.lb__frame{border-radius:10px;max-width:min(100%,1440px);overflow:hidden;box-shadow:0 0 0 1px #a9aeb526,0 30px 80px -20px #000000e6,0 0 120px -40px #10b8f259}.lb__img{aspect-ratio:16/10;object-fit:contain;background:#0d121a;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 9rem);display:block}.lb__img.is-from-right{animation:lb-right .4s var(--ease)}.lb__img.is-from-left{animation:lb-left .4s var(--ease)}@keyframes lb-right{0%{opacity:.3;transform:translate(24px)}}@keyframes lb-left{0%{opacity:.3;transform:translate(-24px)}}.lb__caption{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem 1.1rem;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.lb__name{color:var(--head);font-weight:600}.lb__year,.lb__count{color:var(--muted);font-size:.85rem}.lb__link{color:var(--c3);align-items:center;gap:.35em;font-size:.9rem;text-decoration:none;display:inline-flex}.lb__link:hover{color:var(--c4)}.lb__link:focus-visible{outline:2px solid var(--c4);outline-offset:3px}.lb__btn{width:3rem;height:3rem;color:var(--grey);cursor:pointer;background:#131b28bf;border:1px solid #a9aeb538;border-radius:50%;place-items:center;padding:0;transition:border-color .25s,color .25s,box-shadow .25s;display:grid;position:fixed}.lb__btn:hover{color:var(--c4);border-color:#00d6ff8c;outline:none;box-shadow:0 0 16px #00d6ff33}.lb__btn:focus-visible{color:var(--c4);border-color:#00d6ff8c;outline:none;box-shadow:0 0 16px #00d6ff33}.lb__btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.lb__btn--prev{top:50%;left:1.2rem;translate:0 -50%}.lb__btn--next{top:50%;right:1.2rem;translate:0 -50%}.lb__btn--close{top:1rem;right:1.2rem}.lb[data-single] .lb__btn--prev,.lb[data-single] .lb__btn--next,.lb[data-single] .lb__count{display:none}.lb__switch{z-index:1;background:#131b28cc;border:1px solid #a9aeb538;border-radius:999px;gap:2px;padding:3px;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:1rem;left:50%;translate:-50%}.lb__switch button{color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45em;padding:.5rem 1rem;font-size:.85rem;transition:color .25s,background .25s,box-shadow .25s;display:inline-flex}.lb__switch button:hover{color:var(--head)}.lb__switch button[aria-pressed=true]{color:var(--c4);background:#00d6ff1f;box-shadow:inset 0 0 0 1px #00d6ff73}.lb__switch button:focus-visible{outline:2px solid var(--c4);outline-offset:2px}.lb__switch svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.lb[data-view=mobil] .lb__frame{border-radius:26px;box-shadow:0 0 0 5px #0b0f16,0 0 0 6px #a9aeb54d,0 30px 80px -20px #000000e6,0 0 120px -40px #10b8f273}.lb[data-view=mobil] .lb__img{aspect-ratio:390/844;object-fit:cover;object-position:top;width:auto;height:min(1688px,100dvh - 10rem);max-height:none}@media (max-width:700px){.lb__figure{padding:4rem 10px 5.5rem}.lb__btn--prev,.lb__btn--next{top:auto;bottom:1.2rem;translate:none}.lb__btn--prev{left:calc(50% - 3.6rem)}.lb__btn--next{right:calc(50% - 3.6rem)}.lb[data-view=mobil] .lb__img{height:calc(100dvh - 14.5rem)}.lb__switch{left:1rem;translate:none}}@media (prefers-reduced-motion:reduce){.ref__item,.lb__img.is-from-left,.lb__img.is-from-right{animation:none}.lb[open] .lb__frame{animation:.25s both lb-fade-in}.lb.is-closing .lb__frame{animation:.2s forwards lb-fade-out}.ref__ext,.ref__zoom{transition:none}.ref__shot:-webkit-any(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__cube{width:100%;height:100%;box-shadow:none;border-radius:0}.ref__shot:is(.is-hover,:focus-visible:not(.is-quiet),.is-auto,.is-held) .ref__cube{width:100%;height:100%;box-shadow:none;border-radius:0}.ref__img--mobil,.ref__bg{display:none}.ref__item:before{background:linear-gradient(135deg,#2f7dd7,#10b8f2,#00d6ff);animation:none}}@media (hover:none){.ref__zoom,.ref__list:not([data-auto]) .ref__img--mobil,.ref__list:not([data-auto]) .ref__bg,.ref__list:not([data-auto]) .ref__item:before{display:none}}
