/* ───────────────────────────────────────────────────────────────── Monolith Investments LP — site styles Fonts are loaded via to Google Fonts in each page's . ───────────────────────────────────────────────────────────────── */ :root { --bg: #ffffff; --ink: #0c0c0c; --ink-soft: #1b1b1b; --muted: #b3b3b0; --muted-2: #8d8d8a; --line: #ececea; --solid: #111111; --solid-ink: #ffffff; --fill: #ecebe7; --sidebar-w: 232px; --content-w: 600px; --gutter: 96px; --serif: "Newsreader", Georgia, "Times New Roman", serif; --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace; /* Ox mark, inlined so it renders from file:// as well as over http */ --mark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202248%201776%22%3E%3Cg%20transform%3D%22translate(0.000000%2C1776.000000)%20scale(0.100000%2C-0.100000)%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%3E%20%3Cpath%20d%3D%22M15444%2017713%20c-3%20-27%20-11%20-54%20-16%20-60%20-14%20-17%20-63%20-16%20-96%201%20-47%2024%20-136%2044%20-160%2035%20-38%20-14%20-38%20-37%203%20-79%2077%20-79%2025%20-93%20-266%20-69%20-238%2019%20-364%20-8%20-480%20-103%20-125%20-102%20-262%20-183%20-359%20-213%20-47%20-14%20-99%20-30%20-115%20-35%20-67%20-21%20-148%20-32%20-320%20-41%20-418%20-23%20-443%20-25%20-459%20-38%20-28%20-23%20-19%20-57%2025%20-95%2074%20-63%2047%20-78%20-168%20-101%20-301%20-30%20-467%20-59%20-643%20-111%20-47%20-14%20-107%20-32%20-135%20-39%20-27%20-8%20-84%20-31%20-125%20-51%20-41%20-20%20-84%20-41%20-95%20-46%20-91%20-42%20-104%20-96%20-28%20-111%2051%20-10%2083%20-41%2062%20-61%20-15%20-14%20-92%20-40%20-152%20-50%20-21%20-4%20-59%20-16%20-84%20-27%20-25%20-11%20-67%20-24%20-92%20-30%20-41%20-9%20-183%20-74%20-313%20-144%20-75%20-40%20-121%20-112%20-130%20-205%20-2%20-19%20-16%20-31%20-64%20-55%20-73%20-36%20-109%20-61%20-193%20-134%20-69%20-61%20-99%20-85%20-218%20-175%20-145%20-110%20-317%20-229%20-397%20-275%20-44%20-25%20-125%20-77%20-191%20-121%20-22%20-15%20-51%20-31%20-65%20-35%20-14%20-4%20-55%20-24%20-92%20-46%20-36%20-21%20-72%20-39%20-78%20-39%20-7%200%20-24%20-6%20-38%20-14%20-63%20-34%20-279%20-135%20-302%20-141%20-30%20-8%20-218%20-80%20-277%20-106%20-23%20-10%20-90%20-30%20-150%20-45%20-59%20-14%20-146%20-38%20-193%20-51%20-47%20-14%20-105%20-29%20-130%20-33%20-25%20-4%20-139%20-24%20-255%20-45%20-115%20-20%20-268%20-41%20-340%20-45%20-71%20-4%20-204%20-13%20-293%20-21%20-133%20-10%20-196%20-10%20-335%200%20-95%207%20-233%2017%20-307%2021%20-129%207%20-206%2016%20-370%2045%20-41%207%20-127%2021%20-190%2030%20-118%2017%20-199%2035%20-281%2060%20-26%208%20-58%2015%20-73%2015%20-35%200%20-394%2057%20-485%2077%20-86%2019%20-712%2022%20-811%204%20-30%20-5%20-127%20-21%20-215%20-35%20-209%20-33%20-323%20-54%20-335%20-61%20-10%20-6%20-85%20-27%20-180%20-50%20-56%20-14%20-255%20-87%20-300%20-110%20-14%20-7%20-52%20-22%20-85%20-35%20-90%20-33%20-224%20-96%20-355%20-168%20-36%20-19%20-112%20-59%20-170%20-89%20-58%20-30%20-112%20-61%20-120%20-68%20-15%20-12%20-141%20-77%20-275%20-142%20-38%20-18%20-77%20-38%20-85%20-43%20-24%20-15%20-218%20-110%20-226%20-110%20-7%200%20-55%20-22%20-189%20-86%20-66%20-32%20-117%20-51%20-350%20-130%20-55%20-19%20-118%20-44%20-140%20-56%20-47%20-25%20-215%20-148%20-215%20-157%200%20-3%20-30%20-40%20-66%20-81%20-37%20-41%20-100%20-118%20-142%20-170%20-41%20-52%20-105%20-124%20-141%20-160%20-81%20-80%20-369%20-393%20-412%20-446%20-17%20-21%20-51%20-63%20-77%20-93%20-62%20-71%20-132%20-170%20-240%20-341%20-37%20-59%20-105%20-191%20-176%20-341%20-30%20-65%20-98%20-251%20-132%20-364%20-13%20-44%20-35%20-114%20-48%20-155%20-13%20-41%20-31%20-104%20-41%20-140%20-9%20-36%20-23%20-83%20-31%20-105%20-14%20-41%20-17%20-54%20-61%20-285%20-79%20-418%20-98%20-841%20-53%20-1175%205%20-38%209%20-101%2010%20-138%200%20-37%206%20-100%2014%20-140%208%20-40%2022%20-133%2031%20-207%209%20-74%2023%20-181%2031%20-236%208%20-56%2014%20-120%2014%20-142%200%20-22%205%20-53%2011%20-69%2015%20-39%2063%20-529%2078%20-793%2013%20-223%20-30%20-618%20-77%20-706%20-5%20-10%20-17%20-48%20-26%20-83%20-22%20-88%20-109%20-261%20-196%20-391%20-53%20-80%20-160%20-349%20-160%20-403%200%20-13%20-9%20-40%20-20%20-62%20-18%20-36%20-20%20-59%20-20%20-300%200%20-181%203%20-264%2011%20-272%2010%20-10%2046%20-194%2067%20-343%205%20-30%2013%20-64%2019%20-75%206%20-11%2025%20-90%2043%20-175%2017%20-85%2044%20-198%2060%20-250%2016%20-52%2038%20-144%2050%20-205%2023%20-114%2037%20-152%2065%20-175%2023%20-19%2061%2023%2071%2078%2012%2067%2046%2079%2059%2020%2013%20-58%2078%20-114%20156%20-136%2053%20-14%2059%20-5%2074%2099%209%2065%2021%20108%2039%20139%2014%2025%2033%2067%2042%2094%2014%2041%2052%20115%2095%20186%205%208%2013%2024%2018%2035%205%2011%2028%2063%2051%20115%20106%20238%20189%20441%20213%20520%2053%20180%2067%20234%2081%20315%2019%20106%2032%20214%2042%20345%207%20104%2022%20145%2060%20162%2039%2018%2049%200%2033%20-62%20-11%20-42%20-11%20-65%201%20-133%2024%20-147%2025%20-261%200%20-311%20-29%20-60%20-12%20-86%2065%20-98%2066%20-11%2047%20-113%20-65%20-345%20-32%20-67%20-61%20-132%20-65%20-145%20-4%20-13%20-29%20-68%20-56%20-123%20-57%20-117%20-131%20-329%20-160%20-465%20-37%20-172%20-20%20-451%2035%20-558%2021%20-41%2046%20-199%2056%20-362%2046%20-701%2049%20-854%2021%20-1091%20-12%20-101%20-29%20-242%20-37%20-314%20-15%20-125%20-31%20-219%20-55%20-315%20-6%20-25%20-28%20-115%20-49%20-200%20-46%20-189%20-87%20-348%20-106%20-415%20-23%20-82%20-44%20-229%20-44%20-312%200%20-90%2032%20-257%2053%20-282%208%20-9%2026%20-38%2040%20-66%2014%20-27%2053%20-77%2087%20-110%2092%20-89%20196%20-234%20232%20-323%2016%20-41%2034%20-83%2039%20-91%205%20-9%2018%20-41%2029%20-72%2024%20-66%2079%20-141%20118%20-159%2026%20-12%2092%20-16%20842%20-49%20287%20-13%20516%20-14%20675%20-1%20113%208%20121%2011%20143%2036%2038%2044%2028%2068%20-83%20214%20-19%2025%20-48%2063%20-65%2085%20-17%2022%20-53%2067%20-80%20100%20-28%2033%20-75%2090%20-105%20127%20-30%2037%20-62%2071%20-69%2075%20-24%2013%20-147%20137%20-219%20220%20-90%20104%20-225%20334%20-242%20413%20-4%2019%20-24%2089%20-43%20155%20-35%20120%20-35%20120%20-40%20448%20-4%20338%205%20465%2044%20667%208%2041%2023%20129%2033%20195%2011%2066%2026%20143%2035%20170%208%2028%2025%2082%2036%20120%2011%2039%2027%2084%2035%20102%208%2017%2015%2035%2015%2040%200%205%2013%2051%2030%20102%2028%2088%2054%20145%20191%20414%2066%20129%20177%20296%20197%20296%2019%201%2052%20-77%2052%20-124%200%20-58%2018%20-113%2040%20-125%2025%20-13%2025%20-13%2053%2013%2014%2012%2036%2032%2048%2044%2013%2012%2056%2064%2094%20117%2096%20131%20113%20127%20154%20-34%2043%20-167%2075%20-248%20187%20-476%2063%20-127%20125%20-261%20139%20-298%2014%20-36%2029%20-74%2035%20-83%2024%20-45%20100%20-222%20100%20-235%200%20-8%2012%20-46%2026%20-84%2042%20-111%20124%20-381%20140%20-459%203%20-16%2012%20-48%2019%20-70%2055%20-168%20126%20-821%20109%20-1005%20-8%20-97%2019%20-270%2056%20-348%2043%20-93%2080%20-133%20178%20-198%20137%20-92%20232%20-202%20232%20-270%200%20-88%2078%20-208%20157%20-242%2061%20-26%20113%20-30%20528%20-39%20786%20-19%201063%20-6%201122%2049%2046%2043%2025%2093%20-131%20320%20-51%2074%20-186%20209%20-270%20268%20-43%2030%20-108%2083%20-144%20117%20-36%2035%20-69%2063%20-72%2063%20-20%200%20-242%20272%20-281%20345%20-12%2022%20-48%2083%20-80%20136%20-32%2054%20-62%20105%20-65%20115%20-20%2060%20-58%20152%20-70%20169%20-8%2011%20-14%2029%20-14%2041%200%2012%20-11%2046%20-24%2075%20-13%2030%20-34%2097%20-46%20149%20-11%2052%20-27%20120%20-35%20150%20-31%20121%20-45%20202%20-60%20350%20-9%2085%20-29%20223%20-45%20305%20-51%20260%20-49%20429%204%20547%2013%2029%2031%2078%2041%20108%2010%2030%2032%2084%2050%20120%2062%20121%2076%20169%2076%20263%200%20100%203%20103%2076%2098%2055%20-3%20129%2025%20184%2070%2015%2011%2041%2024%2059%2028%2048%209%2067%2042%2095%20161%2014%2058%2034%20134%2045%20170%2011%2036%2025%2091%2031%20122%2019%20101%2062%2065%2074%20-62%2013%20-141%2062%20-203%2079%20-99%2010%2063%2032%2096%20127%20195%20107%20110%20109%20116%20109%20255%200%20148%2030%20179%20123%20129%2068%20-37%2096%20-18%20117%2076%206%2027%2038%2099%2070%20161%2063%20119%20122%20257%20134%20308%204%2017%2026%2077%2049%20135%2049%20122%20108%20190%20194%20226%2088%2037%20100%2012%2074%20-157%20-25%20-161%204%20-179%20118%20-74%20102%2093%20146%2081%2086%20-24%20-57%20-99%20-11%20-140%2095%20-85%2093%2049%20113%2021%20104%20-143%20-7%20-110%20-6%20-112%2019%20-137%2036%20-36%2047%20-33%20118%2028%20136%20119%20173%2097%20107%20-62%20-18%20-42%20-31%20-85%20-31%20-95%205%20-63%2084%20-64%20153%20-2%2033%2029%20115%2075%20133%2075%2026%200%2027%20-28%203%20-112%20-39%20-135%20-44%20-198%20-16%20-198%2010%200%20150%20137%20212%20208%2082%2093%20103%2070%2068%20-72%20-16%20-64%20-3%20-96%2040%20-96%2024%200%2048%2017%20121%2085%20100%2093%20139%20109%20139%2058%200%20-115%2039%20-139%20145%20-89%2042%2020%2080%2036%2084%2036%203%200%2024%209%2045%2021%2021%2011%2048%2019%2060%2017%2022%20-3%2022%20-2%2015%20-100%20-7%20-90%2058%20-101%20169%20-26%2042%2028%20103%2064%20135%2080%2032%2016%2072%2038%2087%2050%2059%2043%2076%204%2035%20-84%20-33%20-70%20-40%20-112%20-25%20-147%2023%20-56%2050%20-50%20140%2032%2080%2072%20108%2082%20189%2066%2036%20-7%20116%20-13%20176%20-13%20125%20-1%20164%2013%20222%2078%2028%2032%2036%2036%2060%2029%2095%20-27%20232%205%20333%2077%2055%2039%2085%2015%20101%20-80%2021%20-129%2069%20-151%20131%20-60%20157%20226%20305%20289%20309%20130%203%20-103%2026%20-131%2081%20-97%2013%208%2068%2029%20123%2047%20263%2085%20318%20122%20389%20269%2047%2096%2074%20122%20100%2095%2020%20-20%2019%20-176%20-3%20-279%20-18%20-89%20-96%20-337%20-158%20-505%20-65%20-176%20-83%20-276%20-82%20-443%201%20-139%2014%20-202%2044%20-202%2016%200%2027%2023%2061%20130%2024%2072%2043%20141%2043%20155%201%2037%2072%20134%20101%20138%2023%204%2023%204%2017%20-110%20-4%20-62%20-11%20-140%20-17%20-173%20-21%20-128%20-9%20-268%2043%20-505%2023%20-106%2050%20-146%2093%20-137%2041%207%2053%20-12%2074%20-122%2011%20-57%2023%20-108%2028%20-115%205%20-6%2021%20-47%2037%20-91%2015%20-44%2054%20-128%2086%20-187%2033%20-59%2059%20-110%2059%20-114%200%20-4%2017%20-42%2039%20-83%2021%20-42%2060%20-140%2086%20-219%2039%20-118%2051%20-145%2071%20-154%2050%20-23%2060%2040%2041%20245%20-8%2077%20-7%2087%208%2087%2015%200%2075%20-109%2075%20-136%200%20-6%206%20-17%2014%20-23%208%20-7%2031%20-59%2052%20-117%2056%20-157%2088%20-194%20143%20-165%2036%2020%2069%20156%2074%20311%205%20167%2030%20240%2065%20198%206%20-7%2013%20-31%2017%20-53%2021%20-123%2088%20-298%20120%20-315%2050%20-27%2085%2013%2085%2095%200%2016%2012%2030%2035%2045%2039%2024%2060%2023%20155%20-5%20109%20-32%20165%20-9%20216%2088%2036%2070%20102%20157%20118%20157%2021%200%2044%20-32%2073%20-101%2028%20-64%2028%20-64%2028%20-344%200%20-255%20-2%20-288%20-22%20-370%20-12%20-49%20-26%20-110%20-32%20-135%20-5%20-25%20-16%20-67%20-24%20-95%20-120%20-407%20-120%20-404%20-114%20-535%204%20-87%2012%20-133%2031%20-189%2030%20-86%20103%20-219%20128%20-232%209%20-5%2032%20-31%2049%20-57%2018%20-26%2053%20-70%2078%20-98%2046%20-51%20135%20-216%20166%20-309%2024%20-69%2069%20-138%20120%20-183%2051%20-45%2097%20-56%20308%20-72%2075%20-5%20198%20-15%20273%20-20%2075%20-6%20145%20-15%20155%20-20%2010%20-6%20192%20-10%20447%20-10%20429%200%20429%200%20465%2033%2045%2041%2052%2071%2032%20130%20-15%2045%20-26%2065%20-91%20167%20-18%2027%20-47%2075%20-65%20107%20-18%2032%20-57%2087%20-87%20123%20-136%20165%20-166%20200%20-174%20200%20-4%200%20-25%2015%20-45%2033%20-21%2019%20-63%2050%20-93%2069%20-171%20109%20-320%20285%20-403%20475%20-75%20170%20-87%20223%20-153%20663%20-55%20372%20-4%20773%20133%201032%2085%20161%2081%20161%20224%20-41%2063%20-89%20119%20-161%20125%20-161%2027%200%2043%2037%2046%20105%204%2087%2026%20101%2053%2033%209%20-23%2042%20-80%2073%20-127%2031%20-46%2073%20-110%2092%20-141%2050%20-80%2090%20-136%20131%20-184%2020%20-22%2051%20-63%2069%20-91%2063%20-95%20100%20-135%20125%20-135%2033%200%2091%2080%20140%20195%2071%20167%2088%20157%20164%20-100%2061%20-208%2072%20-334%2065%20-765%20-7%20-374%20-3%20-420%2051%20-622%2036%20-133%20114%20-225%20266%20-308%20153%20-84%20232%20-177%20260%20-309%2012%20-59%2063%20-122%20123%20-154%2040%20-21%2049%20-22%20681%20-30%20875%20-11%20934%20-8%20955%2048%2023%2059%20-15%20124%20-227%20387%20-60%2074%20-176%20182%20-243%20224%20-25%2016%20-52%2035%20-60%2042%20-28%2023%20-115%2082%20-152%20102%20-71%2038%20-256%20216%20-308%20295%20-21%2033%20-53%2080%20-71%20105%20-81%20116%20-198%20399%20-225%20545%20-64%20353%20-72%20413%20-82%20615%20-12%20271%20-4%20346%2050%20434%2039%2063%2050%2074%20113%20107%2070%2037%20125%2093%20125%20129%200%2010%207%2023%2015%2030%2021%2018%2042%20-2%2056%20-54%2047%20-171%2078%20-231%20135%20-262%2056%20-31%20100%20-1%20134%2091%2063%20169%20102%20196%20139%2095%2014%20-40%2020%20-45%2050%20-48%2064%20-6%2093%2041%20110%20183%205%2044%2014%20100%2020%20125%205%2025%2012%2077%2016%20115%203%2039%2012%20115%2020%20170%2036%20248%2064%20457%2073%20540%2015%20125%2081%20347%20123%20412%20134%20205%20149%20252%20149%20480%200%20189%206%20203%2066%20138%2046%20-51%2067%20-37%20114%2076%2082%20198%20165%20289%20306%20338%2074%2027%20200%20107%20226%20145%2012%2017%2032%2042%2044%2056%2068%2074%20141%20285%20165%20475%206%2050%2015%2097%2019%20105%204%208%2011%2035%2015%2060%208%2048%2051%20169%2065%20184%2016%2016%2059%20-3%2066%20-28%2010%20-40%2040%20-61%2068%20-48%2038%2017%2065%20116%20107%20387%2024%20157%2036%20181%2071%20148%2076%20-69%20127%20-38%20147%2087%2026%20163%2067%20316%2093%20347%206%208%2040%2030%2076%2050%2086%2048%20168%20131%20199%20202%2013%2031%2035%2079%2047%20106%2013%2028%2031%2075%2041%20105%2041%20128%2057%20143%20101%2095%2027%20-30%2074%20-33%2096%20-7%2019%2020%2069%20135%2094%20212%209%2030%2034%20102%2055%20160%2020%2058%2040%20121%2044%20140%204%2019%2020%2064%2036%2099%2016%2035%2029%2069%2029%2076%200%207%2011%2032%2024%2057%2013%2024%2027%2055%2031%2069%204%2013%2040%2092%2081%20174%2093%20191%20109%20247%20109%20395%200%2095%20-4%20127%20-24%20187%20-14%2040%20-21%2076%20-17%2080%204%204%2035%20-7%2069%20-25%20113%20-59%20167%20-53%20167%2019%200%2022%20-6%2054%20-13%2072%20-8%2018%20-21%2064%20-30%20102%20-9%2039%20-27%20108%20-38%20155%20-15%2060%20-23%20130%20-27%20237%20-5%20172%20-2%20183%2057%20183%2053%200%2075%2019%2073%2064%20-1%2020%20-5%2042%20-9%2049%20-4%206%20-10%2029%20-13%2052%20-4%2022%20-19%20101%20-34%20175%20-26%20130%20-40%20190%20-71%20310%20-11%2039%20-15%20114%20-15%20261%200%20242%20-7%20273%20-90%20389%20-132%20185%20-96%20233%20218%20291%2064%2011%20124%2025%20134%2030%2010%205%2046%2018%2081%2029%20157%2049%20318%20150%20425%20268%2041%2045%2095%20149%20133%20255%2015%2042%2053%20115%2083%20161%2031%2046%2060%2094%2064%20106%2010%2028%2086%20122%20282%20351%20280%20327%20352%20452%20426%20733%2018%2071%2038%20134%2044%20140%2017%2017%2013%20492%20-4%20519%20-8%2012%20-21%2056%20-30%2097%20-26%20124%20-38%20163%20-62%20215%20-13%2028%20-24%2055%20-24%2061%200%2021%20-43%20119%20-70%20159%20-15%2022%20-33%2057%20-39%2077%20-7%2021%20-16%2040%20-21%2043%20-5%203%20-34%2041%20-64%2085%20-191%20273%20-536%20519%20-797%20570%20-194%2038%20-427%2021%20-461%20-32%20-32%20-52%203%20-101%20115%20-163%20180%20-99%20415%20-373%20477%20-555%2068%20-203%2076%20-342%2030%20-520%20-42%20-166%20-45%20-174%20-91%20-258%20-73%20-135%20-103%20-153%20-114%20-70%20-4%2029%20-13%2062%20-20%2073%20-7%2011%20-23%2056%20-35%20101%20-23%2081%20-23%2081%205%20160%2060%20170%2030%20262%20-154%20475%20-66%2076%20-151%20220%20-151%20255%200%2064%20-88%20154%20-195%20198%20-38%2016%20-40%2026%20-25%2091%207%2031%206%2045%20-6%2063%20-15%2023%20-137%2087%20-184%2096%20-31%206%20-90%2059%20-90%2080%200%209%2024%2033%2054%2055%20129%2095%2058%20165%20-181%20179%20-124%208%20-122%207%20-161%2082%20-25%2051%20-30%2055%20-71%2062%20-47%208%20-96%2046%20-132%20104%20-30%2050%20-88%2084%20-140%2084%20-43%200%20-47%202%20-76%2048%20-41%2061%20-107%2095%20-255%20128%20-144%2033%20-168%2047%20-210%20132%20-37%2074%20-33%2073%20-141%2056%20-38%20-5%20-80%200%20-191%2026%20-157%2036%20-191%2036%20-247%20-5%20-111%20-79%20-181%20-83%20-248%20-11%20-32%2034%20-37%2033%20-97%20-12%20-182%20-137%20-351%20-152%20-511%20-45%20-37%2025%20-70%2049%20-73%2053%20-3%205%20-43%2049%20-89%2099%20-102%20110%20-113%20112%20-182%2041%20-27%20-27%20-53%20-50%20-58%20-50%20-18%200%20-49%2036%20-95%20112%20-83%20136%20-138%20161%20-166%2077%20-31%20-93%20-77%20-108%20-110%20-36%20-108%20232%20-309%20358%20-680%20427%20-63%2012%20-175%2041%20-250%2065%20-74%2024%20-161%2048%20-193%2054%20-31%206%20-66%2015%20-76%2021%20-12%206%20-103%2010%20-225%2010%20-205%200%20-205%200%20-212%20-47z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } html[data-theme="dark"] { --bg: #0d0d0d; --ink: #f4f4f1; --ink-soft: #d8d8d4; --muted: #5c5c59; --muted-2: #777774; --line: #1f1f1f; --solid: #f4f4f1; --solid-ink: #0d0d0d; --fill: #1b1b1b; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { color: inherit; } .app { display: flex; min-height: 100vh; } /* ── Sidebar ──────────────────────────────────────────────────── */ .sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-w); background: transparent; display: flex; flex-direction: column; padding: 64px 22px 22px; z-index: 10; } .brand { display: inline-flex; align-items: center; line-height: 0; text-decoration: none; } /* Monolith mark — ox silhouette. Painted with --ink through a mask so it flips to white in dark mode. */ .mark { width: auto; height: 44px; aspect-ratio: 2248 / 1776; background: var(--ink); -webkit-mask: var(--mark) center / contain no-repeat; mask: var(--mark) center / contain no-repeat; display: block; flex: none; } .nav-toggle { display: none; width: 40px; height: 34px; align-items: center; justify-content: center; background: none; border: 0; padding: 0; cursor: pointer; } .nav-toggle__lines, .nav-toggle__lines::before, .nav-toggle__lines::after { content: ""; display: block; width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform 0.2s ease, opacity 0.2s ease; } .nav-toggle__lines { position: relative; } .nav-toggle__lines::before { position: absolute; top: -7px; left: 0; } .nav-toggle__lines::after { position: absolute; top: 7px; left: 0; } .sidebar.is-open .nav-toggle__lines { background: transparent; } .sidebar.is-open .nav-toggle__lines::before { transform: translateY(7px) rotate(45deg); } .sidebar.is-open .nav-toggle__lines::after { transform: translateY(-7px) rotate(-45deg); } .nav { margin-top: 28px; display: flex; flex-direction: column; gap: 1px; } .nav__item { display: flex; align-items: baseline; gap: 12px; padding: 7px 10px; border-radius: 7px; text-decoration: none; font-family: var(--sans); font-size: 13px; font-weight: 300; letter-spacing: 0.1px; color: var(--ink); transition: background 0.15s ease; } .nav__item:hover { background: color-mix(in srgb, var(--ink) 5%, transparent); } .nav__item.is-active { background: var(--fill); } .nav__num { font-family: var(--mono); color: var(--muted); font-size: 11px; font-weight: 400; min-width: 20px; } .sidebar__footer { margin-top: auto; } .mode { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); background: var(--bg); cursor: pointer; border-radius: 999px; padding: 6px 12px; font-family: var(--sans); font-size: 12px; font-weight: 300; color: var(--ink); transition: background 0.15s ease; } .mode:hover { background: var(--fill); } .mode__icon { font-size: 12px; line-height: 1; } /* ── Main ─────────────────────────────────────────────────────── */ .main { margin-left: 0; flex: 1; min-width: 0; display: flex; flex-direction: column; } .rule { border: 0; border-top: 1px solid var(--line); width: var(--content-w); max-width: calc(100% - 44px); margin: 0 auto; } .careers + .rule { width: 720px; } /* Hero */ .hero { display: flex; align-items: center; justify-content: center; padding: 68px 24px 36px; } .hero__mark { width: auto; height: 84px; aspect-ratio: 2248 / 1776; background: var(--ink); -webkit-mask: var(--mark) center / contain no-repeat; mask: var(--mark) center / contain no-repeat; display: block; } /* ── Sections ─────────────────────────────────────────────────── */ html { scroll-behavior: smooth; } .section { padding: 84px 24px; scroll-margin-top: 24px; } .section__num { font-family: var(--mono); font-size: 12px; color: var(--muted); margin: 0 0 24px; } .section__num--center { text-align: center; } .section__title { font-family: var(--serif); font-weight: 500; font-size: 30px; line-height: 1.25; letter-spacing: 0.1px; margin: 0; color: var(--ink); } .section__title--center { text-align: center; width: var(--content-w); max-width: 100%; margin-left: auto; margin-right: auto; } .section__title--brand { letter-spacing: 3px; font-size: 34px; } .section__byline { display: block; font-family: var(--serif); font-style: italic; font-size: 15px; line-height: 1.5; color: color-mix(in srgb, var(--ink) 55%, transparent); text-align: center; margin: 20px 0 0; } .section__byline a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color 0.15s ease; } .section__byline a:hover { color: var(--ink); } /* Academic footnote reference + note */ .footnote-ref { font-size: 0.34em; font-weight: 400; letter-spacing: normal; vertical-align: super; line-height: 0; } .footnote-ref a { text-decoration: none; color: var(--muted-2); } .footnote-ref a:hover { color: var(--ink); } .footnotes { width: var(--content-w); max-width: 100%; margin: 52px auto 0; } .footnotes::before { content: ""; display: block; width: 520px; max-width: 100%; border-top: 1px solid var(--line); margin-bottom: 16px; } .footnote { font-family: var(--serif); font-style: normal; font-size: 14px; line-height: 1.55; color: var(--muted-2); margin: 0; } .footnote__num { font-style: normal; font-size: 0.72em; margin-right: 3px; } /* Intro: centered header + centered prose column */ .section--intro { padding-top: 20px; padding-bottom: 60px; } .prose { width: var(--content-w); max-width: 100%; margin: 56px auto 0; } .prose p { font-family: var(--serif); font-size: 18px; line-height: 1.6; color: var(--ink-soft); margin: 0 0 24px; } .prose p:last-child { margin-bottom: 0; } .prose__fade { background: linear-gradient( to bottom, var(--ink-soft) 0%, var(--ink-soft) 18%, var(--muted) 78% ); -webkit-background-clip: text; background-clip: text; color: transparent; } /* Numbered sections (Join us / Contact) */ .section:not(.section--intro) { min-height: 34vh; } .section:not(.section--intro) .section__num, .section:not(.section--intro) .section__body { width: var(--content-w); max-width: 100%; margin-left: auto; margin-right: auto; } .section:not(.section--intro) .section__num { margin-bottom: 22px; text-align: center; } .section:not(.section--intro) .actions { justify-content: center; } .section__lead { font-family: var(--serif); font-weight: 400; font-size: 18px; line-height: 1.6; color: var(--ink); margin: 0 0 26px; } .section__lead a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color 0.15s ease; } .section__lead a:hover { color: var(--muted-2); } /* ── Buttons ──────────────────────────────────────────────────── */ .actions { display: flex; flex-wrap: wrap; gap: 12px; } .btn { display: inline-flex; align-items: center; gap: 9px; border: 1px solid transparent; cursor: pointer; border-radius: 999px; padding: 10px 18px; font-family: var(--sans); font-size: 13px; font-weight: 450; text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease; } .btn__icon { font-size: 13px; line-height: 1; } .btn--solid { background: var(--solid); color: var(--solid-ink); } .btn--solid:hover { opacity: 0.86; } .btn--fill { background: var(--fill); color: var(--ink); } .btn--fill:hover { background: color-mix(in srgb, var(--ink) 10%, transparent); } .btn--ghost { background: var(--bg); color: var(--ink); border-color: var(--line); } .btn--ghost:hover { background: var(--fill); } .btn--join { background: #6B8159; color: #fff; border-color: #6B8159; } .btn--join:hover { background: #5E724E; border-color: #5E724E; } /* ── Careers page ─────────────────────────────────────────────── */ .careers { width: 720px; max-width: 100%; margin: 0 auto; padding: 96px 24px 88px; } .jobs { margin-top: 64px; } .jobs__status { font-family: var(--serif); font-style: italic; font-size: 16px; color: var(--muted-2); text-align: center; margin: 40px 0; } .jobs__status a { color: var(--ink); } .jobs__group + .jobs__group { margin-top: 48px; } .jobs__dept { display: flex; align-items: baseline; gap: 8px; font-family: var(--mono); font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--muted-2); margin: 0 0 6px; padding-bottom: 10px; border-bottom: 1px solid var(--line); } .jobs__count { color: var(--muted); } .job { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 18px 8px 18px 4px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); border-radius: 6px; cursor: pointer; transition: background 0.15s ease, padding 0.15s ease; } .job:hover { background: var(--fill); padding-left: 12px; padding-right: 12px; } .job__main { display: flex; flex-direction: column; gap: 5px; min-width: 0; } .job__title { font-family: var(--serif); font-size: 19px; line-height: 1.3; } .job__meta { font-family: var(--sans); font-size: 13px; font-weight: 300; color: var(--muted-2); } .job__aside { display: flex; align-items: baseline; gap: 14px; flex-shrink: 0; font-family: var(--sans); font-size: 13px; color: var(--muted-2); } .job__comp { white-space: nowrap; } .job__arrow { color: var(--muted); transition: transform 0.15s ease, color 0.15s ease; } .job:hover .job__arrow { color: var(--ink); transform: translate(2px, -2px); } /* ── Application modal ─────────────────────────────────────────── */ .modal { position: fixed; inset: 0; z-index: 100; display: none; } .modal.is-open { display: block; } .modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); } html[data-theme="dark"] .modal__backdrop { background: rgba(0, 0, 0, 0.62); } .modal__panel { position: relative; background: var(--bg); color: var(--ink); width: min(560px, calc(100% - 32px)); max-height: calc(100vh - 48px); overflow: auto; margin: 24px auto; border-radius: 14px; border: 1px solid var(--line); padding: 42px 42px 36px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22); } .modal__close { position: absolute; top: 16px; right: 18px; background: none; border: 0; font-size: 26px; line-height: 1; color: var(--muted-2); cursor: pointer; } .modal__close:hover { color: var(--ink); } .modal__eyebrow { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--muted-2); margin: 0 0 8px; } .modal__title { font-family: var(--serif); font-weight: 500; font-size: 26px; line-height: 1.2; margin: 0 0 26px; color: var(--ink); } .form-group { display: flex; flex-direction: column; gap: 7px; margin-bottom: 20px; } .form-group > label { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.8px; color: var(--muted-2); } .form-group input[type="text"], .form-group input[type="email"], .form-group textarea { font-family: var(--sans); font-size: 15px; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 8px 0; outline: none; width: 100%; transition: border-color 0.15s ease; } .form-group input:focus, .form-group textarea:focus { border-bottom-color: var(--ink); } .form-group textarea { min-height: 110px; resize: vertical; line-height: 1.55; } .dropzone { border: 1px dashed var(--muted); border-radius: 10px; padding: 20px; text-align: center; cursor: pointer; font-family: var(--sans); font-size: 14px; color: var(--muted-2); transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; } .dropzone:hover, .dropzone.is-drag { border-color: var(--ink); background: var(--fill); } .dropzone.has-file { color: var(--ink); border-style: solid; border-color: var(--line); } .dropzone input[type="file"] { display: none; } .form-submit { display: flex; justify-content: flex-end; margin-top: 6px; } .form-success { display: none; font-family: var(--serif); font-size: 16px; line-height: 1.5; color: var(--ink); } /* ── Footer ───────────────────────────────────────────────────── */ .footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; padding: 28px 32px; margin-top: auto; } .footer__left, .footer__right { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; font-family: var(--sans); font-size: 12px; color: var(--muted-2); } .footer a { text-decoration: none; color: var(--muted-2); } .footer a:hover { color: var(--ink); } .footer__brand { color: var(--muted-2); } /* ── Responsive ───────────────────────────────────────────────── */ @media (max-width: 860px) { .app { flex-direction: column; } .sidebar { position: sticky; top: 0; width: 100%; height: auto; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 14px; padding: 12px 16px; background: var(--bg); border-right: 0; border-bottom: 1px solid var(--line); z-index: 20; } .brand { order: 1; } .mark { height: 30px; } .nav-toggle { display: inline-flex; order: 2; margin-left: auto; } .nav { order: 3; flex-basis: 100%; margin: 4px 0 0; padding: 8px 0 2px; border-top: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 2px; display: none; } .sidebar.is-open .nav { display: flex; } .nav__item { padding: 11px 8px; } .sidebar__footer { order: 4; flex-basis: 100%; display: none; margin: 0; padding-bottom: 6px; } .sidebar.is-open .sidebar__footer { display: block; } .main { margin-left: 0; } .hero { padding: 48px 24px 18px; } .hero__mark { height: 58px; } .section { padding: 52px 22px; } .section--intro { padding-top: 16px; padding-bottom: 56px; } .prose { margin-top: 36px; } .footnotes { margin-top: 40px; } .section__title { font-size: 25px; } .section:not(.section--intro) { min-height: auto; } .section:not(.section--intro) .section__num { margin-bottom: 16px; } .careers { padding: 56px 22px 64px; } .jobs { margin-top: 44px; } .modal__panel { padding: 36px 24px 30px; } } @media (max-width: 560px) { .job { flex-direction: column; gap: 8px; } .job__aside { gap: 10px; } } @media (max-width: 520px) { .section__lead br { display: none; } .section__title br { display: none; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }