@font-face{font-family:BluuNext;src:url(/assets/BluuNext-Bold-DX_q0xzu.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--primary-color: #87a5a8;--secondary-color: #59A3A8;--accent-color: #6eabb1;--background-color: #c2c9c9a6;--text-color: #111}html.performance-mode-reduced body{background:radial-gradient(circle at top,#ffffffeb,#d2dcdcd6 45%,#97b7bab8)}.FogBackgroundFallback{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle at 80% 20%,rgba(135,165,168,.32),transparent 32%),linear-gradient(180deg,#ecf2f2fa,#c4d0d0eb 55%,#9dbabde0)}.LandingWrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;opacity:0}.LandingOverlay{height:100%;width:100%;opacity:0}.LandingTitle{display:flex;align-items:baseline;font-family:Inconsolata,monospace}.WordBlonde{font-size:64px;font-weight:400;letter-spacing:1px;color:#111}.WordInteractive{font-size:40px;font-weight:400;margin-left:30px;position:relative;top:-18px;letter-spacing:3px;color:#6eabb1}.MainWrapper{width:100%;min-height:100vh;position:relative;background:transparent}.MainWrapper canvas{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:-2}.Logo img{width:clamp(50px,8vmin,80px);height:40px;transition:transform .3s ease}.GlobalLogoButton{background:transparent;border:0;padding:0;cursor:pointer}.Logo img:hover{transform:scale(1.1)}#LogoText{display:flex;font-size:clamp(15px,2.5vmin,32px);font-weight:700;margin-left:4vw}#LogoText #interactive{position:relative;color:#6eabb1;font-size:clamp(15px,2.5vmin,32px);font-weight:700}.AnimatedTextContainer{height:1em;line-height:1;overflow:hidden;cursor:pointer;position:relative;display:inline-block}.AnimatedTextContainer .hidden{visibility:hidden}.AnimatedTextContainer .top{position:absolute;top:0;left:0;height:1em;overflow:hidden}.AnimatedTextContainer a{color:#d1fe00;font-size:clamp(24px,2vmin,40px);text-decoration:none;line-height:1;display:block}.AnimatedTextContainer .bottom{position:relative;top:30px;left:0}.topLetter,.bottomLetter{line-height:1;display:inline-block;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:ease}.topLetter{opacity:1}.bottomLetter{opacity:0}.AnimatedTextContainer:hover .topLetter{transform:translateY(-30px);opacity:0}.AnimatedTextContainer:hover .bottomLetter{transform:translateY(-30px);opacity:1}nav{position:fixed;z-index:1000;top:30px;width:100%;display:flex;justify-content:center;align-items:center}nav .TopBar{width:50%;max-width:700px;min-height:48px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-radius:999px;-webkit-backdrop-filter:brightness(1.05) blur(5px) url(#displacementF);backdrop-filter:brightness(1.05) blur(5px) url(#displacementF);font-size:1rem;font-family:Inconsolata,monospace;font-weight:900;transform-origin:right top;will-change:transform,opacity;isolation:isolate;opacity:0;transform:translateY(-10px) scale(.82,.9) rotateX(-10deg) rotateY(8deg);pointer-events:none;transition:opacity .45s ease,transform .45s ease}nav .TopBar.Open{opacity:1;transform:translateY(0) scale(1) rotateX(0) rotateY(0);pointer-events:auto}nav .TopBar.ReducedMotion{transform:translateY(-10px) scale(.82,.9)}nav .TopBar.Open.ReducedMotion{transform:translateY(0) scale(1)}.ContactItem{display:flex;align-items:center;gap:.5rem}.ContactIcon{width:1.1rem;height:1.1rem;flex-shrink:0;top:5px}.TopBar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;padding:10px;margin:0}.TopBarDividerWrapper{position:absolute;inset:0;pointer-events:none;z-index:2}.TopBarDivider{width:100%;height:100%}.TopBarDivider path{fill:none;stroke:#87a5a8;opacity:.9}.ContactLink{text-decoration:none;color:inherit;display:flex}.ContactLink:visited,.ContactLink:active,.ContactLink:hover,.ContactLink:focus{color:inherit;text-decoration:none}@media(max-width:1440px){nav .TopBar{display:none}.HeroContainer{scale:.5}}@media(min-width:1450px){nav .MobileSidebar{display:none}}.MobileSidebar{position:fixed;top:0;right:0;width:-moz-max-content;width:max-content;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:6rem 2rem;box-shadow:0 10px 20px #0000004d;-webkit-backdrop-filter:brightness(1.05) blur(10px) url(#displacementF);backdrop-filter:brightness(1.05) blur(10px) url(#displacementF);background:transparent;transform:translate(100%);transition:transform .45s ease;visibility:hidden;pointer-events:none;z-index:9998;font-family:Inconsolata,monospace;font-weight:900}.MobileSidebar.open{transform:translate(0);visibility:visible;pointer-events:auto}.MobileSidebar a{font-size:clamp(20px,4vw,28px);text-decoration:none;color:#111}nav .MenuButton{position:absolute;display:flex;align-items:center;justify-content:center;width:clamp(38px,5vw,50px);height:clamp(38px,5vw,50px);background:transparent;border:2px solid #87a5a800;border-radius:30%;filter:drop-shadow(-8px -10px 46px #ffffff00);-webkit-backdrop-filter:brightness(1.05) blur(2px) url(#displacementF);backdrop-filter:brightness(1.05) blur(2px) url(#displacementF);cursor:pointer;z-index:9999;overflow:hidden;right:2rem}.MenuButton:before{content:"";position:absolute;inset:0;background:#87a5a8;clip-path:circle(0% at 100% 0%);transition:clip-path .45s ease}.MenuButton:hover:before{clip-path:circle(150% at 100% 0%)}.MenuButton:hover{clip-path:circle(150% at 100% 0%)}.MenuButton:hover .MenuIcon{stroke:#cbd8d9}.MenuIcon{width:60%;stroke:#87a5a8;transition:stroke .3s ease;position:relative;z-index:1}.MainContentArea{min-height:calc(100vh - 80px)}#ScrollLabel{opacity:0;background:#fff3;border:1px solid rgba(255,255,255,.28);z-index:9999;border-radius:999px;padding:.9rem 1.2rem;color:#111111d1;cursor:pointer;perspective:1200px;display:inline-flex;align-items:center;gap:.7rem;transform-style:preserve-3d;position:fixed;bottom:10%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff73,0 16px 40px #18282a1f;filter:drop-shadow(0 8px 24px rgba(255,255,255,.08));-webkit-backdrop-filter:brightness(1.05) blur(14px) saturate(160%) url(#displacementF);backdrop-filter:brightness(1.05) blur(14px) saturate(160%) url(#displacementF);font-family:Inconsolata,monospace;font-size:clamp(15px,2vw,22px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.ScrollPromptWord{display:inline-flex;align-items:center;gap:.05em;transform-style:preserve-3d;will-change:transform}.ScrollPromptLetter{display:inline-block;will-change:transform}.ScrollPromptArrow{display:inline-block;font-size:.8em;opacity:.72;transform:translateY(1px)}.HeroMain{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d;max-width:1200px;margin:0 auto;scale:1.1;font-family:Inconsolata,monospace;border-radius:20px;overflow:visible}.HeroMain .HeroTitle{text-align:center;font-size:clamp(48px,8vw,100px);font-weight:700;color:#fff;line-height:1;text-transform:uppercase;transform-style:preserve-3d;will-change:transform;opacity:0}.Highlight{font-family:Inconsolata;font-style:normal;font-weight:900;background:#59a3a8;filter:drop-shadow(10px 10px 5px rgba(0,0,0,.3));color:#000;padding:.1em .2em;font-size:clamp(48px,8vw,100px);transform:translateZ(40px)}.Highlight2{transform:translateZ(80px);font-family:BluuNext;font-weight:700;font-style:italic;color:#39696d;padding:.1em .2em}.Highlight3{background:radial-gradient(circle at center,#4f8892,#b54f4f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(48px,8vw,110px);transform:translateZ(30px)}.Highlight4{transform:translateZ(70px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(45deg,#b2c7c2,#87a5a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.Highlight5{font-size:clamp(48px,8vw,110px);color:#111;transform:translateZ(60px)}.Highlight,.Highlight2,.Highlight3,.Highlight4,.Highlight5{transform-style:preserve-3d;will-change:transform;display:inline-block}.InlineGroup{display:inline-flex;gap:.1em}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#87a5a8,#59a3a8);border-radius:10px;border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#59A3A8 transparent}.FeatureSection{min-height:180vh;position:relative;margin-top:40vh;perspective:1200px}.ProjectsSection{min-height:150vh;background:transparent;position:relative;padding:clamp(4rem,8vw,8rem)}.ProjectsHeaderWrapper{width:100%;display:flex;justify-content:flex-start;margin-bottom:clamp(3rem,6vw,6rem)}.ProjectsHeader{font-family:Inconsolata,monospace;font-size:clamp(48px,6vw,90px);color:var(--accent-color);line-height:1.05;text-align:left;overflow:hidden}.FeaturedWord{background:#75b0b3;color:#000}.FeaturedWord,.ProjectsWord{display:inline-block}.ProjectsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,4rem);width:100%;max-width:1400px;margin:0 auto;perspective:1400px}.ProjectFolder{--parallax-x: 0px;--parallax-y: 0px;--parallax-rotate-x: 0deg;--parallax-rotate-y: 0deg;--scroll-parallax-y: 0px;position:relative;border-radius:34px 42px 30px 38px/32px 26px 40px 30px;aspect-ratio:16 / 9;width:100%;overflow:hidden;transform-style:preserve-3d;cursor:pointer;will-change:transform,opacity;border:1px solid rgba(255,255,255,.3);background:linear-gradient(180deg,#ffffff57,#ffffff1a),linear-gradient(135deg,#87a5a829,#ffffff0a);backdrop-filter:brightness(1.05) blur(18px) saturate(165%) url(#displacementF);-webkit-backdrop-filter:brightness(1.05) blur(18px) saturate(165%) url(#displacementF);box-shadow:inset 0 1px #fff6,inset 0 -1px #ffffff14,0 22px 48px #21363924;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease,background-size .35s ease}.ProjectFolder:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.4),transparent 30%),radial-gradient(circle at 84% 78%,rgba(110,171,177,.18),transparent 34%);pointer-events:none;z-index:0}.ProjectFolder[data-project=Self] .ProjectImage{background-image:url(/Self.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#fff;animation:slowDrift 20s ease-in-out infinite alternate}.ProjectFolder[data-project="CPU Rasterizer"] .ProjectImage{background-image:url(/RasterizerIcon.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;animation:slowDrift 20s ease-in-out infinite alternate}.ProjectFolder:nth-child(1){grid-column:span 2}.ProjectFolder:nth-child(4){grid-column:span 2}.ProjectImage{position:absolute;inset:0;opacity:.16;transform:scale(1.08);transition:opacity .35s ease,transform .45s ease;z-index:1;mix-blend-mode:normal;filter:saturate(1.05) contrast(1.02)}.ProjectTechGrid{position:absolute;inset:12px;z-index:2;pointer-events:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;row-gap:clamp(.15rem,.9vw,.55rem);-moz-column-gap:clamp(.2rem,1vw,.7rem);column-gap:clamp(.2rem,1vw,.7rem);padding:clamp(.65rem,1.4vw,1rem) clamp(.85rem,1.8vw,1.3rem)}.ProjectTechIcon{--depth: 1;--icon-scroll-x: 0px;width:clamp(38px,5vw,72px);aspect-ratio:1;display:grid;place-items:center;opacity:.94;transform:translate3d(calc(var(--icon-scroll-x) * var(--depth) * .3),calc(var(--scroll-parallax-y) * var(--depth) * .55),0) scale(1);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s ease;filter:saturate(1.04);will-change:transform}.ProjectTechIcon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(17,28,29,.18))}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(-n+3){width:clamp(54px,6vw,96px)}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(n+4){width:clamp(34px,4vw,64px)}.ProjectFolder[data-project=Self] .ProjectTechGrid{display:block;inset:14px 22px 20px;padding:0}.ProjectFolder[data-project=Self] .ProjectTechIcon{position:absolute;transform:translate3d(calc(-50% + (var(--icon-scroll-x) * var(--depth) * .24)),calc(-50% + (var(--scroll-parallax-y) * var(--depth) * .5)),0) scale(1)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(1){--depth: 1.3;top:31%;left:22%;width:clamp(78px,8vw,132px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(2){--depth: 1.1;top:32%;left:50%;width:clamp(86px,8.8vw,144px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(3){--depth: 1.3;top:31%;left:78%;width:clamp(78px,8vw,132px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(4){--depth: 1.55;top:71%;left:34%;width:clamp(42px,4.6vw,72px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(5){--depth: 1.9;top:71%;left:46%;width:clamp(48px,5vw,82px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(6){--depth: 1.65;top:71%;left:58%;width:clamp(44px,4.8vw,76px)}.ProjectTechIcon:nth-child(1){--depth: 1.55;grid-column:1;grid-row:1}.ProjectTechIcon:nth-child(2){--depth: 1.1;grid-column:2;grid-row:1}.ProjectTechIcon:nth-child(3){--depth: 1.3;grid-column:3;grid-row:1}.ProjectTechIcon:nth-child(4){--depth: 1.7;grid-column:1;grid-row:2}.ProjectTechIcon:nth-child(5){--depth: 2.2;grid-column:2;grid-row:2}.ProjectTechIcon:nth-child(6){--depth: 1.45;grid-column:3;grid-row:2}.ProjectFolder[data-tech-count="3"] .ProjectTechIcon:nth-child(1){width:clamp(54px,6vw,92px);grid-column:1;grid-row:1 / span 2}.ProjectFolder[data-tech-count="3"] .ProjectTechIcon:nth-child(2){width:clamp(54px,6vw,92px);grid-column:3;grid-row:1 / span 2}.ProjectFolder[data-tech-count="2"] .ProjectTechGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;padding-inline:clamp(1.4rem,4vw,2.6rem);-moz-column-gap:clamp(.4rem,2vw,1rem);column-gap:clamp(.4rem,2vw,1rem)}.ProjectFolder[data-tech-count="2"] .ProjectTechIcon{width:clamp(62px,7vw,104px)}.ProjectFolder[data-tech-count="2"] .ProjectTechIcon:nth-child(1){grid-column:1;grid-row:1}.ProjectFolder[data-tech-count="2"] .ProjectTechIcon:nth-child(2){grid-column:2;grid-row:1}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(4){transform:translate3d(calc(14% + (var(--icon-scroll-x) * var(--depth) * .3)),calc(var(--scroll-parallax-y) * var(--depth) * .55),0)}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(5){transform:translate3d(calc(var(--icon-scroll-x) * var(--depth) * .3),calc(-10% + (var(--scroll-parallax-y) * var(--depth) * .55)),0)}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(6){transform:translate3d(calc(-14% + (var(--icon-scroll-x) * var(--depth) * .3)),calc(var(--scroll-parallax-y) * var(--depth) * .55),0)}.ProjectFolder:hover{transform:perspective(1000px) rotateX(var(--parallax-rotate-x)) rotateY(var(--parallax-rotate-y)) translateY(-8px);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff1f,0 30px 58px #21363933}.ProjectFolder:hover .ProjectImage{opacity:.08;transform:scale(1.14)}.ProjectFolder:hover .ProjectTechIcon{transform:translate3d(calc((var(--icon-scroll-x) * var(--depth) * .3) + (var(--parallax-x) * var(--depth))),calc((var(--scroll-parallax-y) * var(--depth) * .55) + (var(--parallax-y) * var(--depth))),0) scale(calc(1 + (var(--depth) * .06)));filter:saturate(1.1)}.ProjectFolder[data-project=Self]:hover .ProjectTechIcon{transform:translate3d(calc(-50% + (var(--icon-scroll-x) * var(--depth) * .24) + (var(--parallax-x) * var(--depth))),calc(-50% + (var(--scroll-parallax-y) * var(--depth) * .5) + (var(--parallax-y) * var(--depth))),0) scale(calc(1 + (var(--depth) * .06)))}.ProjectFolder[data-tech-count="6"]:hover .ProjectTechIcon:nth-child(4){transform:translate3d(calc(14% + (var(--icon-scroll-x) * var(--depth) * .3) + (var(--parallax-x) * var(--depth))),calc((var(--scroll-parallax-y) * var(--depth) * .55) + (var(--parallax-y) * var(--depth))),0) scale(calc(1 + (var(--depth) * .06)))}.ProjectFolder[data-tech-count="6"]:hover .ProjectTechIcon:nth-child(5){transform:translate3d(calc((var(--icon-scroll-x) * var(--depth) * .3) + (var(--parallax-x) * var(--depth))),calc(-10% + (var(--scroll-parallax-y) * var(--depth) * .55) + (var(--parallax-y) * var(--depth))),0) scale(calc(1 + (var(--depth) * .06)))}.ProjectFolder[data-tech-count="6"]:hover .ProjectTechIcon:nth-child(6){transform:translate3d(calc(-14% + (var(--icon-scroll-x) * var(--depth) * .3) + (var(--parallax-x) * var(--depth))),calc((var(--scroll-parallax-y) * var(--depth) * .55) + (var(--parallax-y) * var(--depth))),0) scale(calc(1 + (var(--depth) * .06)))}.ProjectFolder:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.36);transform:scale(.98);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:3}.ProjectFolder:hover:after{opacity:1;transform:scale(1)}.ProjectTitle{position:absolute;bottom:16px;left:18px;font-family:Inconsolata,monospace;font-size:clamp(18px,2vw,28px);color:var(--accent-color);z-index:2;padding:.35rem .7rem;background:#ffffff94;border:1px solid rgba(255,255,255,.22);border-radius:999px;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);color:#000;overflow:hidden;box-shadow:inset 0 1px #ffffff47}.TitleChar{display:inline-block;transform-origin:bottom}.UpcomingProjects{position:absolute;left:50%;bottom:clamp(1.5rem,4vw,3rem);transform:translate(-50%);width:calc(100% - clamp(3rem,8vw,8rem));font-family:Inconsolata,monospace;font-size:clamp(48px,6vw,90px);font-weight:900;color:var(--accent-color);line-height:1.05;text-align:center;overflow:hidden;z-index:1}@media(max-width:1024px){.ProjectsGrid{grid-template-columns:repeat(2,1fr)}.ProjectFolder:nth-child(1),.ProjectFolder:nth-child(4){grid-column:span 1}}@media(max-width:768px){.ProjectsGrid{grid-template-columns:1fr;gap:2rem}.ProjectsSection{padding:3rem 1.5rem}.UpcomingProjects{width:calc(100% - 3rem);bottom:1.5rem}.ProjectTechGrid{inset:14px;row-gap:.2rem;-moz-column-gap:.35rem;column-gap:.35rem;padding:.7rem}.ProjectTechIcon{width:clamp(34px,13vw,58px)}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(-n+3){width:clamp(42px,14vw,74px)}.ProjectFolder[data-tech-count="6"] .ProjectTechIcon:nth-child(n+4){width:clamp(28px,10vw,46px)}.ProjectFolder[data-tech-count="2"] .ProjectTechGrid{padding-inline:1rem}.ProjectFolder[data-tech-count="2"] .ProjectTechIcon{width:clamp(50px,18vw,78px)}.ProjectFolder[data-project=Self] .ProjectTechGrid{inset:12px 14px 18px}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(1){top:30%;left:21%;width:clamp(66px,19vw,96px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(2){top:31%;left:50%;width:clamp(72px,20vw,104px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(3){top:30%;left:79%;width:clamp(66px,19vw,96px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(4){top:69%;left:33%;width:clamp(34px,11vw,56px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(5){top:69%;left:46%;width:clamp(40px,12vw,64px)}.ProjectFolder[data-project=Self] .ProjectTechIcon:nth-child(6){top:69%;left:59%;width:clamp(36px,11vw,58px)}.FeatureSection{min-height:auto;margin-top:20vh}}@keyframes slowDrift{0%{transform:translate(-2%,-1%) scale(1.05)}to{transform:translate(2%,1%) scale(1.05)}}html.performance-mode-reduced .TopBar,html.performance-mode-reduced .MobileSidebar,html.performance-mode-reduced .MenuButton,html.performance-mode-reduced #ScrollLabel,html.performance-mode-reduced .ProjectFolder,html.performance-mode-reduced .ProjectTitle,html.performance-mode-reduced .ScrollProgressBar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}html.performance-mode-reduced .TopBar,html.performance-mode-reduced .ProjectFolder,html.performance-mode-reduced .ProjectTitle,html.performance-mode-reduced #ScrollLabel{box-shadow:0 14px 32px #2136391a}:root{--primary-color: #87a5a8;--secondary-color: #59a3a8;--accent-color: #6eabb1;--background-color: #c2c9c9a6;--text-color: #111}html,body,#root{min-height:100%;height:auto}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;overflow-x:hidden}.ScrollProgressBar{position:fixed;top:0;left:0;height:6px;width:100%;background:#6eabb1;z-index:9999;transform:scaleX(0);transform-origin:left center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 8px #6eabb199}.ProjectPage{width:min(1200px,calc(100vw - 3rem));margin:0 auto;padding:clamp(3rem,7vw,6rem) 0 16rem;color:var(--text-color);font-family:Inconsolata,monospace;perspective:1200px}.ProjectHero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center;min-height:100vh}.ProjectHeroCopy{max-width:620px}.ProjectEyebrow{margin:0 0 .75rem;display:inline-block;padding:.2rem .45rem;text-transform:uppercase;letter-spacing:.24em;font-size:.82rem;width:-moz-max-content;width:max-content;background:var(--accent-color);color:#fff}.SiteTitle{margin:0;line-height:.95;filter:drop-shadow(3px 6px 5px rgba(0,0,0,.15));font-size:clamp(3.75rem,10vw,7rem);font-family:Inconsolata,monospace}.ProjectLead{margin:1.5rem 0 0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.65;max-width:58ch}.AccentKeyword{display:inline-block;margin:0 .08em}.AccentKeywordInk{font-family:BluuNext,Georgia,serif;font-style:italic;letter-spacing:.02em}.AccentKeywordFade{opacity:.25}.AccentKeywordBox{padding:.05em .28em;border:1px solid rgba(17,17,17,.28);border-radius:.45em;background:#ffffff61;overflow:hidden}.AccentKeywordBoxInner{display:inline-block;white-space:nowrap}.AccentKeywordUnderline{position:relative}.AccentKeywordUnderlineText{position:relative;z-index:1}.AccentKeywordUnderlineLine{position:absolute;left:0;bottom:.08em;width:100%;height:.18em;background:#6eabb161;z-index:-1}.AccentKeywordWeight{font-weight:400;letter-spacing:.12em}.ProjectActionRow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-top:2rem}.ProjectAction{display:inline-block;color:var(--text-color);text-decoration:none}.ProjectAction:visited,.ProjectAction:active,.ProjectAction:hover,.ProjectAction:focus{color:inherit;text-decoration:none}.ProjectAction.AnimatedTextContainer{height:1em;line-height:1;overflow:hidden;cursor:pointer;position:relative;width:-moz-max-content;width:max-content;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;white-space:nowrap;background-color:#75b0b3}.ProjectAction.AnimatedTextContainer .hidden{visibility:hidden;display:block;white-space:nowrap}.ProjectAction.AnimatedTextContainer .top{display:block;position:absolute;top:0;left:0;height:1em;overflow:hidden;width:-moz-max-content;width:max-content;white-space:nowrap}.ProjectAction.AnimatedTextContainer .bottom{display:block;position:absolute;top:1em;left:0;width:-moz-max-content;width:max-content;white-space:nowrap}.ProjectAction .topLetter,.ProjectAction .bottomLetter{line-height:1;display:inline-block;vertical-align:top;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:ease}.ProjectAction .topLetter{opacity:1}.ProjectAction .bottomLetter{opacity:0}.ProjectAction.AnimatedTextContainer:hover .topLetter{transform:translateY(-1em);opacity:0}.ProjectAction.AnimatedTextContainer:hover .bottomLetter{transform:translateY(-1em);opacity:1}.ProjectHeroVisual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;min-height:620px;align-items:start;overflow:visible;padding:1rem 0}.TechColumn{display:flex;background:transparent;flex-direction:column;gap:1.25rem}.TechColumnLeft{padding-top:2rem}.TechColumnRight{padding-top:6rem}.TechBadgeCard{position:relative;min-height:170px;padding:1.1rem;display:flex;flex-direction:column;justify-content:flex-start;border-radius:38px 52px 42px 50px/46px 34px 58px 36px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(180deg,#ffffff57,#ffffff1a),linear-gradient(135deg,#87a5a82e,#ffffff0a);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff14,0 18px 40px #2136391f;overflow:hidden}.TechBadgeCard:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.42),transparent 30%),radial-gradient(circle at 80% 78%,rgba(110,171,177,.16),transparent 34%);pointer-events:none}.TechBadgeCard:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.08);pointer-events:none}.TechBadgeMark{position:relative;z-index:2;display:inline-block;color:#111;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:900;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.16)}.TechLogoPlaceholder{position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:inherit;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.TechLogoImage{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;padding:1.5rem;opacity:.94;filter:drop-shadow(0 10px 22px rgba(255,255,255,.18))}.ProjectSection{margin-top:clamp(4rem,9vw,7rem);transform-style:preserve-3d}.SectionHeadingRow{margin-bottom:1.75rem;will-change:transform,opacity}.ProjectSectionTitle{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.ProjectOverviewGrid,.ProjectCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.BuildTimeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.ProjectPanel{position:relative;padding:1.5rem;border-radius:24px;border:1px solid rgba(49,86,90,.15);background:linear-gradient(145deg,#ffffff61,#d0d9da38),#ffffff2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 45px #11111114;transform-origin:center top;will-change:transform,opacity}.ResourceCard{display:block;color:inherit;text-decoration:none;overflow:hidden}.ResourceCard:visited,.ResourceCard:hover,.ResourceCard:focus,.ResourceCard:active{color:inherit;text-decoration:none}.ResourcePrompt{position:absolute;right:1.2rem;bottom:1.2rem;font-size:.82rem;letter-spacing:.2em;text-transform:lowercase;color:#000;font-weight:900;display:inline-flex;overflow:hidden;pointer-events:none}.ResourcePromptChar{display:inline-block;opacity:0;transform:translateY(115%);transition:opacity .32s ease,transform .32s ease}.ResourceCard:hover .ResourcePromptChar,.ResourceCard:focus-visible .ResourcePromptChar{opacity:1;transform:translateY(0)}.ProjectPanel p,.ProjectPanel h3{margin:0}.ProjectPanel .ProjectEyebrow{margin:0 0 .75rem}.ProjectPanel p{font-size:1.03rem;line-height:1.7}.ProjectPanel h3,.TimelineIndex{line-height:1.3}.StackCard h3,.TimelineCard h3{margin-bottom:.85rem;font-size:1.4rem}.TimelineCard{padding-top:4.5rem}.TimelineIndex{position:absolute;top:1.2rem;left:1.4rem;font-size:.9rem;letter-spacing:.22em;color:#31565a}.ProjectFooterAction{margin-top:4rem;display:flex;justify-content:center}.DocsProjectPage{width:min(1320px,calc(100vw - 3rem))}.DocsProjectHero{min-height:min(88vh,980px)}.DocsHeroVisual{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;align-items:stretch}.DocsStatCard{min-height:220px}.DocsStatValue{position:relative;z-index:2;margin-top:auto;font-size:1.02rem;line-height:1.6;max-width:24ch}.DocsShell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.DocsSidebar{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:1.5rem}.DocsSidebarCard{overflow:hidden}.DocsSidebarNav{display:flex;flex-direction:column;gap:.9rem}.DocsSidebarLink{color:inherit;text-decoration:none;font-size:1rem;line-height:1.4;padding-bottom:.35rem;border-bottom:1px solid rgba(49,86,90,.12);transition:color .25s ease,transform .25s ease,border-color .25s ease}.DocsSidebarLink:hover,.DocsSidebarLink:focus-visible{color:var(--accent-color);border-color:#6eabb173;transform:translate(6px)}.DocsMetaList{display:flex;flex-direction:column;gap:.95rem}.DocsMetaRow{display:flex;flex-direction:column;gap:.25rem}.DocsMetaLabel{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#31565a}.DocsMetaValue{font-size:1rem;line-height:1.45}.DocsMain{display:flex;flex-direction:column;gap:0}.DocsSection{scroll-margin-top:7rem}.DocsSection .ProjectSectionTitle{max-width:14ch}.DocsGridWide{grid-template-columns:repeat(2,minmax(0,1fr))}.DocsContentCard h3{margin:0 0 .8rem;font-size:1.3rem;line-height:1.2}.DocsStageTimeline{grid-template-columns:repeat(2,minmax(0,1fr))}.DocsReferencePage{padding-top:clamp(4rem,7vw,6rem)}.DocsReferenceHero{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(3rem,7vw,5rem);max-width:880px}.DocsReferenceHeroWithVisual{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center;max-width:none}.RasterHeroVisual{min-height:420px}.RasterHeroVisual .TechColumnLeft{padding-top:4rem}.RasterHeroVisual .TechColumnRight{padding-top:8rem}.DocsReferenceHero .ProjectLead{margin:0;max-width:64ch}.DocsReferenceLead{margin:0;font-size:1rem;line-height:1.7;max-width:66ch}.DocsReferenceBadgeRow{display:flex;flex-wrap:wrap;gap:.65rem}.DocsReferenceBadge{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(49,86,90,.16);background:#ffffff75;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.DocsReferenceShell{align-items:start}.DocsReferenceSection{margin-top:0;margin-bottom:clamp(2.5rem,6vw,4rem);scroll-margin-top:7rem}.DocsReferenceIndex{grid-template-columns:repeat(3,minmax(0,1fr))}.DocsReferenceEntries{display:flex;flex-direction:column;gap:1rem}.DocsReferenceTable{padding:0;overflow:hidden}.DocsReferenceRow{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:1.25rem;padding:1.35rem 1.5rem;border-top:1px solid rgba(49,86,90,.08)}.DocsReferenceRow:first-child{border-top:0}.DocsReferenceKey{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:#31565a}.DocsReferenceValue{line-height:1.7}.DocsReferenceListCard h3{margin:0 0 .9rem}.DocsReferenceList{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.6rem;line-height:1.55}.DocsReferenceEntryHeader{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem .8rem}.DocsReferenceEntryHeader h3{margin:0;font-size:1.3rem}.DocsReferenceType{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#31565a}.DocsReferenceSignature{display:block;margin:0 1.5rem 1rem;padding:.85rem 1rem;border-radius:14px;background:#1111110d;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.DocsTypeLink{color:var(--accent-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.DocsTypeLink:hover,.DocsTypeLink:focus-visible{color:#31565a}.DocsReferenceTable>p{margin:0;padding:0 1.5rem 1.45rem}@media(max-width:1024px){.ProjectHero{grid-template-columns:1fr;min-height:auto}.ProjectHeroVisual{min-height:500px}.BuildTimeline,.DocsShell{grid-template-columns:1fr}.DocsSidebar{position:relative;top:auto}.DocsStageTimeline,.DocsGridWide,.DocsReferenceIndex{grid-template-columns:1fr}}@media(max-width:768px){.ProjectPage{width:min(100vw - 1.5rem,100%);padding:2rem 0 10rem}.ProjectOverviewGrid,.ProjectCardGrid{grid-template-columns:1fr}.ProjectActionRow{flex-direction:column}.ProjectAction{width:auto}.ProjectHeroVisual{grid-template-columns:1fr;min-height:auto;overflow:visible}.DocsProjectPage{width:min(100vw - 1.5rem,100%)}.DocsReferenceRow{grid-template-columns:1fr;gap:.55rem}.DocsReferenceEntryHeader{flex-direction:column;align-items:flex-start}.TechColumnLeft,.TechColumnRight{padding-top:0}.RasterHeroVisual{min-height:0}.DocsReferenceHeroWithVisual{grid-template-columns:1fr;align-items:start}}html.performance-mode-reduced .ProjectPage,html.performance-mode-reduced .ProjectSection{perspective:none!important;transform-style:flat!important}html.performance-mode-reduced .TechBadgeCard,html.performance-mode-reduced .ProjectPanel,html.performance-mode-reduced .ScrollProgressBar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:0 12px 28px #11111114}html.performance-mode-reduced .TechBadgeCard,html.performance-mode-reduced .ProjectPanel,html.performance-mode-reduced .SectionHeadingRow{will-change:auto!important}html.performance-mode-reduced .TechLogoImage,html.performance-mode-reduced .SiteTitle{filter:none!important}.AppTransitionShell{position:relative;isolation:isolate}.AppRouteContent{position:relative}.AppTransitionShell:before,.AppTransitionShell:after{content:"";position:fixed;inset:-12%;pointer-events:none;opacity:0;z-index:10000}.AppTransitionShell:before{background:radial-gradient(circle at 46% 58%,rgba(255,255,255,.36),transparent 24%),radial-gradient(circle at 18% 72%,rgba(212,219,219,.28),transparent 22%),radial-gradient(circle at 80% 34%,rgba(78,165,172,.18),transparent 22%),radial-gradient(circle at 70% 78%,rgba(255,255,255,.16),transparent 20%);filter:blur(30px) saturate(108%);transform:translate3d(0,28px,0) scale(1.02)}.AppTransitionShell:after{background:linear-gradient(180deg,#ffffff05,#ffffff14 38%,#d4dbdb1f 62%,#4ea5ac14);filter:blur(42px);transform:scale(1.06)}.AppTransitionShell.CloudTransitioning:before{animation:cloud-mist .82s ease-out both}.AppTransitionShell.CloudTransitioning:after{animation:cloud-haze .82s ease-in-out both}.AppTransitionShell.CloudTransitioning{pointer-events:none}@keyframes cloud-mist{0%{opacity:0;transform:translate3d(0,34px,0) scale(.98);filter:blur(18px) saturate(102%)}34%{opacity:.46}58%{opacity:.72;transform:translate3d(0,-4px,0) scale(1.07);filter:blur(34px) saturate(110%)}to{opacity:0;transform:translate3d(0,-30px,0) scale(1.12);filter:blur(46px) saturate(116%)}}@keyframes cloud-haze{0%{opacity:0;transform:scale(1.02)}42%{opacity:.28}to{opacity:0;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.AppTransitionShell.CloudTransitioning:before,.AppTransitionShell.CloudTransitioning:after{animation-duration:1ms}}html.performance-mode-reduced .AppTransitionShell:before,html.performance-mode-reduced .AppTransitionShell:after{display:none}