.glass-effect{isolation:isolate;interpolate-size:allow-keywords;-webkit-backdrop-filter:var(--glass-id);backdrop-filter:var(--glass-id);position:relative;box-shadow:0 2px 8px #c8c8c80d,0 4px 12px #c8c8c80d,0 8px 28px #c8c8c80d,inset 0 2px 8px #c8c8c80d,inset 0 4px 12px #c8c8c80d,inset 0 8px 28px #c8c8c80d}.glass-effect.light{box-shadow:0 2px 8px #11111a0d,0 4px 12px #11111a0d,0 8px 28px #11111a0d,inset 0 2px 8px #11111a0d,inset 0 4px 12px #11111a0d,inset 0 8px 28px #11111a0d}.glass-effect.increase-clarity{background-color:#4f4f4f4d}.glass-effect.increase-clarity.light{background-color:#ffffff4d}.glass-effect.extra-shadow,.glass-effect.light.extra-shadow{box-shadow:0 0 2px 1px color-mix(in oklch, canvasText, #0000 85%) inset, 0 0 10px 4px color-mix(in oklch, canvasText, #0000 90%) inset, 0px 4px 16px #11111a0d, 0px 8px 24px #11111a0d, 0px 16px 56px #11111a0d, 0px 4px 16px #11111a0d inset, 0px 8px 24px #11111a0d inset, 0px 16px 56px #11111a0d inset}.glass-effect:focus{outline:none}.effect-svg{display:none}.glass-effect .effect-svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.blurred-effect{interpolate-size:allow-keywords;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff4d;box-shadow:0 2px 8px #11111a0d,0 4px 12px #11111a0d,0 8px 28px #11111a0d,inset 0 2px 8px #11111a0d,inset 0 4px 12px #11111a0d,inset 0 8px 28px #11111a0d}.blurred-effect.dark{background-color:#0006}.light .hover-on-glass,.light .selected-on-glass{border:1px solid #0000;transition:none}.light .hover-on-glass:hover,.light .selected-on-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e699;box-shadow:-1px -1px 2px #fff}.dark .hover-on-glass:hover,.dark .selected-on-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#37373799;box-shadow:-1px -1px 2px #fff4}.light .on-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);background:#ffffffb3;box-shadow:0 2px 8px #11111a05,0 4px 12px #11111a05,0 8px 14px #11111a05}.dark .on-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);background:#0009;box-shadow:0 2px 8px #11111a05,0 4px 12px #11111a05,0 8px 14px #11111a05}.animate-on-appear{width:auto;height:auto;animation:.3s glass-appear var(--bounce-function)}@keyframes glass-appear{0%{transform:scale(0)}to{transform:scale(1)}}.glass-nav-wrapper:not(.placeholder){z-index:1;place-content:center;display:flex;position:fixed;left:0;right:0}nav{transition:.6s all var(--bounce-function);grid-template-columns:1fr max-content 1fr;align-items:center;padding:1em;display:grid}nav.dark{color:#fff}nav.light{color:#000}.glass-nav-wrapper:not(.placeholder) nav.floating{box-sizing:border-box;border-radius:calc(var(--border-radius) * 1);width:min(100% - 4em,70rem);margin-top:1em}.glass-nav-wrapper:not(.placeholder) nav{width:100%}.glass-nav-wrapper.placeholder nav{opacity:0}nav *{transition:.6s all var(--bounce-function)}@media (width<=50em){nav{place-content:space-between;display:flex}}.theme-switcher{border-radius:calc(var(--border-radius) + 999px);place-self:center end;align-items:center;gap:.4rem;padding:.25rem;display:inline-flex}.theme-switcher-button{appearance:none;color:inherit;cursor:pointer;opacity:.72;background:0 0;border:0;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:transform .2s,background-color .2s,opacity .2s;display:grid}.theme-switcher-button:hover,.theme-switcher-button.active{opacity:1}.theme-switcher-button svg{width:1.1rem;height:1.1rem;fill:var(--primary-foreground);display:block}.header>img{object-fit:cover;object-position:50% 100%;width:100%;height:20rem}.header{isolation:isolate;border-radius:var(--border-radius);place-items:end start;font-family:NType82,system-ui;display:grid;position:relative;overflow:hidden}.header>*{grid-area:1/1}.header:after{content:"";background:linear-gradient(#0000,#00000080);grid-area:1/1;height:10rem;position:absolute;bottom:0;left:0;right:0}.header:before{content:"";background:radial-gradient(circle at 40%,#0000,#0000004d);grid-area:1/1;position:absolute;inset:0}.header h1{color:#fff;z-index:1;margin:0;padding:1rem;font-size:2.5rem;font-weight:400}.header-container .epic-mode-player{--height:15rem;height:var(--height);border-radius:var(--border-radius);display:grid;overflow:hidden}.header-container .epic-mode-player>*{grid-area:1/1}.header-container .epic-mode-player>video{width:100%;height:var(--height);object-fit:cover;object-position:50% 50%}.epic-mode-player-controls{place-self:end stretch;gap:1rem;padding:1rem;display:flex}.epic-mode-player-controls>:first-child{color:#fff;flex:1}.epic-mode-player-controls .playback-button{background-color:var(--primary);border-radius:10px;justify-content:center;place-self:end center;place-items:center;padding:.6rem 1.4rem;transition:all .3s;display:flex}.epic-mode-player-controls .playback-button.paused{border-radius:200px}.epic-mode-player-controls .playback-button svg{width:1.7rem;height:1.7rem;fill:var(--primary-foreground)}.music-progress{isolation:isolate;--progress:0%;margin-top:.5rem;position:relative}.music-progress input[type=range]{appearance:none;cursor:pointer;background:0 0;border-radius:100vh;outline:none;width:100%;height:.3em;margin:.7em 0;position:relative}.music-progress:after{content:"";top:50%;left:var(--progress);width:calc(100% - var(--progress));z-index:-1;background-color:#ccc;height:3px;position:absolute;transform:translateY(-60%)}.music-progress input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#fff;border:none;border-radius:50vh;width:.5em;height:1.8em}.music-progress input[type=range]::-moz-range-thumb{background-color:#fff;border:none;border-radius:50vh;width:.5em;height:1.8em}.music-progress>div{width:var(--progress);pointer-events:none;height:15px;display:block;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.music-progress>div:before{content:"";--mask:radial-gradient(6.88px at 50% 9.6px,#000 99%,#0000 101%) calc(50% - 8px) 0/16px 51% repeat-x, radial-gradient(6.88px at 50% -5.6px,#0000 99%,#000 101%) 50% 4px/16px calc(51% - 4px) repeat-x, radial-gradient(6.88px at 50% calc(100% - 9.6px),#000 99%,#0000 101%) 50% 100%/16px 51% repeat-x, radial-gradient(6.88px at 50% calc(100% + 5.6px),#0000 99%,#000 101%) calc(50% - 8px) calc(100% - 4px)/16px calc(51% - 4px) repeat-x;width:100vmax;height:13px;-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background-color:#fff;animation:90s linear infinite sqiggle;display:block}@keyframes sqiggle{0%{transform:translate(0)}to{transform:translate(-80vmax)}}.header-intro{grid-template-areas:"description socials";gap:1rem;margin-block:1em;display:grid}@media (width<=35em){.header-intro{grid-template-areas:"description""socials";gap:0}.header-socials{margin-top:.75rem}}.header-intro>p{grid-area:description;margin:0}.header-socials{flex-shrink:0;grid-area:socials;place-self:start end;gap:.25rem;display:flex}.header-socials a{color:inherit;opacity:.6;border-radius:50vh;place-items:center;padding:.4rem;transition:opacity .2s,background-color .2s;display:flex}.header-socials a:hover,.header-socials a:focus-visible{opacity:1}.header-socials img{object-fit:contain;width:1.25rem;height:1.25rem;display:block}.info-card{border:2px solid var(--accent);border-radius:var(--border-radius);cursor:pointer;color:inherit;grid-template-columns:auto max-content;gap:1rem;padding:1rem 1.4rem;text-decoration:none;transition:all .5s;display:grid}.info-card.has-image{grid-template-columns:max-content auto max-content}.info-card:hover{background-color:color-mix(in srgb, var(--accent) 50%, transparent)}.info-card .info-card-image{object-fit:cover;border-radius:calc(var(--border-radius) * .7);max-width:30vw;height:8rem}.info-card .card-title{place-content:space-between;gap:1em;display:flex}.info-card .card-title>span{font-size:.9rem}.info-card h3{margin:0;font-family:NType82,system-ui}.info-card p{margin:.5rem 0 0;font-size:.9rem}.info-card .icon-wrapper{place-content:center;place-self:center;place-items:center;width:2.5rem;height:2.5rem;display:grid}.info-card .icon-wrapper>*{grid-area:1/1}.info-card .icon-wrapper>img,.info-card .icon-wrapper>svg{object-fit:contain;width:2.5rem;height:2.5rem}.info-card .icon-wrapper>svg{fill:var(--primary-foreground)}.info-card:hover .icon-wrapper.switch-on-hover>*{transition:.5s all var(--bounce-function)}.info-card:hover .icon-wrapper.switch-on-hover>svg,.info-card .icon-wrapper.switch-on-hover>img{opacity:1;translate:0}.info-card .icon-wrapper.switch-on-hover>svg,.info-card:hover .icon-wrapper.switch-on-hover>img{opacity:0;translate:-1rem}.section h2{margin-bottom:.5rem;font-family:NType82,system-ui;font-size:1.4rem}.section-list{flex-direction:column;gap:.5rem;display:flex}.file-card{border:2px solid var(--accent);border-radius:var(--border-radius);cursor:pointer;color:inherit;grid-template-columns:max-content auto max-content;gap:1rem;padding:1rem;text-decoration:none;transition:all .5s;display:grid}.file-card:hover{background-color:color-mix(in srgb, var(--accent) 50%, transparent)}.file-card>svg{aspect-ratio:1;width:1.8rem;fill:var(--primary-foreground);place-self:center}.file-card>.file-card-text>h3{margin:0}.gallery{--photo-height:7rem}.gallery-photo-preview-grid{border-radius:var(--border-radius);height:calc(calc(var(--photo-height) * 2) + .2rem);flex-wrap:wrap;gap:.2rem;display:flex;position:relative;overflow:hidden}.gallery-photo-preview-grid>img{height:var(--photo-height);object-fit:cover;cursor:pointer;flex:1}.gallery-view-all{color:#fff;background-color:#0000004d;justify-content:center;align-items:center;font-family:inherit;display:flex;position:absolute}.gallery-view-all>div{text-align:center;line-height:1}.gallery-view-all svg{fill:#fff;width:2rem;height:2rem}.gallery-popup{--open-speed:.6s;z-index:10;-webkit-backdrop-filter:blur(3px);transition:var(--open-speed) opacity;background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gallery-popup:not(.open){opacity:0;pointer-events:none}.gallery-popup-panel{aspect-ratio:4/3;border-radius:var(--border-radius);background-color:var(--primary);width:min(90vw,70rem,120vh);display:grid;overflow:hidden}.gallery-popup-panel>*{grid-area:1/1}.full-gallery-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary-foreground) var(--primary);flex-wrap:wrap;gap:.2rem;height:100%;display:flex;overflow:auto}.full-gallery-grid>img{height:calc(var(--photo-height) * 1.5);object-fit:cover;cursor:pointer;flex:1}.full-gallery-grid>div{flex:1000}.gallery-popup-panel .photo-wrapper{background-color:var(--primary);transition:var(--open-speed) opacity;contain:size;width:100%;height:100%}.gallery-popup-panel .photo-wrapper:not(.open){opacity:0;pointer-events:none}.gallery-popup-panel .photo-wrapper>img{object-fit:contain;width:100%;height:100%}.gallery-controls{pointer-events:none;position:relative}.gallery-popup.open .gallery-controls>*{pointer-events:all}.gallery-controls .button-group{border-radius:100vmax;display:flex;position:absolute;box-shadow:-1px -1px 2px #fff}.dark .gallery-controls .button-group{box-shadow:-1px -1px 2px #fff4}.gallery-controls .button-group>button{border-radius:100vmax;padding:.5rem;display:flex}.gallery-controls>.close{top:.5rem;right:1rem}.gallery-controls>.back{transition:opacity 1s;top:.5rem;left:.5rem}.gallery-popup-panel:not(.image-open) .gallery-controls>.back,.gallery-popup-panel:not(.image-open) .gallery-controls>.next-prev-image{opacity:0;pointer-events:none}.gallery-controls>.next-prev-image{bottom:.5rem;left:.5rem}.gallery-controls svg{fill:var(--high-contrast-foreground);width:1.5rem;height:1.5rem}@media (width<=50rem){.gallery-popup{-webkit-backdrop-filter:blur(1px);background-color:#0000001a;padding:4rem 0 0}.gallery-popup-panel{width:100%;aspect-ratio:unset;border-radius:var(--border-radius) var(--border-radius) 0 0;height:100%}.gallery-controls>.close{right:.5rem}}.noisy-gradient{z-index:-1;pointer-events:none;opacity:0;width:100%;transition:opacity .25s;position:absolute;top:0;left:0;overflow:hidden}.noisy-gradient.is-ready{opacity:1}.noisy-gradient canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.noisy-gradient canvas[data-theme=light]{opacity:1}body.dark .noisy-gradient canvas[data-theme=light]{opacity:0}body.dark .noisy-gradient canvas[data-theme=dark]{opacity:1}main{max-width:var(--page-max-width);min-height:120vh;margin:3rem auto;padding:1rem}.navigation-bar{font-family:NType82,system-ui}.navigation-bar-inner.floating{padding:.5em 2em}.navigation-bar h2{font-size:1.2rem;font-weight:500}.navigation-links{display:flex}.navigation-links a{border-radius:var(--border-radius);color:inherit;padding:.8em 1.5em}@media (width<=700px){.navigation-links{display:none}}@font-face{font-family:NType82;src:url(./font-CzAAemUD.ttf),local(Arial),local("system-ui");font-style:normal}@property --primary{syntax:"<color>";inherits:true;initial-value:#f9f5ef}body{--primary:#f9f5ef;--primary-foreground:#3a3a3a;--high-contrast:white;--high-contrast-foreground:black;--accent:#dfd3c4}body.dark{--primary:#171a20;--primary-foreground:#ece5da;--high-contrast:black;--high-contrast-foreground:white;--accent:#555}body{background-color:var(--primary);color:var(--primary-foreground);-webkit-tap-highlight-color:transparent;--bounce-function:cubic-bezier(.175, .885, .32, 1.275);--border-radius:25px;--page-max-width:700px;margin:0;font-family:Open Sans,sans-serif}body.epic-mode{animation:2s infinite pulsePrimary}@keyframes pulsePrimary{0%{--primary:red}10%{--primary:#ff9100}20%{--primary:#ffe600}30%{--primary:#a6ff00}40%{--primary:#00ff80}50%{--primary:#0ff}60%{--primary:#006eff}70%{--primary:#70f}80%{--primary:#ea00ff}90%{--primary:#ff0095}to{--primary:red}}*{scroll-behavior:smooth;scroll-padding-top:8rem}h1,h2,h3{font-family:NType82,system-ui}button{all:unset;cursor:pointer}::view-transition-old(root){animation-duration:.65s;animation-timing-function:var(--bounce-function)}::view-transition-new(root){animation-duration:.65s;animation-timing-function:var(--bounce-function)}::view-transition-new(root){animation-name:theme-circle-in}@keyframes theme-circle-in{0%{clip-path:circle(0 at var(--theme-transition-x) var(--theme-transition-y))}to{clip-path:circle(var(--theme-transition-radius) at var(--theme-transition-x) var(--theme-transition-y))}}