.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:SidebarFont;src:url(/fonts/Basalte-Fond.ttf) format("truetype")}@font-face{font-family:MyTitleFont;src:url(/fonts/Lineal-Light.ttf) format("truetype")}@font-face{font-family:MySubtitleFont;src:url(/fonts/DEquateur-Regular.ttf) format("truetype")}@font-face{font-family:MyBodyFont;src:url(/fonts/Karrik-Regular.ttf) format("truetype")}@font-face{font-family:MyLogoFont;src:url(/fonts/Lineal-Black.ttf) format("truetype")}:root{--white: #FFF8F0;--carbon: #1D1D1D;--main-bg: var(--white);--main-text: var(--carbon);--header-bg: var(--carbon);--header-text: var(--white);--band-red: #E27D79;--band-blue: #68C4E8;--band-orange: #F9C784;--band-green: rgb(48, 177, 106);--dot-fill: var(--white);--dot-border: var(--carbon);--font-logo: "MyLogoFont", sans-serif;--font-title: "MyTitleFont", serif;--font-subtitle: "MySubtitleFont", serif;--font-body: "MyBodyFont", sans-serif;--font-sidebar: "SidebarFont", sans-serif}.dark-mode{--main-bg: var(--carbon);--main-text: var(--white);--header-bg: var(--white);--header-text: var(--carbon);--dot-fill: var(--carbon);--dot-border: var(--white)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--main-bg);color:var(--main-text);transition:background .3s ease,color .3s ease}.container{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;height:100px;background:var(--header-bg);border-bottom:2px solid var(--carbon);width:100%;transition:background .3s ease;z-index:10}.header-main{display:flex;height:100%;flex-shrink:0}.profile-section{padding:0 40px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;background:var(--header-bg);color:var(--header-text);transition:color .3s ease,background .3s ease;text-decoration:none;height:100%}.profile-name{font-family:var(--font-logo);font-size:2.8rem;line-height:.9}.profile-title{font-family:var(--font-subtitle);font-size:.9rem;font-style:italic;opacity:.8}.toggle-area{display:flex;align-items:center;justify-content:center;border-left:2px solid var(--carbon);background:var(--header-bg);transition:background .3s ease}.theme-square{width:100px;height:100px;position:relative;cursor:pointer;background:transparent;border:none;overflow:hidden;display:block}.theme-square .bg-split{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,var(--white) 50%,var(--carbon) 50%);transition:opacity .4s ease}.dark-mode .theme-square .bg-split{background:linear-gradient(to bottom right,var(--carbon) 50%,var(--white) 50%)}.theme-square .icon{position:absolute;font-size:1.4rem;z-index:2;transition:color .3s ease}.theme-square .sun{top:15px;left:15px;color:var(--carbon)}.theme-square .moon{bottom:15px;right:15px;color:var(--white)}.dark-mode .theme-square .sun{color:var(--white)}.dark-mode .theme-square .moon{color:var(--carbon)}.mobile-pill-container{display:none}nav{display:flex;flex-grow:1}.nav-link{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--carbon);font-family:var(--font-sidebar);font-size:1.6rem;font-weight:900;border-left:2px solid var(--carbon);position:relative;text-transform:uppercase}.nav-link span{position:relative;display:inline-block;line-height:1}.nav-link span:before{content:"";position:absolute;left:-35px;top:50%;width:18px;height:18px;border:2px solid var(--carbon);border-radius:50%;background-color:transparent;opacity:0;transform:translateY(40px);transition:opacity .3s ease,transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease}.nav-link:hover span:before{opacity:1;transform:translateY(-60%);background-color:transparent}.nav-link.active span:before{opacity:1;transform:translateY(-60%);background-color:var(--dot-fill);border-color:var(--dot-border)}.bg-red{background-color:var(--band-red)}.bg-blue{background-color:var(--band-blue)}.bg-orange{background-color:var(--band-orange)}.bg-green{background-color:var(--band-green)}.main-content{flex:1;padding:80px 20px;display:flex;flex-direction:column;align-items:center;width:100%}.page-title{font-family:var(--font-title);font-size:clamp(3rem,8vw,6rem);letter-spacing:-3px;margin-bottom:40px;color:var(--main-text);width:100%;max-width:900px;text-align:left}.content-section{font-size:1.3rem;line-height:1.6;color:var(--main-text);width:100%;max-width:900px}.project-hero-image{width:100%;max-width:900px;margin-bottom:40px;border:2px solid var(--carbon)}@media(max-width:850px){.topbar{height:auto;flex-direction:column;border-bottom:none}.header-main{width:100%;justify-content:space-between;border-bottom:2px solid var(--carbon);padding:20px 0;background:var(--header-bg)}.profile-section{padding:0 20px}.profile-name{font-size:2rem}.theme-square{display:none}.toggle-area{border-left:none;padding-right:20px}.mobile-pill-container{display:flex;align-items:center;gap:10px;background:var(--carbon);padding:5px 12px;border-radius:30px;border:2px solid var(--white);cursor:pointer;transition:background .3s ease}.pill-slider{width:36px;height:18px;background:#555;border-radius:9px;position:relative}.pill-slider:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:var(--white);border-radius:50%;transition:.3s}.dark-mode .pill-slider:after{left:20px}.dark-mode .mobile-pill-container{border-color:var(--carbon);background:var(--white);color:var(--carbon)}nav{flex-direction:column;width:100%}.nav-link{height:100px;border-left:none;border-bottom:2px solid var(--carbon);padding-top:15px;align-items:flex-start}.nav-link span:before{left:-40px}.nav-link:hover span:before,.nav-link.active span:before{transform:translateY(-50%)}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}