:root{--bg-top: #101010;--bg-bot: #F2F2F2;--fg-top: #F2F2F2;--fg-bot: #101010;--font-mono: "Courier New", Courier, monospace;--font-display: "Arial Narrow", "Helvetica Condensed", sans-serif;--grid-unit: 24px}*{box-sizing:border-box;margin:0;padding:0;cursor:crosshair}body{background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-top) 40%,var(--bg-bot) 100%);color:var(--fg-top);font-family:var(--font-display);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:-.02em;text-transform:uppercase;line-height:1.4}.display{font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}a{color:inherit;text-decoration:none;position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;background:currentColor;transition:width .3s steps(4)}a:hover:after{width:100%}.noise-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.wrapper{position:relative;z-index:1;padding:var(--grid-unit);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}header{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:4rem}.header-col{display:flex;flex-direction:column;gap:4px}.header-center{text-align:center}.header-right{text-align:right}main{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:4rem 0}.hero-title-container{position:relative;pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%}.hero-title-container canvas{display:block;max-width:100%;height:auto}.hero-title--fallback{font-size:clamp(3rem,15vw,12rem);line-height:.8;font-weight:900;text-align:center;color:transparent;-webkit-text-stroke:1px var(--fg-top);opacity:.8;mix-blend-mode:difference}.hero-section{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-subtitle{margin-top:2rem;opacity:.6;mix-blend-mode:difference;color:#fff;max-width:500px}.hero-bio{margin-top:1.5rem;opacity:.4;mix-blend-mode:difference;color:#fff;max-width:600px;line-height:1.6}.section-grid{width:100%;max-width:1200px;margin-top:8vh}.section-label{border-bottom:1px solid currentColor;padding-bottom:8px;margin-bottom:var(--grid-unit);mix-blend-mode:difference;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-unit);width:100%;max-width:1200px;mix-blend-mode:difference;color:#fff}.project-item{border-top:1px solid currentColor;padding-top:12px;display:flex;flex-direction:column;gap:12px;transition:opacity .2s}.project-item:hover{opacity:.6}.project-item:after{display:none}.project-meta{display:flex;justify-content:space-between}.project-detail{flex-grow:1;display:flex;flex-direction:column;padding:4rem 0;max-width:800px;width:100%;margin:0 auto}.detail-back,.detail-header{margin-bottom:3rem;mix-blend-mode:difference;color:#fff}.detail-meta{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:12px;margin-bottom:var(--grid-unit)}.detail-title{font-size:clamp(2.5rem,8vw,6rem);line-height:.9;font-weight:900;text-transform:uppercase;margin-bottom:1rem}.detail-subtitle{opacity:.7;margin-bottom:.5rem}.detail-tech{opacity:.5}.detail-body{margin-bottom:3rem;mix-blend-mode:difference;color:#fff}.detail-body p{font-family:var(--font-display);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.detail-outcomes{border-top:1px solid currentColor;padding-top:1.5rem;margin-bottom:3rem;mix-blend-mode:difference;color:#fff}.detail-outcomes h2{margin-bottom:1rem;text-transform:uppercase}.detail-outcomes ul{list-style:none}.detail-outcomes li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-outcomes li:before{content:"> ";opacity:.4}.detail-link{mix-blend-mode:difference;color:#fff}.detail-link a{font-size:1.5rem;transition:opacity .2s}.detail-link a:hover{opacity:.6}.detail-hero-image{margin-bottom:3rem}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-unit);margin-bottom:3rem}.project-image{position:relative;width:100%}.project-image__frame{position:relative;overflow:hidden;border:1px solid rgba(242,242,242,.15);background:#0a0a0a}.project-image--full .project-image__frame{aspect-ratio:16 / 9}.project-image--thumb .project-image__frame{aspect-ratio:4 / 3}.project-image__img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s steps(4)}.project-image__img.loaded{opacity:1}.project-image__grain{position:absolute;inset:0;opacity:.4;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px}.project-image__scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);opacity:.5}.project-image__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.project-image__placeholder-index{font-family:var(--font-mono);font-size:4rem;color:#f2f2f20f;font-weight:700;letter-spacing:.1em}.project-image__caption{margin-top:12px;opacity:.6;color:#fff;mix-blend-mode:difference}.project-image--portrait .project-image__frame{aspect-ratio:auto;max-width:400px;margin:0 auto;border-radius:12px}.project-image--portrait .project-image__img{height:auto}.detail-gallery .project-image--portrait .project-image__frame{max-width:100%;border-radius:8px}.project-thumb-container{isolation:isolate;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s}.project-item:hover .project-thumb-container{max-height:300px;opacity:1}.project-thumb-container .project-image--thumb{clip-path:inset(100% 0 0 0);transition:clip-path .5s steps(8)}.project-item:hover .project-thumb-container .project-image--thumb{clip-path:inset(0 0 0 0)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:4rem;padding-bottom:2rem;color:var(--fg-bot)}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{margin-bottom:8px;border-bottom:1px solid var(--fg-bot);padding-bottom:4px;display:inline-block;width:fit-content}@keyframes detail-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-detail>*{animation:detail-enter .6s steps(6) backwards}.detail-back{animation-delay:.05s}.detail-header{animation-delay:.1s}.detail-hero-image,.detail-gallery{animation-delay:.15s}.detail-body{animation-delay:.2s}.detail-outcomes{animation-delay:.25s}.detail-link{animation-delay:.3s}.detail-gallery .project-image:nth-child(1){animation:detail-enter .6s steps(6) .15s backwards}.detail-gallery .project-image:nth-child(2){animation:detail-enter .6s steps(6) .2s backwards}.blink{animation:blinker 1s step-end infinite}@keyframes blinker{50%{opacity:0}}@media(max-width:768px){header,footer,.project-grid{grid-template-columns:1fr;gap:2rem}.header-center,.header-right{text-align:left}.hero-title--fallback{font-size:4rem}.project-detail{padding:2rem 0}.detail-title{font-size:2.5rem}.detail-back,.detail-header,.detail-hero-image{margin-bottom:2rem}.detail-gallery{grid-template-columns:1fr;margin-bottom:2rem}.project-image--full .project-image__frame{aspect-ratio:4 / 3}.project-thumb-container{max-height:300px;opacity:1}.project-thumb-container .project-image--thumb{clip-path:inset(0 0 0 0)}.detail-body{margin-bottom:2rem}.detail-outcomes{margin-bottom:2rem;padding-top:1rem}.project-detail>*,.detail-gallery .project-image{animation:none}}.fn-proposal{--fn-bg: #ffffff;--fn-bg-dark: #0a0a0a;--fn-text: #1a1a1a;--fn-text-light: #666666;--fn-text-inverse: #ffffff;--fn-accent: #00b894;--fn-accent-subtle: #e8f8f5;--fn-border: #e5e5e5;--fn-border-dark: #333333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--fn-bg);color:var(--fn-text);min-height:100vh;line-height:1.6;cursor:default}.fn-proposal *{cursor:inherit}.fn-proposal a{color:var(--fn-text);text-decoration:none;transition:opacity .2s}.fn-proposal a:hover{opacity:.7}.fn-proposal a:after{display:none}.fn-hero{padding:120px 24px 80px;text-align:center;max-width:900px;margin:0 auto}.fn-hero-badge{display:inline-block;background:var(--fn-bg-dark);color:var(--fn-text-inverse);padding:8px 20px;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px}.fn-hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.fn-hero-accent{background:linear-gradient(135deg,var(--fn-accent) 0%,#00cec9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fn-hero-subtitle{font-size:1.25rem;color:var(--fn-text-light);max-width:600px;margin:0 auto 32px}.fn-hero-author{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--fn-text-light)}.fn-divider{opacity:.3}.fn-section{padding:80px 24px;max-width:1100px;margin:0 auto}.fn-section-dark{background:var(--fn-bg-dark);color:var(--fn-text-inverse);max-width:100%;padding-left:max(24px,calc((100% - 1100px)/2 + 24px));padding-right:max(24px,calc((100% - 1100px)/2 + 24px))}.fn-section-dark .fn-section-label{color:var(--fn-text-inverse);border-color:var(--fn-border-dark)}.fn-section-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--fn-text-light);padding-bottom:12px;border-bottom:1px solid var(--fn-border);margin-bottom:40px}.fn-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.fn-context-item{text-align:center}.fn-context-stat{font-size:4rem;font-weight:700;line-height:1;margin-bottom:16px;background:linear-gradient(135deg,var(--fn-accent) 0%,#00cec9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fn-context-item p{color:var(--fn-text-light);font-size:.95rem}.fn-insight{max-width:800px}.fn-insight-lead{font-size:1.5rem;font-weight:500;line-height:1.4;margin-bottom:24px}.fn-insight-body{font-size:1.1rem;opacity:.8;margin-bottom:24px}.fn-insight-highlight{font-size:1.25rem;font-weight:600;color:var(--fn-accent);padding-left:24px;border-left:3px solid var(--fn-accent)}.fn-initiative{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:40px 0;border-bottom:1px solid var(--fn-border)}.fn-initiative:last-child{border-bottom:none}.fn-initiative-num{font-size:1.5rem;font-weight:700;color:var(--fn-accent);font-family:Courier New,monospace}.fn-initiative-content h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;letter-spacing:-.02em}.fn-initiative-problem,.fn-initiative-solution{margin-bottom:12px;font-size:1rem;line-height:1.7}.fn-initiative-problem strong,.fn-initiative-solution strong{color:var(--fn-accent)}.fn-initiative-note{background:var(--fn-accent-subtle);padding:12px 16px;border-radius:8px;font-size:.9rem;margin:16px 0;border-left:3px solid var(--fn-accent)}.fn-initiative-metrics{display:flex;flex-direction:column;gap:4px;margin-top:16px;font-size:.85rem;color:var(--fn-text-light);font-family:Courier New,monospace}.fn-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.fn-why-item{padding:24px;border:1px solid var(--fn-border-dark);border-radius:12px}.fn-why-item h4{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--fn-accent)}.fn-why-item p{font-size:.9rem;opacity:.8;line-height:1.6}.fn-section-cta{text-align:center;padding:100px 24px;background:linear-gradient(180deg,var(--fn-bg) 0%,var(--fn-accent-subtle) 100%)}.fn-cta-content{max-width:600px;margin:0 auto}.fn-cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.fn-cta-content p{font-size:1.1rem;color:var(--fn-text-light);margin-bottom:32px}.fn-cta-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.fn-cta-button{display:inline-block;background:var(--fn-bg-dark);color:var(--fn-text-inverse)!important;padding:16px 32px;border-radius:100px;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s}.fn-cta-button:hover{opacity:1!important;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.fn-cta-secondary{display:inline-block;padding:16px 32px;font-weight:600;font-size:1rem;color:var(--fn-text)!important}.fn-footer{padding:40px 24px;border-top:1px solid var(--fn-border);background:var(--fn-bg)}.fn-footer-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--fn-text-light)}@media(max-width:768px){.fn-hero{padding:80px 20px 60px}.fn-section{padding:60px 20px}.fn-context-grid{grid-template-columns:1fr;gap:32px}.fn-context-stat{font-size:3rem}.fn-initiative{grid-template-columns:1fr;gap:16px}.fn-initiative-num{font-size:1.25rem}.fn-why-grid{grid-template-columns:1fr}.fn-cta-content h2{font-size:1.75rem}.fn-cta-links{flex-direction:column;align-items:center}}
