@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Light-D2iwF1jc.otf) format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Regular-CTp6X_6t.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Medium-DEvk2VK0.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-SemiBold-xzB1x5r8.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}:root{--bg: #faf8f3;--fg: rgba(34, 30, 24, .9);--muted: rgba(62, 55, 45, .5);--soft: rgba(62, 55, 45, .68);--line: rgba(62, 55, 45, .13);--line-strong: rgba(62, 55, 45, .24);--glass: rgba(250, 248, 243, .72);--surface: rgba(255, 252, 245, .64);--surface-strong: rgba(255, 252, 245, .86);--earth: #74634f;--moss: #8aa283;--ochre: #c48a37;--max: 1240px;--narrow: 1078px;--gutter: clamp(22px, 4.2vw, 64px);--mx: 0;--my: 0;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}html,body,#root{min-height:100%;margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:Matter,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.has-custom-cursor,.has-custom-cursor *{cursor:none!important}html.has-scroll-smooth{overflow:hidden}html.has-mobile-menu-open,html.has-mobile-menu-open body{overflow:hidden!important}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;top:0;right:0;z-index:90;width:11px;height:100%;opacity:0;transform-origin:center right;transition:transform .3s var(--ease),opacity .3s var(--ease)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar_thumb{position:absolute;top:0;right:0;width:7px;margin:2px;border-radius:10px;background:#3e372d52;cursor:grab}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;opacity:.18;background-image:linear-gradient(115deg,rgba(116,99,79,.08),transparent 28%),radial-gradient(circle at 20% 30%,rgba(62,55,45,.18) 0 .6px,transparent .8px),radial-gradient(circle at 80% 70%,rgba(62,55,45,.1) 0 .6px,transparent .8px);background-size:100% 100%,3px 3px,5px 5px;mix-blend-mode:soft-light}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:79;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.72'/%3E%3C/svg%3E");background-size:180px 180px;animation:noise-shift 1.2s steps(2) infinite}.custom-cursor{position:fixed;top:0;left:0;z-index:120;width:144px;height:144px;border-radius:50%;pointer-events:none;background:#221e18e6;mix-blend-mode:difference;transform:translate3d(-72px,-72px,0) scale(.075);transition:opacity .22s var(--ease),background .22s var(--ease);will-change:transform}.custom-cursor.is-active{background:#221e18d1}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.page{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;background:radial-gradient(circle at 76% 18%,rgba(138,162,131,.18),transparent 24rem),radial-gradient(circle at 20% 54%,rgba(196,138,55,.1),transparent 28rem),var(--bg)}.section-label{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:12px;line-height:1.4;font-weight:300;letter-spacing:.08em;color:var(--muted)}.section-label:before{content:"";width:28px;height:1px;background:currentColor;opacity:.55}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto;align-items:start;width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding-top:48px;pointer-events:none;opacity:1;transform:translateZ(0);transition:opacity .68s var(--ease),transform .68s var(--ease)}.site-header.is-menu-open{opacity:1;transform:translateZ(0)}.site-header.is-hidden{opacity:0;transform:translate3d(0,-18px,0)}.site-wordmark,.site-menu{pointer-events:auto}.site-wordmark{display:inline-flex;align-items:center;gap:13px;width:fit-content;padding-top:4px;opacity:.94;transition:opacity .52s var(--ease),transform .52s var(--ease),filter .52s var(--ease)}.site-wordmark:hover{opacity:1;transform:translate3d(-2px,-1px,0);filter:blur(0)}.site-wordmark img{width:20px;height:20px;filter:none}.site-wordmark span,.site-menu a{color:var(--fg);font-size:14px;font-weight:300;line-height:1;letter-spacing:.03em}.menu-toggle{position:relative;z-index:26;display:none;width:42px;height:42px;margin-left:auto;padding:0;border:0;border-radius:999px;background:#faf8f36b;color:var(--fg);box-shadow:inset 0 0 0 1px #3e372d2e;pointer-events:auto}.menu-toggle span{position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:transform .42s var(--ease),top .42s var(--ease)}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:24px}.site-header.is-menu-open .menu-toggle span:first-child{top:21px;transform:rotate(38deg)}.site-header.is-menu-open .menu-toggle span:last-child{top:21px;transform:rotate(-38deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;flex-direction:column;justify-content:space-between;padding:var(--gutter) 36px;background:radial-gradient(circle at 74% 16%,rgba(138,162,131,.18),transparent 18rem),radial-gradient(circle at 16% 82%,rgba(196,138,55,.11),transparent 18rem),linear-gradient(180deg,#faf8f3fa,#f4f0e8fc);opacity:0;clip-path:inset(0 100% 0 0 round 0 28px 28px 0);transform:translate3d(-10px,0,0);transition:opacity .52s var(--ease),clip-path .68s var(--ease),transform .68s var(--ease),visibility .52s var(--ease);visibility:hidden;pointer-events:none}.mobile-menu-meta,.mobile-menu-footer{position:relative;color:#3e372d7a;font-size:11px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translate3d(0,12px,0);transition:opacity .52s var(--ease),transform .52s var(--ease)}.mobile-menu-links{position:relative;display:flex;flex-direction:column;gap:clamp(13px,4vw,22px)}.mobile-menu-links a{display:flex;align-items:flex-start;color:var(--fg);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(48px,15vw,82px);font-weight:400;line-height:.9;letter-spacing:0;transform:translate3d(0,38px,0) skewY(3deg);opacity:0;transition:opacity .62s var(--ease),transform .72s var(--ease)}.mobile-menu.is-open{opacity:1;clip-path:inset(0 0 0 0 round 0);transform:translateZ(0);visibility:visible;pointer-events:auto}.mobile-menu.is-open .mobile-menu-meta,.mobile-menu.is-open .mobile-menu-footer,.mobile-menu.is-open .mobile-menu-links a{opacity:1;transform:translateZ(0) skewY(0)}.mobile-menu.is-open .mobile-menu-meta{transition-delay:.16s}.mobile-menu.is-open .mobile-menu-links a:nth-child(1){transition-delay:.22s}.mobile-menu.is-open .mobile-menu-links a:nth-child(2){transition-delay:.28s}.mobile-menu.is-open .mobile-menu-links a:nth-child(3){transition-delay:.34s}.mobile-menu.is-open .mobile-menu-links a:nth-child(4){transition-delay:.4s}.mobile-menu.is-open .mobile-menu-footer{transition-delay:.46s}.site-menu{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:136px}.site-menu a{position:relative;display:block;text-transform:lowercase;opacity:.78;transition:opacity .56s var(--ease),transform .56s var(--ease),letter-spacing .56s var(--ease)}.site-menu a:after{content:"";position:absolute;right:calc(100% + 10px);top:50%;width:0;height:1px;background:currentColor;transform:translateY(-50%);opacity:.8;transition:width .56s var(--ease),opacity .56s var(--ease),right .56s var(--ease)}.site-menu a:hover{color:var(--fg);opacity:1;letter-spacing:.065em;transform:translate3d(-6px,0,0)}.site-menu a:hover:after{right:calc(100% + 14px);width:30px}.hero{position:relative;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:232px var(--gutter) 84px;background:var(--bg)}.hero:after{content:none}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;width:min(100%,820px);text-align:center;animation:rise-in .9s var(--ease) both}.hero-copy h1{max-width:820px;margin:0;color:#221e18e6;font-family:"Instrument Serif",Georgia,serif;font-size:5rem;font-weight:400;line-height:.96;letter-spacing:0;text-wrap:balance}.hero-copy p{max-width:520px;margin:0;color:#3e372dad;font-size:1.1875rem;font-weight:300;line-height:1.55;letter-spacing:.01em}.hero-picture{position:absolute;right:0;bottom:0;left:0;display:block;width:100%;height:auto;z-index:0}.hero-image{display:block;width:100%;height:auto}.intro{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.7fr);gap:clamp(48px,9vw,160px);width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding:clamp(120px,17vw,230px) 0 clamp(80px,10vw,150px)}.intro h2,.afterword-large h2{margin:22px 0 0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(36px,5.1vw,78px);font-weight:400;line-height:.98;letter-spacing:0;text-wrap:balance}.intro-body{display:flex;flex-direction:column;gap:32px;align-self:end;padding-top:16px}.intro-body p,.finn-body p,.afterword-columns p,.closing-copy p{margin:0;color:var(--soft);font-size:clamp(16px,1.25vw,19px);font-weight:300;line-height:1.7}.manifesto{position:relative;width:100%;padding:clamp(130px,16vw,220px) var(--gutter) 0}.manifesto-heading{display:grid;grid-template-columns:.44fr 1fr;gap:48px;align-items:end;width:min(100%,var(--max));margin:0 auto clamp(42px,6vw,88px)}.manifesto-heading h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(46px,8vw,118px);font-weight:400;line-height:.92;letter-spacing:0;text-wrap:balance}.manifesto-pin{position:relative;min-height:540vh}.manifesto-sticky{top:0;display:flex;align-items:center;justify-content:center;min-height:100svh;position:relative}.manifesto-stage{position:relative;width:min(100%,var(--max));min-height:clamp(310px,28vw,460px);margin:0 auto}.manifesto-line{position:absolute;top:50%;left:0;right:0;max-width:1180px;margin:0;transform:translateY(-50%);color:var(--fg);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(31px,4.8vw,78px);font-weight:400;line-height:1.08;letter-spacing:0;text-wrap:balance;pointer-events:none}.manifesto-line:nth-child(2){max-width:1080px;left:auto;right:0}.manifesto-line:nth-child(3){max-width:1120px}.highlight-word{display:inline-block;margin-right:.18em;transition:opacity 90ms linear,transform .16s var(--ease);will-change:opacity,transform}.highlight-word:last-child{margin-right:0}.reveal-on-scroll{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);will-change:opacity,transform}.reveal-on-scroll.is-inview{opacity:1;transform:translateZ(0)}.finn-visual{position:relative;width:min(calc(100% - var(--gutter) * 2),var(--max));height:clamp(560px,72vw,760px);margin:0 auto;box-sizing:border-box;background-position:50%;background-size:cover;border-radius:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip;isolation:isolate;box-shadow:#2b2b2b 0 0 32px -7px inset}.finn-visual:before{content:none}.finn-visual:after{content:none}.finn-topbar{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:2}.finn-star{width:26px;height:26px;filter:invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.28))}.finn-date{position:absolute;left:50%;top:6px;transform:translate(-50%);color:#ffffffdb;font-size:14px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.28)}.finn-avatar{width:38px;height:38px;border-radius:50%;background:#ffffffbd;color:#101010;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:inset 0 1px #fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.finn-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:2}.finn-wordmark{color:#f8fbf8;font-size:clamp(88px,13vw,168px);font-weight:400;line-height:.9;letter-spacing:-.01em;text-shadow:0 8px 42px rgba(0,0,0,.34);font-family:Fraunces}.finn-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 22px;border-radius:999px;background:#ffffffeb;color:#090909;font-size:13px;font-weight:500;transition:transform .26s var(--ease),background .26s var(--ease)}.github-icon{width:16px;height:16px;flex:0 0 auto}.finn-pill:hover{transform:translateY(-2px);background:#fff}.finn-pill:active{transform:translateY(0) scale(.98)}.finn-credit{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;color:#ffffffb8;font-size:12px;font-weight:400;letter-spacing:.025em;text-align:center}.finn-description{display:flex;flex-direction:column;gap:clamp(52px,8vw,116px);width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding:clamp(110px,17vw,220px) 0 clamp(80px,12vw,160px)}.finn-lead-wrap{display:flex;flex-direction:column;gap:24px}.finn-lead{max-width:1060px;margin:0;color:var(--fg);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(34px,5.4vw,82px);font-weight:400;line-height:1.02;letter-spacing:0;text-wrap:balance}.finn-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.finn-body p{min-height:280px;padding:clamp(24px,3vw,38px);background:var(--surface);transition:background .32s var(--ease),transform .32s var(--ease)}.finn-body p:hover{background:var(--surface-strong);transform:translateY(-3px)}.finn-body p span{display:block;margin-bottom:clamp(42px,7vw,86px);color:var(--muted);font-size:12px;line-height:1}.finn-closing-note{max-width:620px;margin:0 0 0 auto;color:var(--soft);font-size:clamp(18px,2vw,28px);font-weight:300;line-height:1.45;letter-spacing:-.018em}.afterword{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(340px,.66fr);gap:clamp(52px,8vw,128px);width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding:clamp(92px,14vw,180px) 0 clamp(120px,16vw,0px);border-top:1px solid var(--line)}.afterword-large{position:sticky;top:120px;height:fit-content}.afterword-columns{display:flex;flex-direction:column;gap:42px;padding-top:clamp(80px,11vw,150px)}.closing{position:relative;width:100%;min-height:auto;margin-top:-1px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;padding:clamp(92px,12vw,160px) var(--gutter) clamp(74px,8vw,108px);background:radial-gradient(circle at 76% 20%,rgba(138,162,131,.12),transparent 26rem),radial-gradient(circle at 18% 76%,rgba(196,138,55,.08),transparent 26rem),var(--bg)}.closing:before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:clamp(120px,18vw,260px);background:linear-gradient(180deg,var(--bg),rgba(250,248,243,0));pointer-events:none}.closing-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:min(100%,var(--max));margin:0 auto clamp(80px,10vw,128px)}.closing-footer{position:absolute;left:50%;width:min(calc(100% - var(--gutter) * 2),var(--max));transform:translate(-50%);bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.closing-copy h2{max-width:930px;margin:0;color:var(--fg);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(42px,7vw,104px);font-weight:400;line-height:.96;letter-spacing:0;text-wrap:balance}.closing-copy p{max-width:620px;color:var(--soft);font-size:clamp(18px,1.6vw,24px);line-height:1.48}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:15px;height:15px;filter:none;opacity:.86}.footer-brand span,.footer-meta{color:#221e18d1;font-size:12px;font-weight:300;letter-spacing:.025em}.footer-meta{color:#221e18b8}@keyframes rise-in{0%{opacity:0;transform:translateY(calc(var(--hero-copy-y, 0px) + 22px))}to{opacity:1;transform:translateY(var(--hero-copy-y, 0px))}}@keyframes gradient-breathe{0%{transform:scale(1) translate(-1.4%);opacity:.72}to{transform:scale(1.08) translate(1.4%);opacity:.98}}@keyframes noise-shift{0%{transform:translateZ(0)}50%{transform:translate3d(-2%,1%,0)}to{transform:translate3d(1%,-2%,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;width:calc(100% - var(--gutter) * 2);padding-top:22px}.site-menu{display:none}.menu-toggle,.mobile-menu{display:flex;justify-content:center}.hero{height:100dvh;min-height:100dvh;align-items:center;padding:116px var(--gutter)}.hero-copy{gap:22px;width:min(100%,560px)}.hero-picture{width:100%;max-width:none}.intro,.manifesto-heading,.afterword{grid-template-columns:1fr}.custom-cursor{display:none}.manifesto-heading{gap:28px}.manifesto-pin{min-height:360vh}.manifesto-stage{min-height:min(54svh,520px)}.afterword-large{position:relative;top:auto}.afterword-columns{padding-top:0}.finn-body{grid-template-columns:1fr}.finn-body p{min-height:220px}.finn-closing-note{margin-left:0}}@media(max-width:640px){.site-wordmark{max-width:calc(100vw - var(--gutter) * 2)}.site-wordmark span{font-size:12px}.site-wordmark img{width:16px;height:16px}.hero-copy h1{max-width:360px;font-size:2.75rem;line-height:.98}.hero-copy p{max-width:360px;font-size:15px;line-height:1.5}.intro,.manifesto{padding-top:100px}.manifesto-line{font-size:clamp(31px,9.8vw,48px);line-height:1.1}.finn-visual{height:540px}.finn-topbar{left:18px;right:18px}.finn-date{font-size:12px}.closing-footer{display:grid;grid-template-columns:1fr auto;align-items:end;row-gap:8px}.closing-footer .footer-brand{display:contents}.closing-footer .footer-brand img{grid-column:1 / -1}.closing-footer .footer-brand span{grid-column:1}.closing-footer .footer-meta{grid-column:2;text-align:right}.closing{padding-top:76px}.closing-copy{margin-bottom:120px}}
