@font-face{font-family:Bricolage Grotesque;src:local("Bricolage Grotesque"),url(/fonts/BricolageGrotesque-Variable.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--green:#5EA854;--ink:#E9EBE6;--paper:#0F1310;--rule:#242A21;--muted:#787E74;--op2:.8;--op3:.62;--dim:#595C59;--font:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--swap:.35s;--swap-ease:cubic-bezier(.4,0,.2,1);--dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='4.5' fill='%235EA854'/%3E%3C/svg%3E") 8 8, pointer}:root[data-theme=light]{--green:#287F1C;--ink:#171C14;--paper:#F8F7F3;--rule:#E2E1DA;--muted:#83877E;--op2:.7;--op3:.5;--dim:#ACADA7}*{box-sizing:border-box}html{background:var(--paper);transition:background-color var(--swap) var(--swap-ease)}body{position:relative;margin:0 auto;max-width:1600px;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;min-height:100svh;display:flex;flex-direction:column;padding:clamp(1.5rem,3vh,2.5rem) clamp(1.1rem,2.4vw,2rem);transition:background-color var(--swap) var(--swap-ease),color var(--swap) var(--swap-ease)}header{display:flex;align-items:center;gap:.7rem;width:max-content;font-size:1.35rem;letter-spacing:-.022em}header .mark{width:46px;stroke-width:3.6}header .strand{transition:transform .9s cubic-bezier(.22,1.1,.36,1)}header .s1{transition-delay:0ms}header .s2{transition-delay:70ms}header .s3{transition-delay:.14s}@media(hover:hover){header:hover .s1{transform:rotate(14deg)}header:hover .s2{transform:rotate(46deg)}header:hover .s3{transform:rotate(98deg)}}.grid{flex:1;display:grid;align-items:center;align-content:center;column-gap:clamp(1.75rem,4.5vw,4rem);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;padding:clamp(1.5rem,5vh,3.5rem) 0}.lead{grid-area:1 / 1}main{grid-area:2 / 1}.figure{grid-area:2 / 2}.w{color:var(--ink);white-space:nowrap;transition:color var(--swap) var(--swap-ease),opacity var(--swap) var(--swap-ease),text-decoration-color var(--swap) var(--swap-ease);-webkit-tap-highlight-color:transparent}.w:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}[data-focus] .line,[data-focus] .line .w{color:var(--dim)}[data-focus="1"] .w[data-strand="1"],[data-focus="2"] .w[data-strand="2"],[data-focus="3"] .w[data-strand="3"]{color:var(--green)}header,.figure,.w,.toggle,footer a{cursor:var(--dot)}@media(hover:hover){.w:hover{color:var(--green)}}@media(hover:none){.w{touch-action:manipulation;text-decoration:underline dotted var(--rule);text-underline-offset:.24em;text-decoration-thickness:1.5px}[data-focus] .w[data-strand]{text-decoration-color:transparent}}.figure{--mw:min(100%,310px);display:flex;width:var(--mw);margin-left:auto;margin-right:calc(var(--mw) * -.0478)}.figure .mark{width:100%}.mark{height:auto;overflow:visible;fill:none;stroke:var(--green);stroke-width:3.2;stroke-linecap:round;transition:stroke var(--swap) var(--swap-ease)}.drift{transform-box:view-box;transform-origin:50% 50%;animation:drift 20s linear infinite}@keyframes drift{0%{transform:rotate(0)}to{transform:rotate(120deg)}}.strand{transform-box:view-box;transform-origin:50% 50%;transition:opacity var(--swap) var(--swap-ease),transform 1.1s cubic-bezier(.22,1.12,.4,1)}.s1{transform:rotate(0);opacity:1}.s2{transform:rotate(40deg);opacity:var(--op2)}.s3{transform:rotate(80deg);opacity:var(--op3)}[data-focus] .figure .strand{opacity:.1}[data-focus="1"] .figure .s1{opacity:1;transform:rotate(24deg)}[data-focus="2"] .figure .s2{opacity:1;transform:rotate(64deg)}[data-focus="3"] .figure .s3{opacity:1;transform:rotate(104deg)}.toggle{justify-self:end;height:46px;padding:0;display:flex;align-items:center;gap:.5rem;background:none;border:0;color:var(--muted);font:inherit;-webkit-tap-highlight-color:transparent;transition:color var(--swap) var(--swap-ease)}.toggle .mark{width:30px;margin-left:.55rem;stroke:currentColor;stroke-width:4.4}.toggle .strand{transition:none}.toggle:hover{color:var(--green)}.toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:24px}.toggle-label{font-size:.62rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.spin{transform-box:view-box;transform-origin:50% 50%;transition:transform 1.15s cubic-bezier(.22,1.02,.32,1)}footer{font-size:.78rem;letter-spacing:.02em;display:grid;align-items:center;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1.75rem,4.5vw,4rem)}.links{display:flex;align-items:center;gap:1.4rem}footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:.15em;transition:color var(--swap) var(--swap-ease),border-color var(--swap) var(--swap-ease)}footer a:hover{color:var(--green);border-bottom-color:currentColor}footer a:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:2px}@media(max-width:820px){.grid{grid-template-columns:1fr;grid-template-rows:none;justify-items:stretch;gap:clamp(1.25rem,3.5vh,2.25rem);padding:clamp(1rem,3vh,2.5rem) 0}.lead,main,.figure{grid-area:auto}.figure{order:-1;--mw:min(34vw,132px);margin-left:auto;margin-right:auto}footer{grid-template-columns:1fr auto;gap:1rem}.toggle{justify-self:end}header{font-size:1.2rem;gap:.6rem}header .mark{width:40px}}@media(max-height:620px)and (max-width:820px){.figure{--mw:min(22vw,94px) }}@media(prefers-reduced-motion:reduce){:root{--swap:0s }.drift{animation:none}.strand,.spin,body{transition:none}[data-focus="1"] .figure .s1{transform:rotate(0)}[data-focus="2"] .figure .s2{transform:rotate(40deg)}[data-focus="3"] .figure .s3{transform:rotate(80deg)}}