:root{--color-primary: #3BFFC5;--color-primary-hover: #34e6c0;--color-background: #000000;--color-background-alt: #151515;--color-surface: #1D1D1D;--color-text: #ffffff;--color-text-secondary: #828282;--color-text-inverse: #000000;--color-log-card: #0C0C0C;--font-primary: "Inter", sans-serif;--font-secondary: "Handjet", serif;--text-3xs: clamp(.6rem, 1vw, .7rem);--text-2xs: clamp(.7rem, 1.5vw, .8rem);--text-xs: clamp(.8rem, 2vw, .9rem);--text-sm: clamp(.9rem, 2.5vw, 1.1rem);--text-base: clamp(1.1rem, 3vw, 1.5rem);--text-lg: clamp(1.2rem, 4vw, 2rem);--text-xl: clamp(1.25rem, 4vw, 2rem);--text-2xl: clamp(1.5rem, 5vw, 3rem);--text-3xl: clamp(2rem, 12vw, 3.5rem);--text-4xl: clamp(2.5rem, 15vw, 4rem);--text-5xl: clamp(2.5rem, 8vw, 6rem);--space-mobile-top-safe: 200px;--space-desktop-top-safe: 150px;--space-xxs: clamp(5px, 1.5vw, 10px);--space-xs: clamp(10px, 2.5vw, 15px);--space-sm: clamp(15px, 3vw, 20px);--space-md: clamp(20px, 4vw, 30px);--space-lg: clamp(30px, 5vw, 50px);--space-xl: clamp(50px, 8vw, 75px);--space-2xl: clamp(75px, 10vw, 100px);--space-3xl: clamp(100px, 15vw, 160px);--radius-sm: clamp(15px, 4vw, 18px);--radius-md: clamp(18px, 5vw, 20px);--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1500px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--z-background: -1;--z-base: 0;--z-content: 1;--z-elevated: 2;--z-overlay: 10;--z-modal: 100}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}body{background-color:var(--color-background);margin:0;padding:0;font-family:var(--font-primary);color:var(--color-text);line-height:1.3}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}ul,ol{list-style:none;padding:0}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--color-primary);color:#000}::-moz-selection{background:var(--color-primary);color:#000}h1,h2{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:900;line-height:1;color:var(--color-text);margin-bottom:var(--space-lg)}h3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:900;color:var(--color-text);margin-bottom:var(--space-md)}h4{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:900;color:var(--color-text-inverse);margin-bottom:var(--space-sm)}h5{font-family:var(--font-secondary);font-size:var(--text-base);font-weight:600;text-transform:lowercase;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}h6{font-family:var(--font-secondary);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}h1 strong,h2 strong{text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:var(--space-sm)}h3 strong,h4 strong{text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:var(--space-xxs)}p{font-weight:400;color:var(--color-text);line-height:1.3;font-size:var(--text-sm);margin-bottom:var(--space-md);text-align:left}@media (max-width: 768px){h1,h2{line-height:1.1;font-size:var(--text-3xl)}h3,h4,h5,h6{line-height:1.2}p{line-height:1.4}}#view{height:100%;font-family:var(--font-primary)}#wrapper{width:85%;margin:0 auto;z-index:var(--z-content)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:800px}.container--wide{max-width:1400px}.flex{display:flex}.flex--column{flex-direction:column}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between}.flex--wrap{flex-wrap:wrap}.grid{display:grid}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}@media (max-width: 768px){#wrapper{width:90%}.container{padding:0 var(--space-sm)}}@media (max-width: 480px){#wrapper{width:95%}}section{width:100%;margin:0;padding:0;box-sizing:border-box;background-size:cover;background-position:center;position:relative}section article{position:relative;z-index:var(--z-content);display:flex;width:clamp(600px,50%,900px);flex-direction:column;justify-content:center;align-items:flex-start}section.right article{margin-left:auto}section article p{max-width:clamp(500px,90%,750px)}.section--full-height{min-height:100vh;height:100vh;display:flex;align-items:center}.section--with-background{position:relative;overflow:hidden}.section--with-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-background)}.section--padded{padding:var(--space-3xl) 0}@media (max-width: 768px){section{padding:0 var(--space-sm)}section article{width:90%;margin:0 auto}section.right article{margin:0 auto}section article p{max-width:100%;text-align:left}.section--full-height{height:auto;min-height:100vh;padding:var(--space-lg) 0}}@media (max-width: 480px){section article{width:100%;padding:0}}.video-background{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:var(--z-background);min-width:100%;min-height:100%}canvas.pixel-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-content);pointer-events:none}.btn-main{display:inline-block;font-family:var(--font-secondary);font-weight:600;text-transform:uppercase;text-align:center;text-decoration:none;border:2px solid;border-radius:clamp(24px,6vw,28px);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);min-width:clamp(180px,45vw,250px);height:clamp(48px,12vw,55px);line-height:clamp(44px,10vw,51px);font-size:var(--text-base)}.btn-main.primary-dark{background-color:#3bffc50d;border-color:var(--color-primary);color:var(--color-text)}.btn-main.primary-dark:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.btn-main.primary-light{background-color:#3bffc526;border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-main.primary-light:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text)}.btn-main.secondary-dark{background-color:#ffffff0d;border-color:#ffffff1a;color:var(--color-text)}.btn-main.secondary-dark:hover{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.btn-main.secondary-light{background-color:#0000000d;border-color:#0000001a;color:var(--color-text-inverse)}.btn-main.secondary-light:hover{background-color:#555;border-color:#555;color:var(--color-text)}.btn-arrow{width:clamp(60px,15vw,75px);height:clamp(60px,15vw,75px);border:2px solid rgba(255,255,255,.15);border-radius:50%;background-color:#ffffff14;margin:var(--space-sm) auto 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 4px #0006,0 4px 8px #0003}.btn-arrow:hover{background-color:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 3px 6px #00000080,0 6px 12px #0000004d}.btn-arrow img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.buttons-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0;margin:0}@media (max-width: 768px){.btn-main{min-width:160px;padding:0 1rem;width:100%;max-width:100%}.btn-arrow{margin:var(--space-xs) auto 0 auto}.buttons-container{justify-content:center;width:100%}}@media (max-width: 480px){.btn-main{width:100%;line-height:32px;height:36px}.buttons-container{flex-direction:column;align-items:center;gap:var(--space-xs)}}.social-icons{list-style:none;display:flex;gap:var(--space-sm)}.social-icons img{width:30px;height:30px;filter:var(--filter-icon);transition:filter var(--transition-base)}.social-icons img:hover{filter:var(--filter-icon-hover)}#top-nav .bar-box{position:fixed;top:40px;left:50%;transform:translate(-50%);padding:0 50px;z-index:var(--z-overlay)}#top-nav .bar-box ul{display:flex;align-items:center;justify-content:space-between;gap:50px;height:60px;padding:0 35px;margin:0;list-style:none;border:2px solid rgba(255,255,255,.15);border-radius:30px;background-color:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 2px 4px #0006,0 4px 8px #0003}#top-nav .bar-box li a{font-family:var(--font-secondary);font-size:1.5em;font-weight:500;text-transform:lowercase;text-decoration:none;color:var(--color-text);transition:color var(--transition-base)}#top-nav .bar-box li a:hover{color:var(--color-primary)}#top-nav .main-logo{position:fixed;top:40px;left:55px;z-index:var(--z-overlay);transition:all var(--transition-smooth);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) drop-shadow(0 4px 8px rgba(0,0,0,.2))}#top-nav .main-logo img{width:95px;height:95px;image-rendering:pixelated;transition:width var(--transition-base),height var(--transition-base)}#top-nav .main-logo img:hover{animation:rotate .8s steps(4) infinite}#top-nav .main-logo p{margin-top:9px;text-align:center;text-transform:uppercase;font-family:var(--font-secondary);font-size:2em;font-weight:900;transition:opacity var(--transition-base);text-shadow:0 2px 4px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2)}#top-nav .main-logo.scrolled img{width:60px;height:60px}#top-nav .main-logo.scrolled p,#top-nav .main-logo.menu-open p,body.mobile-menu-open .main-logo p{opacity:0;pointer-events:none}#mobile-nav{display:none;position:fixed;top:0;left:50%;transform:translate(-50%);width:90%;min-height:60px;z-index:var(--z-overlay);border:2px solid rgba(255,255,255,.15);border-top:0;border-radius:0 0 15px 15px;background-color:#ffffff14;backdrop-filter:blur(30px);box-shadow:0 2px 4px #0006,0 4px 8px #0003;-webkit-backdrop-filter:blur(30px)}#mobile-nav .main-logo{position:absolute;bottom:-130px;left:50%;transform:translate(-50%);z-index:var(--z-overlay);transition:all var(--transition-smooth)}#mobile-nav .main-logo img{width:95px;height:95px;image-rendering:pixelated;transition:width var(--transition-base),height var(--transition-base)}#mobile-nav .main-logo img:hover{animation:rotate .8s steps(4) infinite}#mobile-nav .main-logo p{margin-top:9px;text-align:center;text-transform:uppercase;font-family:var(--font-secondary);font-size:2em;font-weight:900;transition:opacity var(--transition-base)}#mobile-nav .main-logo.scrolled p{opacity:0;pointer-events:none}#mobile-nav #menu-button{position:absolute;top:20px;right:30px;width:20px;height:16px;border:none;background:none;padding:0;cursor:pointer;z-index:var(--z-overlay)}#mobile-nav #menu-button img{width:100%;height:100%;object-fit:contain;transition:filter var(--transition-base)}#mobile-nav #menu-button:hover img{filter:invert(100%)}#mobile-nav .mobile-menu{width:100%;padding:0;margin:0;list-style:none;display:flex;flex-direction:column;align-items:center;gap:10px;background-color:transparent;border-top:1px solid rgba(255,255,255,.05);border-radius:0 0 15px 15px;max-height:0;opacity:0;overflow:hidden;transition:all var(--transition-smooth)}#mobile-nav .mobile-menu li a{font-family:var(--font-secondary);font-size:1.5em;font-weight:500;text-transform:lowercase;text-decoration:none;color:var(--color-text);transition:color var(--transition-base)}#mobile-nav .mobile-menu li a:hover{color:var(--color-primary)}#mobile-nav.menu-open .mobile-menu{max-height:300px;opacity:1;padding:20px 0 70px}#mobile-nav.menu-open .mobile-menu .main-logo p{opacity:0;pointer-events:none}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width: 768px){#top-nav{display:none}#mobile-nav{display:block}}.cta-banner{position:relative;width:100%;overflow:hidden}.cta-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;z-index:var(--z-background)}.cta-banner article{position:relative;z-index:var(--z-content);padding:var(--space-md) 0;background-color:#fff;width:fit-content;display:grid;grid-template-columns:auto auto;gap:clamp(50px,15vw,150px);align-items:center}.cta-banner article p{color:var(--color-text-inverse)}.text-container{display:flex;flex-direction:column;max-width:clamp(400px,80vw,600px)}.cta-banner ul{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-sm);flex-wrap:wrap}.cta-banner article.right{margin-left:auto;padding-left:var(--space-lg)}.cta-banner article.left{margin-right:auto;padding-right:var(--space-lg)}.cta-banner article.right:before{content:"";position:absolute;top:0;right:-25vw;width:25vw;height:100%;background-color:#fff;z-index:var(--z-background)}.cta-banner article.left:before{content:"";position:absolute;top:0;left:-25vw;width:25vw;height:100%;background-color:#fff;z-index:var(--z-background)}@media (max-width: 1500px){.cta-banner{background-color:#fff}.cta-banner article{width:100%;padding:var(--space-md) 0;gap:var(--space-xs)}.cta-banner article.right,.cta-banner article.left{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.cta-banner ul{max-width:220px;justify-self:end}.cta-background{display:none}.cta-banner article.right:before,.cta-banner article.left:before{display:none}}@media (max-width: 768px){.cta-banner article{grid-template-columns:1fr;gap:0;width:90%;margin:0 auto!important}.text-container{max-width:100%}.cta-banner ul{width:100%;max-width:100%;justify-content:center;flex-direction:column;align-items:center;gap:var(--space-xs)}}#main-footer{min-height:75px;width:85%;margin:0 auto}#main-footer .footer-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-top:1px solid var(--color-border);gap:var(--space-md)}#main-footer .footer-socials{order:1;flex-shrink:0}#main-footer .copyrights{order:2;margin:0;font-size:var(--text-3xs);text-transform:uppercase;color:var(--color-text-secondary);text-align:left;flex-grow:1}.log-card{display:flex;flex-direction:column;background:var(--color-log-card);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;height:100%;min-height:450px;transition:transform .2s ease,box-shadow .2s ease;z-index:var(--z-content)}.log-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.log-card--empty{background:var(--color-background-alt);border:2px dashed var(--color-border, #333);cursor:default;min-height:450px}.log-card--empty:hover{transform:none;box-shadow:none}.log-card-image{width:100%;height:250px;object-fit:cover;display:block;border-radius:var(--radius-sm)}.log-card-content{padding:var(--space-md);display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.log-card-title{font-size:var(--text-lg);margin:0;color:var(--text-primary);line-height:1.3}.log-card-date{font-size:var(--text-sm);font-family:var(--font-secondary);color:var(--color-primary);margin:auto 0 0}.clickable-image{margin-bottom:var(--space-md)}.clickable-image .image-wrapper{position:relative;display:inline-block;width:100%}.clickable-image .image-wrapper img{width:100%;border-radius:var(--radius-sm);display:block}.clickable-image .image-wrapper img.clickable{transition:transform .3s ease,box-shadow .3s ease}.clickable-image .image-wrapper img.clickable:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026;cursor:pointer}.clickable-image .image-wrapper .hover-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:var(--color-background);color:#fff;text-decoration:underline var(--color-primary) 2px;text-underline-offset:5px;padding:8px 16px 13px;border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-secondary);font-weight:500;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.clickable-image .image-wrapper.clickable-wrapper:hover .hover-caption{opacity:1}.clickable-image .caption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs);font-style:italic}#home-page h2{margin-bottom:var(--space-lg)}#home-page section{min-height:100vh}#home-page .hook{position:relative}#home-page .hook h1,#home-page .hook p{text-shadow:0 4px 55px rgba(0,0,0,.65);max-width:min(1160px,90vw);text-align:center}#home-page .hook article{margin:0 clamp(5%,15vw,15%);padding:var(--space-desktop-top-safe) 0;min-height:100dvh;z-index:var(--z-content);display:flex;flex-direction:column;justify-content:center;align-items:center}#home-page .hook article p{text-shadow:0 2px 4px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.5);font-size:var(--text-base);max-width:min(630px,80vw);margin-bottom:var(--space-sm)}#home-page .content-section{position:relative;overflow:hidden}#home-page .content-section article{min-height:100vh;z-index:var(--z-content)}#home-page .content-section .buttons-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0;margin:0}#home-page .content-section .desktop-bg{display:block}#home-page .content-section .mobile-bg{display:none}#home-page .content-section .desktop-pixel-grid{display:block}#home-page .content-section .mobile-pixel-grid{display:none}@media (max-height: 800px){#home-page .hook article{min-height:auto;padding:var(--space-mobile-top-safe) 0!important}}@media (max-width: 1500px){#home-page section{height:auto;min-height:100vh;padding:0}#home-page .hook article{margin:0 5%;padding:0}#home-page .content-section article{width:70%;justify-content:start;margin-top:var(--space-xl)}#home-page .content-section.right article{margin:var(--space-xl) 0}#home-page .content-section p{max-width:100%;text-align:left}#home-page .content-section .desktop-bg{display:none}#home-page .content-section .mobile-bg{display:block}#home-page .content-section .desktop-pixel-grid{display:none}#home-page .content-section .mobile-pixel-grid{display:block}}@media (max-width: 768px){#home-page .hook article{margin:0;padding:0}#home-page .content-section article{width:100%}#home-page .content-section .buttons-container{flex-direction:column;align-items:center}#home-page .content-section .mobile-bg{top:auto;bottom:0;transform:translate(-50%);object-position:center bottom}}#about-page{overflow-x:hidden}#about-page .first-section{padding:0;position:relative;overflow:hidden}#about-page .first-section article{padding:var(--space-3xl) 0;min-height:100vh}#about-page section{position:relative;overflow-x:visible;padding:var(--space-3xl) 0}#about-page section .scroll-video-background{height:100%}#about-page .second-section{padding:var(--space-3xl) 0}#about-page .pixel-grid{z-index:var(--z-background)}#about-page img{height:100%;width:auto;position:absolute;bottom:0;right:calc(42.5% + 7vw);z-index:var(--z-content);object-fit:contain}#about-page section.left img{right:auto;left:calc(42.5% + 5vw)}body{overflow-x:visible}@media (max-width: 1500px){#about-page .first-section{padding:var(--space-mobile-top-safe) 0 0 0}#about-page .first-section article{padding:var(--space-lg) 0;min-height:auto}#about-page .first-section img{bottom:-15%;left:calc(50% + 10vw)}#about-page section{overflow-x:visible}#about-page section{padding:var(--space-sm) 0}#about-page section article{padding:5% 0;width:100%}#about-page section article h2{max-width:700px}#about-page img{height:100%;right:auto;bottom:-35%;left:calc(50% + 10vw)}#about-page section.left img{right:auto;top:-35%;left:calc(50% + 10vw)}}@media (max-width: 768px){#about-page .first-section{padding:var(--space-mobile-top-safe) 0 0 0}#about-page .first-section #wrapper{display:flex;flex-direction:column}#about-page .first-section article{padding:var(--space-lg) 0;min-height:auto;order:1}#about-page .first-section img{position:relative;width:90%;height:auto;left:0;margin:auto 0;display:block;order:2;align-self:center}#about-page section article{padding:0;width:100%}#about-page img,#about-page section.left img{position:relative;top:0;left:auto;right:auto;bottom:auto;width:90%;height:auto;margin:var(--space-lg) auto 0;display:block}}#contact-page{min-height:100vh;background-color:var(--color-background-alt);padding-top:var(--space-desktop-top-safe)}#contact-page #wrapper{z-index:var(--z-content)}#contact-page .pixel-grid{top:0;left:0;width:100%;height:100%;z-index:var(--z-base)}#contact-page .bio-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-lg);z-index:var(--z-content)}#contact-page .bio-container .profile-picture{flex-shrink:0;order:1}#contact-page .bio-container .profile-picture img{max-width:400px;height:auto;border-radius:10px}#contact-page .bio-container .bio-text{flex:0 1 auto;max-width:700px;order:2}#contact-page .bio-container .bio-text p{font-size:var(--text-lg);margin-bottom:var(--space-lg)}#contact-page .contact-form-container{position:relative;max-width:800px;margin:var(--space-xl) auto 0 auto;padding-bottom:var(--space-xl);text-align:center}#contact-page .contact-form-container p{max-width:640px;text-align:center;margin:0 auto;margin-bottom:var(--space-lg)}#contact-page .contact-form-container h3{margin-bottom:var(--space-lg);color:var(--color-text)}#contact-page .contact-form-container .contact-form{width:100%;min-height:600px;border:none;border-radius:var(--radius-sm);overflow:hidden}@media (max-width: 1024px){#contact-page .bio-container{flex-direction:column;justify-content:center;text-align:left;gap:var(--space-xl)}#contact-page .bio-container .profile-picture{order:1}#contact-page .bio-container .profile-picture img{max-width:250px}#contact-page .bio-container .bio-text{order:2;max-width:100%}}@media (max-width: 768px){#contact-page{padding-top:var(--space-mobile-top-safe)}}#logs-page{background-color:var(--color-background-alt)}#logs-page header{position:relative;width:100%;overflow:hidden}#logs-page header #wrapper{margin-top:var(--space-desktop-top-safe);position:relative;height:100%;z-index:var(--z-content);display:flex;justify-content:flex-end;align-items:center;padding:0 var(--space-lg)}#logs-page .pixel-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-base)}#logs-page .title-container{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:0}#logs-page .title-container h1,#logs-page .title-container h2,#logs-page .title-container p{text-align:center}#logs-page .title-container h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm)}.log-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg);min-height:fit-content;width:100%}.cta-banner{z-index:var(--z-content)}@media (max-width: 1200px){.log-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (max-width: 768px){#logs-page header #wrapper{margin-top:var(--space-mobile-top-safe)}#logs-page .log-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-lg) var(--space-md)}#logs-page .log-grid .log-card{min-height:300px}}#log-article header{position:relative;width:100%;overflow:hidden;padding-top:var(--space-desktop-top-safe);background-color:var(--color-background-alt)}#log-article header .pixel-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-base)}#log-article header #wrapper{position:relative;height:100%;z-index:var(--z-content);display:flex;align-items:center;padding:0}#log-article header .title-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}#log-article header .title-container h1,#log-article header .title-container h2,#log-article header .title-container p{text-align:left;text-shadow:0 4px 20px rgba(0,0,0,.8)}#log-article header .title-container h1{font-size:var(--text-4xl);line-height:1.1;margin-bottom:var(--space-lg)}#log-article header .title-container h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-sm)}#log-article header .title-container .date{font-size:var(--text-base);font-family:var(--font-secondary);color:var(--color-primary);margin-bottom:var(--space-md)}#log-article #log-article{position:relative}#log-article img.hero-visual{position:relative;width:100%;max-height:400px;object-fit:cover;z-index:var(--z-background);margin:0;display:block}#log-article article.log{background-color:var(--color-background-alt)}#log-article article.log .log-article-body{display:flex;align-items:flex-start;gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:var(--space-xl) 0}#log-article article.log #wrapper{flex:1;max-width:800px;padding:0}#log-article article.log .intro p{font-size:var(--text-lg);margin-bottom:var(--space-lg)}#log-article article.log h3{margin-top:var(--space-xl)}#log-article article.log .image-block{margin-bottom:var(--space-md)}#log-article article.log .image-block img{width:100%;border-radius:var(--radius-sm);display:block}#log-article article.log .image-block .caption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs);font-style:italic}#log-article article.log .youtube-block{position:relative;width:100%;padding-bottom:56.25%;height:0;margin-bottom:var(--space-md)}#log-article article.log .youtube-block iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-sm)}#log-article article.log a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}#log-article article.log ul{list-style:disc;padding-left:var(--space-lg);margin-bottom:var(--space-md)}#log-article article.log ul li{font-size:var(--text-sm);margin-bottom:var(--space-xxs)}#log-article #article-summary{flex:0 0 300px;position:sticky;top:var(--space-desktop-top-safe);height:fit-content;max-height:calc(100vh - var(--space-desktop-top-safe) - var(--space-xl));overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#log-article #article-summary .toc-list{list-style:none;padding:0;margin:0}#log-article #article-summary .toc-item{margin:0}#log-article #article-summary .toc-link{display:block;padding:5px 0 5px 15px;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-xs);border-left:1px solid var(--color-text-secondary);transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:color .2s cubic-bezier(.4,0,.2,1),font-weight .2s cubic-bezier(.4,0,.2,1)}#log-article #article-summary .toc-link:hover{color:var(--color-text);font-weight:500;cursor:pointer}#log-article #article-summary .toc-link.active{color:var(--color-primary);font-weight:500;border-left-color:var(--color-primary)}#log-article #article-summary ::-webkit-scrollbar{display:none}@media (max-width: 1500px){#log-article header{padding-top:var(--space-mobile-top-safe)}#log-article header #wrapper{justify-content:left}#log-article header .title-container{width:100%;text-align:left}#log-article header .title-container h1,#log-article header .title-container h2,#log-article header .title-container p{text-align:left}#log-article article.log .log-article-body{flex-direction:column;max-width:900px}#log-article #article-summary{display:none}}@media (max-width: 768px){#log-article header{padding-top:var(--space-mobile-top-safe)}#log-article header #wrapper{justify-content:flex-start;align-items:flex-start;padding:0}#log-article header .title-container{justify-content:start;width:100%}}#error-404-page,#article-not-found{min-height:90vh;background-color:var(--color-background-alt)}#error-404-page #wrapper,#article-not-found #wrapper{padding-top:var(--space-mobile-top-safe)}#error-404-page article,#article-not-found article{text-align:center;padding:4rem 1rem}#error-404-page h1,#article-not-found h1{font-size:2.5rem;text-align:center;margin-bottom:1rem}#error-404-page p,#article-not-found p{font-size:1.125rem;text-align:center;color:var(--color-text-secondary)}