:root{--surface-dark: #120D40;--surface-light: #EBF4FF;--surface-low-light: #B5CDE6;--surface-low-dark: #252055;--on-surface-dark: #D4E9FF;--on-surface-light: #120D40;--bg-dark: var(--surface-dark);--bg-section: #1a1447;--accent: #FF5500;--text: var(--on-surface-dark);--text-muted: rgba(212, 233, 255, .75);--card-bg: var(--surface-low-light);--border: rgba(212, 233, 255, .12);--content-max: 1260px;--content-margin: max(var(--space-8), (100vw - var(--content-max)) / 2);--content-inset: calc(var(--content-margin) + var(--space-8));--scroll-start-padding: var(--content-margin);--font-sans: "Roboto", -apple-system, sans-serif;--font-mono: "Roboto", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 4rem;--text-display: clamp(2.5rem, 5vw + 1rem, 5rem);--leading-tight: 1.15;--leading-normal: 1.65}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--surface-light)}#home-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}body.layout-home #home-bg{display:flex;flex-direction:column}.home-bg-top{flex:1;min-height:50%;background-color:var(--surface-light)}.home-bg-bottom{flex:1;min-height:50%;background-color:#120d40}html.layout-home,body.layout-home{background-color:var(--surface-light)}body.layout-home #root{position:relative;z-index:1;background:transparent}h1,h2,h3,h4{font-family:var(--font-mono);line-height:var(--leading-tight);margin:0}h1{font-weight:400;font-size:var(--text-display)}h2{font-weight:400;font-size:var(--text-4xl)}h3{font-weight:400;font-size:var(--text-3xl)}h4{font-weight:400;font-size:var(--text-xl)}.about-page h2{color:var(--on-surface-light)}body,p,.hero-desc,.project-info-text p,.about-bio p,.subsection-question{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:var(--leading-normal)}.nav,.nav a,.section-nav,.section-nav a,.nav-sep{font-family:var(--font-mono);font-weight:400}.layout{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-dark);color:var(--text);overflow-x:visible}.layout--home{display:flex;flex-direction:column;background:var(--surface-dark);color:var(--on-surface-light);padding-bottom:0}.layout--home main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.layout--about{background:var(--surface-light);color:var(--on-surface-light)}.layout main{overflow-x:visible}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-8);background:var(--surface-light);color:var(--on-surface-light);border-bottom:none;position:relative}.layout--home .header{padding:var(--space-5) var(--space-8)}.brand{font-family:var(--font-mono);font-weight:400;font-size:1rem;color:var(--on-surface-light);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.brand:hover{color:inherit;text-decoration-color:var(--accent)}.hamburger{display:none;flex-direction:column;gap:3px;background:none;border:none;cursor:pointer;padding:.25rem;z-index:101;line-height:1;flex-shrink:0;align-self:center}.hamburger span{width:18px;height:2px;background:var(--on-surface-light);transition:all .3s ease;transform-origin:center;display:block}.hamburger[aria-expanded=true]{background:var(--surface-dark);border-radius:4px}.hamburger[aria-expanded=true] span{background:var(--on-surface-dark)}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav{display:flex;gap:2rem}@media (min-width: 769px){.nav .nav-link-home,.layout--home .nav{display:none}}.nav a{font-family:var(--font-mono);font-size:1rem;font-weight:400;color:var(--on-surface-light);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.nav a:hover{text-decoration-color:var(--accent)}@media (max-width: 768px){.hamburger{display:flex}.layout--home .hamburger{display:none}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:99;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--surface-dark);color:var(--on-surface-dark);flex-direction:column;padding:var(--space-8) 2rem 2rem;gap:1.5rem;border-left:1px solid var(--border);transition:right .3s ease;z-index:100;box-shadow:-4px 0 12px #0000004d}.nav .nav-link-home{display:block}.nav a{color:var(--on-surface-dark);text-decoration:underline;text-decoration-color:var(--accent)}.nav--open{right:0}.nav a{font-size:1rem;padding:.5rem 0}}.homepage{display:grid;grid-template-rows:65% 1fr;height:100%;min-height:0;background:var(--surface-light);color:var(--on-surface-light)}.layout--home{background:transparent}.layout--home .homepage{background:var(--surface-light);flex:1}.layout--home .home-footer{background:var(--surface-dark)}.home-content{display:flex;flex-direction:column;justify-content:space-between;padding:0 var(--space-8) var(--space-8);margin:0;text-align:left;overflow:auto;min-height:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}.home-intro{margin:0;max-width:600px}@media (max-width: 768px){.home-intro{max-width:none}.homepage{grid-template-rows:80% 1fr}}@media (max-height: 500px){.layout--home main{overflow:auto}.layout--home .homepage{flex:0 0 auto}.homepage{display:flex;flex-direction:column;min-height:min-content;height:auto}.home-content{overflow:visible;flex:0 0 auto}.home-footer{flex:0 0 auto}}.home-title-group{margin:0;line-height:1.4}.home-title-group .home-line{margin:0}.home-line,.home-interests,.home-emoji,.project-group{font-family:var(--font-mono);font-size:1rem;font-weight:400;margin:0 0 var(--space-2) 0;line-height:1.5;color:var(--on-surface-light)}.home-title-group+.home-interests{margin-top:var(--space-4)}.home-interests+.home-emoji{margin-top:var(--space-4);margin-bottom:0}.home-emoji{font-size:24px;margin:var(--space-4) 0 0 0}.home-projects{margin:0}.home-projects .project-group{margin-bottom:var(--space-2)}.home-projects .project-group:nth-child(4),.home-projects .project-group:nth-child(6){margin-top:16px}.project-link{font-family:var(--font-mono);font-size:1rem;font-weight:400;color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.project-link:hover{text-decoration-color:var(--accent);color:var(--accent)}.project-link--lava{background:linear-gradient(90deg,#FF6B35,#FF9500,#FFD700,#FF8C42,#E63946,#FF9500,#FF6B35);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-decoration:underline;text-decoration-color:#ff550080;animation:lava-gradient 8s ease-in-out infinite}.project-link--lava:hover{-webkit-text-fill-color:transparent;color:transparent;text-decoration-color:var(--accent)}@keyframes lava-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-footer{background:var(--surface-dark);border-top:1px solid var(--border);color:var(--on-surface-dark);padding:var(--space-8);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.footer-link{font-family:var(--font-mono);font-size:1rem;font-weight:400;color:var(--on-surface-dark);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.footer-link:hover{text-decoration-color:var(--accent)}.cta-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--surface-light);color:var(--on-surface-light);text-decoration:none;border-radius:9999px;font-weight:700;font-family:var(--font-sans);transition:opacity .2s}.cta-btn:hover{opacity:.9}.btn-on-light{background:var(--surface-dark);color:var(--on-surface-dark);border-radius:9999px}.projects-page{max-width:900px;margin:0 auto;padding:var(--space-16) var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.page-header p{color:var(--text-muted)}.projects-grid{display:flex;flex-direction:column;gap:1rem}.project-card{display:block;padding:1.5rem 2rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .2s}.project-card:hover{border-color:var(--accent)}.project-card h3{margin-bottom:.25rem}.project-card p{color:var(--text-muted);font-size:var(--text-base);margin-bottom:.75rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:var(--text-xs);padding:.25rem .5rem;background:rgba(255,85,0,.2);border-radius:4px;color:var(--accent)}.about-page{max-width:900px;margin:0 auto;padding:var(--space-16) var(--space-8);background:var(--surface-light);color:var(--on-surface-light)}.about-page p,.about-page .about-expertise,.about-page .about-section-title{font-family:var(--font-mono);font-weight:400;color:var(--on-surface-light)}.about-hero{display:flex;flex-direction:column;gap:var(--space-12);align-items:stretch;margin:0 auto var(--space-8);max-width:740px}.about-photo-wrap{position:relative;width:100%;overflow:hidden;background:var(--surface-low-light)}.about-photo{width:100%;height:auto;display:block;object-fit:contain}.about-photo-placeholder{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:var(--surface-low-light);color:var(--on-surface-light);font-family:var(--font-sans);font-weight:700;font-size:var(--text-lg);text-align:center;padding:var(--space-4)}.about-photo-wrap .about-photo-placeholder.about-photo-placeholder--show{display:flex}.about-bio p{line-height:1.7;color:var(--on-surface-light);margin:0 0 var(--space-4) 0;font-size:var(--text-base)}.about-expertise-title{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2) 0}.about-expertise{margin-bottom:var(--space-6)}.about-email-btn{display:inline-block;background:var(--surface-dark);color:var(--on-surface-dark)}.about-section-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.about-notion{width:100%;max-width:70vw;margin-left:auto;margin-right:auto;padding:var(--space-8) var(--space-8) var(--space-16);background:var(--surface-light);color:var(--on-surface-light)}@media (max-width: 1024px){.about-notion{max-width:none}}@media (max-width: 768px){.layout--about main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.about-page{padding-top:0;padding-left:var(--space-8);padding-right:var(--space-8);padding-bottom:var(--space-16)}.about-hero{gap:var(--space-4)}}.about-notion .about-section-title{color:var(--on-surface-light)}.notion-embed{width:100%;min-height:600px;border:1px solid var(--border);border-radius:8px;background:var(--bg-section)}.project-page{padding-bottom:0}.hook-section{background:var(--bg-section);padding:4rem 2rem;min-height:70vh;position:relative;display:flex;align-items:center}@media (max-width: 768px){.hook-section{padding:2rem var(--space-6)}}.hook-content{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:0 var(--space-8);text-align:left;color:var(--on-surface-dark)}@media (max-width: 768px){.hook-content{max-width:none;padding:0 var(--space-4)}}.hook-line{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.8;margin-bottom:1rem}.hook-line--header{font-family:var(--font-mono);font-weight:400;font-size:var(--text-lg)}.hook-line--jared{font-family:var(--font-mono);font-weight:400;font-size:var(--text-lg);color:var(--on-surface-dark);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;display:inline-block;margin-bottom:0}.hook-line--jared:hover{text-decoration-color:var(--accent)}@media (max-width: 768px){.hook-line--header,.hook-line--jared{font-size:1.1rem}}.project-info-section{padding:3rem 2rem;background:var(--bg-dark)}.project-info-grid{max-width:1500px;margin:0 auto;padding:0 var(--space-8);display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.project-info-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem}.project-info-block{grid-column:1 / -1}.project-info-objective{margin-bottom:.5rem}.project-info-meta p{margin-bottom:.25rem}.project-info-meta p:last-child{margin-bottom:0}@media (max-width: 1024px){.project-info-section{padding:0 0 3rem}.project-info-grid{grid-template-columns:1fr;padding:0;gap:0}.project-info-visuals{width:100vw;max-width:none;margin-left:calc(-50vw + 50%);border-radius:0;border-left:none;border-right:none}.project-info-image-wrap{width:100%;min-height:280px}.project-info-image{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.project-info-text{padding:var(--space-8) var(--space-8) 0;max-width:var(--content-max);margin:0 auto}.project-info-fields{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem}.project-info-block{grid-column:1 / -1;margin-bottom:0}.project-info-objective,.project-info-meta{margin-bottom:0}}@media (max-width: 768px){.project-info-image-wrap,.project-info-image{min-height:220px}.project-info-text{padding-top:var(--space-8)}.project-info-fields{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.project-info-block{grid-column:1 / -1}.project-info-objective{grid-column:1}.project-info-meta{grid-column:2}}.project-info-visuals{background:var(--card-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border)}@media (max-width: 1024px){.project-info-visuals{border-radius:0}}.project-info-image-wrap{width:100%;line-height:0}.project-info-image{width:100%;height:auto;display:block}.visual-placeholder{min-height:200px}.color-swatches{display:flex;gap:1rem;margin-top:1rem}.swatch{padding:.5rem 1rem;border-radius:4px;font-size:var(--text-sm)}.swatch.primary{background:var(--surface-light);color:var(--on-surface-light)}.swatch.secondary{background:var(--surface-dark);color:var(--on-surface-dark)}.swatch.tertiary{background:var(--accent);color:#fff}.project-info-label{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-dark);opacity:.6;margin:0 0 .4rem}.project-info-text h3{font-size:var(--text-2xl);margin:0 0 var(--space-8) 0;color:var(--on-surface-dark);line-height:var(--leading-tight)}.project-info-text p{color:var(--on-surface-dark);font-size:1rem;margin:0 0 .5rem}.skip-btn{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background:var(--surface-light);color:var(--on-surface-light);text-decoration:none;border-radius:9999px;font-weight:700;font-size:var(--text-sm);font-family:var(--font-sans)}.skip-btn:hover{opacity:.9}.section-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-8);background:var(--surface-light);color:var(--on-surface-light);position:sticky;top:env(safe-area-inset-top);z-index:100;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;transition:background .3s ease,color .3s ease,border-color .3s ease}.section-nav--dark{background:var(--bg-section);color:var(--on-surface-dark)}.section-nav a{color:inherit;text-decoration:none;font-weight:400;padding-bottom:2px}.section-nav a:not(.nav-label):hover{text-decoration:underline;text-decoration-color:var(--accent)}.section-nav a.active{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.section-nav .nav-label,.section-nav .nav-sep{color:inherit;font-size:var(--text-sm);font-weight:400}.section-nav a.nav-label:hover{text-decoration:none}.section-nav-group{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3) var(--space-4)}.section-nav .nav-sep-pipe{margin:0 2px}@media (max-width: 720px){.section-nav .nav-sep-pipe{display:none}}.chaos-intro-section,.chaos-section,.order-section,.order-intro-section{scroll-margin-top:1rem}@media (max-width: 768px){.chaos-intro-section,.chaos-section,.order-section,.order-intro-section{scroll-margin-top:3.5rem}}.chaos-intro-section{background:var(--surface-light);padding:var(--space-12) 0 0;overflow-x:visible}@media (max-width: 768px){.chaos-intro-section{padding:var(--space-12) 0 0}}.chaos-intro-inner{padding:0 70px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}@media (max-width: 768px){.chaos-intro-inner{padding:0 var(--space-4)}}.chaos-intro-heading-wrap{font-family:var(--font-mono);line-height:1.2;color:var(--on-surface-light)}.chaos-intro-part{font-weight:400;font-size:var(--text-xl);line-height:inherit;margin:0 0 .25em;color:inherit}.chaos-intro-word{font-weight:400;font-size:var(--text-display);line-height:inherit;margin:0;color:inherit}.order-intro-section{position:relative;background:var(--surface-light);padding:var(--space-12) 0 0;overflow-x:visible}.order-intro-section:before{content:"";position:absolute;top:0;left:calc(-1 * var(--space-16));right:-100vw;border-top:1px solid rgba(0,0,0,.08)}@media (max-width: 768px){.order-intro-section{padding:var(--space-12) 0 0}}.order-intro-inner{padding:0 70px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}@media (max-width: 768px){.order-intro-inner{padding:0 var(--space-4)}}.order-intro-heading-wrap{font-family:var(--font-mono);line-height:1.2;color:var(--on-surface-light)}.order-intro-part{font-weight:400;font-size:var(--text-xl);line-height:inherit;margin:0 0 .25em;color:inherit}.order-intro-word{font-weight:400;font-size:var(--text-display);line-height:inherit;margin:0;color:inherit}.order-intro-image-wrap{flex-shrink:0;max-width:50%}.order-intro-image{width:auto;height:110px;display:block;border-radius:8px;object-fit:cover}.chaos-intro-image-wrap{flex-shrink:0;max-width:50%}.chaos-intro-image{width:auto;height:110px;display:block;border-radius:8px;object-fit:cover}.project-preamble{padding:var(--space-8) 70px var(--space-12);display:flex;flex-direction:column;gap:var(--space-3)}.preamble-header{font-weight:400;font-size:var(--text-lg);margin:0 0 .4rem;line-height:1.3}.preamble-body{font-size:var(--text-base);line-height:1.65;margin:0 0 var(--space-4);opacity:.85}@media (max-width: 768px){.project-preamble{padding:var(--space-6) var(--space-4) var(--space-8)}}.main-section{padding:var(--space-12) 0;overflow-x:visible}.chaos-section,.order-section{background:var(--surface-light);color:var(--on-surface-light)}.chapter-title{font-size:var(--text-xl);text-align:center;margin-bottom:2rem}.chaos-section .chapter-title{color:var(--on-surface-light)}.cs-block{position:relative;padding:var(--space-8) 70px var(--space-12)}.cs-block:before{content:"";position:absolute;top:0;left:calc(-1 * var(--space-16));right:-100vw;border-top:1px solid rgba(0,0,0,.08)}.cs-block-header{margin-bottom:var(--space-8)}.cs-block-title{font-weight:400;margin:0 0 .5rem;line-height:1.2}.chaos-section .cs-block-title,.order-section .cs-block-title{color:var(--on-surface-light)}.cs-block-question{font-size:var(--text-base);line-height:1.5;margin:0;opacity:.65}.cs-entries{display:flex;flex-direction:column;gap:6rem}.cs-entry-header{font-weight:400;margin:0 0 .4rem;line-height:1.3;display:flex;align-items:center;gap:.4em}.cs-entry-header-img{width:22px;height:22px;flex-shrink:0}.cs-entry-text{font-size:var(--text-base);line-height:1.65;white-space:pre-line;margin:0 0 var(--space-6);opacity:.85}.cs-entry-text:last-child{margin-bottom:0}.cs-entry-image,.cs-entry-media{margin-inline:-70px;width:calc(100% + 140px)}.cs-entry-image{border-radius:8px;overflow:hidden}.cs-entry-image--contained{margin-inline:0;width:100%}.cs-entry-image img{width:100%;height:auto;display:block}.cs-entry-media{display:flex;flex-direction:row;gap:.75rem;align-items:flex-start}.cs-entry-media img{flex:1 1 0%;min-width:0;width:100%;height:auto;display:block;border-radius:6px}@media (max-width: 768px){.cs-block{padding:var(--space-6) 0 var(--space-8)}.cs-block:before{left:0}.cs-entries{gap:var(--space-16)}.cs-entry-image,.cs-entry-media{margin-inline:0;width:100%}.cs-entry-image{border-radius:4px}.cs-entry-media{flex-direction:column}}.horizontal-scroll-section{margin-bottom:3rem;overflow-x:visible}.subsection-constrained{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-8);overflow-x:visible}.subsection-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4)}.subsection-meta--top{margin-bottom:1rem}.subsection-meta--bottom{margin-top:.75rem}.subsection-spacer{flex:1}.subsection-header{margin-bottom:0}.subsection-question{font-size:var(--text-base);color:var(--text-muted)}.chaos-section .subsection-question{color:#120d40b3}.subsection-scroll{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-top:.5rem;padding-bottom:.5rem}.subsection-scroll::-webkit-scrollbar{display:none}.subsection-cards-wrap{display:flex;align-items:stretch;gap:1.5rem;width:max-content;min-width:fit-content;padding-left:0;padding-right:var(--space-8)}.process-card-wrapper{scroll-snap-align:start;flex:0 0 auto;align-self:stretch;display:flex}.process-card-wrapper .process-card{flex:1;min-height:100%;display:flex;flex-direction:column}.process-card-wrapper .process-card--large{flex:0 0 1032px;min-width:1032px;width:1032px}.subsection-nav{display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0}.chevron-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-low-light);color:var(--on-surface-light);border:none;border-radius:9999px;font-size:var(--text-base);cursor:pointer;transition:opacity .2s}.chevron-btn:hover{opacity:.9}.order-section .chevron-btn{background:var(--surface-light);color:var(--on-surface-light)}.process-card{flex:0 0 344px;min-width:344px;width:344px;min-height:380px;display:flex;flex-direction:column;background:var(--surface-low-light);color:var(--on-surface-light);border-radius:8px;padding:var(--space-8);box-shadow:0 2px 8px #0000000f;position:relative}.order-section .process-card{background:var(--surface-low-dark);color:var(--on-surface-dark);border:1px solid var(--border);box-shadow:none}.process-card-header{font-size:var(--text-lg);margin:0 0 .5rem;line-height:1.3;display:flex;align-items:center;gap:.5em}.process-card-header-img{width:24px;height:24px;flex-shrink:0}.chaos-section .process-card-header{color:var(--on-surface-light)}.order-section .process-card-header{color:var(--on-surface-dark)}.process-card-text{font-size:var(--text-base);line-height:1.5;color:var(--text-muted);white-space:pre-line;margin:0 0 1rem;flex:0 0 auto}.chaos-section .process-card-text{color:#120d40cc}.order-section .process-card-text{color:#d4e9ffd9}.process-card-image{flex:1;min-height:160px;border-radius:6px;overflow:hidden;margin-bottom:1rem;display:flex;align-items:flex-start}.process-card-image img{width:100%;height:auto;display:block;object-fit:contain}.process-card--large{flex:0 0 1032px;min-width:1032px;width:1032px;min-height:0;padding-bottom:1rem}.process-card--large .process-card-content{display:flex;flex-direction:row;gap:.75rem;align-items:flex-start}.process-card-content{overflow-x:auto}.process-card-zoom{position:absolute;bottom:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-light);color:var(--on-surface-light);border:none;border-radius:9999px;cursor:pointer;transition:opacity .2s}.process-card-zoom:hover{opacity:.9}@media (max-width: 1024px){.process-card,.process-card-wrapper .process-card{flex:0 0 300px;min-width:300px;width:300px;min-height:340px}.process-card--large,.process-card-wrapper .process-card--large{flex:0 0 900px;min-width:900px;width:900px}.process-card-image{min-height:140px}}@media (max-width: 768px){.process-card,.process-card-wrapper .process-card{flex:0 0 280px;min-width:280px;width:280px;min-height:320px}.process-card--large,.process-card-wrapper .process-card--large{flex:0 0 840px;min-width:840px;width:840px}.process-card-image{min-height:120px}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:lightboxFadeIn .2s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{background:var(--surface-light);color:var(--on-surface-light);border-radius:12px;padding:var(--space-16);width:100%;max-width:var(--content-max);max-height:90vh;overflow-y:auto;position:relative;box-sizing:border-box}@media (max-width: 1320px){.lightbox-content{max-width:calc(100vw - 4rem)}}@media (max-width: 768px){.lightbox-overlay{padding:var(--space-2)}.lightbox-content{padding:var(--space-4)}}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;background:transparent;border:none;color:var(--on-surface-light);font-size:var(--text-xl);cursor:pointer;line-height:1}.lightbox-close:hover{color:var(--accent)}.lightbox-title{font-family:var(--font-mono);font-weight:400;font-size:var(--text-xl);margin-bottom:1rem;padding-right:2rem;color:var(--on-surface-light)}.lightbox-image-wrap{margin-bottom:var(--space-8);border-radius:8px;overflow:hidden}.lightbox-image-wrap img{width:100%;height:auto;display:block}.lightbox-extra{font-size:var(--text-base);color:var(--on-surface-light);opacity:.9;line-height:1.6}.project-body-outer{background:var(--surface-light);overflow-x:clip}.project-body{display:grid;grid-template-columns:200px 1fr;align-items:start;max-width:1339px;margin:0 auto;padding:0 var(--space-8)}.project-content{min-width:0;padding:0 var(--space-16)}.toc-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-8) var(--space-4) var(--space-8) var(--space-6);background:var(--surface-light);border-right:1px solid rgba(0,0,0,.08);scrollbar-width:none}.toc-sidebar::-webkit-scrollbar{display:none}.toc-nav{display:flex;flex-direction:column;gap:var(--space-6)}.toc-group{display:flex;flex-direction:column;gap:var(--space-2)}.toc-chapter{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-light);opacity:.45;margin-bottom:var(--space-1);display:block}.toc-link{font-family:var(--font-sans);font-size:1rem;color:var(--on-surface-light);text-decoration:none;line-height:1.4;opacity:.55;transition:opacity .15s,color .15s;display:block;padding:2px 0}.toc-link:hover{opacity:1;color:var(--on-surface-light)}.toc-link.active{color:var(--accent);opacity:1;font-weight:500}.toc-mobile-bar{display:none;position:sticky;top:0;z-index:50;background:var(--surface-light);border-bottom:1px solid rgba(0,0,0,.08)}.toc-mobile-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-6);background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:1rem;color:var(--on-surface-light);text-align:left}.toc-mobile-toggle i{font-size:1rem;color:var(--accent);flex-shrink:0}.toc-mobile-dropdown{background:var(--surface-light);border-top:1px solid rgba(0,0,0,.06);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.toc-mobile-dropdown .toc-link{opacity:.7;padding:3px 0}@media (max-width: 768px){.project-body{grid-template-columns:1fr;padding:0}.project-content{padding:0 var(--space-4)}.toc-sidebar{display:none}.toc-mobile-bar{display:block;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}}@media (max-width: 1024px){:root{--text-4xl: 2.75rem;--text-3xl: 2rem}.project-content{padding:0 var(--space-8)}.cs-block{padding:var(--space-8) var(--space-8) var(--space-10)}.cs-block:before{left:calc(-1 * var(--space-8))}.project-preamble{padding:var(--space-8) var(--space-8) var(--space-10)}.chaos-intro-inner,.order-intro-inner{padding:0 var(--space-8)}.cs-entries{gap:var(--space-16)}}@media (min-width: 769px) and (max-width: 1024px){.cs-entry-image,.cs-entry-media{margin-inline:calc(-1 * var(--space-8));width:calc(100% + var(--space-8) * 2)}}@media (max-width: 768px){:root{--text-4xl: 2rem;--text-3xl: 1.75rem}.cs-block{padding:var(--space-6) 0 var(--space-8)}.cs-block:before{left:0}.project-preamble{padding:var(--space-6) 0 var(--space-8)}.cs-entry-image,.cs-entry-media{margin-inline:0;width:100%}.cs-entry-image{border-radius:4px}}.back-to-top-btn{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:100;background:var(--surface-light);border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:var(--space-3) var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--on-surface-light);cursor:pointer;opacity:.7;box-shadow:0 2px 12px #0000001a;transition:opacity .15s}.back-to-top-btn:hover{opacity:1}@media (min-width: 1920px){:root{--text-base: 1.25rem}}.project-link-lock{font-size:.75em;opacity:.45;margin-left:4px;vertical-align:middle}.password-gate{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--surface-light)}.password-gate-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:360px;width:100%}.password-gate-icon{font-size:2rem;color:var(--on-surface-light);opacity:.35}.password-gate-label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--on-surface-light);opacity:.6;margin:0}.password-gate-form{display:flex;gap:var(--space-2);width:100%}.password-gate-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid rgba(18,13,64,.2);border-radius:6px;font-family:var(--font-sans);font-size:var(--text-sm);background:#fff;color:var(--on-surface-light);outline:none;transition:border-color .15s}.password-gate-input:focus{border-color:var(--on-surface-light)}.password-gate-input--error{border-color:#c0392b}.password-gate-btn{padding:var(--space-3) var(--space-5);background:var(--surface-dark);color:var(--on-surface-dark);border:none;border-radius:6px;font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:opacity .15s}.password-gate-btn:hover{opacity:.85}.password-gate-error{font-size:var(--text-xs);color:#c0392b;margin:0}.password-gate-coming-soon{font-family:var(--font-sans);font-size:var(--text-base);color:var(--on-surface-light);margin:0;text-align:center}.password-gate-back{background:none;border:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--on-surface-light);opacity:.45;cursor:pointer;padding:0;margin-top:var(--space-2);transition:opacity .15s}.password-gate-back:hover{opacity:.8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Roboto,-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:visible}#root{min-height:100vh}a{color:inherit}